:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;color:#e7eaf3;background:#0b0e15;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#10141e;color:#e8eee7;padding:36px 27px}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1.5px}.dot{color:#b3a1ff}.workspace{font-size:10px;letter-spacing:1.6px;color:#818aa0;margin-top:65px}.nav{padding:15px;margin-top:20px;border-radius:7px;font-size:14px}.active{background:#24243e;color:#b3a1ff}.aside-bottom{position:absolute;bottom:30px;font-size:11px;line-height:1.9;color:#818aa0}.aside-bottom span{color:#818aa0}main{margin-left:232px;padding:30px 5vw;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#8b94a9}.pill{background:#24243e;border:1px solid #393452;color:#c8c4ff;border-radius:30px;padding:9px 13px;font-size:10px}.intro{padding:60px 0 26px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7b849b}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,57px);letter-spacing:-2px;margin:15px 0}p{line-height:1.6}.intro p{color:#8b94a9;font-size:15px}.notice{padding:15px 18px;border:1px solid #49402e;border-radius:8px;font-size:12px;color:#ddbb7f;background:#242019;margin-bottom:25px;line-height:1.6}.layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.panel{background:#131824;border:1px solid #293040;border-radius:12px;padding:30px}h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:13px 0 28px}label{display:block;font-size:12px;font-weight:600;margin:22px 0 10px}input,select{font:inherit;font-size:13px;padding:13px;border:1px solid #303749;border-radius:6px;background:#121722;color:#e7eaf3;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #b3a1ff;outline-offset:2px}.domain-input{display:flex;border:1px solid #303749;border-radius:6px;align-items:center}.domain-input input{border:0;flex:1}.domain-input span{font-size:12px;color:#8390a7;padding-right:12px}.hint{font-size:11px;color:#8f99ae;min-height:35px}button{border:0;border-radius:6px;background:#b3a1ff;color:#171125;padding:14px 17px;font:inherit;font-size:12px;cursor:pointer;width:100%}button span{float:right;color:#33254e}button:hover{background:#c8baff}button:disabled{opacity:.6;cursor:wait}#message{font-size:12px;margin-top:14px;line-height:1.6;color:#ddbb7f}.connection{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #293040;padding:17px 0;font-size:12px}.connection strong{font-weight:500}.muted{color:#9ca4b7;font-size:11px}.configured{font-size:11px;color:#b3a1ff}details{font-size:12px}details summary{cursor:pointer}details:not(.plan){margin-top:25px}details button{margin-top:12px}.projects{margin-top:42px}.project-heading{display:flex;align-items:center;justify-content:space-between}.project-heading h2{margin-bottom:20px}#count{font-size:11px;color:#9ca4b7}.empty{border:1px dashed #303749;border-radius:10px;text-align:center;padding:38px 20px;font-size:13px;color:#9ca4b7}.plan{border:1px solid #293040;border-radius:8px;margin:10px 0;background:#131824;padding:20px}.plan summary{display:flex;justify-content:space-between;gap:12px}.plan ol{padding-left:23px}.plan li{padding:10px}.plan li p{font-size:12px;color:#9ca4b7;margin:5px 0}footer{border-top:1px solid #293040;margin-top:50px;padding:24px 0;color:#9ca4b7;font-size:10px;letter-spacing:1.5px}footer span{float:right;letter-spacing:0} @media(max-width:900px){aside{width:170px;padding:28px 18px}main{margin-left:170px;padding:25px}.layout{grid-template-columns:1fr}}@media(max-width:600px){aside{position:static;width:auto;padding:18px 24px}.brand{font-size:25px}.workspace,.nav,.aside-bottom{display:none}main{margin:0;padding:24px}.intro{padding-top:30px}.panel{padding:22px}.domain-input span{font-size:10px}.plan summary{flex-direction:column}footer span{float:none;display:block;margin-top:12px}}


