:root{--bg:#0f0e1e;--panel:#17162a;--panel-2:#1f1d36;--border:#2a2740;--text:#e7e9f4;--muted:#9aa0b4;--accent:#35e27e;--accent-cyan:#2be0e0;--accent-blue:#4f7cff;--warn:#ffe24a;--danger:#ff5d6c;--radius:10px;--rainbow:linear-gradient(90deg,#ff3dae,#b14bff,#4f7cff,#2be0e0,#35e27e,#ffe24a)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:230px;flex:0 0 230px;background:var(--panel);border-right:1px solid var(--border);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:60;display:flex;flex-direction:column}.nav-backdrop,.nav-collapsed .sidebar{display:none}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.nav-toggle{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px 12px;font-size:17px;line-height:1;font-weight:700;cursor:pointer}.nav{flex:1 1;overflow-y:auto}.brand-logo{display:block;height:38px;width:auto;margin:4px 8px}.brand-sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:0 8px 16px}.brand-sub,.nav a{color:var(--muted)}.nav a{display:block;padding:9px 12px;border-radius:8px;margin-bottom:2px;font-weight:500}.nav a:hover{background:var(--panel-2);color:var(--text)}.nav a.active{background:var(--rainbow);color:#0f0e1e;font-weight:700}.nav a.nav-external{margin-top:8px;border-top:1px solid var(--panel-2);padding-top:12px;font-size:13px}.main{flex:1 1;padding:24px 28px;max-width:100%;overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{font-size:22px;margin:0;font-weight:800;background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.grid{display:grid;grid-gap:16px;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.card .value{font-size:26px;font-weight:700;margin-top:6px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden}td,th{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge.green{background:rgba(53,226,126,.16);color:var(--accent)}.badge.blue{background:rgba(79,124,255,.16);color:var(--accent-blue)}.badge.amber{background:rgba(255,226,74,.16);color:var(--warn)}.badge.red{background:rgba(255,93,108,.16);color:var(--danger)}.badge.grey{background:rgba(154,160,180,.16);color:var(--muted)}.btn,button{background:var(--accent);color:#0f0e1e;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700}button.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-weight:600}button.rainbow{background:var(--rainbow);color:#0f0e1e}button:disabled{opacity:.5;cursor:not-allowed}button.sm{padding:5px 10px;font-size:12px}input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:14px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent-cyan)}textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:13px;width:100%;font-family:inherit;resize:vertical}textarea:focus{outline:none;border-color:var(--accent-cyan)}label{display:block;color:var(--muted);font-size:12px;margin:12px 0 5px}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tabs .tab{background:none;color:var(--muted);font-weight:600;padding:10px 16px;border:none;border-bottom:2px solid transparent;border-radius:0}.tabs .tab.active{color:var(--text);border-bottom-color:var(--accent-cyan)}.chip{display:inline-block;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:2px 7px;font-size:11px;font-family:monospace;margin:0 4px 4px 0;cursor:pointer}.tp-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}.tp-card.off{opacity:.6}.chan{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}.switch input{width:auto}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg) url(/background.png) no-repeat top center;background-size:100% auto}.login-box{width:360px;background:rgba(23,22,42,.92);border:1px solid var(--border);padding:32px 28px;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 20px 60px rgba(0,0,0,.5)}.login-logo{display:block;width:150px;margin:0 auto 18px}.error{color:var(--danger);font-size:13px;margin-top:10px}.muted,.section-title{color:var(--muted)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:24px 0 10px}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1 1}.toggle{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background:var(--panel-2);border:1px solid var(--border);border-radius:26px;transition:background .15s}.toggle .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}.toggle input:checked+.slider{background:var(--rainbow);border-color:transparent}.toggle input:checked+.slider:before{transform:translateX(20px)}@media (max-width:820px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:250px;flex-basis:250px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.6)}.nav-collapsed .sidebar,.sidebar{display:flex}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50}.main{padding:14px 12px}.topbar{margin-bottom:16px}.topbar h1{font-size:18px}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.row{flex-wrap:wrap}.tabs{overflow-x:auto}}@media (max-width:380px){.sidebar{width:86vw;flex-basis:86vw}}.form-grid{display:grid;grid-gap:12px;gap:12px;align-items:end}.form-grid.cols-5{grid-template-columns:repeat(5,1fr) auto}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.split{display:flex;gap:16px}.split-list{width:340px;flex:0 0 340px}@media (max-width:820px){.form-grid.cols-4,.form-grid.cols-5{grid-template-columns:1fr}.split{flex-direction:column;height:auto!important}.split-list{width:100%!important;flex:1 1 auto!important;max-height:45vh}}