*{box-sizing:border-box} [hidden]{display:none!important}:root{color-scheme:dark;--accent:#a4efb1;--bg:#0c0f0e;--panel:#141917;--line:#29312d;--muted:#92a099}body{margin:0;background:var(--bg);color:#edf2ef;font:14px 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:24px 20px;background:#101512;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:35px}.brand img{width:150px;height:96px;object-fit:contain}.brand>span{font-size:9px;letter-spacing:3px;color:#93a199;margin-top:6px}.brand b{color:var(--accent)}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#6c8075;padding-left:14px;margin:4px 0 16px}nav{display:grid;gap:7px}nav button{display:flex;gap:13px;align-items:center;padding:13px 14px;border:1px solid transparent;background:transparent;border-radius:9px;color:#a0afa7;text-align:left;font-weight:500;min-height:45px}nav button span{font-size:21px;line-height:20px;width:20px;text-align:center}nav button:hover{background:#19241d;color:#e6f3eb}nav .selected{background:#24382b;border-color:#39543f;color:#bcf5c8}.sidebar-bottom{margin-top:auto;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding:14px 11px}.sidebar-bottom strong{font-size:11px;display:block}.sidebar-bottom small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.shield{color:var(--accent);font-size:18px}.central-link{font-size:11px;color:var(--muted);padding:21px 8px 0}.workspace{margin-left:244px}header{min-height:78px;padding:18px 42px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);align-items:center}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 10px;color:#46574d}.breadcrumb b{font-weight:500;color:#d2ddd6}.header-actions{display:flex;align-items:center;gap:18px;font-size:11px}.header-actions>a{color:var(--muted)}.avatar{height:32px;width:32px;display:grid;place-items:center;background:#293b2e;border:1px solid #425b49;color:#b9e8c4;font-size:10px;border-radius:50%;font-weight:700}main{padding:38px 42px 20px;max-width:1600px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#8fbd9d;font-weight:600;margin:0 0 10px}h1{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:600;margin:0 0 10px}h2{font-size:16px;font-weight:600;margin:0}p{line-height:1.6}.muted{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.page-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:30px}.pill{white-space:nowrap;color:#b7d9c1;background:#1b2b21;border:1px solid #314c39;border-radius:30px;padding:9px 12px;font-size:10px}.pill::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#a4efb1;margin-right:6px}.pill.offline{color:#f4cd9e;background:#35281a;border-color:#5e4425}.pill.offline::before{background:#e5b46e}.welcome-card{border:1px solid #38523e;border-radius:15px;min-height:266px;padding:33px 35px;background:radial-gradient(ellipse at 90% 100%,#354b34 0,transparent 60%),linear-gradient(110deg,#1a2820,#1c2b22);display:flex;justify-content:space-between;position:relative;overflow:hidden}.mini-tag{font-size:8px;letter-spacing:1.5px;color:#b6cfbc;display:inline-block}.welcome-card h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:17px 0 10px}.welcome-card p{color:#a2b5a8;font-size:11px;line-height:1.8;margin:0 0 23px}.primary,.secondary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;border-radius:8px;padding:11px 16px;font-weight:600;font-size:11px;border:1px solid transparent;text-align:center}.primary{color:#17271b;background:#b2e9ba;border-color:#b8edc1}.primary:hover{background:#ceffd6}.secondary{border-color:#3b4e41;color:#c9dbce;background:#1b281f}.secondary:hover{border-color:#9cbda5}.quiet{border-color:var(--line);background:transparent;color:#abbab1}.quiet:hover{background:#1e2a23}.welcome-art{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:270px;height:210px;margin-right:15px}.art-play{border:1px solid #719678;background:linear-gradient(135deg,#4e7154,#1b3021);border-radius:24px;display:grid;place-items:center;width:102px;height:102px;font-size:65px;color:#c8f1cc;box-shadow:0 20px 60px #0006;transform:rotate(-12deg);z-index:1}.welcome-art small{font-size:9px;letter-spacing:4px;margin-top:24px;color:#a7c6ad;z-index:1}.orbit{border:1px solid #8abb8b22;position:absolute;border-radius:50%;width:260px;height:260px;transform:rotate(-30deg) scaleY(.65)}.orbit-two{transform:rotate(45deg) scaleY(.65);width:310px;height:310px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.metrics article{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px;position:relative;min-width:0}.metrics p{color:var(--muted);font-size:11px;margin:0 0 12px}.metrics strong{font-weight:500;font-size:24px;letter-spacing:-.5px;display:block}.metrics small{display:block;color:#6f8777;font-size:10px;margin-top:10px;line-height:1.5}.metric-icon{position:absolute;right:18px;top:16px;color:#819d8b;font-size:20px}.overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.card-head h2{margin:0}.card-head .muted{margin-top:8px}.text-button{border:0;background:none;color:#a9cdb3;font-size:10px;padding:8px 0;white-space:nowrap}.server-summary{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.server-symbol{background:#22342a;border:1px solid #38503e;border-radius:9px;height:35px;width:35px;display:grid;place-items:center;color:#9fd4ae;flex-shrink:0}.server-summary strong{font-weight:500;font-size:12px;display:block}.server-summary small{color:#758e7f;display:block;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.server-summary .state{margin-left:auto;font-size:9px;color:#b3d9be;background:#22392a;padding:5px 8px;border-radius:30px;white-space:nowrap}.server-summary .state.disabled{background:#2e302a;color:#a6ada5}.footnote{font-size:10px;color:#7f9387;line-height:1.7;margin:17px 0 0}.activity-row{border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:12px;align-items:flex-start}.activity-mark{height:27px;width:27px;border:1px solid #3b5343;border-radius:50%;display:grid;place-items:center;color:#a5d7b1;font-size:12px;flex-shrink:0}.activity-row strong{display:block;font-size:11px;font-weight:500}.activity-row small{color:#7f9387;font-size:10px;display:block;margin-top:6px;line-height:1.6;overflow-wrap:anywhere}.activity-row time{margin-left:auto;white-space:nowrap;color:#7f9387;font-size:9px}.empty-state{padding:32px 0;color:#7f9387;font-size:12px;line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.card>h2{margin-bottom:14px}.card>label:first-of-type{margin-top:24px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#c4d1c9;margin:19px 0}input,textarea,select{color:#ecf2ee;background:#0f1511;border:1px solid #344038;min-height:42px;padding:11px 12px;border-radius:7px;width:100%;min-width:0}textarea{resize:vertical}input[type=checkbox]{width:36px;min-height:21px;height:21px;accent-color:#b2e9ba;flex-shrink:0;cursor:pointer}input[type=color]{width:39px;height:34px;min-height:34px;padding:2px;border:0;background:none;cursor:pointer}input[type=file]{padding:10px;font-size:10px}.color-field{display:flex;align-items:center;gap:12px;border:1px solid #344038;border-radius:7px;padding:5px 8px;background:#0f1511}.color-field output{font-size:11px;color:#95a99c}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-card{background:#121814}.preview-card .mini-tag{color:#8fab99;font-size:7px}.brand-preview{background:#090e0b;border:1px solid #324238;min-height:390px;border-radius:10px;padding:28px;display:flex;align-items:center;flex-direction:column;text-align:center;--preview-accent:#80ee9c}.brand-preview img{width:140px;height:100px;object-fit:contain}.brand-preview h3{font-size:22px;margin:12px 0 4px;font-weight:500;color:var(--preview-accent)}.brand-preview p{color:#9aac9f;font-size:11px;max-width:250px;margin:0 0 18px}.fake-input{background:#ffffff08;border:1px solid #ffffff20;color:#9aac9f;width:100%;max-width:260px;text-align:left;padding:11px 12px;border-radius:7px;margin:5px 0;font-size:10px}.fake-input span{float:right}.preview-button{background:var(--preview-accent);color:#0c2111;border-radius:7px;width:100%;max-width:260px;padding:11px;margin:9px 0 14px;font-size:11px;font-weight:600}.brand-preview>small{font-size:8px;letter-spacing:2px;color:#809185}.switch-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);margin:0}.switch-row strong{display:block;font-size:12px;font-weight:500}.switch-row small{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.6}.narrow{max-width:800px}.info-box{border:1px solid #3c5544;border-radius:8px;padding:15px;font-size:11px;line-height:1.8;color:#afc8b7;background:#1b2a20;margin-top:22px}.server-edit{display:grid;grid-template-columns:minmax(110px,1fr) minmax(160px,1.5fr) auto auto;align-items:center;gap:14px;padding:10px 0 17px;border-bottom:1px solid var(--line)}.server-edit label{margin:8px 0}.server-edit .switch-row{border:0;padding:0;gap:10px;margin-top:25px}.server-edit .switch-row strong{font-size:10px}.remove-server{margin-top:24px;color:#d9a6a0;background:none;border:1px solid #5c3b36;border-radius:7px;height:36px;width:36px}.backup-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.backup-row div{flex:1}.backup-row strong{display:block;font-size:12px}.backup-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.save-bar{position:sticky;bottom:16px;z-index:10;border:1px solid #58765f;background:#203027f5;box-shadow:0 5px 25px #0009;border-radius:12px;margin-top:24px;padding:16px 20px;display:flex;gap:15px;justify-content:space-between;align-items:center}.save-bar strong{font-size:11px;font-weight:500}.save-bar small{font-size:10px;color:#a3b8aa;display:block;margin-top:5px;margin-left:14px}.save-bar>div:last-child{display:flex;gap:10px}.unsaved-dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#c8e8a7;margin-right:8px}footer{display:flex;justify-content:space-between;gap:15px;color:#657b6d;font-size:9px;margin:33px 0 0;padding:20px 0 5px;border-top:1px solid var(--line)}footer a{color:#91b49d}#toast{position:fixed;bottom:25px;right:25px;max-width:calc(100vw - 50px);background:#cee9d3;border:1px solid #a8c5af;color:#1c3222;padding:16px 22px;border-radius:9px;box-shadow:0 5px 20px #0006;z-index:30;font-size:12px}#error{border:1px solid #74443b;background:#30221f;color:#efc3b9;padding:18px;border-radius:10px;margin-bottom:20px;font-size:12px;line-height:1.8}#error a{color:#cff2d6;text-decoration:underline}#loading{padding:60px 0;color:#95ac9d}dialog{color:#edf2ef;background:#16221a;border:1px solid #52705b;border-radius:14px;padding:28px;max-width:450px;width:90vw}dialog p{font-size:12px;color:#a4b7ab;line-height:1.8}dialog::backdrop{background:#000b}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.access{min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#273d2c,transparent 65%),#0c0f0e;display:grid;place-items:center;padding:24px}.access-card{padding:40px;text-align:center;width:min(480px,100%);border:1px solid #354a3c;border-radius:20px;background:#121b16;box-shadow:0 20px 80px #0005;margin:0}.access-card>img{width:190px;height:130px;object-fit:contain;margin-bottom:20px}.access-card h1{font-size:32px}.access-card p:not(.eyebrow){font-size:12px;color:var(--muted);margin:20px 0 25px;line-height:1.9}.access-card>small{display:block;font-size:9px;color:#7e9787;margin-top:25px}
@media(min-width:1700px){main{padding-top:48px}}@media(max-width:1200px){.sidebar{width:210px;padding:24px 14px}.workspace{margin-left:210px}header{padding:18px 26px}main{padding:30px 26px 20px}.welcome-art{width:180px;margin:0}.overview-grid{grid-template-columns:1fr}.server-edit{grid-template-columns:1fr 1.4fr auto}.server-edit .switch-row{grid-column:1 / 3;margin-top:0;justify-content:flex-start}.remove-server{grid-row:1 / 3;grid-column:3;margin:0}.metrics article{padding:18px 16px}.metric-icon{display:none}.metrics strong{font-size:22px}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.preview-card{max-width:600px}.header-actions>a{display:none}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.welcome-card{padding:28px}.welcome-card h2{font-size:25px}.welcome-art{width:130px}.art-play{width:80px;height:80px;font-size:50px}.orbit{width:180px;height:180px}.orbit-two{width:230px;height:230px}.welcome-card p br{display:none}.save-bar{align-items:flex-start;flex-direction:column}.save-bar>div:last-child{align-self:flex-end}}
@media(max-width:680px){.sidebar{position:static;width:100%;padding:12px 15px;border:0;border-bottom:1px solid var(--line)}.brand{flex-direction:row;justify-content:space-between;margin:0 0 10px}.brand img{height:50px;width:90px}.brand>span{font-size:8px}.nav-caption,.sidebar-bottom,.central-link{display:none}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px}nav button{flex-shrink:0;font-size:10px;min-height:37px;padding:8px 11px;gap:7px}nav button span{font-size:17px;width:17px}.workspace{margin:0}header{min-height:58px;padding:12px 18px}.avatar{height:27px;width:27px}.header-actions{gap:10px}.header-actions .quiet{min-height:31px;padding:6px 10px;font-size:10px}.breadcrumb{font-size:9px}main{padding:25px 17px 15px}.page-head{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:22px}h1{font-size:27px}.eyebrow{font-size:8px}.muted{font-size:11px}.pill{font-size:9px;padding:7px 10px}.welcome-card{padding:25px 22px;min-height:240px}.welcome-card h2{font-size:25px}.welcome-card p{font-size:10px}.mini-tag{font-size:7px;letter-spacing:1px}.welcome-art{display:none}.metrics{grid-template-columns:1fr;gap:10px;margin:15px 0}.metrics article{display:grid;grid-template-columns:1fr auto;padding:17px 20px;align-items:center}.metrics p{margin:0}.metrics strong{font-size:21px;grid-column:2;grid-row:1 / 3}.metrics small{font-size:9px;margin-top:7px}.card{padding:20px}.card-head{gap:10px;align-items:flex-start;flex-wrap:wrap}.card-head h2,.card>h2{font-size:15px}.text-button{font-size:9px}.server-summary .state{font-size:8px}.server-edit{grid-template-columns:1fr auto;gap:5px 10px}.server-edit label:not(.switch-row){grid-column:1}.server-edit .switch-row{grid-column:1;margin:7px 0}.remove-server{grid-column:2;grid-row:1 / 4}.server-edit input{font-size:12px}.activity-row{gap:9px}.activity-row time{font-size:8px}.activity-row small{font-size:9px}.activity-row strong{font-size:10px}.brand-preview{padding:22px}.backup-row{flex-wrap:wrap}.backup-row .quiet{font-size:10px;padding:8px}.save-bar{padding:15px;bottom:10px}.save-bar strong{font-size:10px}.save-bar small{font-size:9px}.save-bar .primary,.save-bar .quiet{font-size:10px;padding:10px 12px}.save-bar>div:last-child{width:100%;justify-content:flex-end}footer{font-size:8px;flex-wrap:wrap}#toast{bottom:15px;right:15px;max-width:calc(100vw - 30px);font-size:11px}.access-card{padding:28px 22px}.access-card h1{font-size:29px}}