:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9eef8;background:#080d18;line-height:1.4;--panel:#111a2a;--panel2:#0d1524;--border:#263750;--muted:#8e9cb3;--purple:#9d6cff;--green:#45e39a;--yellow:#f3c75f;--red:#ff7182}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#17213d,transparent 38%),#080d18}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;border-right:1px solid var(--border);background:#0b1220;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;margin:0 10px 35px}.brand-mark{color:var(--purple);font-size:27px}.brand strong{display:block}.brand small,.muted,small{color:var(--muted)}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#aeb9ca;text-align:left;padding:12px;border-radius:10px;cursor:pointer;font-size:14px}.nav-item:hover,.nav-item.active{color:#fff;background:#2a1d56}.nav-item span{margin-left:8px}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:12px;padding:12px}.main{flex:1;padding:30px 42px;max-width:1500px;margin:auto;width:100%}.topbar,.section-title,.hero,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{color:#b997ff;font-size:11px;font-weight:800;letter-spacing:1.5px}.topbar h1,.section-title h2{margin:4px 0 0;font-size:27px}.top-actions{display:flex;align-items:center;gap:14px}.connection{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52617a;margin-right:7px}.dot.online{background:var(--green);box-shadow:0 0 10px #45e39a}.btn{border:1px solid var(--border);border-radius:9px;padding:10px 15px;background:transparent;color:#eaf0ff;font-weight:700;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.success{background:#193d35;border-color:#2b9e76;color:#7ef0bb}.btn.ghost{color:var(--muted)}.hero{background:linear-gradient(120deg,#121b2d,#17162d);border:1px solid var(--border);border-radius:14px;padding:24px 26px;margin:30px 0 18px}.hero h2{margin:4px 0;font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.panel{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:13px}.stat{padding:18px}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:20px;margin:7px 0}.stat small .dot{width:6px;height:6px}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.panel{padding:20px;margin-top:16px}.panel-head h3{margin:0;font-size:16px}.badge{border-radius:999px;padding:5px 9px;font-size:11px}.badge.neutral{background:#23314b;color:#b7c7e3}.badge.warning{background:#49391a;color:var(--yellow)}.flow{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.flow-step{display:grid;gap:3px;text-align:center}.flow-step b{width:30px;height:30px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#37266c;color:#d3bcff}.flow-step small{font-size:11px}.flow-line{height:1px;background:#3b4860;flex:1;margin:0 12px}.activity{margin-top:20px}.empty{color:var(--muted);padding:22px;text-align:center}.review-panel{min-height:120px}.view{display:none}.active-view{display:block}.section-title{margin:15px 0 25px}.form-panel{max-width:760px;display:grid;gap:18px}.form-panel label{display:grid;gap:7px;color:#c5d0e3;font-size:13px;font-weight:600}.form-panel input{width:100%;background:#0a1220;border:1px solid var(--border);border-radius:8px;color:#fff;padding:12px}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check{display:flex!important;align-items:center;gap:7px}.check input,.switch-row input{accent-color:var(--purple)}.switch-row{display:flex!important;justify-content:space-between;align-items:center}.notice{background:#18243a;border:1px solid #314364;border-radius:9px;color:#aebdd5;padding:12px;font-size:12px}.warning-note{border-color:#635328;color:#e7ca7d}.connection-panel{max-width:800px}.connection-row{display:flex;align-items:center;gap:15px}.status-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#173d35;border:1px solid #2b9e76}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px;border-bottom:1px solid #243149}th{color:var(--muted);font-weight:600}.toast{position:fixed;right:24px;bottom:24px;background:#263854;color:#fff;padding:13px 17px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{width:70px;padding:18px 8px}.brand div,.nav-item span,.sidebar-foot{display:none}.brand{justify-content:center;margin:0 0 25px}.nav-item{text-align:center}.main{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.top-actions .connection{display:none}}@media(max-width:560px){.topbar{align-items:flex-start}.topbar h1{font-size:22px}.hero{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr 1fr}.btn{padding:9px 10px}}