:root{--bg:#0b1220;--panel:#101a2e;--text:#e7eefc;--muted:#a7b4d0;--accent:#5aa1ff;--accent2:#8c5cff;--line:rgba(255,255,255,.08);--shadow: 0 10px 30px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1100px 800px at 20% 10%,rgba(90,161,255,.25),transparent 60%),radial-gradient(900px 700px at 90% 20%,rgba(140,92,255,.22),transparent 60%),radial-gradient(700px 700px at 50% 90%,rgba(43,220,154,.1),transparent 55%),var(--bg);color:var(--text);height:100vh;overflow:hidden}.app{display:flex;height:100vh}.sidebar{width:300px;background:linear-gradient(180deg,#101a2ef2,#0a101ef2);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:12px;padding:10px 10px 6px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.8px}.brand h1{font-size:15px;margin:0;line-height:1.1}.brand .sub{font-size:12px;color:var(--muted);margin-top:4px}.panel{background:#101a2ea6;border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.small{font-size:12px;color:var(--muted)}.muted{color:var(--muted);font-size:13px;line-height:1.4}select,input,textarea{width:100%;padding:10px 12px;border-radius:14px;background:#070c18d9;border:1px solid var(--line);color:var(--text);outline:none}.tabs{display:flex;gap:8px}.tab{flex:1;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#070c188c;color:var(--muted);cursor:pointer;text-align:center;font-size:13px;-webkit-user-select:none;user-select:none}.tab.active{background:linear-gradient(135deg,#5aa1ff59,#8c5cff40);color:var(--text);border-color:#5aa1ff59}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{padding:10px 12px;border-radius:14px;cursor:pointer;border:1px solid transparent;color:var(--muted);background:#070c1840}.nav-item:hover{border-color:#ffffff17;color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#5aa1ff40,#8c5cff2e);border-color:#5aa1ff40;color:var(--text)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#0a101ea6}.topbar h2{margin:0;font-size:16px;letter-spacing:.2px}.spacer{flex:1}.content{flex:1;overflow:auto;padding:18px}.card{background:#101a2e8c;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);margin-bottom:14px}.card h3{margin:0 0 10px;font-size:14px}.btn{border:none;border-radius:14px;padding:10px 12px;cursor:pointer;background:linear-gradient(135deg,#5aa1ffe6,#8c5cffd9);color:#061024;font-weight:700}.btn.secondary{background:#070c188c;color:var(--text);border:1px solid var(--line);font-weight:600}.row{display:flex;gap:10px;align-items:center}.divider{height:1px;background:var(--line);margin:14px 0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span6{grid-column:span 12}@media (min-width:980px){.span6{grid-column:span 6}}