@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)}.sidebar-collapsed{width:60px;min-width:60px;padding:var(--space-4);overflow:visible}.sidebar-collapsed .sidebar-header{padding:0;margin:0;justify-content:center}.sidebar-collapsed .logo,.sidebar-collapsed nav,.sidebar-collapsed .sidebar-footer{display:none}.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}.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}.sidebar-footer{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-4)}.user-block{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--glass-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.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:1600px;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: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}.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)}.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}.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%)}.sidebar-backdrop{display:block!important}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{margin-bottom:var(--space-1)}.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}.content{padding:var(--space-4)}.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)}