:root{--bg:#f5f5f1;--paper:#fff;--ink:#20221e;--muted:#777a70;--line:#e5e6dd;--lime:#d9f46a;--lime-deep:#aacd37;--coral:#ff8e74;--violet:#b7a7ff;--blue:#9ed4f6;--nav:#20231f;--nav-muted:#9da398;--shadow:0 14px 40px rgba(30,35,25,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--nav);color:#f4f5ed;min-height:100vh;padding:28px 18px 20px;display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:18px;font-weight:780;letter-spacing:-.6px;margin:1px 8px 52px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#a8b09e;margin-top:3px;font-weight:650}.brand-mark{height:36px;width:36px;background:var(--lime);color:#1e2118;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.1)}.side-label{font-size:9px;letter-spacing:1.7px;color:#788072;font-weight:750;padding:0 12px;margin-bottom:10px}.side-label-spaced{margin-top:31px}.nav-item{height:43px;background:transparent;border:0;border-radius:9px;color:var(--nav-muted);display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;margin-bottom:4px;width:100%;font-weight:600}.nav-item:hover,.nav-item.active{background:#2d312b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-item b{margin-left:auto;background:#3c4236;border-radius:20px;padding:3px 8px;font-size:10px}.nav-icon{width:18px;font-size:17px;text-align:center}.ai-dot{width:6px;height:6px;border-radius:50%;background:#9c83ff;margin-left:auto}.sidebar-spacer{flex:1}.local-card{background:#2a2e28;border:1px solid #383d35;border-radius:12px;padding:13px 11px;display:flex;align-items:center;gap:9px;margin:12px 0 22px}.local-card b,.local-card small{display:block}.local-card b{font-size:11px}.local-card small{font-size:9px;color:#9ba395;margin-top:3px}.pulse{width:7px;height:7px;border-radius:50%;background:#a5d948;box-shadow:0 0 0 4px rgba(165,217,72,.12)}.lock{margin-left:auto;color:#a7ae9b;font-size:17px}.sidebar-foot{font-size:8px;letter-spacing:1.4px;color:#687062;padding:0 8px}.sidebar-foot span,footer span{color:var(--lime-deep);padding:0 4px}.main{min-width:0}.topbar{height:70px;padding:0 48px;border-bottom:1px solid #e8e9e1;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.42)}.crumb{font-size:12px;color:#8b8d85}.crumb span{padding:0 9px;color:#c2c4bb}.crumb b{color:#33362f}.top-actions{display:flex;align-items:center;gap:17px}.local-pill{font-size:9px;letter-spacing:1.2px;font-weight:750;color:#5e6853;background:#edf2e2;padding:8px 11px;border-radius:30px}.local-pill i{display:inline-block;width:6px;height:6px;background:#8cb837;border-radius:50%;margin-right:6px}.avatar{border:0;width:31px;height:31px;border-radius:50%;background:#34382f;color:var(--lime);font-weight:750}.content{max-width:1340px;margin:0 auto;padding:38px 48px 28px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8d9184;font-weight:780}.welcome-row h1{font-size:34px;letter-spacing:-1.5px;margin:6px 0 4px;font-weight:760}.period{color:#b4d943}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.button{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700;transition:transform .14s,background .14s}.button:hover{transform:translateY(-1px)}.primary{background:var(--lime);color:#22251d;box-shadow:0 4px 12px rgba(170,205,55,.18)}.primary:hover{background:#d0ed58}.welcome-row .button{padding:12px 17px}.welcome-row .button>span{font-size:17px;vertical-align:-1px;margin-right:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:39px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px 17px 14px;min-height:112px;box-shadow:0 2px 5px rgba(0,0,0,.015)}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;color:#8e9188;font-weight:750}.stat-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px}.lime{background:#edf7d0;color:#66851a}.coral{background:#ffebe5;color:#c4624a}.violet{background:#eeeaff;color:#7762cf}.blue{background:#e3f4fe;color:#4686ab}.stat-value{font-size:23px;letter-spacing:-.8px;font-weight:740;margin-top:9px;line-height:1}.stat-version{font-size:20px}.stat-note{font-size:10px;color:#999c93;margin-top:5px}.ai-status{font-size:14px;letter-spacing:-.2px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:5px 0 0}.text-button{border:0;background:transparent;color:#81857b;font-size:11px;font-weight:650;padding:8px}.text-button span{font-size:17px;margin-left:4px}.server-list{display:grid;gap:10px}.server-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px 16px;display:grid;grid-template-columns:minmax(180px,1.2fr) .8fr .7fr .8fr auto;align-items:center;gap:12px;box-shadow:0 3px 10px rgba(35,40,30,.025)}.server-card.selected{border-color:#cbdc95;box-shadow:0 0 0 2px rgba(217,244,106,.22)}.server-main{display:flex;align-items:center;gap:12px;min-width:0}.server-cube{width:37px;height:37px;border-radius:10px;background:#edf6d3;display:grid;place-items:center;color:#76931d;font-size:17px;font-weight:800}.server-name{font-weight:730;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-id{font-size:10px;color:#999c93;margin-top:4px}.server-meta label{display:block;font-size:8px;letter-spacing:1.1px;color:#a0a299;font-weight:730;margin-bottom:5px}.server-meta strong{font-size:11px;font-weight:650}.state{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.state i{width:6px;height:6px;border-radius:50%;background:#c1c3ba}.state.running{color:#56852c}.state.running i{background:#86c13e;box-shadow:0 0 0 3px #edf8dc}.server-actions{display:flex;gap:6px}.button.small{padding:8px 11px;font-size:10px}.outline{background:#fff;border:1px solid var(--line);color:#51554c}.outline:hover{background:#f6f8f1}.loading,.empty{padding:23px;background:#fff;border:1px dashed #d8dbd0;border-radius:12px;color:#888b81;font-size:12px}.spinner{display:inline-block;width:11px;height:11px;border:2px solid #d6dfc0;border-top-color:#8dab36;border-radius:50%;animation:spin .7s linear infinite;margin-left:6px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.manage-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);gap:15px;margin-top:16px;align-items:start}.settings-panel,.ai-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 3px 10px rgba(35,40,30,.025)}.compact{align-items:center;margin-bottom:17px}.compact h2{font-size:18px}.saved-state{font-size:9px;color:#989c91}.saved-state.dirty{color:#d28648}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:10px;color:#6f7369;font-weight:650}.field input,.field select,.field textarea,.key-row input{border:1px solid #e6e8df;border-radius:8px;background:#fcfcfa;padding:10px 11px;color:#242720;font-size:11px;outline:none;width:100%;min-width:0}.field input:focus,.field select:focus,.field textarea:focus,.key-row input:focus{border-color:#b7cf6b;box-shadow:0 0 0 3px rgba(217,244,106,.23)}.field.wide{grid-column:1/-1}.toggle-list{border-top:1px solid #eff0eb;margin-top:17px;padding-top:4px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid #f0f1eb;position:relative}.toggle-row span b,.toggle-row span small{display:block}.toggle-row b{font-size:11px}.toggle-row small{font-size:9px;color:#969990;margin-top:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:34px;height:19px;background:#d6d8d0;border-radius:12px;position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:.2s}.toggle-row input:checked+i{background:#b8d954}.toggle-row input:checked+i:after{left:18px}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.hint{font-size:9px;color:#a0a197}.panel-actions .button{font-size:10px;padding:10px 12px}.ai-panel{background:#272b26;color:#f5f6ef;border-color:#272b26;position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;right:-80px;top:-100px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(188,219,91,.14),transparent 68%);pointer-events:none}.ai-head{display:flex;gap:10px;align-items:center;position:relative}.ai-head .eyebrow{color:#afbd8e}.ai-head h2{font-size:17px;margin:4px 0 0;letter-spacing:-.4px}.ai-spark{width:32px;height:32px;border-radius:10px;background:#38402e;color:#d8f16d;display:grid;place-items:center;font-size:17px}.ai-panel>p{font-size:10px;line-height:1.65;color:#b6bcb0;margin:14px 0}.prompt-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.prompt-chips button{border:1px solid #464b40;background:#30352e;color:#d3d9ca;border-radius:20px;padding:6px 9px;font-size:9px}.prompt-chips button:hover{border-color:#bad74f;color:#e5f7a0}.prompt-field>span{color:#b7bdb0}.prompt-field textarea{resize:vertical;min-height:84px;color:#e7eadf;background:#1f221e;border-color:#41473c;line-height:1.5}.prompt-field textarea::placeholder{color:#858b80}.ai-button{width:100%;margin-top:10px;background:#d9f46a;color:#26291e;padding:10px}.ai-button:disabled{opacity:.58;cursor:wait;transform:none}.ai-result{margin-top:13px;border:1px solid #454b3d;background:#20241e;border-radius:9px;padding:12px}.ai-result p{font-size:10px;line-height:1.5;color:#c6ccbd;margin:0 0 8px}.suggestion{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #383d33;font-size:9px}.suggestion b{color:#e2f69b}.suggestion span{color:#aeb5a7;text-align:right}.ai-result .button{width:100%;margin-top:9px;font-size:10px;padding:9px}.key-box{border-top:1px solid #3c4138;margin-top:16px;padding-top:13px}.key-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700}.key-state{font-size:9px;color:#a4ad98;font-weight:500}.key-state.ok{color:#c4ea6e}.key-box p{font-size:9px;line-height:1.5;color:#92998c;margin:6px 0 9px}.key-row{display:flex;gap:6px}.key-row input{background:#1e211d;border-color:#41473d;color:#f0f3e8;padding:8px 9px;font-size:10px}.key-row .button{padding:8px 10px;font-size:9px;white-space:nowrap}.remove-key{border:0;color:#b3a49c;background:transparent;font-size:9px;padding:8px 0 0}.bottom-note{margin-top:21px;background:#edf1e4;border:1px solid #e3e9d7;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:12px}.note-icon{width:29px;height:29px;border-radius:9px;background:#dfeabf;color:#77922d;display:grid;place-items:center;font-size:16px}.bottom-note b{font-size:10px}.bottom-note p{margin:3px 0 0;color:#767d6d;font-size:9px}.note-port{margin-left:auto;font-size:9px;font-weight:750;color:#647b2e;background:#e1eabf;padding:7px 9px;border-radius:6px;white-space:nowrap}footer{text-align:right;color:#a8aa9f;font-size:8px;letter-spacing:1.5px;padding:22px 2px 0}.modal-backdrop{position:fixed;inset:0;background:rgba(20,23,18,.5);display:grid;place-items:center;padding:18px;z-index:5}.modal-backdrop[hidden]{display:none}.modal{position:relative;background:#fff;border-radius:16px;padding:25px;width:min(100%,460px);box-shadow:0 24px 80px #10130f55}.modal h2{font-size:23px;letter-spacing:-.8px;margin:6px 0}.modal>p{font-size:11px;color:#85897f;line-height:1.5;margin:0 0 18px}.modal>.field{margin-bottom:14px}.modal-fields{margin-top:14px}.modal-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:24px;color:#898c82}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:20px}.modal-actions .button{font-size:10px}.error-message{background:#fff0ec;color:#a54e3e;border:1px solid #f3c8be;border-radius:8px;padding:9px;margin-top:12px;font-size:10px}.toast{position:fixed;bottom:22px;right:22px;max-width:340px;background:#242822;color:#f7f8f2;border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#8f4336}
@media(max-width:1100px){.shell{grid-template-columns:210px 1fr}.content{padding:30px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.manage-grid{grid-template-columns:1fr}.ai-panel{max-width:none}.server-card{grid-template-columns:minmax(150px,1fr) .6fr .6fr auto}.server-card .server-meta:nth-child(4){display:none}}
@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;height:60px;padding:9px 14px;flex-direction:row;align-items:center;gap:10px;position:sticky;top:0;z-index:3}.brand{margin:0 auto 0 0;font-size:15px}.brand-mark{width:32px;height:32px}.brand small,.side-label,.nav-item:not(.active),.sidebar-spacer,.local-card,.sidebar-foot{display:none}.nav-item.active{width:auto;margin:0;box-shadow:none;padding:0 12px}.topbar{height:52px;padding:0 16px}.content{padding:24px 15px}.welcome-row{align-items:flex-start;gap:12px}.welcome-row h1{font-size:27px}.welcome-row p{max-width:250px;line-height:1.5}.welcome-row .button{font-size:10px;padding:10px 11px;white-space:nowrap}.stats-grid{gap:8px;margin-bottom:29px}.stat-card{padding:12px;min-height:100px}.stat-value{font-size:20px}.server-card{grid-template-columns:1fr auto;gap:10px}.server-card .server-meta{display:none}.server-actions{grid-column:2;grid-row:1}.server-name{font-size:12px}.manage-grid{gap:10px}.settings-panel,.ai-panel{padding:14px}.fields-grid{gap:9px}.panel-actions{align-items:flex-start;flex-direction:column}.panel-actions .button{width:100%}.bottom-note{align-items:flex-start}.note-port{display:none}.modal{padding:20px}.modal-fields{grid-template-columns:1fr 1fr}}
.plugin-studio{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 3px 10px rgba(35,40,30,.025)}.plugin-builder{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.plugin-request{min-width:0}.plugin-request textarea{min-height:130px;line-height:1.55}.plugin-controls{display:flex;align-items:end;gap:10px;margin-top:12px}.plugin-controls .field{flex:1}.plugin-controls .button{white-space:nowrap}.plugin-note{font-size:10px;line-height:1.55;color:#85897f;margin:12px 0 0}.plugin-result{min-width:0;border:1px solid #e8eadf;background:#fafbf7;border-radius:11px;padding:14px}.plugin-result[hidden]{display:none}.plugin-result h3{font-size:15px;margin:0 0 6px}.plugin-result>p{font-size:11px;line-height:1.55;color:#73776d;margin:0 0 10px}.project-path{font:10px ui-monospace,Consolas,monospace;color:#6f782e;background:#f0f4dc;padding:8px;border-radius:7px;overflow-wrap:anywhere;margin-bottom:10px}.plugin-artifact{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:10px;margin:10px 0}.plugin-artifact strong,.plugin-artifact small{display:block}.plugin-artifact strong{font-size:11px}.plugin-artifact small{font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.plugin-files{display:grid;gap:6px}.plugin-files details{border:1px solid #e8eae2;border-radius:7px;background:#fff}.plugin-files summary{font:10px ui-monospace,Consolas,monospace;padding:8px;cursor:pointer;color:#4f5743}.plugin-files pre{max-height:320px;overflow:auto;margin:0;padding:10px;background:#222620;color:#e7ecdc;font:10px/1.55 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.plugin-status{font-size:10px;color:#85897f;margin-top:10px}@media(max-width:900px){.plugin-builder{grid-template-columns:1fr}}@media(max-width:720px){.plugin-studio{padding:14px}.plugin-controls{align-items:stretch;flex-direction:column}.plugin-controls .button{width:100%}.plugin-artifact{align-items:stretch;flex-direction:column}.plugin-artifact .button{width:100%}}

.field small{display:block;color:#92968a;font-size:10px;line-height:1.45;margin-top:5px}.files-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.files-panel[hidden]{display:none}.file-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:12px 0 0}.file-list li{font:10px ui-monospace,Consolas,monospace;background:#f1f4e9;color:#50583d;border-radius:7px;padding:7px 9px;overflow-wrap:anywhere}.field input[type=file]{padding:8px;background:#fff}.modal{max-height:calc(100vh - 36px);overflow:auto}.modal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.modal-fields{grid-template-columns:1fr 1fr}}

.control-panel{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.control-panel[hidden]{display:none}.control-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.control-head h2{font-size:21px;letter-spacing:-.6px;margin:5px 0 3px}.control-subtitle{font-size:11px;color:#85897f}.control-actions{display:flex;align-items:center;gap:8px}.control-actions .state{margin-right:8px}.panel-tabs{display:flex;gap:3px;padding:0 18px;border-bottom:1px solid var(--line);overflow:auto}.panel-tabs button{flex:none;background:none;border:0;color:#74796f;padding:14px 12px;border-bottom:2px solid transparent;font-size:11px;font-weight:650}.panel-tabs button.active{color:#30342a;border-bottom-color:#aaca3e}.panel-view{padding:20px 22px}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.overview-metrics article{border:1px solid #e9ebe4;background:#fbfcf9;border-radius:10px;padding:13px}.overview-metrics span{display:block;font-size:8px;letter-spacing:1.2px;color:#93988c;font-weight:750}.overview-metrics b{display:block;font-size:17px;margin-top:8px}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin-top:14px}.subpanel{border:1px solid #e9ebe4;border-radius:10px;padding:14px;min-width:0}.subpanel-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:730;margin-bottom:10px}.console-preview,.console-output{margin:0;background:#1d211c;color:#dce7d3;border:1px solid #32392e;border-radius:9px;padding:13px;font:11px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow:auto}.console-preview{height:180px}.quick-commands{display:flex;flex-direction:column;gap:7px}.quick-commands button{text-align:left;border:1px solid #ebede6;border-radius:7px;background:#fff;padding:10px;font-size:11px;color:#51574a}.console-toolbar,.file-toolbar,.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.console-toolbar b,.file-toolbar b{font-size:13px;display:block}.console-toolbar span,.file-toolbar span{font-size:10px;color:#92968d;display:block;margin-top:4px}.console-output{height:390px;white-space:pre;overflow:auto}.console-input{display:flex;align-items:center;gap:8px;margin-top:9px;background:#f8f9f5;border:1px solid var(--line);border-radius:9px;padding:6px 8px}.console-input>span{font:16px ui-monospace,monospace;color:#839c37}.console-input input,.player-command input{border:0;background:transparent;outline:0;flex:1;min-width:0;padding:8px}.hint{font-size:10px;line-height:1.5;color:#8b8f84}.file-toolbar{margin-bottom:15px}.file-toolbar>div{display:flex;align-items:baseline;gap:12px}.file-toolbar span{font:11px ui-monospace,Consolas,monospace}.upload-button{cursor:pointer}.file-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:12px;align-items:start}.file-table-wrap{border:1px solid var(--line);border-radius:9px;overflow:auto}.file-table{width:100%;border-collapse:collapse;font-size:11px}.file-table th{text-align:left;color:#969a8f;background:#f8f9f5;font-size:8px;letter-spacing:1px;padding:10px}.file-table td{padding:9px 10px;border-top:1px solid #eff0ea}.file-table tr:hover{background:#fafbf8}.file-link{border:0;background:none;color:#41483b;font:inherit;text-align:left;padding:0;cursor:pointer}.file-link.directory{font-weight:720;color:#718b24}.file-tools{display:flex;justify-content:flex-end;gap:5px}.file-tools button{border:0;background:none;color:#777d6c;font-size:10px;cursor:pointer}.file-editor{border:1px solid var(--line);border-radius:9px;padding:10px}.file-editor[hidden]{display:none}.editor-head b{font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.editor-head>div{display:flex;gap:6px}.file-editor textarea{width:100%;height:330px;border:1px solid #30362d;border-radius:7px;background:#1d211c;color:#dce7d3;padding:12px;resize:vertical;font:11px/1.55 ui-monospace,Consolas,monospace;outline:none}.backup-intro{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fafbf8;border-radius:10px;padding:14px;margin-bottom:12px}.backup-intro b{font-size:12px}.backup-intro p{font-size:10px;color:#83877d;margin:5px 0 0}.backup-list{display:grid;gap:7px}.backup-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:11px 13px}.backup-row b{font:11px ui-monospace,Consolas,monospace}.backup-row small{display:block;color:#92968d;margin-top:4px}.backup-row>div:last-child{display:flex;gap:7px}.player-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;min-height:40px}.player-list li{font-size:11px;border-radius:6px;background:#f6f7f2;padding:7px 9px;color:#555a4e}.player-list:empty:after{content:'Keine Einträge';color:#a0a398;font-size:10px;padding:7px 9px}.player-command{display:flex;gap:8px;margin-top:14px;border:1px solid var(--line);border-radius:9px;padding:6px}.player-command select{border:0;background:#f8f9f5;border-radius:6px;padding:8px;font-size:10px;color:#45493f}.player-command input{border:1px solid #eff0ea;border-radius:6px}.player-command-form{}.control-panel+.manage-grid{margin-top:14px}
@media(max-width:900px){.overview-columns,.file-layout{grid-template-columns:1fr}.file-editor textarea{height:250px}}@media(max-width:720px){.control-head{padding:16px;align-items:flex-start;gap:10px;flex-direction:column}.control-actions{width:100%;flex-wrap:wrap}.control-actions .state{margin-right:auto}.panel-tabs{padding:0 9px}.panel-view{padding:14px}.overview-metrics{grid-template-columns:repeat(2,1fr)}.player-columns{grid-template-columns:1fr}.player-command{flex-wrap:wrap}.player-command select{width:100%}.backup-intro{align-items:flex-start;gap:10px;flex-direction:column}.console-output{height:320px}}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resource-card{border:1px solid #e8ebe2;border-radius:10px;padding:13px;background:#fbfcf9;min-width:0}.resource-card span{display:block;font-size:8px;letter-spacing:1px;color:#92978a;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card b{display:block;font-size:17px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card small{display:block;color:#92968d;font-size:9px;margin-top:7px;overflow-wrap:anywhere}.meter{height:5px;border-radius:9px;background:#e9ece3;margin-top:11px;overflow:hidden}.meter i{display:block;width:0;height:100%;border-radius:9px;background:#a9ce39;transition:width .35s}.gpu-card .meter i{background:#9e8aea}.network-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.address-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #eff0ea;padding:11px 0}.address-row span{font-size:10px;color:#83877d}.address-row b{font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.network-columns .hint{margin:8px 0}.duckdns-form{display:grid;gap:10px}.duckdns-form .field{margin:0}.domain-input{display:flex;align-items:center;gap:5px}.domain-input input{min-width:0}.domain-input span{color:#85897f;font-size:11px;white-space:nowrap}.ddns-status{font-size:10px;color:#747a68;margin:10px 0 5px}.resource-grid+ .network-columns .subpanel{min-width:0}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}.network-columns{grid-template-columns:1fr}}@media(max-width:720px){.address-row{grid-template-columns:1fr auto}.address-row span{grid-column:1/-1}.address-row b{font-size:10px}.resource-card b{font-size:15px}}
.host-monitor{margin:0 0 30px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;box-shadow:0 3px 10px rgba(35,40,30,.025)}.host-monitor .section-heading{margin-bottom:12px}.host-monitor .section-heading h2{font-size:16px}.monitor-live{font-size:9px;color:#758344;background:#f0f5e4;border-radius:20px;padding:6px 9px}.monitor-live i{display:inline-block;width:6px;height:6px;background:#8db841;border-radius:50%;margin-right:5px}.host-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.host-metrics article{min-width:0;border:1px solid #edf0e8;background:#fbfcf9;border-radius:9px;padding:11px}.host-metrics article>span{display:block;font-size:8px;letter-spacing:1px;color:#92978a;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-metrics b{display:block;font-size:14px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-metrics small{display:block;font-size:9px;color:#85897f;margin-top:5px;overflow-wrap:anywhere}.host-metrics .meter{margin-top:8px}
@media(max-width:720px){.host-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.host-monitor{padding:13px}}
.ddns-status.ok{color:#68871c}.host-address b{font-size:12px;color:#4d6431}
.button.danger{background:#fff0ed;color:#a24c3e;border:1px solid #f0c6bd}.button.danger:hover{background:#ffe4de}.file-toolbar-actions{display:flex;gap:7px;align-items:center}

.theme-toggle{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:10px;font-weight:650;white-space:nowrap}
.theme-toggle:hover{border-color:var(--lime-deep)}
.accounts-modal{width:min(100%,520px)}.account-list{display:grid;gap:7px;margin:14px 0}.account-heading{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:750;margin:2px 0}.account-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:11px}.account-row b{overflow-wrap:anywhere}.account-row span{font-size:10px;color:var(--muted);text-align:right}.account-row.pending{border-style:dashed}.invite-form{display:flex;align-items:end;gap:10px;border-top:1px solid var(--line);padding-top:14px}.invite-form .field{flex:1}.invite-form .button{white-space:nowrap}.invite-result{margin-top:14px}.invite-result[hidden]{display:none}.invite-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.invite-actions small{font-size:10px;color:var(--muted)}
.auth-page{min-height:100vh;background:var(--bg);color:var(--ink)}.auth-top,.viewer-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,64px);border-bottom:1px solid var(--line);background:var(--paper)}.auth-top .brand,.viewer-top .brand{margin:0}.auth-card{width:min(100% - 32px,470px);margin:8vh auto 40px;padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-mark{width:42px;height:42px;background:var(--lime);color:#20231f;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:20px}.auth-card h1,.viewer-content h1{font-size:28px;letter-spacing:-1px;margin:7px 0}.auth-copy{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 21px}.auth-form{display:grid;gap:14px}.auth-submit{width:100%;margin-top:3px}.auth-foot{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin:20px 0 0}.viewer-page{min-height:100vh;background:var(--bg);color:var(--ink)}.viewer-content{max-width:1050px;margin:0 auto;padding:54px 28px}.viewer-content h1{font-size:36px;margin-bottom:6px}.viewer-content>.auth-copy{margin-bottom:25px}.viewer-list{display:grid;gap:10px}.viewer-server{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.viewer-server-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf6d3;color:#76931d;font-size:18px}.viewer-server-main h2{font-size:14px;margin:0 0 4px}.viewer-server-main p{font-size:10px;color:var(--muted);margin:0}.viewer-players{font-size:10px;color:var(--muted)}.viewer-updated{font-size:10px;color:var(--muted);text-align:right;margin-top:12px}
html[data-theme="dark"]{color-scheme:dark;--bg:#11140f;--paper:#1b2019;--ink:#e9ecdf;--muted:#a6ad9c;--line:#353a30;--nav:#151914;--nav-muted:#b1b7a9;--shadow:0 14px 40px rgba(0,0,0,.25)}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .auth-top,html[data-theme="dark"] .viewer-top{background:#181c16;border-color:var(--line)}
html[data-theme="dark"] .crumb,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .stat-top,html[data-theme="dark"] .stat-note,html[data-theme="dark"] .server-id,html[data-theme="dark"] .server-meta label,html[data-theme="dark"] .saved-state,html[data-theme="dark"] .hint,html[data-theme="dark"] .section-heading .text-button{color:#a6ad9c}
html[data-theme="dark"] .crumb b,html[data-theme="dark"] .welcome-row h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .server-name,html[data-theme="dark"] .server-meta strong,html[data-theme="dark"] .control-head h2,html[data-theme="dark"] .subpanel-title,html[data-theme="dark"] .modal h2,html[data-theme="dark"] .viewer-server-main h2{color:var(--ink)}
html[data-theme="dark"] .welcome-row p,html[data-theme="dark"] .modal>p,html[data-theme="dark"] .backup-intro p,html[data-theme="dark"] .auth-copy{color:var(--muted)}
html[data-theme="dark"] .stat-card,html[data-theme="dark"] .server-card,html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .control-panel,html[data-theme="dark"] .host-monitor,html[data-theme="dark"] .plugin-studio,html[data-theme="dark"] .subpanel,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .modal,html[data-theme="dark"] .backup-row,html[data-theme="dark"] .file-editor,html[data-theme="dark"] .viewer-server,html[data-theme="dark"] .auth-card{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
html[data-theme="dark"] .overview-metrics article,html[data-theme="dark"] .host-metrics article,html[data-theme="dark"] .backup-intro,html[data-theme="dark"] .file-table th,html[data-theme="dark"] .player-list li,html[data-theme="dark"] .file-editor,html[data-theme="dark"] .plugin-result{background:#20251d;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .key-row input,html[data-theme="dark"] .player-command select,html[data-theme="dark"] .player-command input,html[data-theme="dark"] .file-editor textarea,html[data-theme="dark"] .invite-result input{background:#121610;border-color:#41483b;color:var(--ink)}
html[data-theme="dark"] .field>span,html[data-theme="dark"] .overview-metrics span,html[data-theme="dark"] .resource-card span,html[data-theme="dark"] .host-metrics article>span,html[data-theme="dark"] .resource-card small,html[data-theme="dark"] .host-metrics small,html[data-theme="dark"] .address-row span{color:#a6ad9c}
html[data-theme="dark"] .outline,html[data-theme="dark"] .theme-toggle{background:#242a21;border-color:#41483b;color:var(--ink)}
html[data-theme="dark"] .outline:hover,html[data-theme="dark"] .quick-commands button:hover{background:#30372b}
html[data-theme="dark"] .text-button,html[data-theme="dark"] .file-tools button,html[data-theme="dark"] .file-link{color:#b9c0ad}
html[data-theme="dark"] .quick-commands button,html[data-theme="dark"] .file-table-wrap{background:#20251d;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .file-table td,html[data-theme="dark"] .address-row,html[data-theme="dark"] .toggle-row,html[data-theme="dark"] .toggle-list{border-color:var(--line)}
html[data-theme="dark"] .file-table tr:hover{background:#292f25}
html[data-theme="dark"] .file-link.directory{color:#c6e575}
html[data-theme="dark"] .loading,html[data-theme="dark"] .empty{background:#1b2019;border-color:#454b3d;color:#b3baa9}
html[data-theme="dark"] .bottom-note{background:#242b1c;border-color:#39422b;color:var(--ink)}
html[data-theme="dark"] .bottom-note p,html[data-theme="dark"] .invite-actions small,html[data-theme="dark"] .account-row span{color:var(--muted)}
html[data-theme="dark"] .account-row{border-color:var(--line)}
html[data-theme="dark"] .error-message{background:#3a2420;color:#ffc4b6;border-color:#684039}
html[data-theme="dark"] .auth-foot{border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .local-pill{background:#293221;color:#d9e7bf}
html[data-theme="dark"] .stat-icon.lime,html[data-theme="dark"] .server-cube,html[data-theme="dark"] .viewer-server-mark{background:#303a22;color:#c8e875}
html[data-theme="dark"] .meter{background:#343a2f}
@media(max-width:720px){.invite-form{align-items:stretch;flex-direction:column}.viewer-content{padding:34px 16px}.viewer-server{grid-template-columns:auto minmax(0,1fr);gap:9px}.viewer-server .state,.viewer-players{grid-column:2}.viewer-top{height:auto;min-height:68px;padding:10px 14px;gap:8px}.viewer-top .top-actions{gap:7px}.viewer-top .local-pill{display:none}.auth-card{margin-top:5vh;padding:23px}}
@media(max-width:720px){.topbar{gap:8px}.top-actions{gap:6px}.top-actions .local-pill{display:none}.top-actions .button.small,.top-actions .theme-toggle{padding:7px 8px;font-size:9px}.crumb{font-size:10px;white-space:nowrap}}

/* Hosting dashboard layout inspired by the supplied reference. */
.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;min-height:100vh;overflow-y:auto;padding:24px 12px 18px}
.brand{margin:0 9px 24px;white-space:nowrap}
.sidebar-search{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;margin:0 0 20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--muted)}
.sidebar-search>span{font-size:19px;line-height:1}.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.sidebar-search input::placeholder{color:var(--muted)}
.sidebar-server-section{margin:8px 0 12px}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 9px 7px;color:var(--muted);font-size:9px;font-weight:760;letter-spacing:1.2px}.sidebar-refresh{border:0;background:transparent;color:var(--muted);font-size:17px;padding:0 5px}.sidebar .server-list{gap:3px}.sidebar .server-card{display:flex;flex-direction:column;gap:0;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;cursor:pointer}.sidebar .server-card:hover,.sidebar .server-card.selected{background:rgba(255,255,255,.06);border-color:transparent;box-shadow:inset 3px 0 var(--lime)}.sidebar .server-card[hidden]{display:none}.sidebar .server-main{width:100%;gap:0}.sidebar .server-cube,.sidebar .server-meta,.sidebar .server-actions{display:none}.sidebar .server-name{font-size:11px;color:var(--nav-muted)}.sidebar .server-id{font-size:9px;color:#858991;margin-top:3px}.sidebar .server-card.selected .server-name{color:#fff}
.sidebar-links{display:grid;gap:2px}.side-label-spaced{margin:16px 0 8px}.sidebar .nav-item{height:42px;margin:0;border-radius:0 7px 7px 0;padding:0 12px;gap:11px}.sidebar .nav-item.active{background:#286b40;color:#f5fff6;box-shadow:inset 3px 0 #55ac6a}.sidebar .nav-item b{background:rgba(255,255,255,.12);color:#f3f7f2}.sidebar .local-card{margin:22px 0 14px}
.main{min-width:0;background:var(--bg)}.topbar{height:62px;padding:0 clamp(20px,4vw,54px);background:transparent;border-bottom:1px solid var(--line)}.top-actions{gap:9px}.crumb{font-size:10px}.local-pill{letter-spacing:.7px}
.content{max-width:1420px;padding:24px clamp(18px,4vw,54px) 30px}.welcome-row{justify-content:flex-end;margin-bottom:8px}.welcome-row>div{display:none}.welcome-row .button{padding:9px 13px;font-size:10px}.stats-grid{display:none}
.control-panel{margin:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}.control-head{padding:10px 0 19px;border:0;align-items:center}.control-head .eyebrow{color:var(--muted)}.control-head h2{font-size:28px;letter-spacing:-.8px;margin:3px 0}.control-subtitle{color:var(--muted);font-size:10px}.control-actions{gap:5px;padding:4px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.control-actions .state{display:none}.control-actions .button{min-width:78px;padding:9px 13px;font-size:10px;transform:none;box-shadow:none}.control-actions #control-start{order:1;background:#32834e;color:#f4fff6}.control-actions #control-restart{order:2;background:#292a30;border:0;color:#f0f1f4}.control-actions #control-stop{order:3;background:#dc302f;border:0;color:#fff}.control-actions #control-delete{display:none}
.panel-tabs{display:none}.host-monitor{margin:0 0 16px;padding:0;background:transparent;border:0;box-shadow:none}.host-monitor .section-heading{margin:0 0 9px}.host-monitor .section-heading h2{font-size:12px;letter-spacing:.2px}.host-monitor .eyebrow{font-size:8px}.monitor-live{background:rgba(57,131,76,.18);color:#a9d9b4}.host-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.host-metrics article{min-height:106px;padding:13px 15px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:none}.host-metrics .address-summary,.host-metrics .uptime-summary{grid-column:span 2;min-height:82px}.host-metrics article>span{font-size:9px;letter-spacing:.4px;color:var(--muted)}.host-metrics b{font-size:15px;margin-top:8px}.host-metrics .address-summary b,.host-metrics .uptime-summary b{font-size:19px}.host-metrics small{font-size:9px;color:var(--muted)}.host-metrics .meter{background:rgba(255,255,255,.11)}.host-metrics .meter i{background:#55a66a}.host-address b{color:var(--ink)}
.panel-view{padding:14px 0}.panel-view[hidden]{display:none}.console-toolbar{margin-bottom:8px}.console-toolbar b{font-size:11px}.console-toolbar span{font-size:9px}.console-output{height:min(48vh,470px);min-height:320px;background:var(--paper);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:10px;line-height:1.55}.console-input{background:var(--paper);border-color:var(--line);border-radius:6px}.console-input input{color:var(--ink)}.console-input input::placeholder{color:var(--muted)}.console-input .button{background:#32834e;color:#f4fff6}.panel-view .hint{color:var(--muted)}
.manage-grid{margin-top:13px}.settings-panel,.plugin-studio{border-radius:7px;box-shadow:none}.bottom-note{border-radius:7px}.control-head+.panel-tabs+.host-monitor+.panel-view{margin-top:1px}
.host-metrics .chart-card{min-height:220px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.metric-chart{height:112px;min-height:75px;margin:7px 0 2px}.metric-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid path{fill:none;stroke:rgba(145,147,157,.3);stroke-width:1;vector-effect:non-scaling-stroke}.chart-card polyline{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-card polygon{stroke:none;fill-opacity:.24}.chart-green polyline{stroke:#5fc078}.chart-green polygon{fill:#5fc078}.chart-blue polyline{stroke:#62a9db}.chart-blue polygon{fill:#62a9db}.chart-gold polyline{stroke:#e0b43d}.chart-gold polygon{fill:#e0b43d}.chart-cyan polyline{stroke:#25bed0}.chart-cyan polygon{fill:#25bed0}.host-metrics .chart-card b{font-size:14px;margin:0}.host-metrics .chart-card small{font-size:9px;margin-top:4px}
html[data-theme="dark"]{--bg:#252529;--paper:#3c3c43;--ink:#f1f1f4;--muted:#b7b8c0;--line:#4a4a52;--nav:#1e1e22;--nav-muted:#d3d4d9;--lime:#45a35c;--lime-deep:#347d49;--shadow:0 12px 28px rgba(0,0,0,.18)}
html[data-theme="dark"] body{background-color:#252529;background-image:radial-gradient(ellipse at 52% 0%,rgba(91,68,133,.17),transparent 44%),radial-gradient(ellipse at 96% 12%,rgba(111,72,42,.11),transparent 30%)}
html[data-theme="dark"] .sidebar{background:#1e1e22;color:#f3f3f5;border-right:1px solid #303036}html[data-theme="dark"] .sidebar-search{background:#2d2d33;border-color:#303037}html[data-theme="dark"] .sidebar .nav-item{color:#d0d0d5}html[data-theme="dark"] .sidebar .side-label,html[data-theme="dark"] .sidebar-section-head{color:#999aa3}html[data-theme="dark"] .sidebar .sidebar-refresh{color:#bfc0c7}html[data-theme="dark"] .sidebar .local-card{background:#29292f;border-color:#393940}
html[data-theme="dark"] .topbar{background:rgba(37,37,41,.76);border-color:#393940}html[data-theme="dark"] .topbar .crumb,html[data-theme="dark"] .topbar .crumb b{color:#c5c5cb}html[data-theme="dark"] .topbar .crumb span{color:#72737a}html[data-theme="dark"] .top-actions .outline,html[data-theme="dark"] .top-actions .theme-toggle{background:#303036;border-color:#494950;color:#ececf0}
html[data-theme="dark"] .control-head h2,html[data-theme="dark"] .welcome-row h1{color:#f2f2f5}html[data-theme="dark"] .control-head .control-subtitle{color:#aaaab2}html[data-theme="dark"] .control-actions{background:#29292f;border-color:#414149}html[data-theme="dark"] .control-actions .state{color:#d9dade}
html[data-theme="dark"] .host-monitor .host-metrics article,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .overview-metrics article,html[data-theme="dark"] .host-metrics article{background:#3c3c43;border-color:#46464e;color:#f1f1f4}html[data-theme="dark"] .host-metrics article>span{color:#c4c4cb}html[data-theme="dark"] .host-metrics small{color:#b0b1b8}html[data-theme="dark"] .host-metrics .meter{background:#55555d}html[data-theme="dark"] .host-metrics .meter i{background:#4ca263}
html[data-theme="dark"] .console-output{background:#3c3c43;border-color:#46464e;color:#f0f0f3}html[data-theme="dark"] .console-input{background:#35353b;border-color:#47474f}html[data-theme="dark"] .console-input input{color:#f1f1f4}html[data-theme="dark"] .console-input>span{color:#85c18f}
html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .plugin-studio,html[data-theme="dark"] .control-panel{background:transparent;border-color:transparent;box-shadow:none}
html[data-theme="dark"] .overview-columns .subpanel,html[data-theme="dark"] .panel-view .subpanel{background:#3c3c43;border-color:#4a4a52}
html[data-theme="dark"] .panel-tabs{border-color:#45454c}html[data-theme="dark"] .panel-tabs button.active{color:#e8f5e9;border-bottom-color:#4da565}
html[data-theme="light"] .sidebar-search{background:#f0f1ed}.sidebar .server-card.selected{background:rgba(0,0,0,.05)}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.content{padding:22px 24px}.host-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.host-metrics .address-summary,.host-metrics .uptime-summary{grid-column:span 1}}
@media(max-width:720px){.shell{display:block}.sidebar{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:12px 14px;display:block}.sidebar .brand{margin:0 0 10px}.sidebar-search,.sidebar-links,.sidebar .side-label,.sidebar .local-card,.sidebar .sidebar-foot,.sidebar>#nav-servers{display:none}.sidebar-server-section{margin:0;max-height:110px;overflow:auto}.sidebar-section-head{padding:0 5px 4px}.sidebar .server-list{display:flex;overflow-x:auto}.sidebar .server-card{flex:none;min-width:150px}.topbar{height:48px;padding:0 14px}.content{padding:15px 14px}.welcome-row{margin:0 0 4px}.control-head{align-items:flex-start;flex-direction:column;gap:10px;padding:7px 0 14px}.control-head h2{font-size:24px}.control-actions{width:max-content;max-width:100%}.control-actions .button{min-width:0;padding:8px 10px}.host-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.host-metrics article{padding:10px;min-height:95px}.host-metrics .chart-card{min-height:170px}.host-metrics .address-summary,.host-metrics .uptime-summary{grid-column:span 1;min-height:75px}.host-metrics .address-summary b,.host-metrics .uptime-summary b{font-size:14px}.panel-tabs{display:flex;gap:0;padding:0;margin:8px -14px;overflow:auto;border-bottom:1px solid var(--line)}.panel-tabs button{padding:11px 9px;font-size:9px}.console-output{height:45vh;min-height:250px}.manage-grid{grid-template-columns:1fr}.host-monitor .section-heading{margin-bottom:7px}}
.permission-hidden{display:none!important}
.accounts-modal{width:min(100%,760px);max-height:min(92vh,900px);overflow-y:auto}
.account-management{display:block;padding:12px}
.account-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.account-role{width:min(220px,50%);margin:0}
.permission-details{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}
.permission-details summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:700}
.permission-section{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.permission-section>b{font-size:12px}
.permission-section>small,.permission-option small,.server-permission-option small{display:block;color:var(--muted);font-size:10px;line-height:1.4}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.permission-group{border:1px solid var(--line);border-radius:9px;padding:8px;min-width:0}
.permission-group legend{padding:0 5px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.4px}
.permission-option,.server-permission-option{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px;font-size:11px;line-height:1.35;cursor:pointer}
.permission-option+ .permission-option{margin-top:5px}
.permission-option input,.server-permission-option input{margin:2px 0 0;accent-color:var(--accent);flex:0 0 auto}
.permission-option input:disabled,.server-permission-option input:disabled{opacity:.65}
.permission-option b{font-size:10px}
.server-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.server-permission-option span{font-size:11px;font-weight:650}
.account-controls{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}
.invite-heading{margin-top:16px}
.invite-row{align-items:center}
.invite-row>div{display:grid;gap:4px;min-width:0}
.invite-row span{text-align:left;overflow-wrap:anywhere}
#invite-form{display:grid;grid-template-columns:1fr;align-items:stretch}
#invite-form .account-role{width:100%}
#invite-form>button{justify-self:start}
html[data-theme="dark"] .permission-group,html[data-theme="dark"] .permission-option,html[data-theme="dark"] .server-permission-option{background:#34343a;border-color:#4b4b54;color:#f1f1f4}
html[data-theme="dark"] .permission-details,html[data-theme="dark"] .permission-section{border-color:#45454c}
@media(max-width:620px){.permission-grid,.server-permission-grid{grid-template-columns:1fr}.account-row-top{align-items:flex-start;flex-direction:column}.account-role{width:100%}.account-controls{justify-content:stretch;flex-wrap:wrap}.invite-row{align-items:flex-start;flex-direction:column}}
*[hidden]{display:none!important}