:root{--bg: #0b0f19;--panel: #121826;--muted: #9aa4af;--text: #e5e7eb;--border: #1f2937;--primary: #4f46e5;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}.page{padding:24px}.container{max-width:1120px;margin:0 auto}.page-header{display:flex;align-items:center;margin-bottom:16px}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card-title{font-size:16px;color:var(--muted);margin-bottom:12px}.grid{display:grid}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.gap-12{gap:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field textarea,input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);background:#0f1524;color:var(--text);border-radius:8px;outline:none}.field .value{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#0f1524}.field .value.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.actions{margin-top:12px;display:flex;gap:8px}button,.btn{border:1px solid var(--border);background:linear-gradient(180deg,#141b2e,#0f1524);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;transition:transform .04s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 0 #0000}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0003}button:active,.btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000040}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e559}button:disabled,.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#5b54f2,#4f46e5);border-color:#4f46e5;color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#6d66ff,#5a51ff)}.btn.danger{background:linear-gradient(180deg,#7a1f1f,#3f1111);border-color:#3b0d10;color:#fca5a5}.btn.danger:hover{background:linear-gradient(180deg,#922121,#4a1414)}.alert.error{background:#1d0f11;border:1px solid #3b0d10;color:#fca5a5;padding:10px 12px;border-radius:8px;margin-bottom:12px}.topbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:10px 16px;background:var(--panel)}.brand{font-weight:700}.tabs{display:flex;gap:8px;margin-left:12px}.tab{padding:6px 10px;border-radius:8px;color:var(--muted);cursor:pointer}.tab.active{background:#0f1524;color:var(--text);border:1px solid var(--border)}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:grid;gap:8px}.toast{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0f1524;color:var(--text);box-shadow:0 6px 24px #0000004d}.toast.success{border-color:#065f46;background:#064e3b;color:#d1fae5}.toast.error{border-color:#7f1d1d;background:#3f1111;color:#fecaca}