@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #0a0a0f;--bg-midnight: #0f0c29;--bg-violet: #1a0f3d;--bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--bg-gradient-alt: radial-gradient(circle at 20% 50%, #302b63 0%, #0f0c29 50%, #1a0f3d 100%);--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-glow: rgba(99, 102, 241, .4);--primary-glow-strong: rgba(99, 102, 241, .6);--accent-500: #ec4899;--accent-600: #db2777;--accent-glow: rgba(236, 72, 153, .4);--accent-glow-strong: rgba(236, 72, 153, .6);--neon-cyan: #00f5ff;--neon-cyan-glow: rgba(0, 245, 255, .3);--glass-surface: rgba(255, 255, 255, .05);--glass-surface-light: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .2);--glass-text: rgba(255, 255, 255, .9);--glass-text-muted: rgba(255, 255, 255, .6);--bg-surface: rgba(30, 27, 75, .6);--bg-surface-hover: rgba(30, 27, 75, .8);--bg-sidebar: rgba(15, 12, 41, .85);--bg-card: rgba(26, 15, 61, .4);--text-main: #ffffff;--text-muted: #94a3b8;--text-subtle: #64748b;--border: var(--glass-border);--border-strong: var(--glass-border-strong);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--shadow-glow-accent: 0 0 20px var(--accent-glow);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}:root.light{--bg-deep: #f8fafc;--bg-midnight: #ffffff;--bg-violet: #f1f5f9;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);--bg-gradient-alt: radial-gradient(circle at 20% 50%, #e2e8f0 0%, #f8fafc 50%, #f1f5f9 100%);--glass-surface: rgba(0, 0, 0, .03);--glass-surface-light: rgba(0, 0, 0, .05);--glass-border: rgba(0, 0, 0, .1);--glass-border-strong: rgba(0, 0, 0, .15);--glass-text: rgba(15, 23, 42, .9);--glass-text-muted: rgba(15, 23, 42, .6);--bg-surface: rgba(255, 255, 255, .8);--bg-surface-hover: rgba(255, 255, 255, .95);--bg-sidebar: rgba(255, 255, 255, .9);--bg-card: rgba(255, 255, 255, .6);--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-sans);background:var(--bg-deep);background-image:var(--bg-gradient-alt);background-attachment:fixed;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.glass{background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.glass-strong{background:var(--glass-surface-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-strong)}.shell{display:flex;min-height:100vh;background:var(--bg-deep);background-image:var(--bg-gradient-alt);background-attachment:fixed}.sidebar{width:280px;min-width:280px;background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:var(--space-6);position:sticky;top:0;height:100vh;overflow-y:auto;transition:all .3s ease;z-index:100}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.hamburger-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease;min-width:auto}.hamburger-btn:hover{background:var(--glass-surface)}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger span{display:block;height:2px;width:100%;background:var(--text-main);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sidebar-collapsed{width:72px;min-width:72px;padding:var(--space-4);overflow:visible}.sidebar-collapsed .sidebar-header{padding:0;margin:0;justify-content:center}.sidebar-collapsed .logo,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-backdrop{display:none}@media (min-width: 769px){.sidebar-backdrop{display:none!important}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}.logo{font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;padding-bottom:var(--space-6);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--glass-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;margin-bottom:var(--space-1);font-weight:500;font-size:.95rem;position:relative;white-space:nowrap}.nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:24px;flex-shrink:0}.nav-label{transition:opacity .2s ease}.nav-item:hover{background:var(--glass-surface);color:var(--text-main);transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,var(--primary-500),var(--accent-500));color:#fff;box-shadow:var(--shadow-glow);font-weight:600}.nav-item.active .nav-icon{filter:brightness(0) invert(1)}.nav-item-collapsed{justify-content:center;padding:var(--space-3);margin-bottom:var(--space-2)}.nav-item-collapsed .nav-label{position:absolute;left:calc(100% + var(--space-2));background:var(--bg-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;white-space:nowrap;z-index:1000;transition:opacity .2s ease;font-size:.875rem;color:var(--text-main)}.nav-item-collapsed:hover .nav-label{opacity:1;pointer-events:auto}.nav-item-collapsed.active .nav-label{opacity:1;pointer-events:auto;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));color:#fff}.nav-item-collapsed.active{transform:none}.nav-item-collapsed:hover{transform:none;background:var(--glass-surface)}.mobile-menu-btn{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:998;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--glass-border);display:flex;flex-direction:column}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-trigger:hover{background:var(--glass-surface)}.user-menu-trigger-collapsed{justify-content:center;padding:var(--space-2)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0;transition:all .2s ease}.user-menu-trigger:hover .user-avatar{transform:scale(1.05);box-shadow:var(--shadow-glow)}.user-menu-info{flex:1;min-width:0}.user-menu-info .user-name{font-weight:600;color:var(--text-main);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-info .user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-arrow{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.user-menu-dropdown{position:absolute;bottom:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:1000;min-width:240px;animation:slideUp .2s ease}.user-menu-dropdown-collapsed{left:calc(100% + var(--space-2));bottom:0;right:auto;min-width:280px;animation:slideRight .2s ease}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4)}.user-avatar-large{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem;flex-shrink:0}.user-menu-header-info{flex:1;min-width:0}.user-menu-header-info .user-name{font-weight:600;color:var(--text-main);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-header-info .user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.user-menu-divider{height:1px;background:var(--glass-border);margin:var(--space-3) 0}.user-menu-section{display:flex;flex-direction:column;gap:var(--space-2)}.user-menu-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.user-menu-select{width:100%;padding:var(--space-2) var(--space-3);background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;cursor:pointer;transition:all .2s ease}.user-menu-select:hover{border-color:var(--glass-border-strong)}.user-menu-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)}.user-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-item:hover{background:var(--glass-surface)}.user-menu-item-danger{color:#ef4444}.user-menu-item-danger:hover{background:#ef44441a}.user-name{font-weight:600;color:var(--text-main);font-size:.95rem}.user-role{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.content{flex:1;padding:var(--space-8);max-width:100%;width:100%;overflow-x:hidden}.shell-page{width:100%}.panel,.card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all .3s ease}.panel:hover,.card:hover{box-shadow:var(--shadow-lg);border-color:var(--glass-border-strong);transform:translateY(-2px)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.panel-header h1,.panel-header h2{margin:0;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.panel-header h1{font-size:2rem}.panel-header h2{font-size:1.5rem}.panel-header p.muted{margin-top:var(--space-2);color:var(--text-muted);font-size:.95rem}.grid{display:grid;gap:var(--space-6)}.grid.two{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .3s ease}.stat-card:hover{border-color:var(--primary-500);box-shadow:0 0 20px var(--primary-glow)}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:2.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;box-shadow:var(--shadow-glow)}.btn.primary:hover{box-shadow:var(--shadow-glow-strong),var(--shadow-md);transform:translateY(-2px)}.btn.primary:active{transform:translateY(0)}.btn.secondary{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-main)}.btn.secondary:hover{background:var(--glass-surface-light);border-color:var(--primary-500);box-shadow:0 0 15px var(--primary-glow)}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn.danger:hover{box-shadow:0 0 20px #ef444480}.btn.ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn.ghost:hover{background:var(--glass-surface);color:var(--text-main);border-color:var(--glass-border)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn.small{padding:8px 16px;font-size:.85rem}.btn.w-full{width:100%}.form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}label{font-weight:500;color:var(--text-main);font-size:.9rem;display:block}input,select,textarea{width:100%;padding:12px 16px;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-size:1rem;font-family:var(--font-sans);transition:all .3s ease}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-sm);background:var(--glass-surface-light)}input[type=search]{padding-left:40px}.select-compact{padding:10px 36px 10px 14px;background-color:var(--glass-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--glass-border);color:var(--text-main);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}:root.light .select-compact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230f172a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.select-compact:hover{border-color:var(--primary-500);background-color:var(--glass-surface-light)}.select-compact:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-sm)}.select-compact::-ms-expand{display:none}select.select-compact{-webkit-appearance:none;-moz-appearance:none;appearance:none}select:not(.select-compact){padding:10px 36px 10px 14px;background-color:var(--glass-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}:root.light select:not(.select-compact){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230f172a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}select::-ms-expand{display:none}select option{background:var(--bg-surface);color:var(--text-main)}select:focus,select:active{background-color:var(--glass-surface)!important;color:var(--text-main)!important}select option:checked{background:var(--primary-500);color:#fff}select option:hover{background:var(--primary-400);color:#fff}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:calc(100% + 2 * var(--space-6));margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));padding-left:var(--space-6);padding-right:var(--space-6)}.datatable{width:100%;border-collapse:separate;border-spacing:0}.datatable th{background:var(--glass-surface);color:var(--text-main);font-weight:600;padding:var(--space-4);border-bottom:1px solid var(--glass-border);font-size:.875rem;text-align:left;text-transform:uppercase;letter-spacing:.05em}.datatable td{padding:var(--space-4);border-bottom:1px solid var(--glass-border);color:var(--glass-text);vertical-align:middle}.datatable tr:last-child td{border-bottom:none}.datatable tr:hover td{background:var(--glass-surface)}.datatable-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.card-list{display:grid;gap:var(--space-4)}.card-list .card{padding:var(--space-5)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge.warning{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge.danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge.blue{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.pv-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-base{font-size:1rem}.text-xs{font-size:.75rem}.text-main{color:var(--text-main)}.whitespace-nowrap{white-space:nowrap}.h-full{height:100%}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-muted{color:var(--text-muted)}.small{font-size:.875rem}.strong{font-weight:600}.muted{color:var(--text-muted)}.error{padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.9rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-deep);background-image:var(--bg-gradient-alt);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.auth-card{width:100%;max-width:450px;padding:var(--space-10);background:var(--glass-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;z-index:1}.auth-card h1{font-size:2rem;font-weight:800;margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-with-toggle{display:flex;gap:var(--space-2);align-items:center}.input-with-toggle input{flex:1}.pagination{display:flex;align-items:center;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);transition:background .2s}.list-row:hover{background:var(--glass-surface)}.border-bottom{border-bottom:1px solid var(--glass-border)}.border-top{border-top:1px solid var(--glass-border)}.chart{width:100%;height:300px;border-radius:var(--radius-lg)}@media (max-width: 1024px){.sidebar{width:240px;min-width:240px}.content{padding:var(--space-6)}}@media (max-width: 768px){.shell{flex-direction:column}.mobile-menu-btn{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid var(--glass-border);border-bottom:none;flex-direction:column;padding:var(--space-6);overflow-y:auto}.sidebar:not(.sidebar-collapsed){transform:translate(0)}.sidebar-collapsed{transform:translate(-100%);width:280px;min-width:280px}.sidebar-backdrop{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{margin-bottom:var(--space-1)}.nav-item-collapsed{justify-content:flex-start;padding:var(--space-3) var(--space-4)}.nav-item-collapsed .nav-label{position:static;opacity:1;pointer-events:auto;background:transparent;border:none;box-shadow:none;padding:0}.logo{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--glass-border);margin-right:0}.sidebar-footer{display:flex}.user-menu-dropdown-collapsed{left:0;right:0;bottom:calc(100% + var(--space-2));min-width:auto}.content{padding:var(--space-4);padding-top:calc(var(--space-4) + 50px)}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.table-wrapper{display:none}.card-list{display:grid}.auth-card{padding:var(--space-6)}.hide-md{display:none!important}.show-md{display:block!important}}@media (min-width: 769px){.table-wrapper{display:block}.card-list{display:none}.hide-md{display:block!important}.show-md{display:none!important}}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-strong)}