@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #2b3d8d;--primary-hover: #88aff9;--secondary: #dac9bf;--bg-dark: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--accent: #2b3d8d;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--input-bg: rgba(0, 0, 0, .03)}.dark{--primary: #88aff9;--primary-hover: #2b3d8d;--secondary: #dac9bf;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .5);--text-main: #f1f5f9;--text-muted: #94a3b8;--accent: #88aff9;--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);background:var(--bg-dark);min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}.btn-premium{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-premium:hover{background:transparent;color:var(--primary);border-color:var(--primary)}.input-premium{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;color:var(--text-main);width:100%;outline:none;transition:border-color .2s}.input-premium:focus{border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{position:relative;width:100%;max-height:90vh;overflow-y:auto;animation:modalSwipe .3s ease-out}@keyframes modalSwipe{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);padding:8px;border-radius:10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.table-row{transition:background-color .2s}.table-row:hover{background-color:#ffffff08}.item-card{padding:16px;border-radius:16px;border:1px solid var(--glass-border)}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.activo{background:#10b9811a;color:#10b981}.badge.inactivo{background:#ef44441a;color:#ef4444}@media(max-width:768px){.login-container{padding:16px!important}.login-card-content{padding:24px!important}.main-content{margin-left:0!important;padding:20px!important;width:100%!important}.sidebar{transform:translate(-150%)!important;margin:0!important;height:100vh!important;border-radius:0!important;z-index:100!important;top:0!important;left:0!important}.sidebar.open{transform:translate(0)!important}.sidebar-overlay{display:block!important;position:fixed!important;inset:0;background:#0000;z-index:90;pointer-events:none;transition:background .3s}.sidebar-overlay.active{background:#00000080;pointer-events:auto}.mobile-header{display:flex!important}}.mobile-header{display:none;align-items:center;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:80;gap:16px}.hamburger-btn{background:transparent;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar{width:280px;height:calc(100vh - 40px);margin:20px;display:flex;flex-direction:column;padding:32px 16px;position:fixed;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden}.main-content{flex:1;margin-left:320px;padding:40px 40px 40px 0;min-height:100vh;width:calc(100% - 320px);max-width:100vw;transition:margin-left .3s ease}.sidebar-overlay{display:none}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}