/* Dark workspace refinements */
body{background:radial-gradient(ellipse at 70% 0%,#0b0e15 0,transparent 48%),#0b0e15;min-height:100vh}
aside{border-right:1px solid #252b38}
.panel{box-shadow:0 12px 36px #00000024}
h1{font-family:Inter,Segoe UI,sans-serif;font-weight:600;letter-spacing:-2.5px}
h1,h2{color:#e7eaf3}
.domain-input{background:#121722}
input::placeholder{color:#7b849b;opacity:1}
button{font-weight:600;transition:background .15s ease,box-shadow .15s ease}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #b3a1ff;outline-offset:4px}
.active{border:1px solid #393452}
.pill::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b3a1ff;margin-right:8px;vertical-align:middle}
.empty{background:#121722}
.plan[open]{border-color:#544b77}
::selection{background:#b3a1ff;color:#171125}

/* Shared visual language with LordBoard. */
:root{font-family:Segoe UI,Arial,sans-serif}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:17px}
.site-card{background:#131824;border:1px solid #293040;border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}
.site-card:hover{border-color:#544b77}
.site-card h3{font-size:16px;font-weight:600;overflow-wrap:anywhere;margin:16px 0 0}
.site-runtime{font-size:12px;color:#a5a0ff;margin-bottom:2px}
.site-card a{margin-top:auto;padding:10px 14px;border-radius:7px;background:#24283a;border:1px solid #383c53;color:#dedaf5;text-decoration:none;font-size:12px}
.site-card .muted{margin-bottom:18px}
#discover{width:auto;padding:10px 14px;font-size:12px}
body{background:#0b0e15}
aside{width:225px;background:#10141e;padding:34px 23px}
.brand{color:#a5a0ff;font-size:28px;letter-spacing:0;font-weight:800}
.brand>span{font-size:21px;color:#f6f6ff;letter-spacing:-.7px}
.workspace{margin-top:55px;color:#7b849b}
.active{background:#24243e;color:#c8c4ff;border-color:#393452;font-size:13px;padding:13px}
main{margin-left:225px;padding:42px 46px;max-width:1740px}
.intro{padding:22px 0 0}
h1{font-size:34px;font-weight:600;letter-spacing:-1px;margin:14px 0 10px}
.intro p{font-size:14px;color:#8b94a9;margin:0}
.intro .eyebrow{display:none}
.overview{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;border:1px solid #29303e;border-radius:12px;margin:32px 0;background:#121722}
.overview>div{padding:22px 25px;border-right:1px solid #29303e;min-width:0}
.overview>div:last-child{border:0}
.overview span{display:block;color:#8b94a9;font-size:12px}
.overview strong{display:block;font-size:29px;font-weight:500;margin-top:10px}
.overview .address{font:13px Consolas,monospace;margin-top:20px;overflow-wrap:anywhere}
.panel{padding:25px;box-shadow:none;border-color:#293040}
h2{font-size:18px;font-weight:600;letter-spacing:0}
button{background:#332b50;color:#d6caff;border:1px solid #514775;border-radius:7px}
button:hover{background:#443763}
button span{color:#d6caff}
.domain-input,input,select{border-radius:8px}
.connection{padding:18px 0}
.configured{color:#7cdbb4}
.pill::before{background:#b3a1ff}
.plan{border-radius:12px;background:#131824}
.empty{background:#121722;border-style:solid}
footer{color:#69748c;letter-spacing:0;font-size:11px}
@media(max-width:1150px){aside{width:190px}main{margin-left:190px;padding:30px 25px}.overview>div{padding:20px 16px}}
@media(max-width:760px){aside{position:static;width:auto;padding:18px}.workspace,.nav,.aside-bottom{display:none}main{margin:0;padding:24px 18px}h1{font-size:27px}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview>div{border-bottom:1px solid #29303e}.overview>div:nth-child(2){border-right:0}.layout{grid-template-columns:1fr}.intro{padding-top:20px}}