:root{--bg:#f5f7fb;--panel:#fff;--ink:#171a2b;--muted:#70758d;--line:#e7e9f1;--violet:#6747ef;--violet-soft:#eeeaff;--nav:#16182a;--green:#1e9b70;--red:#ce4d63}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.brand-lockup{letter-spacing:-.5px;align-items:center;gap:12px;font-size:21px;font-weight:750;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7658ff,#4932c7);border-radius:12px;place-items:center;width:38px;height:38px;font-size:14px;display:grid;box-shadow:0 8px 24px #4f36cf33}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 16% 22%,#6751d0 0,#0000 30%),radial-gradient(circle at 85% 80%,#333775 0,#0000 36%),#17182b;flex-direction:column;justify-content:space-between;padding:54px 7vw;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff16;border-radius:50%;width:440px;height:440px;position:absolute;top:80px;right:-160px;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff05}.hero-copy{z-index:1;max-width:690px;position:relative}.eyebrow{color:#b8adff;text-transform:uppercase;letter-spacing:2px;margin-bottom:22px;font-size:12px;font-weight:800;display:inline-block}.hero-copy h1{letter-spacing:-3px;margin:0 0 25px;font-size:clamp(44px,5vw,76px);line-height:1.02}.hero-copy p{color:#c8cad8;max-width:610px;font-size:19px;line-height:1.65}.trust-row{color:#b9bbcb;gap:34px;font-size:13px;display:flex}.trust-row span:before{content:"✓";color:#9c8bff;margin-right:9px}.login-panel{background:#fafbfe;place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%)}.demo-pill{color:#9a6112;letter-spacing:1px;background:#fff1d9;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-block}.login-card h2{letter-spacing:-1px;margin:22px 0 8px;font-size:34px}.muted,.login-card p{color:var(--muted);line-height:1.55}.login-card label,.settings-form label{flex-direction:column;gap:8px;margin-top:22px;font-size:13px;font-weight:700;display:flex}.login-card input,.settings-form input,.settings-form select,.filters input{border:1px solid var(--line);color:#8b8fa0;background:#fff;border-radius:10px;padding:14px 15px}.primary-button,.secondary-button{border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 17px;font-weight:750;display:flex}.primary-button{background:var(--violet);color:#fff;margin-top:26px;box-shadow:0 9px 25px #6747ef35}.primary-button.disabled{opacity:.45;justify-content:center}.secondary-button{background:var(--violet);color:#fff;box-shadow:0 7px 18px #6747ef2b}.login-note{text-align:center;margin-top:18px;font-size:12px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#e9eaf2;flex-direction:column;width:250px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:0 10px 25px}.workspace{background:#22253d;border:1px solid #30334d;border-radius:11px;align-items:center;gap:10px;margin:5px 3px 21px;padding:12px;display:flex}.workspace-icon,.avatar{color:#fff;background:#6950e6;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.workspace div,.sidebar-foot div{flex-direction:column;flex:1;display:flex}.workspace strong,.sidebar-foot strong{font-size:12px}.workspace small,.sidebar-foot small{color:#989bad;margin-top:3px;font-size:10px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:#9fa3b6;border-radius:9px;align-items:center;gap:13px;padding:11px 13px;font-size:13px;font-weight:600;display:flex}.sidebar nav a span{text-align:center;width:19px;font-size:16px}.sidebar nav a:hover,.sidebar nav .nav-active{color:#fff;background:#292b46}.sidebar nav .nav-active{box-shadow:inset 3px 0 #826cff}.sidebar-foot{border-top:1px solid #292c43;align-items:center;gap:10px;margin-top:auto;padding:16px 9px 2px;display:flex}.sidebar-foot .avatar{background:#3b3e57;border-radius:50%;font-size:11px}.main-area{grid-column:2;min-width:0}.demo-banner{color:#7a561a;background:#fff3d7;border-bottom:1px solid #eadbb7;justify-content:center;align-items:center;gap:10px;height:34px;font-size:11px;display:flex}.demo-banner strong{letter-spacing:.5px;text-transform:uppercase}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:27px 38px 22px;display:flex}.breadcrumb{text-transform:uppercase;letter-spacing:.8px;color:#9397a8!important;font-size:11px!important}.topbar h1{letter-spacing:-.7px;margin:4px 0;font-size:28px}.topbar p{color:var(--muted);margin:0;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.top-actions>button:first-child{border:1px solid var(--line);background:#fff;border-radius:10px;width:41px;height:41px;position:relative}.dot{background:#e85c70;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.content{padding:28px 38px 50px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card,.panel,.site-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #25294a08}.metric-card{padding:19px 20px;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.08;background:currentColor;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-34px;right:-25px}.metric-card.violet{color:#6747ef}.metric-card.blue{color:#3c75df}.metric-card.green{color:#1e9b70}.metric-card.orange{color:#d37c34}.metric-head{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.metric-head i{background:currentColor;border-radius:50%;width:9px;height:9px}.metric-card strong{color:var(--ink);margin:16px 0 4px;font-size:30px;display:block}.metric-card small{font-size:11px}.dashboard-grid{grid-template-columns:1.8fr 1fr;gap:18px;margin:18px 0;display:grid}.panel{padding:21px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel h2,.site-card h2{margin:0;font-size:15px}.panel-head p,.site-card p{color:var(--muted);margin:5px 0 0;font-size:11px}.select-chip,.health-dot{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:7px 9px;font-size:11px}.health-dot{color:var(--green);background:#edfaf5;border-color:#d7f1e7}.chart{padding-left:40px;position:relative}.chart svg{width:100%;height:230px;overflow:visible}.gridline{stroke:#eceef4;stroke-width:1px}.line{fill:none;stroke:#6d50eb;stroke-width:3px}.area{fill:url(#area)}.y-labels{color:#a1a5b3;flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:11px;bottom:25px;left:0}.x-labels{color:#a1a5b3;justify-content:space-between;font-size:10px;display:flex}.health-row{border-top:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.health-row span{align-items:center;gap:9px;display:flex}.health-row i{background:#30b785;border-radius:50%;width:7px;height:7px}.health-row i.offline{background:#a4a8b7}.table{width:100%;overflow:auto}.table-row{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr 1.2fr .8fr .8fr;align-items:center;gap:15px;min-width:700px;padding:13px 8px;font-size:11px;display:grid}.table-head{color:#969aaa;text-transform:uppercase;letter-spacing:.6px;border:0;font-size:9px;font-weight:800}.table code{color:#5e46ce;background:#f1edff;border-radius:5px;width:max-content;padding:5px 7px;font-family:ui-monospace,monospace}.result{color:#18885f}.result.denied{color:var(--red)}.text-link{color:#6548dc;font-size:11px;font-weight:700}.filters{gap:10px;margin-bottom:18px;display:flex}.filters input{min-width:280px}.filters button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:0 14px}.card-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.site-card{padding:20px}.site-logo{color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:17px;font-weight:800;display:grid}.tone-0{background:#6548dc}.tone-1{background:#3378c9}.tone-2{background:#c67a36}.tone-3{background:#5c647a}.site-title{justify-content:space-between;align-items:center;display:flex}.status{color:#16815c;background:#e9f8f2;border-radius:20px;align-items:center;width:max-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status.danger{color:#be4258;background:#fff0f2}.site-stats{border-block:1px solid var(--line);color:var(--muted);gap:32px;padding:17px 0;font-size:11px;display:flex}.site-stats strong{color:var(--ink);margin-right:3px;font-size:16px}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;display:flex}.site-footer button,.card-action{color:#694cde;background:0 0;border:0;font-weight:700}.callout{color:#4f3cb1;background:#f0edff;border:1px solid #ddd7ff;border-radius:11px;align-items:center;gap:16px;margin-bottom:18px;padding:14px 17px;font-size:11px;display:flex}.callout strong{white-space:nowrap}.callout.secure{color:#1e7158;background:#eaf8f4;border-color:#ceeddf}.tree-panel{max-width:950px}.tree{padding:5px 0}.tree-node{--depth:0;margin-left:calc(var(--depth) * 42px);border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:38px 1fr auto 35px;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:grid;position:relative}.tree-node:not(:first-child):before{content:"";border-bottom:1px solid #cfd2df;border-left:1px solid #cfd2df;border-radius:0 0 0 8px;width:20px;height:30px;position:absolute;top:-10px;left:-22px}.node-dot{color:#fff;background:#7559e8;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.node-dot.blue{background:#477bd5}.node-dot.cyan{background:#2b9bad}.node-dot.green{background:#2c9c70}.node-dot.amber{background:#c59533}.node-dot.orange{background:#d1743a}.node-dot.rose{background:#c85b75}.tree-node div{flex-direction:column;display:flex}.tree-node strong{font-size:12px}.tree-node small,.node-count{color:var(--muted);margin-top:3px;font-size:9px}.tree-node button{color:#9a9ead;background:0 0;border:0}.accounts-table .table-row{grid-template-columns:1.25fr 1.25fr 1fr .7fr .5fr}.account-cell{align-items:center;gap:9px;display:flex}.account-cell i{color:#674ce0;background:#efecff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-style:normal;font-weight:800;display:grid}.bot-grid{grid-template-columns:repeat(3,1fr)}.bot-icon{color:#2389cf;background:#e6f4ff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:19px;display:grid}.bot-card dl{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.bot-card dl div{justify-content:space-between;padding:6px 0;font-size:10px;display:flex}.bot-card dt{color:var(--muted)}.bot-card dd{margin:0;font-weight:700}.card-action{background:#f5f2ff;border-radius:8px;width:100%;margin-top:8px;padding:10px}.settings-grid{grid-template-columns:230px minmax(400px,700px);gap:18px;display:grid}.settings-nav{flex-direction:column;gap:4px;height:max-content;display:flex}.settings-nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:11px;font-size:12px}.settings-nav button.selected{color:#5c43ca;background:#eeebff;font-weight:700}.settings-form{padding:28px}.settings-form label{max-width:470px}.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:470px;margin-top:18px;padding:17px 0;display:flex}.toggle-row div{flex-direction:column;display:flex}.toggle-row strong{font-size:12px}.toggle-row span:not(.toggle){color:var(--muted);margin-top:4px;font-size:10px}.toggle{background:#c9ccda;border-radius:20px;width:38px;height:22px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.toggle.on{background:#6c50df}.toggle.on:after{left:19px}.audit-table .table-row{grid-template-columns:.8fr 1.5fr 1fr 1fr 1fr .7fr}@media (max-width:1100px){.metric-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tree-node{margin-left:calc(var(--depth) * 20px)}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-visual{min-height:45vh;padding:32px}.hero-copy h1{font-size:40px}.trust-row{display:none}.login-panel{padding:45px 25px}.app-shell{display:block}.sidebar{width:auto;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebar-foot,.workspace{display:none}.main-area{grid-column:auto}.topbar,.content{padding:22px}.metric-grid,.card-grid,.settings-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.top-actions>button:first-child{display:none}.filters{flex-wrap:wrap}.filters input{min-width:100%}.tree-node{margin-left:0}.tree-node:before{display:none}}
.login-submit{cursor:pointer;border:0;width:100%}.form-error{background:#fff0f2;border-radius:8px;padding:10px 12px;font-size:12px;color:#b8324d!important}.create-form{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-bottom:18px;padding:16px;display:grid}.create-form input,.create-form select,.filters select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:12px 13px}.create-form .secondary-button{cursor:pointer;justify-content:center}.filters select{min-width:240px}@media (max-width:900px){.create-form{grid-template-columns:1fr 1fr}}@media (max-width:600px){.create-form{grid-template-columns:1fr}}.logout-button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:.4rem .65rem}.form-success{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:.75rem 1rem}.status-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status-button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .65rem}.status-button:disabled{opacity:.55;cursor:wait}