@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0: #08090B;--bg-1: #0B0D11;--bg-sidebar: #0A0B0F;--surface-1: #12161D;--surface-2: #171B22;--surface-3: #1C212B;--surface-4: #232936;--border: #242832;--border-soft: #1A1E26;--border-strong: #303744;--gold: #C8A85A;--gold-bright: #D6B86A;--gold-deep: #A6873F;--gold-12: rgba(200,168,90,.12);--gold-18: rgba(200,168,90,.18);--gold-30: rgba(200,168,90,.3);--text: #F5F1E8;--text-2: #9CA3AF;--text-3: #6B7280;--text-4: #4B515E;--red: #B85C5C;--red-bg: rgba(184,92,92,.13);--green: #4E9F70;--green-bg: rgba(78,159,112,.13);--amber: #C9A24E;--amber-bg: rgba(201,162,78,.13);--blue: #5C84B8;--blue-bg: rgba(92,132,184,.13);--neutral: #8A93A3;--neutral-bg: rgba(138,147,163,.12);--r-sm: 6px;--r-md: 9px;--r-lg: 13px;--r-xl: 18px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 18px 50px rgba(0,0,0,.55);--shadow-pop: 0 12px 40px rgba(0,0,0,.6);--sidebar-w: 256px;--topbar-h: 60px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Urbanist,system-ui,sans-serif;background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#20252f;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2b313d}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--gold-30);color:#fff}.app-layout{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow-x:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden}.page-inner{padding:24px 28px 60px;max-width:1400px;width:100%;margin:0 auto}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 22px;background:#0b0d11d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative;z-index:50}.sidebar-brand{padding:16px 16px 14px;border-bottom:1px solid var(--border-soft)}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 10px 16px}.nav-section-label{font-size:10.5px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 7px;display:block}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);border:none;margin-bottom:2px;text-align:left;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:600;transition:background .14s,color .14s;position:relative;white-space:nowrap}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--gold-12);color:var(--gold)}.nav-indicator{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--gold)}.nav-badge{font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:20px;display:grid;place-items:center;background:var(--gold-12);color:var(--gold)}.nav-badge.warn{background:var(--amber-bg);color:var(--amber)}@keyframes fadeIn{0%{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}@keyframes bdIn{0%{opacity:0}to{opacity:1}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.fade-in{animation:fadeIn .3s ease both}.scale-in{animation:scaleIn .18s cubic-bezier(.2,.8,.2,1) both}.slide-in{animation:slideIn .26s cubic-bezier(.2,.8,.2,1) both}.live-dot{animation:pulseDot 2s ease-in-out infinite}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl thead th{text-align:left;padding:10px 14px;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-1)}.tbl thead th.r{text-align:right}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.click{cursor:pointer}.tbl td{padding:12px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.tbl td.r{text-align:right}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .15s}.tab-strip{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto}.tab-btn{padding:11px 15px;font-size:13.5px;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-3);margin-bottom:-1px;white-space:nowrap;transition:color .14s;display:inline-flex;align-items:center;gap:7px;font-family:inherit}.tab-btn:hover{color:var(--text)}.tab-btn.active{border-bottom-color:var(--gold);color:var(--text)}.tab-count{font-size:11px;padding:1px 6px;border-radius:20px;background:var(--surface-3);color:var(--text-3)}.tab-btn.active .tab-count{background:var(--gold-12);color:var(--gold)}.chip{padding:6px 12px;border-radius:100px;font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);transition:all .14s;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.chip:hover{background:var(--surface-2)}.chip.active{border-color:var(--gold-30);background:var(--gold-12);color:var(--gold)}.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:13px}.kv:last-child{border-bottom:none}.kv-k{color:var(--text-3);white-space:nowrap;flex-shrink:0}.kv-v{font-weight:600;text-align:right}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:200;padding:20px;animation:bdIn .2s ease both}.modal-box{max-width:100%;max-height:90vh;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:scaleIn .18s cubic-bezier(.2,.8,.2,1) both}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:400;background:var(--surface-2);border-radius:var(--r-md);padding:12px 18px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-pop);max-width:460px;animation:scaleIn .18s cubic-bezier(.2,.8,.2,1) both;font-size:13.5px;font-weight:500}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;animation:bdIn .2s ease both}.panel{position:absolute;top:0;right:0;bottom:0;max-width:100%;background:var(--surface-1);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideIn .26s cubic-bezier(.2,.8,.2,1) both}.app-footer{border-top:1px solid var(--border);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:11.5px;color:var(--text-3);flex-shrink:0}.icon-btn{background:none;border:1px solid var(--border);border-radius:var(--r-sm);width:32px;height:32px;display:grid;place-items:center;color:var(--text-3);transition:background .14s}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.toggle{width:40px;height:23px;border-radius:20px;border:none;padding:2px;position:relative;transition:background .18s;flex-shrink:0}.toggle-thumb{display:block;width:19px;height:19px;border-radius:20px;transition:transform .18s}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(200,168,90,.07),transparent 60%),var(--bg-0);padding:24px}@media (max-width: 1000px){.app-sidebar{display:none}}.admin-input-wrap{position:relative;display:flex;align-items:center;width:100%}.admin-input-icon{position:absolute;left:12px;display:flex;align-items:center;pointer-events:none;z-index:1}.admin-input{width:100%;height:42px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;padding:0 14px}.admin-input.has-icon{padding-left:40px}.admin-input::placeholder{color:var(--text-4)}.admin-input:hover:not(:focus){border-color:var(--border-strong)}.admin-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-12)}@media (max-width: 680px){.topbar-search{display:none}.page-inner{padding:16px 16px 40px}}