@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#070c18;--bg-surface:#0c1526;--bg-card:#111f35;--bg-elevated:#162440;--bg-hover:#192849;--bg-input:#0c1526;--bg-input-hover:#111f35;--border:#182640;--border-light:#1f3154;--border-hover:#2a4270;--border-focus:#f59e0b;--accent:#f59e0b;--accent-hover:#d97706;--accent-press:#b45309;--accent-dim:#f59e0b1a;--accent-glow:#f59e0b2e;--accent-text:#fbbf24;--text:#dde4f0;--text-2:#8494b2;--text-3:#4e6080;--text-on-accent:#0c1526;--success:#10b981;--success-text:#34d399;--success-bg:#10b98114;--success-border:#10b9812e;--warning:#f59e0b;--warning-text:#fbbf24;--warning-bg:#f59e0b14;--warning-border:#f59e0b2e;--danger:#ef4444;--danger-text:#f87171;--danger-bg:#ef444414;--danger-border:#ef44442e;--info:#3b82f6;--info-text:#60a5fa;--info-bg:#3b82f614;--info-border:#3b82f62e;--purple:#8b5cf6;--purple-text:#a78bfa;--purple-bg:#8b5cf614;--purple-border:#8b5cf62e;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 6px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-accent:0 4px 20px #f59e0b40;--sidebar-w:252px;--header-h:60px;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:9999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.3s}[data-theme=light]{--bg:#f0f4f9;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f8fafc;--bg-hover:#f1f5f9;--bg-input:#f8fafc;--bg-input-hover:#f1f5f9;--border:#e2e8f0;--border-light:#cbd5e1;--border-hover:#94a3b8;--border-focus:#f59e0b;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--text-on-accent:#fff;--success:#059669;--success-text:#047857;--success-bg:#05966912;--success-border:#0596692e;--warning:#d97706;--warning-text:#b45309;--warning-bg:#d9770612;--warning-border:#d977062e;--danger:#dc2626;--danger-text:#b91c1c;--danger-bg:#dc262612;--danger-border:#dc26262e;--info:#2563eb;--info-text:#1d4ed8;--info-bg:#2563eb12;--info-border:#2563eb2e;--purple:#7c3aed;--purple-text:#6d28d9;--purple-bg:#7c3aed12;--purple-border:#7c3aed2e;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 6px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-accent:0 4px 20px #f59e0b33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .28s var(--ease), color .2s;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55}#root{min-height:100vh}a{color:inherit;text-decoration:none}img,svg{display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--r-full);transition:background var(--dur-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;height:100vh;transition:transform var(--dur-slow) var(--ease), background-color .28s var(--ease), border-color .2s;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:11px;padding:18px 16px 16px;transition:border-color .2s;display:flex}.sidebar-logo-icon{background:var(--accent);border-radius:var(--r-md);width:38px;height:38px;box-shadow:var(--shadow-accent);transition:box-shadow var(--dur-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-icon span{color:var(--text-on-accent);letter-spacing:-.5px;font-size:17px;font-weight:800}.sidebar-logo-text{min-width:0}.sidebar-logo-text h1{color:var(--text);letter-spacing:-.3px;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2}.sidebar-logo-text p{color:var(--text-3);white-space:nowrap;margin-top:1px;font-size:11.5px}.sidebar-nav{flex:1;padding:10px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.nav-section{margin-bottom:18px}.nav-section-label{color:var(--text-3);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;padding:0 10px;font-size:10px;font-weight:700}.nav-link{border-radius:var(--r-md);color:var(--text-2);cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13.5px;font-weight:500;line-height:1.4;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:var(--accent-dim);color:var(--accent-text);font-weight:600}.nav-link.active:before{content:"";background:var(--accent);border-radius:0 var(--r-xs) var(--r-xs) 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{opacity:.55;width:17px;height:17px;transition:opacity var(--dur-fast);flex-shrink:0}.nav-link:hover .nav-icon{opacity:.85}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 10px;transition:border-color .2s}.user-card{border-radius:var(--r-md);align-items:center;gap:9px;padding:8px 10px;display:flex}.user-avatar{background:var(--accent-dim);border:1.5px solid var(--accent-glow);width:34px;height:34px;color:var(--accent-text);letter-spacing:.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-info-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-info-role{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.logout-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-btn:hover{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.main-content{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--dur-slow) var(--ease);background:var(--bg);flex-direction:column;flex:1;display:flex}.topbar{height:var(--header-h);z-index:40;background:color-mix(in srgb, var(--bg-surface) 85%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom:1px solid var(--border);transition:background-color .28s var(--ease), border-color .2s;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.theme-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-btn:hover{background:var(--bg-hover);color:var(--accent-text);border-color:var(--accent-glow)}.menu-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.menu-btn:hover{background:var(--bg-hover);color:var(--text)}.page-body{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:26px 28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header-left h2{color:var(--text);letter-spacing:-.4px;font-size:21px;font-weight:700;line-height:1.25}.page-header-left p{color:var(--text-3);margin-top:4px;font-size:13px;line-height:1.5}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:background-color .28s var(--ease), border-color .2s, box-shadow .2s;padding:22px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-title{color:var(--text);letter-spacing:-.2px;font-size:14px;font-weight:650}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);transition:border-color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-base) var(--ease), background-color .28s var(--ease);align-items:center;gap:16px;padding:20px;display:flex}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}a .stat-card--link:hover,.stat-card--link:hover{border-color:var(--accent-glow);box-shadow:0 4px 20px var(--accent-dim)}.stat-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-info{flex:1;min-width:0}.stat-label{color:var(--text-3);letter-spacing:.01em;margin-bottom:4px;font-size:12px;font-weight:500}.stat-value{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.1}.stat-sub{color:var(--text-3);margin-top:4px;font-size:11.5px}.btn{border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), transform 80ms;white-space:nowrap;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none!important}.btn-sm{gap:5px;padding:5px 12px;font-size:12.5px}.btn-lg{padding:10px 22px;font-size:14.5px}.btn-icon{padding:8px}.btn-icon.btn-sm{padding:6px}.btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 1px 3px #0003, var(--shadow-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000040,0 4px 24px #f59e0b4d}.btn-primary:active{transform:scale(.97)translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.btn-danger:hover{background:#ef444426;box-shadow:0 2px 8px #ef444426}.btn-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.btn-success:hover{background:#10b98126;box-shadow:0 2px 8px #10b98126}.btn-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.btn-info:hover{background:#3b82f626;box-shadow:0 2px 8px #3b82f626}.badge{border-radius:var(--r-full);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge svg{width:10px;height:10px}.badge-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.badge-purple{background:var(--purple-bg);color:var(--purple-text);border-color:var(--purple-border)}.badge-neutral{background:var(--bg-elevated);color:var(--text-2);border-color:var(--border-light)}.badge-accent{background:var(--accent-dim);color:var(--accent-text);border-color:var(--accent-glow)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-2);letter-spacing:.01em;font-size:12.5px;font-weight:600}.form-label .required{color:var(--danger-text);margin-left:3px}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-light);border-radius:var(--r-md);width:100%;color:var(--text);transition:border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;line-height:1.45}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover);background:var(--bg-input-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background:var(--bg-input);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}.form-select option{background:var(--bg-card);color:var(--text)}.form-textarea{resize:vertical;min-height:88px;line-height:1.6}.form-input:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-elevated)}.form-error{color:var(--danger-text);align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.form-hint{color:var(--text-3);margin-top:2px;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.search-input-wrap{flex:1;min-width:220px;max-width:380px;position:relative}.search-input-wrap svg{width:15px;height:15px;color:var(--text-3);pointer-events:none;transition:color var(--dur-fast);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input-wrap:focus-within svg{color:var(--accent-text)}.search-input-wrap .form-input{border-radius:var(--r-lg);padding-left:36px}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border);overflow-x:auto}.table-wrap::-webkit-scrollbar{height:4px}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table thead{background:var(--bg-elevated);z-index:1;position:sticky;top:0}.table th{text-align:left;color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;border-bottom:1.5px solid var(--border);white-space:nowrap;transition:color var(--dur-fast);padding:11px 16px;font-size:11.5px;font-weight:700}.table td{color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle;transition:background var(--dur-fast);padding:13px 16px;line-height:1.45}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-hover);color:var(--text)}.table td.text-strong{color:var(--text);font-weight:600}.table-empty{text-align:center;color:var(--text-3);padding:56px 24px;font-size:13.5px}.table-empty-icon{opacity:.25;width:48px;height:48px;margin:0 auto 14px}.table-empty-title{color:var(--text-2);margin-bottom:6px;font-size:15px;font-weight:600}.table-empty-desc{color:var(--text-3);font-size:13px}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px)saturate(.8);animation:fadeIn var(--dur-base) var(--ease);background:#0000008c;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--bg-surface);border-left:1px solid var(--border);width:440px;max-width:100vw;height:100vh;animation:slideIn .24s var(--ease);box-shadow:var(--shadow-xl);transition:background-color .28s var(--ease), border-color .2s;flex-direction:column;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);transition:background-color .28s var(--ease), border-color .2s;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.drawer-title{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:700}.drawer-close{border-radius:var(--r-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;justify-content:center;align-items:center;display:flex}.drawer-close:hover{background:var(--bg-hover);color:var(--text)}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background:var(--bg-elevated);transition:background-color .28s var(--ease), border-color .2s;flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--dur-base) var(--ease);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-2xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:scaleIn .2s var(--ease);transition:background-color .28s var(--ease), border-color .2s;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 18px;display:flex}.modal-title{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:700}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);background:var(--bg-elevated);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.alert{border-radius:var(--r-md);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.alert svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.alert-error{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.alert-info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:background-color .28s var(--ease), border-color .2s;overflow:hidden}.detail-panel-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);transition:background-color .28s var(--ease), border-color .2s;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.detail-panel-title{color:var(--text);font-size:14px;font-weight:700}.detail-panel-body{padding:20px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.detail-item-label{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:600}.detail-item-value{color:var(--text);font-size:14px;font-weight:500}.skeleton{background:linear-gradient(90deg, var(--bg-hover) 0%, var(--border-light) 40%, var(--bg-hover) 80%);border-radius:var(--r-sm);background-size:300% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}.spinner{border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}.spinner-lg{border-width:2.5px;width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.list-item{border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;background:var(--bg-card);transition:border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast);text-align:left;width:100%;padding:13px 16px;display:block}.list-item:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-xs)}.list-item.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.list-item-title{color:var(--text);font-size:13.5px;font-weight:600}.list-item-sub{color:var(--text-3);margin-top:3px;font-size:12px}.checkbox-label{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;line-height:1.4;display:inline-flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.tabs{border-bottom:1.5px solid var(--border);gap:2px;margin-bottom:22px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:0}.tab-btn{color:var(--text-3);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);white-space:nowrap;border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1.5px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600}.tab-btn:hover{color:var(--text-2);background:var(--bg-hover)}.tab-btn.active{color:var(--accent-text);border-bottom-color:var(--accent)}.divider{background:var(--border);height:1px;margin:18px 0}.divider-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border);flex:1;height:1px}.notif-bell-wrap{flex-shrink:0;position:relative}.notif-bell-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell-btn:hover{background:var(--bg-hover);color:var(--accent-text);border-color:var(--accent-glow)}.notif-badge{border-radius:var(--r-full);background:var(--danger);color:#fff;border:1.5px solid var(--bg-surface);justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;animation:2s infinite pulse;display:flex;position:absolute;top:4px;right:4px}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.notif-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(380px,100vw - 24px);max-height:min(440px,72vh);box-shadow:var(--shadow-xl);z-index:80;animation:dropdownIn .16s var(--ease);transition:background-color .28s var(--ease), border-color .2s;flex-direction:column;display:flex;position:absolute;top:42px;right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-dropdown-head{border-bottom:1px solid var(--border);color:var(--text);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13.5px;font-weight:700;display:flex}.notif-link-btn{color:var(--accent);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:none;padding:3px 0;font-family:inherit;font-size:12px;font-weight:600}.notif-link-btn:hover{color:var(--accent-hover);text-decoration:underline}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-3);padding:28px 20px;font-size:13px}.notif-item{border-bottom:1px solid var(--border)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#3b82f60a}.notif-item-link{color:inherit;transition:background var(--dur-fast);padding:11px 14px;text-decoration:none;display:block}.notif-item-link:hover{background:var(--bg-hover)}.notif-title{color:var(--text);font-size:13px;font-weight:600}.notif-body{color:var(--text-2);margin-top:3px;font-size:12px;line-height:1.45}.notif-meta{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(2px);animation:fadeIn var(--dur-base) var(--ease);background:#000000a6;display:none;position:fixed;inset:0}.mono{font-family:JetBrains Mono,Fira Mono,monospace;font-size:.92em}.text-accent{color:var(--accent-text)}.text-muted{color:var(--text-3)}.text-secondary{color:var(--text-2)}.text-success{color:var(--success-text)}.text-warning{color:var(--warning-text)}.text-danger{color:var(--danger-text)}.text-info{color:var(--info-text)}.text-purple{color:var(--purple-text)}.text-right{text-align:right}.text-center{text-align:center}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state-icon{width:52px;height:52px;color:var(--text-3);opacity:.4;margin-bottom:4px}.empty-state-title{color:var(--text-2);letter-spacing:-.2px;font-size:16px;font-weight:700}.empty-state-desc{color:var(--text-3);max-width:320px;font-size:13.5px;line-height:1.6}.section-title{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);transition:background-color .28s var(--ease), border-color .2s;padding:36px}@media (width<=768px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.menu-btn{display:inline-flex}.page-body{padding:16px}.topbar{padding:0 16px}.topbar-title{font-size:15px}.drawer{border-left:none;width:100vw}.drawer-header,.drawer-footer,.drawer-body{padding:16px}.modal{border-radius:var(--r-xl)}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px}.card{border-radius:var(--r-lg);padding:16px}.stat-card{gap:12px;padding:16px}.stat-value{font-size:20px}.stat-icon{width:40px;height:40px}.page-header{margin-bottom:18px}.page-header-left h2{font-size:18px}.table th,.table td{padding:10px 12px}.search-input-wrap{max-width:100%}.notif-dropdown{border-radius:var(--r-lg);width:calc(100vw - 16px);right:-8px}}@media (width<=480px){.page-header{flex-direction:column}.page-header-actions{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.search-input-wrap{min-width:0;max-width:100%}.btn-lg{padding:9px 16px;font-size:14px}.page-body{padding:12px}.card{padding:14px}.stat-card{flex-direction:row}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}