:root{color-scheme:dark;--bg:#0c0c0d;--panel:#111112;--stroke:#242426;--text:#f4f4f2;--muted:#8d8d91;--quiet:#5f5f63;--green:#b5f2ce;--green2:#76dba7;--red:#ff8c8c;--mono:"DM Mono",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{color:inherit}a{text-decoration:none}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0a0a0b;border-right:1px solid #202022;display:flex;flex-direction:column;padding:25px 16px 14px;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 32px}.brand-mark{width:31px;height:31px;border:1px solid #47474a;border-radius:9px;display:grid;place-items:center;font:600 17px var(--mono);background:linear-gradient(140deg,#242426,#111112);color:white}.brand-mark.large{width:42px;height:42px;border-radius:12px;font-size:21px;margin:0 auto 20px}.brand strong{font-size:15px;letter-spacing:.02em;display:block}.brand small{font:9px var(--mono);letter-spacing:.13em;color:#77777b;display:block;margin-top:3px}.eyebrow,.nav-group,.tiny-label,.workspace-label{font:10px var(--mono);letter-spacing:.11em;color:#747478}.workspace-label{padding:0 10px 10px;display:flex;justify-content:space-between}.server-chip{background:#141415;border:1px solid #28282a;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.server-chip>div{min-width:0;flex:1 1}.profile b,.server-chip b{font-size:11px;font-weight:600;display:block}.profile small,.server-chip small{font-size:10px;color:var(--muted);display:block;margin-top:3px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.status-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#84ddb0;box-shadow:0 0 10px #84ddb055}.live-pill{font:8px var(--mono);letter-spacing:.08em;color:var(--green);border:1px solid #274031;border-radius:4px;padding:3px 5px}nav{margin-top:30px}.nav-group{display:block;padding:0 10px 9px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;height:39px;padding:0 10px;border:0;border-radius:7px;background:transparent;text-align:left;color:#9c9c9f;font-size:12px;cursor:pointer}.nav-item.active,.nav-item:hover{background:#19191a;color:#f4f4f2}.nav-item.active{box-shadow:inset 2px 0 #eee}.nav-icon{font-size:15px;color:#838387;width:16px;text-align:center}.nav-count{margin-left:auto;color:#aaa;background:#252526;border-radius:4px;padding:2px 6px;font:10px var(--mono)}.sidebar-bottom{margin-top:auto}.domain-box{border:1px solid #28282a;background:#111112;border-radius:8px;padding:11px 10px;margin-bottom:14px}.tiny-label{font-size:8px}.domain-box>a{font:10px var(--mono);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:9px 0 8px}.domain-box>a span{color:#888}.domain-line{font-size:9px;color:#89898d;display:flex;align-items:center;gap:6px}.domain-line i{width:5px;height:5px;background:#84ddb0;border-radius:50%}.sidebar-bottom>.nav-item{margin-bottom:9px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #242426;padding:14px 3px 0}.avatar{width:29px;height:29px;border-radius:8px;background:#29292b;display:grid;place-items:center;color:#ccc;font:11px var(--mono)}.profile>div:nth-child(2){flex:1 1}.profile button{border:0;background:none;color:#777;cursor:pointer;font-size:16px}.main-content{margin-left:250px;min-height:100vh}.topbar{height:64px;border-bottom:1px solid #202022;padding:0 42px;justify-content:space-between}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:10px;color:#77777b;font-size:11px}.breadcrumbs b{color:#444}.breadcrumbs strong{font-weight:500;color:#ddd}.top-actions{gap:13px}.sync-label,.top-actions{display:flex;align-items:center}.sync-label{gap:7px;color:#777;font:10px var(--mono)}.sync-label .status-dot{width:5px;height:5px}.icon-button{height:31px;width:31px;display:grid;place-items:center;border:1px solid #303033;background:#141415;color:#aaa;font-size:16px}.button,.icon-button{border-radius:7px;cursor:pointer}.button{height:35px;border:1px solid #343437;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;transition:.15s}.button:hover{filter:brightness(1.2);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button.primary{background:#f0f0ed;border-color:#f0f0ed;color:#141415}.button.secondary{background:#171718;color:#ddd}.button.full{width:100%;margin-top:18px;height:41px}.page{max-width:1380px;margin:0 auto;padding:36px 42px 50px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{margin:0 0 10px;font-size:9px;color:#77777b}.page-intro h1{font-size:29px;letter-spacing:-.055em;margin:0;font-weight:500}.page-intro h1 span{color:#78787c}.muted{color:#88888c;font-size:12px;line-height:1.6;margin:8px 0 0}.date-chip{border:1px solid #2b2b2d;background:#121213;padding:8px 11px;border-radius:7px;color:#b7b7ba;font:10px var(--mono);display:flex;gap:8px;align-items:center}.date-chip .status-dot{width:5px;height:5px}.divider{height:13px;width:1px;background:#38383a;margin:0 2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{min-height:142px;border:1px solid #29292b;background:linear-gradient(145deg,#131314,#101011);border-radius:9px;padding:14px 15px}.stat-head{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.1em;color:#838387}.stat-icon{font-size:14px;color:#68686c}.stat-value{display:flex;align-items:baseline;gap:7px;margin:13px 0 10px}.stat-value strong{font:500 27px var(--mono);letter-spacing:-.06em}.stat-value>span{font:10px var(--mono);color:#838387}.meter{height:3px;background:#29292b;overflow:hidden}.meter,.meter i{border-radius:5px}.meter i{display:block;width:0;height:100%;background:var(--green2);transition:width .5s}.stat-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#a3a3a6}.stat-foot .quiet{color:#66666a}.uptime-bar{display:flex;gap:3px;margin-top:7px;height:6px}.uptime-bar i{flex:1 1;border-radius:2px;background:#638d75}.uptime-bar i:nth-child(7n){background:#333}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:13px;margin-top:15px}.panel{border:1px solid #29292b;border-radius:9px;background:#111112;padding:17px}.activity-panel,.projects-panel{min-height:290px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #252527}.panel-heading .eyebrow{margin-bottom:5px;font-size:8px}.panel-heading h2{font-size:15px;font-weight:500;margin:0;letter-spacing:-.02em}.count-badge{font:10px var(--mono);color:#aaa;background:#252527;border-radius:4px;padding:3px 6px;margin-left:4px}.text-link{font-size:10px;color:#aaa}.text-link span{color:#777;margin-left:5px}.project-list{display:grid}.project-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #222224;min-width:0}.project-row:last-child{border:0}.project-symbol{width:31px;height:31px;border:1px solid #303033;background:#19191a;display:grid;place-items:center;border-radius:7px;color:#c5c5c7;font-size:13px;flex:none}.project-meta{min-width:0;flex:1 1}.project-meta b{font-weight:500;font-size:11px;display:block}.project-meta a,.project-meta small{display:block;font:9px var(--mono);color:#777;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#a4d6b7;white-space:nowrap}.project-status .status-dot{width:5px;height:5px}.project-status.needs-setup{color:#d3b47e}.project-status.needs-setup .status-dot{background:#d3b47e;box-shadow:none}.row-actions{display:flex;gap:5px;margin-left:3px}.mini-action{border:1px solid #2c2c2e;background:#161617;border-radius:5px;padding:5px 7px;font-size:9px;color:#aaa;cursor:pointer}.mini-action:disabled{cursor:not-allowed;opacity:.42}.mini-action:hover{border-color:#555;color:white}.empty-state{text-align:center;padding:28px 10px 19px}.empty-mark{margin:0 auto 10px;width:31px;height:31px;border-radius:8px;border:1px solid #343437;background:#181819;color:#aaa;display:grid;place-items:center;font-size:17px}.empty-state h3{font-weight:500;font-size:12px;margin:0}.empty-state p{font-size:10px;color:#777;margin:6px 0 14px}.empty-state .button{height:31px;font-size:9px}.activity-list{display:grid}.activity-item{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #222224}.activity-item:last-child{border:0}.activity-icon{width:24px;height:24px;border:1px solid #303033;background:#19191a;border-radius:6px;display:grid;place-items:center;color:#bbb;font-size:11px;flex:none}.activity-item b{font-size:10px;font-weight:500;display:block}.activity-item p{font-size:9px;color:#777;margin:4px 0 0}.activity-item time{font:9px var(--mono);color:#656569;margin-left:auto;white-space:nowrap}.empty-activity{padding:22px 0;color:#707074;font-size:10px}.bottom-note{margin-top:14px;padding:13px 15px;border:1px solid #29292b;border-radius:8px;background:linear-gradient(100deg,#141716,#111112);display:flex;align-items:center;gap:11px}.note-icon{height:25px;width:25px;border:1px solid #334239;border-radius:6px;display:grid;place-items:center;color:#a7dbb8}.bottom-note b{font-size:10px;font-weight:500}.bottom-note p{margin:4px 0 0;font-size:9px;color:#818185}.note-check{margin-left:auto;color:#9bd4ae}.full-panel{margin-top:12px;min-height:300px}.secure-label{font:9px var(--mono);color:#a8d8b6;display:flex;align-items:center;gap:7px}.secure-label .status-dot{width:5px;height:5px}.full-panel .project-row{padding:15px 0}.full-panel .empty-state{padding:70px 10px}.modal-backdrop{position:fixed;z-index:5;inset:0;background:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:min(100%,510px);border:1px solid #363638;border-radius:12px;background:#111112;box-shadow:0 30px 100px #000c;padding:23px 25px 17px;max-height:calc(100vh - 40px);overflow:auto}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-mark{width:29px;height:29px;border:1px solid #39393b;border-radius:7px;display:grid;place-items:center;background:#19191a;color:#ddd;font-size:16px}.modal .eyebrow{margin-bottom:7px}.modal h2{font-size:20px;font-weight:500;letter-spacing:-.04em;margin:0}.modal>.muted{margin:6px 0 19px}.modal label:not(.file-button){display:block;font-size:10px;color:#ccc;margin:14px 0 7px}.modal input:not([type=file]){width:100%;height:36px;background:#171718;border:1px solid #313134;border-radius:6px;padding:0 10px;color:#eee;outline:none;font-size:11px}.modal input:focus{border-color:#777}.modal input::placeholder{color:#666}.type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-option{display:flex;align-items:center;text-align:left;gap:9px;height:58px;background:#151516;border:1px solid #303033;border-radius:7px;padding:8px;cursor:pointer}.type-option.selected{border-color:#bcbcb8;background:#1b1b1c}.option-icon{width:28px;height:28px;border:1px solid #353537;border-radius:6px;display:grid;place-items:center;color:#bbb}.type-option>span:nth-child(2){flex:1 1}.type-option b,.type-option small{display:block}.type-option b{font-size:10px;font-weight:500}.type-option small{font-size:9px;color:#777;margin-top:4px}.type-option>i{font-style:normal;font-size:10px;color:#aaa;opacity:0}.type-option.selected>i{opacity:1}.input-hint{font-size:9px;color:#737377;margin-top:6px}.input-hint span{font-family:var(--mono);color:#aaa}.folder-row{display:flex;gap:7px}.folder-row input{min-width:0;flex:1 1}.file-button{height:36px;display:grid;place-items:center;border:1px solid #353537;background:#1a1a1b;border-radius:6px;padding:0 10px;color:#ccc;font-size:10px;white-space:nowrap;cursor:pointer}.file-button:hover{border-color:#666}.file-info{font-size:9px;color:#737377;margin-top:6px}.optional{font:8px var(--mono);color:#8bc69f;margin-left:4px}.route-preview{margin-top:16px;border:1px solid #2b3530;background:#121614;border-radius:7px;padding:10px}.route-preview>div{font:8px var(--mono);letter-spacing:.08em;color:#9bc7a9;display:flex;align-items:center;gap:6px}.route-preview .status-dot{width:5px;height:5px}.route-preview code{display:block;font:9px var(--mono);color:#d1d1ce;margin:8px 0 5px;overflow-wrap:anywhere}.route-preview small{font-size:8px;color:#7d847f}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.modal-actions .button{height:34px}.modal-foot{border-top:1px solid #272729;margin-top:15px;padding-top:12px;color:#777;font-size:9px}.modal-foot span{font-size:13px;margin-right:5px}.error-text{min-height:14px;margin:8px 0 0;color:var(--red);font-size:10px}.toast{position:fixed;z-index:10;bottom:22px;right:24px;background:#eee;color:#111;padding:11px 15px;border-radius:7px;font-size:11px;box-shadow:0 8px 30px #0008;transform:translateY(20px);opacity:0;transition:.2s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#171719,#0c0c0d 55%)}.login-card{width:min(100% - 32px,350px);border:1px solid #303033;border-radius:12px;background:#111112;padding:30px;box-shadow:0 25px 80px #0008;text-align:center}.login-card .eyebrow{margin-bottom:9px}.login-card h1{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:0}.login-card>p.muted{font-size:11px}.login-card form{text-align:left;margin-top:25px}.login-card label{font-size:10px;color:#ccc;display:block;margin-bottom:7px}.login-card input{width:100%;height:40px;background:#171718;border:1px solid #313134;border-radius:6px;padding:0 10px;color:white;outline:none}.login-foot{margin-top:22px;border-top:1px solid #28282a;padding-top:15px;display:flex;align-items:center;justify-content:center;gap:7px;font:9px var(--mono);color:#777}.login-foot .status-dot{width:5px;height:5px}.section-hidden{display:none!important}.error-banner{border:1px solid #663939;background:#241818;color:#ffaaaa;padding:9px;border-radius:6px;font-size:10px;margin-top:9px}.@media(max-width:1100px){.sidebar{width:220px}.main-content{margin-left:220px}.page{padding:30px 25px}.topbar{padding:0 25px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:58px;padding:18px 8px}.brand{padding:0 5px 27px}.brand>div:nth-child(2),.nav-item,.nav-item:not(.active) .nav-count,.server-chip .live-pill,.server-chip>div,.workspace-label,nav .nav-group{font-size:0}.server-chip{justify-content:center;padding:10px 0}.server-chip .status-dot{width:7px;height:7px}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:16px}.nav-count{display:none}.domain-box{padding:8px 4px;text-align:center}.domain-box .tiny-label,.domain-box>a,.domain-line{font-size:0}.domain-line i{margin:auto}.profile{justify-content:center}.profile button,.profile>div:nth-child(2){display:none}.main-content{margin-left:58px}.page{padding:25px 15px}.topbar{height:57px;padding:0 15px}.breadcrumbs{font-size:10px}.top-actions{gap:7px}.sync-label{display:none}.top-actions .button{font-size:0;padding:0 10px}.top-actions .button span{font-size:15px}.page-intro{align-items:flex-start;gap:12px}.page-intro h1{font-size:23px}.date-chip{font-size:0;gap:4px;padding:8px}.date-chip #current-time,.date-chip .divider{display:none}.stat-grid{gap:8px}.stat-card{padding:12px;min-height:132px}.stat-value strong{font-size:23px}.content-grid{grid-template-columns:1fr}.activity-panel,.projects-panel{min-height:auto}.bottom-note{align-items:flex-start}.note-check{display:none}.modal{padding:19px}.project-row{gap:7px}.row-actions .mini-action{font-size:8px;padding:5px}}