:root{--bg:#08090b;--panel:#101216;--panel2:#15181d;--line:#242830;--text:#f5f7fa;--muted:#8b939f;--accent:#b7ff38;--accent2:#8fd10e;--red:#ff5e6c;--amber:#ffbf47;--blue:#5ca8ff;--radius:20px;--shadow:0 24px 90px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% -10%,rgba(183,255,56,.08),transparent 28%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:#7f8792;font-size:11px;letter-spacing:.19em;font-weight:800}.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--accent);color:#090b08;font-size:31px;font-weight:950;box-shadow:0 12px 38px rgba(183,255,56,.18)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:21px}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-card{position:relative;width:min(430px,100%);padding:38px;background:rgba(15,17,20,.86);border:1px solid var(--line);border-radius:28px;backdrop-filter:blur(24px);box-shadow:var(--shadow);z-index:2}.login-card h1{font-size:38px;letter-spacing:-.04em;margin:18px 0 8px}.login-card>.muted{line-height:1.6;margin:0 0 28px}.login-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.3}.orb-one{width:420px;height:420px;background:radial-gradient(circle,var(--accent),transparent 66%);top:-170px;right:-120px}.orb-two{width:300px;height:300px;background:radial-gradient(circle,#345cff,transparent 66%);bottom:-170px;left:-100px}.login-form{display:grid;gap:17px}.login-form label{font-size:12px;color:#aeb5bf;font-weight:700}.login-form input{display:block;width:100%;margin-top:8px;padding:14px 15px;background:#090b0d;border:1px solid #2a2f37;border-radius:12px;color:white;outline:none;transition:.2s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(183,255,56,.08)}.btn{border:0;border-radius:11px;padding:12px 15px;font-weight:800;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#0b0d09}.btn-secondary{background:#15181c;color:#e7e9ed;border:1px solid #2a2f36}.btn-danger{background:#3b171b;color:#ff9da5;border:1px solid #6a242b}.btn-full{width:100%;margin-top:3px}.security-note{margin-top:23px;display:flex;align-items:center;justify-content:center;gap:8px;color:#777f89;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-green{background:var(--accent);box-shadow:0 0 12px rgba(183,255,56,.5)}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0b0d10;border-right:1px solid #1d2127;padding:20px 15px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:4px 8px 22px}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:.08em}.brand span{font-size:9px;letter-spacing:.3em;color:#777f8b}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#9ca4af;text-align:left;padding:11px 12px;border-radius:10px;font-size:13px;cursor:pointer;display:flex;gap:11px;align-items:center}.nav-item:hover,.nav-item.active{background:#15191d;color:white}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}.nav-item span{width:18px;text-align:center}.nav-item em{margin-left:auto;font-size:9px;font-style:normal;color:#646b74;border:1px solid #2a2f36;padding:2px 5px;border-radius:5px}.nav-item.disabled{cursor:default;opacity:.64}.nav-caption{font-size:9px;letter-spacing:.2em;color:#515862;font-weight:900;margin:22px 12px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid #1d2127;padding:18px 6px 0;display:flex;align-items:center;justify-content:space-between}.operator{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:9px;background:#1b2025;display:grid;place-items:center;color:var(--accent);font-weight:900}.operator>div{display:flex;flex-direction:column}.operator strong{font-size:12px}.operator div span{font-size:10px;color:#6f7782}.icon-btn,.menu-btn,.modal-close{border:0;background:transparent;color:#8d959f;cursor:pointer;font-size:20px}.main{grid-column:2;padding:0 42px 60px;min-width:0}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #171b20;position:sticky;top:0;background:rgba(8,9,11,.87);backdrop-filter:blur(20px);z-index:20}.topbar h2{margin:0;font-size:20px}.top-actions{display:flex;gap:10px;align-items:center}.mode-pill{font-size:9px;letter-spacing:.12em;font-weight:900;color:#ff8f98;background:#251216;border:1px solid #472126;border-radius:999px;padding:8px 10px}.mode-pill.on{color:var(--accent);background:#13200c;border-color:#2f4717}.menu-btn{display:none}.view{display:none}.active-view{display:block}.hero-panel{min-height:300px;border:1px solid #20252c;border-radius:26px;margin:34px 0 18px;padding:45px 48px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(115deg,#12151a 0%,#0d1013 58%,#11180d 100%)}.hero-panel:after{content:"";position:absolute;inset:auto -160px -250px auto;width:520px;height:520px;border-radius:50%;border:1px solid rgba(183,255,56,.08);box-shadow:0 0 100px rgba(183,255,56,.03)}.hero-panel h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px;max-width:720px}.hero-panel h1 span{color:var(--accent)}.hero-panel>div:first-child>p:last-child{color:#858d98;max-width:590px}.pulse-sphere{width:170px;height:170px;border:1px solid rgba(183,255,56,.18);border-radius:50%;display:grid;place-items:center;position:relative;margin-right:30px;box-shadow:inset 0 0 70px rgba(183,255,56,.035),0 0 60px rgba(183,255,56,.025)}.pulse-sphere:before,.pulse-sphere:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(183,255,56,.11)}.pulse-sphere:before{inset:20px}.pulse-sphere:after{inset:43px}.pulse-sphere span{width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 30px rgba(183,255,56,.75)}.pulse-sphere i{position:absolute;width:2px;height:62%;background:linear-gradient(transparent,var(--accent),transparent);animation:spin 5s linear infinite;transform-origin:50% 100%;top:0;left:50%;opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:#101318;border:1px solid #20252c;border-radius:16px;padding:20px;display:flex;gap:15px;align-items:flex-start}.stat-icon{color:var(--accent);font-size:18px}.stat-icon.amber{color:var(--amber)}.stat-icon.red{color:var(--red)}.stat-icon.blue{color:var(--blue)}.stat-card small{font-size:9px;letter-spacing:.14em;color:#69717c;font-weight:900}.stat-card strong{display:block;font-size:27px;margin:2px 0 1px}.stat-card p{font-size:10px;color:#68707a;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;margin:36px 0 14px}.section-head h3{margin:0;font-size:22px}.section-head .muted{font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{background:#101318;border:1px solid #20252c;border-radius:17px;padding:19px;transition:.18s;cursor:pointer;min-width:0}.project-card:hover{border-color:#343b45;transform:translateY(-2px)}.project-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.project-name{display:flex;gap:11px;min-width:0}.project-logo{width:38px;height:38px;border-radius:10px;background:#191d22;display:grid;place-items:center;font-weight:900;color:var(--accent);flex:0 0 auto}.project-name h4{margin:1px 0 2px;font-size:14px}.project-name p{margin:0;font-size:10px;color:#727a85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:9px;font-weight:900;letter-spacing:.07em;padding:5px 8px;border-radius:999px}.status-online{color:var(--accent);background:#16230f}.status-offline{color:#ff838d;background:#281317}.status-maintenance{color:#ffc86c;background:#281f0e}.metric-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1d2228;margin-top:17px;padding-top:14px}.metric{display:flex;flex-direction:column}.metric span{font-size:8px;letter-spacing:.12em;color:#59616c;font-weight:900}.metric strong{font-size:11px;margin-top:2px}.card-arrow{color:#626a75}.loading-card,.empty-card{grid-column:1/-1;padding:30px;border:1px dashed #2a3038;border-radius:16px;color:#707985;text-align:center}.table-card{border:1px solid #20252c;border-radius:17px;overflow:hidden;background:#101318}.table-row{display:grid;grid-template-columns:1.5fr 1.4fr .75fr .75fr .75fr;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid #1e232a;font-size:12px}.table-row:last-child{border-bottom:0}.table-head{color:#626a75;font-size:9px;letter-spacing:.12em;font-weight:900;background:#0d1014}.table-name{font-weight:800}.activity-list{border:1px solid #20252c;border-radius:17px;overflow:hidden;background:#101318}.activity-item{display:grid;grid-template-columns:155px 1fr 160px;gap:15px;padding:14px 18px;border-bottom:1px solid #1e232a;font-size:12px}.activity-item:last-child{border-bottom:0}.activity-item time{color:#717985}.activity-item strong{font-weight:800}.activity-item span:last-child{color:#747d88;text-align:right}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;z-index:100}.modal{width:min(650px,100%);max-height:88vh;overflow:auto;background:#101318;border:1px solid #2a3038;border-radius:22px;padding:26px;box-shadow:var(--shadow);position:relative}.modal-close{position:absolute;right:18px;top:14px;font-size:26px}.modal-head{display:flex;gap:14px;align-items:center;padding-right:35px}.modal-head .project-logo{width:48px;height:48px}.modal-head h2{margin:0}.modal-head p{margin:3px 0 0;color:#7d8691;font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.detail-box{padding:14px;background:#0b0e11;border:1px solid #20252c;border-radius:12px}.detail-box span{display:block;font-size:8px;letter-spacing:.13em;color:#5f6772;font-weight:900}.detail-box strong{font-size:12px;display:block;margin-top:5px}.control-block{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #242a31;border-radius:14px;margin:10px 0}.control-block h4{margin:0 0 4px}.control-block p{margin:0;color:#717985;font-size:11px}.switch{width:50px;height:28px;border-radius:999px;background:#272c33;border:1px solid #3a414b;position:relative;cursor:pointer;flex:0 0 auto}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#757e89;left:3px;top:3px;transition:.2s}.switch.on{background:#263a12;border-color:#53731d}.switch.on:after{left:25px;background:var(--accent)}.modal-actions-row{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.log-box{background:#07090b;border:1px solid #20252c;border-radius:12px;margin-top:15px;padding:14px;max-height:260px;overflow:auto;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7bec7;white-space:pre-wrap}.confirm-modal{text-align:center;width:min(430px,100%)}.danger-badge{width:54px;height:54px;border-radius:50%;background:#32161a;color:#ff747f;display:grid;place-items:center;font-weight:900;font-size:25px;margin:0 auto 15px}.confirm-modal h3{margin:0 0 8px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.toast-host{position:fixed;right:18px;bottom:18px;display:grid;gap:9px;z-index:200}.toast{background:#15191e;border:1px solid #2c333b;border-radius:12px;padding:12px 15px;min-width:250px;box-shadow:var(--shadow);font-size:12px;animation:toastin .22s ease}.toast.ok{border-color:#36521a}.toast.err{border-color:#5c252b}@keyframes toastin{from{transform:translateY(10px);opacity:0}}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:36px}.pulse-sphere{width:130px;height:130px;margin-right:0}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.22s;width:270px}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(0,0,0,.5)}.main{padding:0 16px 40px}.topbar{min-height:76px}.menu-btn{display:block;margin-right:10px}.topbar>div:first-of-type{margin-right:auto}.top-actions .mode-pill{display:none}.top-actions .btn{padding:10px;font-size:0}.top-actions .btn:first-letter{font-size:16px}.hero-panel{margin-top:20px;min-height:auto;padding:30px 24px}.hero-panel h1{font-size:36px}.pulse-sphere{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.project-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr .8fr .6fr}.table-row>*:nth-child(2),.table-row>*:nth-child(5){display:none}.activity-item{grid-template-columns:1fr;gap:4px}.activity-item span:last-child{text-align:left}.detail-grid{grid-template-columns:1fr 1fr}.control-block{align-items:flex-start}.login-card{padding:28px 23px;border-radius:22px}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.hero-panel h1{font-size:31px}.modal-actions-row .btn{width:100%}}

/* v0.2 inventory */
.inventory-roots{margin:6px 0 0;color:#646d78;font-size:10px;letter-spacing:.02em}.status-local{color:#9fb6d0;background:#14202c}.project-title-wrap{min-width:0}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.project-tags span,.mini-badge{font-size:8px;letter-spacing:.1em;font-weight:900;color:#7b8490;border:1px solid #252b33;background:#0c0f12;border-radius:999px;padding:4px 7px}.project-tags .tag-managed{color:var(--accent);border-color:#31431e;background:#11190c}.project-tools{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px;gap:10px;margin:0 0 14px}.search-box{height:42px;border:1px solid #252b33;background:#0e1115;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#66707c}.search-box input{border:0;outline:0;background:transparent;color:#f3f5f7;width:100%;min-width:0}.search-box input::placeholder{color:#59616b}.filter-select{height:42px;border:1px solid #252b33;background:#0e1115;color:#d7dbe0;border-radius:11px;padding:0 12px;outline:none}.project-table-row{grid-template-columns:1.2fr 1.6fr 1.15fr .65fr .7fr .65fr}.table-name,.path-cell{min-width:0;display:flex;flex-direction:column;gap:3px}.table-name b,.path-cell b{font-size:12px}.table-name small,.path-cell small{display:block;color:#69727d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-cell b{color:#939ca7;font-size:10px}.path-panel{display:flex;flex-direction:column;gap:8px;padding:14px;background:#090c0f;border:1px solid #20262d;border-radius:13px;margin:0 0 12px}.path-panel>span:first-child{font-size:8px;letter-spacing:.14em;color:#606a75;font-weight:900}.path-panel code{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c3c9d0;word-break:break-all}.path-panel>span:not(:first-child){font-size:10px;color:#6f7883}.path-panel b{color:#c8ced6}.control-info{background:#0d1014}.control-info .mini-badge{flex:0 0 auto}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:1100px){.project-table-row{grid-template-columns:1.2fr 1.4fr 1fr .65fr .7fr}.project-table-row>*:nth-child(6){display:none}}
@media(max-width:760px){.project-tools{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.project-table-row{grid-template-columns:1.3fr .9fr .7fr}.project-table-row>*{display:none!important}.project-table-row>*:nth-child(1),.project-table-row>*:nth-child(3),.project-table-row>*:nth-child(5){display:flex!important}.project-table-row.table-head>*:nth-child(1),.project-table-row.table-head>*:nth-child(3),.project-table-row.table-head>*:nth-child(5){display:block!important}.section-head{align-items:flex-end;gap:12px}.section-head .btn{white-space:nowrap}}
@media(max-width:470px){.project-tools{grid-template-columns:1fr}.search-box{grid-column:auto}.project-table-row{grid-template-columns:1.3fr .8fr}.project-table-row>*:nth-child(3){display:none!important}.project-table-row>*:nth-child(1),.project-table-row>*:nth-child(5){display:flex!important}.project-table-row.table-head>*:nth-child(1),.project-table-row.table-head>*:nth-child(5){display:block!important}}

/* v0.3 Nginx maintenance integration */
.control-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.control-title-row h4{margin:0}.badge-connected{color:var(--accent);border-color:#3c5722;background:#111b0b}.badge-ready{color:#9ec9ff;border-color:#27445f;background:#0d1823}.integration-ready{background:linear-gradient(135deg,#0e151d,#0d1116);border-color:#273b4d}.maintenance-live{background:linear-gradient(135deg,#10170d,#0e1210);border-color:#2b3d20}.affected-domains{display:block;margin-top:7px;color:#8a95a2;font-size:9px}.btn-ghost-danger{background:transparent;border:1px solid #4c272c;color:#d7868d}.btn-ghost-danger:hover{background:#241215;border-color:#6a333a}.integration-ready .btn{flex:0 0 auto}.project-card:has(.status-maintenance){border-color:#40351f}
@media(max-width:580px){.integration-ready{align-items:stretch;flex-direction:column}.integration-ready .btn{width:100%}.control-title-row{align-items:flex-start}}
.project-tags .tag-nginx{color:#9ec9ff;border-color:#28445d;background:#0e1720}

/* v0.4 VServer Command Center */
.host-mini{display:flex;align-items:center;gap:7px;border:1px solid #242a31;background:#0e1115;border-radius:11px;padding:7px 10px;min-width:165px}.host-mini b{font-size:10px;letter-spacing:.06em}.host-mini small{margin-left:auto;color:#747e89;font-size:9px}.control-hero{background:radial-gradient(circle at 78% 45%,rgba(183,255,56,.08),transparent 24%),linear-gradient(115deg,#12151a 0%,#0d1013 55%,#11170e 100%)}
.server-ribbon{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:1px;border:1px solid #20252c;background:#20252c;border-radius:15px;overflow:hidden;margin:-4px 0 14px}.server-ribbon>div{background:#0e1115;padding:14px 16px;min-width:0}.server-ribbon span{display:block;color:#626c78;font-size:8px;letter-spacing:.14em;font-weight:900}.server-ribbon strong{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-warning{background:#34270f;color:#ffd078;border:1px solid #5a4318}.btn-sm{padding:8px 10px;font-size:10px}.btn-xs{padding:6px 8px;font-size:9px}.modal-wide{width:min(760px,100%)}.config-modal{width:min(560px,100%)}.config-modal h3{font-size:25px;margin:0 0 4px}.config-form{display:grid;gap:15px;margin-top:22px}.config-form label{font-size:11px;color:#9ca5b0;font-weight:800}.config-form input,.config-form textarea,.config-form select{display:block;width:100%;margin-top:7px;border:1px solid #2a3038;background:#090c0f;color:#edf0f3;border-radius:11px;padding:12px 13px;outline:none}.config-form textarea{resize:vertical;min-height:110px}.config-form input:focus,.config-form textarea:focus,.config-form select:focus{border-color:#55672e;box-shadow:0 0 0 3px rgba(183,255,56,.06)}.optional{font-weight:500;color:#59626d;margin-left:5px}.badge-warning,.tag-warn{color:#ffca6b!important;border-color:#57431b!important;background:#1d170c!important}
.mini-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mini-stat{background:#101318;border:1px solid #20252c;border-radius:15px;padding:17px}.mini-stat span{display:block;color:#69727e;font-size:8px;letter-spacing:.14em;font-weight:900}.mini-stat strong{display:block;font-size:25px;margin-top:4px}.mini-stat small{display:block;color:#66707a;font-size:9px;margin-top:1px}.stack-list{display:grid;gap:8px}.stack-list.compact-stack{gap:6px}.stack-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#101318;border:1px solid #20252c;border-radius:14px;padding:14px 16px}.row-main{display:flex;align-items:center;gap:11px;min-width:0}.row-main>div{min-width:0}.row-main b{display:block;font-size:12px}.row-main small{display:block;color:#6e7782;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;gap:9px;align-items:center;color:#7a8490;font-size:10px;margin-left:auto}.row-actions{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}.status-dot.green{background:var(--accent);box-shadow:0 0 10px rgba(183,255,56,.28)}.status-dot.amber{background:var(--amber)}.status-dot.red{background:var(--red)}.status-dot.gray{background:#56606c}.warn-text{color:#ffc866}.backup-icon{width:32px;height:32px;border-radius:9px;background:#171c21;border:1px solid #262d35;display:grid;place-items:center;color:#8da2b8}.stack-row code{font-size:9px;color:#65707c;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.resource-card{background:#101318;border:1px solid #20252c;border-radius:16px;padding:19px}.resource-card>span{font-size:8px;color:#68727e;letter-spacing:.14em;font-weight:900}.resource-card>strong{display:block;font-size:30px;margin:5px 0 10px}.resource-card>small{display:block;color:#717b86;font-size:9px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:5px;background:#20252b;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:var(--accent)}.progress i.blue{background:var(--blue)}.progress i.red{background:var(--red)}
.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.three-col-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:0 0 12px}.span-two{min-width:0}.panel-card{background:#101318;border:1px solid #20252c;border-radius:17px;padding:18px;margin:12px 0;min-width:0}.two-col-grid>.panel-card,.three-col-grid>.panel-card{margin:0}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h4{margin:0;font-size:16px}.panel-head .eyebrow{font-size:8px;margin-bottom:4px}.service-list,.health-list{display:grid;gap:7px}.service-row,.health-row,.compact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#0b0e11;border:1px solid #1e242b;border-radius:11px}.service-row>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.service-row b,.compact-row b{font-size:11px}.service-row small,.compact-row small{color:#69737e;font-size:8px}.service-row .row-actions{margin-left:auto}.health-row span{color:#828b96;font-size:10px}.health-row b{font-size:10px}.ok-text{color:var(--accent)!important}.bad-text{color:#ff7d87!important}.compact-row>div{min-width:0}.compact-row>span{color:#89929d;font-size:9px;text-align:right}
.infra-table{width:100%;min-width:0}.infra-row{display:grid;grid-template-columns:1.1fr 1.35fr .8fr .8fr 1.2fr;gap:14px;align-items:center;padding:11px 10px;border-top:1px solid #1e242b;color:#aeb5be;font-size:10px;min-width:0}.infra-row:first-child{border-top:0}.infra-head{background:#0b0e11;color:#5f6975;font-size:8px;letter-spacing:.12em;font-weight:900;border-radius:9px}.infra-row span{min-width:0}.infra-row b{color:#edf0f3;font-size:10px}.infra-row small{display:block;color:#68727e;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infra-row .progress{margin-top:5px}.process-row{grid-template-columns:1.5fr .75fr .55fr .55fr .75fr .55fr}.systemd-row{grid-template-columns:1.25fr .6fr .6fr 2fr}.nginx-row{grid-template-columns:1fr 1.7fr 1.7fr .55fr}.ssl-row{grid-template-columns:1.1fr 2fr 1fr .65fr}.chip{display:inline-block;background:#0b0e11;border:1px solid #242b33;border-radius:6px;padding:4px 6px;margin:2px 2px 2px 0;color:#9fb4c8;font-size:8px}.search-box.compact{height:35px;max-width:240px;min-width:180px}.search-box.compact input{font-size:10px}
.terminal-box,.terminal-table{background:#080a0c;border:1px solid #1f252c;border-radius:12px;color:#aeb7c1;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-box{margin:0;padding:13px;max-height:290px;overflow:auto;white-space:pre-wrap}.terminal-table{overflow:auto;max-height:580px}.terminal-head{position:sticky;top:0;background:#0e1216;border-bottom:1px solid #20262d;padding:9px 12px;color:#66717d;font-size:8px;letter-spacing:.1em}.terminal-table code{display:block;padding:6px 12px;border-bottom:1px solid #151a1f;white-space:pre;min-width:max-content}.terminal-table code:last-child{border-bottom:0}.health-banner,.info-banner{display:flex;align-items:flex-start;gap:11px;background:#10180d;border:1px solid #2b3d20;border-radius:14px;padding:14px 16px;margin-bottom:12px}.health-banner.bad{background:#1d1012;border-color:#4b252a}.health-banner b,.info-banner b{display:block;font-size:11px}.health-banner small,.info-banner span{display:block;margin-top:3px;color:#7b8590;font-size:9px}.empty-inline{padding:18px;color:#66717c;text-align:center;font-size:10px}

@media(max-width:1180px){.resource-grid{grid-template-columns:repeat(2,1fr)}.server-ribbon{grid-template-columns:repeat(3,1fr)}.server-ribbon>div:nth-child(4),.server-ribbon>div:nth-child(5){display:none}.mini-stat-grid{grid-template-columns:repeat(2,1fr)}.nginx-row{grid-template-columns:1fr 1.4fr 1.4fr .5fr}}
@media(max-width:900px){.host-mini{display:none}.two-col-grid,.three-col-grid{grid-template-columns:1fr}.infra-table{overflow:auto}.process-row,.systemd-row,.nginx-row,.ssl-row{min-width:720px}.panel-card{overflow:hidden}}
@media(max-width:760px){.server-ribbon{grid-template-columns:repeat(2,1fr)}.server-ribbon>div:nth-child(3){display:none}.resource-grid{grid-template-columns:1fr 1fr}.head-actions{width:100%;justify-content:flex-end}.stack-row{align-items:flex-start;flex-wrap:wrap}.row-meta{order:3;width:100%;margin-left:19px}.mini-stat-grid{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .search-box.compact{max-width:none;width:100%}.top-actions{gap:6px}}
@media(max-width:480px){.server-ribbon{grid-template-columns:1fr 1fr}.resource-grid,.mini-stat-grid{grid-template-columns:1fr}.row-actions{margin-left:auto}.stack-row code{max-width:100%;width:100%}.head-actions .btn{flex:1}.config-modal{padding:22px}.resource-card>strong{font-size:26px}}

/* v0.5.0 – Port Registry, Monitoring, Deployments & Database Center */
.port-lock-banner{background:#0f170d;border-color:#2e4420}.port-lock-banner b{color:var(--accent)}.port-lock-banner code{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9f6ae;background:#0a0e09;border:1px solid #26341d;border-radius:5px;padding:2px 5px}
.port-lock-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #31501f;background:#10190d;color:#b9f55d;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850;white-space:nowrap}.port-lock-pill:before{content:"●";font-size:6px;color:var(--accent)}
.process-row-v5{grid-template-columns:1.55fr .68fr .72fr .48fr .68fr 1.05fr .85fr;min-width:900px}.port-row{grid-template-columns:.45fr .72fr 1.1fr 1.15fr 1.2fr 1.45fr;min-width:940px}.deployment-row{grid-template-columns:1.35fr .95fr 1.55fr .7fr 1.15fr;min-width:860px}.database-row{grid-template-columns:1.25fr .7fr 1.8fr .9fr;min-width:720px}.port-registry{overflow:auto}.port-row>span:first-child b{font-size:13px;color:#f2f6fa}.port-row .warn-text{color:#ffbd65!important;font-weight:850;letter-spacing:.08em}
.metric-chart{min-height:220px;position:relative}.metric-chart svg{width:100%;height:160px;display:block;overflow:visible;margin-top:15px}.chart-grid{stroke:#222a32;stroke-width:.45;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke:#b7ff38;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(183,255,56,.18))}.chart-value{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.chart-value strong{font-size:28px;letter-spacing:-.04em}.chart-value span{color:#6e7884;font-size:9px}.backup-icon{min-width:28px;height:28px;border-radius:8px;background:#11161b;border:1px solid #242c34;display:grid;place-items:center;color:#95a2af;font-size:8px;font-weight:900}
@media(max-width:900px){.process-row-v5,.port-row,.deployment-row,.database-row{min-width:850px}.metric-chart{min-height:200px}}