*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg2:#161616;--bg3:#1e1e1e;--border:#ffffff14;--border2:#ffffff24;--text:#e8e8e8;--muted:#888;--dim:#555;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--blue:#3b82f6;--blue-bg:#3b82f61a;--yellow-bg:#f59e0b1a;--green-bg:#22c55e1a;--red-bg:#ef44441a}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5}.topbar{border-bottom:.5px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.logo span{color:var(--text)}.top-right{align-items:center;gap:10px;display:flex}.count-badge{background:var(--bg3);border:.5px solid var(--border2);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:11px}.main{max-width:860px;margin:0 auto;padding:24px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-size:10px}.apps-list{flex-direction:column;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg2);border:.5px solid var(--border);border-radius:8px;padding:12px 14px}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:10px}.stat-value{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:600}.stat-sub{color:var(--dim);font-size:10px}.stat-bar{background:var(--bg3);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.stat-bar-fill{border-radius:2px;height:100%;transition:width .4s}.fill-green{background:var(--green)}.fill-yellow{background:var(--yellow)}.fill-red{background:var(--red)}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.charts-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.chart-card{background:var(--bg2);border:.5px solid var(--border);border-radius:8px;min-width:0;padding:10px 10px 4px}.chart-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.chart-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:10px}.chart-tooltip{color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.chart-svg{cursor:crosshair;width:100%;height:auto;display:block}.chart-empty{color:var(--dim);text-align:center;padding:20px 0;font-size:11px}@media (width<=600px){.charts-grid{grid-template-columns:1fr}}.app-card{background:var(--bg2);border:.5px solid var(--border);border-radius:10px;padding:14px 16px;transition:border-color .2s}.app-card:hover{border-color:var(--border2)}.app-card.deploying{border-color:#f59e0b59}.app-card.stopped{border-color:#ef444433}.app-header{margin-bottom:10px}.app-title-row{align-items:center;gap:8px;display:flex}.app-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-header-gap{flex:1}.btn-icon{padding:2px 7px;font-size:12px;line-height:1}.app-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;padding-left:11px;font-size:11px;display:flex}.meta-sep{color:var(--border2)}.app-toolbar{border-top:.5px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.toolbar-group{align-items:center;gap:5px;display:flex}.toolbar-sep{background:var(--border);width:1px;height:16px;margin:0 2px}.btn-panel.active{background:var(--bg3);color:var(--text)}.toggle-wrap{align-items:center;gap:5px;margin-right:4px;display:flex}.toggle-label{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.toggle{cursor:pointer;width:30px;height:16px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.slider{background:var(--bg3);border:.5px solid var(--border2);border-radius:8px;transition:background .2s,border-color .2s;position:absolute;inset:0}.slider:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}input:checked+.slider{background:var(--green-bg);border-color:#22c55e66}input:checked+.slider:after{background:var(--green);transform:translate(14px)}.btn{border:.5px solid var(--border2);color:var(--muted);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .15s}.btn:hover{background:var(--bg3);color:var(--text);border-color:#fff3}.btn:active{transform:scale(.96)}.btn-deploy{color:var(--yellow);border-color:#f59e0b4d}.btn-deploy:hover{background:var(--yellow-bg)}.btn-restart{color:var(--blue);border-color:#3b82f64d}.btn-restart:hover{background:var(--blue-bg)}.btn-logs.active{background:var(--bg3);color:var(--text)}.btn-stop{color:var(--red);border-color:#ef44444d}.btn-stop:hover{background:var(--red-bg)}.btn-start{color:var(--green);border-color:#22c55e4d}.btn-start:hover{background:var(--green-bg)}.btn-logout{color:var(--red);border-color:#ef44444d}.btn-logout:hover{background:var(--red-bg)}.btn-save{color:var(--green);border-color:#22c55e4d}.btn-save:hover{background:var(--green-bg)}.btn-danger{color:var(--red);border-color:#ef44444d;padding:2px 7px;font-size:11px}.btn-xs{border-radius:3px;padding:3px 7px;font-size:10px}.dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.dot-green{background:var(--green);box-shadow:0 0 4px #22c55e80}.dot-yellow{background:var(--yellow);animation:1s infinite blink}.dot-red{background:var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-text{align-items:center;font-size:11px;display:flex}.status-text.running{color:var(--green)}.status-text.stopped{color:var(--red)}.status-text.deploying{color:var(--yellow)}.log-container{margin-top:10px}.log-tabs{gap:0;display:flex}.log-tab{background:var(--card);border:.5px solid var(--border);color:var(--dim);cursor:pointer;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 12px;font-size:11px}.log-tab.active{background:var(--bg);color:var(--text)}.log-box{background:var(--bg);border:.5px solid var(--border);border-radius:0 6px 6px;max-height:200px;padding:10px 12px;font-size:11px;line-height:1.8;overflow-y:auto}.log-line{color:var(--dim)}.log-line.ok{color:var(--green)}.log-line.err{color:var(--red)}.log-line.info{color:var(--blue)}.log-line.warn{color:var(--yellow)}.vars-box{background:var(--bg);border:.5px solid var(--border);border-radius:6px;margin-top:10px;padding:12px}.vars-section{margin-bottom:12px}.vars-section:last-child{margin-bottom:0}.vars-heading{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px}.vars-row{align-items:center;gap:8px;padding:3px 0;font-size:11px;display:flex}.vars-row .vname{color:var(--text);min-width:80px;font-weight:500}.vars-row .vval{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vars-add{gap:6px;margin-top:6px;display:flex}.vars-add input{background:var(--bg2);border:.5px solid var(--border);color:var(--text);border-radius:4px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:11px}.vars-add input:focus{border-color:#fff3}.modal-overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.nested{z-index:60;background:#00000080}.modal-card{background:var(--bg2);border:.5px solid var(--border2);border-radius:12px;width:420px;max-height:85vh;padding:24px;overflow-y:auto}.modal-card.modal-wide{width:640px;max-width:calc(100vw - 32px)}.modal-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:13px}.modal-form label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:10px;display:block}.modal-form label:first-child{margin-top:0}.modal-form input,.modal-form select{background:var(--bg);border:.5px solid var(--border2);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.modal-form input:focus,.modal-form select:focus{border-color:#ffffff40}.modal-form input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-top:.5px solid var(--border2);margin:16px 0 4px;padding-top:12px;font-size:10px}.hint{color:var(--dim);margin-top:8px;font-size:11px;line-height:1.6}.hint code{background:var(--bg3);color:var(--muted);border-radius:3px;padding:1px 5px;font-size:10px}.wizard-head{margin-bottom:16px}.wizard-steps{border-bottom:.5px solid var(--border);gap:4px;margin-top:10px;padding-bottom:0;display:flex}.wizard-step{color:var(--dim);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border-bottom:1.5px solid #0000;align-items:center;gap:6px;margin-bottom:-.5px;padding:8px 14px;font-size:11px;transition:all .15s;display:flex}.wizard-step:hover{color:var(--muted)}.wizard-step.active{color:var(--text);border-bottom-color:var(--green)}.wizard-step.disabled{opacity:.4;cursor:not-allowed}.wizard-step-num{background:var(--bg3);border:.5px solid var(--border2);width:16px;height:16px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.wizard-step.active .wizard-step-num{background:var(--green-bg);color:var(--green);border-color:#22c55e66}.scan-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.scan-summary{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--bg3);color:var(--muted);border:.5px solid var(--border2);letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:10px}.env-list{flex-direction:column;gap:6px;max-height:360px;margin-top:10px;padding-right:4px;display:flex;overflow-y:auto}.env-row{grid-template-columns:1.4fr 2fr 90px auto auto;align-items:center;gap:6px;display:grid}.env-row .env-name,.env-row .env-val{font-size:11px}.env-row .env-kind{padding:6px 8px;font-size:11px}.env-row.existing .env-name{color:var(--muted)}.env-row.shared .env-kind{color:var(--yellow);border-color:#f59e0b66}.warn-banner{background:var(--yellow-bg);color:var(--text);border:.5px solid #f59e0b59;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.6}.warn-banner b{color:var(--yellow);font-weight:500}.warn-banner code{color:var(--muted);background:#0000004d;border-radius:3px;padding:1px 5px;font-size:10px}.warn-banner.err{background:var(--red-bg);border-color:#ef444466}.warn-banner.err b{color:var(--red)}.shared-badge{background:var(--yellow-bg);color:var(--yellow);letter-spacing:.04em;vertical-align:middle;cursor:help;border:.5px solid #f59e0b59;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:9px;font-weight:400;display:inline-block}.settings-block{background:var(--bg);border:.5px solid var(--border);border-radius:8px;margin-top:10px;padding:12px 14px}.settings-block.initialized{border-color:#3fb95040}.settings-row{justify-content:space-between;align-items:center;gap:14px;padding:4px 0;display:flex}.settings-row+.settings-row{border-top:.5px solid var(--border);margin-top:10px;padding-top:10px}.settings-title{color:var(--text);font-size:12px;font-weight:500}.settings-status{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.settings-sub{color:var(--dim);margin-top:3px;font-size:11px;line-height:1.5}.settings-sub code{background:var(--bg3);color:var(--muted);border-radius:3px;padding:1px 5px;font-size:10px}.status-badge{white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500}.status-badge.ok{color:var(--green);background:#3fb95026}.status-badge.pending{color:var(--dim);background:#ffffff0f}.status-detail{color:var(--muted);font-size:11px}.status-detail b{color:var(--text);font-weight:500}.status-ok{color:var(--green);font-size:11px;font-weight:400}.status-missing{color:var(--dim);font-size:11px;font-weight:400}.search-select{width:100%;position:relative}.search-select-trigger{background:var(--bg);border:.5px solid var(--border2);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:8px 10px;font-size:12px;overflow:hidden}.search-select-trigger:hover{border-color:#ffffff40}.search-select-dropdown{background:var(--bg2);border:.5px solid var(--border2);z-index:50;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.search-select-input{background:var(--bg);border:none;border-bottom:.5px solid var(--border2);width:100%;color:var(--text);box-sizing:border-box;border-radius:0;outline:none;padding:8px 10px;font-size:12px}.search-select-list{max-height:180px;overflow-y:auto}.search-select-item{color:var(--text-dim);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;font-size:12px;overflow:hidden}.search-select-item:hover{color:var(--text);background:#ffffff0f}.search-select-item.selected{color:var(--text);background:#ffffff14}.search-select-empty{color:var(--text-dim);text-align:center;padding:10px;font-size:12px}.toast{background:var(--bg3);border:.5px solid var(--border2);color:var(--text);opacity:0;pointer-events:none;z-index:100;border-radius:8px;padding:10px 16px;font-size:12px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.timeline-box{background:var(--bg);border:.5px solid var(--border);border-radius:6px;max-height:240px;margin-top:10px;padding:10px 12px;overflow-y:auto}.timeline-event{border-bottom:.5px solid var(--border);align-items:baseline;gap:8px;padding:4px 0;font-size:11px;display:flex}.timeline-event:last-child{border-bottom:none}.tl-icon{text-align:center;flex-shrink:0;width:16px;font-size:12px}.tl-label{white-space:nowrap;font-weight:500}.tl-detail{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tl-time{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:10px}.spinner{border:1.5px solid #f59e0b4d;border-top-color:var(--yellow);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:5px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-overlay{background:var(--bg);z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--bg2);border:.5px solid var(--border2);border-radius:12px;width:320px;padding:32px}.login-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:13px}.login-sub{color:var(--dim);margin-bottom:20px;font-size:11px}.login-card input[type=password]{background:var(--bg);border:.5px solid var(--border2);width:100%;color:var(--text);border-radius:6px;outline:none;margin-bottom:12px;padding:9px 12px;font-family:inherit;font-size:13px}.login-card input:focus{border-color:#ffffff40}.btn-login{background:var(--bg3);border:.5px solid var(--border2);width:100%;color:var(--text);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:9px;font-family:inherit;font-size:12px;transition:all .15s}.btn-login:hover{background:#ffffff0f}.login-err{color:var(--red);margin-top:8px;font-size:11px}@media (width<=600px){.main{padding:16px}.app-toolbar{flex-wrap:wrap}.toolbar-sep{display:none}}.server-selector{background:var(--bg3);color:var(--text);border:.5px solid var(--border2);cursor:pointer;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.server-selector:hover{border-color:var(--blue)}.servers-overview{margin-bottom:24px}.servers-overview-head{justify-content:space-between;align-items:center;margin:8px 0 12px;display:flex}.servers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.server-card{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:14px}.server-card.active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue-bg)}.server-card.unreachable{opacity:.7;border-color:var(--red)}.server-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.server-card-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.server-card-url{color:var(--dim);margin-top:2px;font-size:11px}.server-card-badge{background:var(--blue-bg);color:var(--blue);text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:1px 6px;font-size:10px}.server-card-badge.muted{background:var(--bg3);color:var(--muted)}.server-card-actions{gap:6px;display:flex}.server-card-stats{font-size:12px;line-height:1.7}.server-card-stats .dim{color:var(--dim)}.server-card-stats b{color:var(--text);font-weight:500}.server-card-bars{gap:6px;margin-top:8px;display:flex}.server-card-bars .stat-bar{flex:1}.server-card-error{color:var(--red);font-size:12px}.btn-small{padding:3px 8px;font-size:11px}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-bg)}.server-add-form{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;margin-bottom:12px;padding:14px}.server-add-form .form-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.server-add-form .form-row label{width:70px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.server-add-form input{background:var(--bg3);color:var(--text);border:.5px solid var(--border2);border-radius:4px;flex:1;padding:6px 8px;font-family:inherit;font-size:12px}.server-add-form .form-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.server-add-form .form-error{color:var(--red);margin:4px 0;font-size:12px}.topbar-left{align-items:center;gap:24px;display:flex}.nav-tabs{gap:4px;display:flex}.nav-tab{color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s}.nav-tab:hover{color:var(--text);background:var(--bg2)}.nav-tab.active{color:var(--blue);background:var(--blue-bg)}.domains-add{gap:8px;margin-bottom:16px;display:flex}.domains-add input{background:var(--bg3);max-width:400px;color:var(--text);border:.5px solid var(--border2);border-radius:4px;flex:1;padding:6px 10px;font-family:inherit;font-size:13px}.domains-list{flex-direction:column;gap:10px;display:flex}.domain-card{background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:12px 14px}.domain-head{justify-content:space-between;align-items:flex-start;display:flex}.domain-name{font-size:14px;font-weight:600}.domain-sub{color:var(--dim);margin-top:2px;font-size:11px}.domain-apps{border-top:.5px solid var(--border);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.domain-app{align-items:center;gap:8px;display:flex}.domain-app-host{color:var(--text)}.domain-app .dim{color:var(--dim)}.chart-scale-toggle{justify-content:flex-end;gap:4px;margin-bottom:8px;display:flex}