:root{--accent: #2b7cd3;--accent-tint: #6fa8dc;--bg: #070b14;--bg-2: #0a101d;--surface: #2e2e2e;--surface-glass: rgba(46, 46, 46, .42);--surface-glass-deep: rgba(14, 19, 31, .55);--text: #ffffff;--text-2: #909090;--ok: #45a583;--warn: #cfa14f;--danger: #c98282;--border-glass: rgba(255, 255, 255, .12);--border-glass-strong: rgba(255, 255, 255, .2);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .09);--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 48px rgba(0, 0, 0, .45);--radius: 16px;--sidebar-w: 248px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:radial-gradient(1100px 700px at 85% -10%,rgba(43,124,211,.14),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(43,124,211,.08),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:var(--accent-tint);text-decoration:none}a:hover{color:var(--accent)}::selection{background:#2b7cd366}.glass{position:relative;background:linear-gradient(160deg,var(--surface-glass-deep) 0%,var(--surface-glass) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius);box-shadow:var(--shadow-1),var(--inset-top);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.glass.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-2),var(--inset-top);border-color:var(--border-glass-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:44px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff0f;color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:var(--shadow-1)}.btn:active{transform:translateY(0);box-shadow:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,var(--accent-tint) 0%,var(--accent) 100%);border-color:#6fa8dc80}.btn.primary:hover{box-shadow:0 2px 6px #0006,0 12px 32px #2b7cd359}.btn.danger{border-color:#c9828266;color:var(--danger)}.btn.danger:hover{background:#c982821f}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:500;color:var(--text-2)}.input,select.input{width:100%;padding:11px 14px;border:1px solid var(--border-glass);border-radius:10px;background:#00000040;color:var(--text);font:inherit;transition:border-color .16s ease,box-shadow .16s ease}select.input,select.input option,select.input optgroup{color-scheme:dark}select.input option{background-color:#1a2233;color:#e8ecf4}select.input option:checked,select.input option:hover{background-color:#24314b}.input::placeholder{color:#909090b3}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2b7cd340}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid}.chip.pending{color:var(--warn);border-color:#cfa14f59;background:#cfa14f1a}.chip.active{color:var(--ok);border-color:#45a58359;background:#45a5831a}.chip.suspended,.chip.rejected{color:var(--danger);border-color:#c9828259;background:#c982821a}.chip.tier1{color:var(--accent-tint);border-color:#6fa8dc59;background:#6fa8dc1f}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-card{width:100%;max-width:420px;padding:36px 32px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:26px;text-align:center}.auth-brand img{height:52px;width:auto}.auth-brand .wordmark{font-size:22px;font-weight:650;letter-spacing:.02em}.auth-brand .tagline{font-size:13px;color:var(--text-2)}.auth-title{font-size:18px;margin-bottom:4px}.auth-sub{font-size:14px;color:var(--text-2);margin-bottom:22px}.auth-alt{margin-top:20px;font-size:14px;color:var(--text-2);text-align:center}.auth-alt a{font-weight:550}.form-error{margin:0 0 16px;padding:10px 14px;border-radius:10px;border:1px solid rgba(201,130,130,.35);background:#c982821a;color:var(--danger);font-size:14px}.form-note{margin:0 0 16px;padding:10px 14px;border-radius:10px;border:1px solid rgba(69,165,131,.35);background:#45a5831a;color:var(--ok);font-size:14px}.status-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.status-card{max-width:460px;width:100%;padding:40px 36px;text-align:center}.status-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-glass);background:#ffffff0a;color:var(--warn)}.status-icon.suspended{color:var(--danger)}.status-card h2{font-size:20px;margin-bottom:10px}.status-card p{color:var(--text-2);font-size:14px;margin-bottom:24px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;padding:20px 14px;background:linear-gradient(180deg,#141a28bf,#0a0f1cd9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-glass)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.sidebar-brand img{height:32px;width:auto}.sidebar-brand .wordmark{font-weight:650;letter-spacing:.02em}.sidebar-brand .wordmark small{display:block;font-size:11px;font-weight:500;color:var(--text-2);letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-2);font-weight:500;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.nav a:hover{color:var(--text);background:#ffffff0d}.nav a.active{color:var(--text);background:linear-gradient(180deg,#2b7cd347,#2b7cd329);box-shadow:var(--inset-top),0 0 0 1px #6fa8dc40}.nav a svg{flex:0 0 auto;opacity:.9}.sidebar-footer{border-top:1px solid var(--border-glass);padding-top:12px}.user-card{display:flex;align-items:center;gap:10px;padding:8px 10px 12px}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(160deg,var(--accent-tint) 0%,var(--accent) 100%)}.user-meta{min-width:0}.user-meta .name{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .sub{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--border-glass);background:#0a0f1cb8}.topbar-brand{display:flex;align-items:center}.topbar-brand img{height:26px;width:auto}.topbar-search{flex:1;max-width:480px}.icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff0a;color:var(--text-2);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.icon-btn:hover{color:var(--text);background:#ffffff14;transform:translateY(-1px);box-shadow:var(--shadow-1)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent-tint);box-shadow:0 0 0 2px var(--bg-2)}.notif-pop{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:420px;overflow:auto;padding:8px;z-index:50;background:linear-gradient(160deg,#0e131ff7,#1a2030f7);box-shadow:var(--shadow-2),var(--inset-top)}.notif-item{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background .16s ease}.notif-item:hover{background:#ffffff0f}.notif-item.unread{background:#2b7cd314}.notif-item .n-kind{font-size:12px;font-weight:600;color:var(--accent-tint);text-transform:uppercase;letter-spacing:.06em}.notif-item .n-text{font-size:14px;margin-top:2px}.notif-item .n-time{font-size:12px;color:var(--text-2);margin-top:2px}.notif-empty{padding:24px;text-align:center;color:var(--text-2);font-size:14px}.main{grid-area:main;padding:28px;overflow-y:auto}.page-head{margin-bottom:24px}.page-head h1{font-size:22px}.page-head .crumb{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-tint);margin-bottom:4px}.page-head p{color:var(--text-2);font-size:14px;margin-top:6px;max-width:640px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.module-card{padding:24px;cursor:default}.module-card .m-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-tint);background:#2b7cd31f;border:1px solid rgba(111,168,220,.25)}.module-card h3{font-size:16px;margin-bottom:6px}.module-card p{font-size:13.5px;color:var(--text-2)}.module-card .m-tag{display:inline-block;margin-top:14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-glass);border-radius:999px;padding:3px 10px}.admin-grid{display:grid;grid-template-columns:1fr;gap:20px}.pulse-stack{display:flex;flex-direction:column;gap:24px}.panel{padding:22px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{font-size:16px}.panel-head .hint{font-size:13px;color:var(--text-2)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);padding:8px 10px;border-bottom:1px solid var(--border-glass)}.table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .actions{display:flex;gap:8px;justify-content:flex-end}.table .btn{padding:6px 12px;font-size:13px}.empty-row{color:var(--text-2);text-align:center;padding:28px 10px!important}.row-flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--text-2)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dept-detail{margin-top:8px;padding:8px 10px;border-left:2px solid rgba(111,168,220,.35);font-size:13px;color:var(--text-2);white-space:pre-line}.dept-detail-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-tint);margin-bottom:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#04070d99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{width:100%;max-width:440px;padding:26px 26px 22px;box-shadow:var(--shadow-2),var(--inset-top);border-color:var(--border-glass-strong)}.modal h2{font-size:17px;margin-bottom:12px}.modal p{font-size:14px;margin-bottom:8px}.login-split{display:flex;align-items:center;justify-content:center;gap:48px;width:100%}.login-split .auth-card{flex:0 1 420px}@media (max-width: 1023px){.mascot{display:none}.shell{grid-template-columns:72px 1fr}.sidebar{padding:20px 10px}.topbar-brand,.sidebar-brand .wordmark,.user-meta{display:none}.nav a{justify-content:center}.card-grid{grid-template-columns:1fr}.panel-head{flex-wrap:wrap}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){html,body{overflow-x:clip}.main{padding:16px 12px}.topbar{padding:10px 12px;gap:10px}.notif-pop{width:min(360px,calc(100vw - 20px))}.auth-card{padding:28px 20px}.modal-overlay{padding:12px}.modal{max-width:none}.page-head h1{font-size:20px}.table .btn{padding:10px 14px}}.mascot{position:relative;flex:0 0 auto;-webkit-user-select:none;user-select:none;pointer-events:none}.mascot-host{position:relative;z-index:1;width:100%;height:100%;transition:opacity .4s ease}.mascot-defs{position:absolute;width:0;height:0;overflow:hidden}.mascot:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 45%,transparent) 0%,color-mix(in srgb,var(--accent) 22%,transparent) 50%,transparent 100%);filter:blur(24px);opacity:.6;transition:opacity .6s ease,transform .6s ease}@keyframes mascot-glow-pulse{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}@keyframes mascot-glow-burst{0%{opacity:.6;transform:scale(1)}30%{opacity:1;transform:scale(1.22)}to{opacity:.7;transform:scale(1.06)}}.mascot[data-mood=idle]:before{animation:mascot-glow-pulse 5s ease-in-out infinite}.mascot[data-mood=happy]:before{animation:mascot-glow-burst 1.4s ease-out forwards}@keyframes mascot-hop{0%{transform:translateY(0) scale(1)}16%{transform:translateY(3%) scale(1.06,.92)}40%{transform:translateY(-13%) scale(.96,1.05)}62%{transform:translateY(0) scale(1.05,.95)}78%{transform:translateY(-3%) scale(.99,1.01)}to{transform:translateY(0) scale(1)}}.mascot[data-intro] .mascot-host{transform-origin:50% 75%;animation:mascot-hop 1.1s cubic-bezier(.33,0,.3,1) .15s both}.mascot-bubble{position:absolute;z-index:2;top:4%;left:50%;max-width:88%;width:max-content;padding:10px 16px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.35;text-align:center;color:#1a2433;background-color:#fffffff0;box-shadow:0 6px 18px #00000047;transform:translate(-50%);transform-origin:50% 100%;transition:background-color .45s ease,color .45s ease,box-shadow .45s ease;animation:mascot-bubble-in .38s cubic-bezier(.34,1.4,.64,1) both}.mascot-bubble:after{content:"";position:absolute;top:100%;left:50%;width:18px;height:10px;transform:translate(-50%);background:inherit;clip-path:polygon(0 0,100% 0,50% 100%)}@keyframes mascot-bubble-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.mascot-bubble[data-tone=blue]{color:#fff;background-color:var(--accent);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent)}.mascot-bubble[data-tone=red]{color:#7a2323;background-color:#f6c4c4;box-shadow:0 6px 18px #f6969659}.mascot-bubble[data-tone=gold]{color:#5b3a00;background-color:#ffd77a;box-shadow:0 0 22px #ffc450a6,0 0 56px #ffaa2859}@media (prefers-reduced-motion: reduce){.mascot:before{animation:none!important;transform:none}.mascot[data-mood=happy]:before{opacity:.9}.mascot[data-intro] .mascot-host,.mascot-bubble{animation:none}}.mascot-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}