@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#0c1016;--panel:#12171f;--line:#242b36;--muted:#85909f;--text:#e6eaf0;--purple:#9c8bff;--green:#77dab0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#10141c;border-right:1px solid var(--line);padding:31px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:7px;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#151020;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);width:27px;height:28px;font-size:20px;margin-right:3px}.brand-light{font-weight:450;color:#8c94a5;font-size:17px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:11px 9px;margin:35px 0 30px;font-size:12px}.workspace>span:last-child{margin-left:auto;color:var(--muted)}small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.avatar{display:flex;align-items:center;justify-content:center;background:#292537;color:#bfb1ff;width:32px;height:32px;border-radius:8px;font-size:11px;font-weight:600;flex-shrink:0}.nav-caption{font-size:9px;color:#656e7e;letter-spacing:1.6px;padding:0 13px;margin-bottom:13px}nav a{display:flex;align-items:center;gap:13px;padding:13px;margin:4px 0;border-radius:7px;color:#9ca6b5;font-weight:500;font-size:13px}nav a>span{font-size:19px;width:20px;line-height:1}nav a:hover{background:#191e29}nav a.selected{background:#242035;color:#c0b5ff}nav em{font-style:normal;font-size:10px;background:#262c38;padding:2px 6px;border-radius:4px;margin-left:auto}.side-bottom{margin-top:auto}.safe-box{border:1px solid #353024;background:#1a1918;padding:14px 12px;border-radius:8px;font-size:11px;color:#d9c99a}.safe-box p{font-size:10px;color:#928f85;line-height:1.7;margin:8px 0 0 13px}.profile{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.profile form{margin-left:auto}.icon-button{background:none;border:0;color:var(--muted);font-size:21px}.main{margin-left:246px}header{height:74px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}header strong{font-weight:500;color:#c6cdd8}header span:not(.badge,.dot){margin:0 14px}.header-right{display:flex;align-items:center;gap:8px;font-size:10px}.header-divider{height:17px;border-left:1px solid var(--line)}main{max-width:1550px;margin:auto;padding:36px 38px 30px}h1{font-size:29px;letter-spacing:-1px;font-weight:600;margin:7px 0 10px}h2{font-size:14px;font-weight:550;margin:0}h3{font-size:14px;font-weight:500}p{line-height:1.65}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8e83bb;font-weight:600}.button{border:1px solid #323947;background:#1a202b;border-radius:6px;color:#cbd2de;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.button:hover{filter:brightness(1.15)}.primary{background:#a797fa;color:#171225;border-color:#b1a1ff;box-shadow:0 3px 10px #0002}.button b{font-size:16px;font-weight:400}.notice{border:1px solid var(--line);padding:16px 18px;border-radius:8px;margin:20px 0;color:#b2bdcc;font-size:12px;line-height:1.7}.simulation{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#1c1928,#141720);border-color:#342d48}.simulation p{font-size:11px;color:#928ba5;margin:3px 0 0}.simulation strong{font-size:12px;color:#d3c9ec;font-weight:500}.notice-icon{font-size:25px;color:#b7a1fb}.simulation>.badge{margin-left:auto}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:500;white-space:nowrap;border:1px solid transparent}.neutral{background:#1c222c;color:#a0a9b9;border-color:#2a313c}.amber-badge{color:#d4b570;background:#2b251a;border-color:#473b25}.red-badge{color:#eda29f;background:#342023}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:4px}.amber{background:#d9b568}.green{background:#79d3aa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.stat>span{font-size:11px;color:#98a3b4;display:flex;justify-content:space-between}.stat i{font-style:normal;color:#8074ac;font-size:17px}.stat>strong{display:block;font-size:31px;font-weight:550;margin:12px 0 6px;line-height:1.2}.stat .stat-text{font-size:17px;margin:21px 0 12px;color:#afb7c5}.stat small{font-size:10px;color:#677383}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.card-title{min-height:61px;padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title a{font-size:10px;color:#9a90bd}.card-title h2{display:flex;align-items:center;gap:8px}.count{font-size:9px;padding:2px 5px;border-radius:4px;background:#242a34;color:#9aa3b1}.empty{text-align:center;padding:35px 15px;color:var(--muted)}.empty-icon{width:47px;height:47px;background:#20232e;border:1px solid #303242;color:#a296c5;display:grid;place-items:center;border-radius:12px;margin:0 auto 16px;font-size:26px}.empty h3{color:#c5cedc;margin:12px 0 6px}.empty p{font-size:11px;line-height:1.8;margin:0 0 20px}.compact{padding:25px}.text-link{color:var(--purple);font-size:11px}.server-row{display:flex;align-items:center;gap:11px;padding:20px 21px 4px}.server-row strong{font-size:12px}.server-row .badge{margin-left:auto;font-size:8px}.server-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #303743;background:#1c222c;border-radius:7px;color:#8895a9;font-size:20px}.network-mini{margin:24px 21px 15px;padding:12px 10px;border:1px dashed #303442;border-radius:5px;font:10px 'JetBrains Mono',monospace;color:#afb7c7;text-align:center}.network-mini span{font-size:8px;color:#746d8e;margin:0 10px}.card-note{text-align:center;color:#657081;font-size:9px;margin:0 0 20px}.project-row{display:flex;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);font-size:12px}.project-row .badge{margin-left:auto}.project-icon{background:#262c3d;border:1px solid #353e54;color:#b2bdde;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;font-weight:600}.project-icon.inline{display:inline-grid;vertical-align:middle;font-size:20px}.quiet-state{padding:28px 20px;text-align:center}.quiet-state>span{display:grid;place-items:center;color:#73bf9c;background:#1c302b;border:1px solid #294039;border-radius:50%;height:29px;width:29px;margin:0 auto 13px}.quiet-state strong{font-size:12px;font-weight:500;display:block;color:#c2cbd6}.quiet-state p{font-size:10px;color:#6e798a}.bottom-note{display:flex;align-items:center;gap:15px;border:1px dashed #2c303d;border-radius:8px;padding:16px 22px;margin-top:24px}.bottom-note>span{font-size:24px;color:#7c729b}.bottom-note p{font-size:10px;color:#6e798a;margin:0}.bottom-note strong{color:#a7afbd;font-weight:450}.bottom-note a{margin-left:auto;font-size:10px;color:#9d92ba}footer{margin:10px 38px 0;padding:20px 0;border-top:1px solid #1c222c;color:#636f80;font-size:9px}footer span{margin-left:12px;color:#4c586a}.footer-right{float:right}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.padded{padding:24px}.padded>h2{margin-bottom:18px}.padded>.card-title{padding:0 0 20px}dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:17px;font-size:12px;margin:22px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}code,pre{font-family:'JetBrains Mono',monospace;font-size:11px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1119;padding:15px;border-radius:6px;color:#9cacbf;line-height:1.8}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{padding:14px 20px;font-size:9px;color:#728094;letter-spacing:.6px;font-weight:500;background:#141a23}td{padding:20px;border-top:1px solid var(--line);color:#b0bbca}td strong{color:#dde3ec;font-size:12px}td small{font-size:9px;margin-top:5px}td a{color:#b0a0df;white-space:nowrap}.table-wrap{overflow:auto}input,select{width:100%;border:1px solid #343c4b;border-radius:6px;background:#0e131c;color:#d6deea;padding:11px 12px;min-width:0}label{display:block;font-size:11px;color:#a1adbd;margin-bottom:18px}label input,label select{margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1;width:100%}.search{font-size:11px;width:210px;padding:8px 12px}dialog{background:#151b25;color:var(--text);border:1px solid #3a4353;border-radius:12px;padding:25px;width:550px;max-width:94vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#03060bc9;backdrop-filter:blur(4px)}dialog .card-title{padding:0 0 15px}.actions{display:flex;gap:10px;justify-content:flex-end}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin:24px 0;gap:24px;white-space:nowrap}.tabs a{font-size:11px;color:#8995a8;padding:14px 0}.tabs a.active{border-bottom:2px solid var(--purple);color:#beaffb}.topology{display:flex;align-items:center;justify-content:space-around;padding:30px 0;gap:15px}.topology>div{text-align:center;color:#ab9fdb;font-size:25px}.topology strong{display:block;font-size:14px;color:#dce2ee;margin:12px 0 6px}.topology>span{font-size:10px;color:#7f729f}.muted{color:var(--muted)}.small{font-size:11px}.back{font-size:11px;color:var(--muted);display:block;margin-bottom:20px}.wizard{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px;padding:15px 0 20px;font-size:11px;color:var(--muted)}.wizard .active{color:var(--purple)}.checkbox{display:flex;gap:9px;align-items:center;line-height:1.7;margin:20px 0}.checkbox input{width:15px;margin:0;accent-color:var(--purple)}.plan{padding-left:20px;line-height:2.4;font-size:12px}.step{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #242a35}.step strong{font-size:12px;font-weight:450}.step-dot{border:1px solid #394151;color:#778395;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px}.step-dot.done{color:#a9d9bf;border-color:#355347;background:#1d3028}.terminal{background:#0a0f16}.terminal-content{padding:10px 22px 25px;font:10px/1.9 'JetBrains Mono',monospace;color:#a5b2c6;max-height:600px;overflow:auto}.terminal-content p{padding:10px 0;border-bottom:1px solid #1a2230}.terminal-content span{color:#5f7189}.log-success{color:#82c8a6}.release{padding:24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.release strong{font:11px 'JetBrains Mono',monospace;margin-right:10px}.success{color:#9bd7b4;background:#14231e;border-color:#294336}.error{color:#e6a1a1;background:#2b1c22;border-color:#59353b}.pagination{margin:20px 0}.pagination svg{width:16px}.pagination nav{display:flex;justify-content:space-between}.login-main{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#262039 0,transparent 65%)}.login-card{width:400px;max-width:90vw;border:1px solid var(--line);border-radius:16px;background:#131922;padding:35px}.login-card h1{margin-top:35px}.login-card form{margin-top:28px}.login-card .brand{font-size:21px}@media(min-width:1500px){main{padding-top:45px}.stats{gap:22px}.stat{padding:25px}.dashboard-grid{gap:24px}.empty{padding:45px 20px}}@media(max-width:1100px){.sidebar{width:210px;padding:25px 14px}.main{margin-left:210px}main{padding:25px}.brand{font-size:17px}.brand-light{font-size:14px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}.header-right{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px}.sidebar .workspace,.nav-caption,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:14px}.sidebar nav a{font-size:10px;padding:8px;gap:6px;white-space:nowrap}.sidebar nav a span{font-size:13px;width:auto}.main{margin:0}header{height:45px;padding:0 20px}main{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:25px}.stats{gap:10px}.stat{padding:16px}.stat>span{font-size:9px}.simulation{align-items:flex-start}.simulation>.badge{display:none}.topology{flex-wrap:wrap}.bottom-note a{display:none}.form-grid{grid-template-columns:1fr}.release{flex-direction:column}footer{margin:0 16px}.footer-right{display:none}.wizard{font-size:9px;gap:8px}dl{grid-template-columns:110px minmax(0,1fr)}}
