:root{--ink:#202421;--muted:#69716c;--line:#e1e5df;--paper:#f5f6f2;--green:#216543;--orange:#e89b48;--blue:#345dd1;--red:#ae3831;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6285ef;outline-offset:3px}button{transition:background-color .12s,color .12s}button:active:not(:disabled){transform:scale(.96)}svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{color:inherit}button svg{pointer-events:none}[hidden]{display:none!important}
.app{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{background:#202922;color:#b7c2b9;padding:30px 18px 22px;display:flex;flex-direction:column;gap:30px}.brand{color:white;font-weight:850;font-size:27px;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;padding:0 12px}.brand span{color:var(--orange);font-size:12px;letter-spacing:1.5px;border-left:1px solid #536052;padding-left:9px}.workspace{padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#8e9d91}.nav{display:grid;gap:5px;margin-top:13px}.nav button{border:0;background:transparent;color:#bfcbc1;padding:12px 13px;text-align:left;display:flex;align-items:center;gap:11px;border-radius:7px}.nav button:hover{background:#303c32}.nav button.active{background:#3b493a;color:white}.nav button .count{margin-left:auto;color:#d1dace;font-size:12px}.sidebar-bottom{margin-top:auto}.environment{margin:0 12px 22px;font-size:12px;line-height:1.7;color:#9ead9f}.person{display:flex;align-items:center;gap:10px;padding:15px 10px 0;border-top:1px solid #3d493e}.avatar{width:34px;height:34px;background:#52614c;color:#f5f6f2;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.person strong{color:#eef1eb;display:block;font-size:13px}.person small{color:#a5b1a7;font-size:11px}
main{min-width:0}.topbar{height:67px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fbfcf9}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb b{font-weight:500;color:#353d37}.top-right{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.demo-label{border:1px solid #d9ddd5;padding:5px 8px;border-radius:5px;font-weight:650;letter-spacing:.5px;font-size:10px}.content{padding:35px 38px 28px;max-width:1620px;margin:auto}.eyebrow{color:#74806f;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;margin-bottom:9px}.heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:27px}h1{font-size:32px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}.subtitle{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.6}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{min-height:39px;border-radius:7px;padding:9px 13px;border:1px solid #d6dcd2;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{background:#f1f4ec}.btn.primary{background:#253f2e;color:white;border-color:#253f2e;box-shadow:0 2px 3px #19302112}.btn.primary:hover{background:#35573e}.btn.primary svg{width:16px;height:16px}.btn.quiet{background:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.stat{padding-left:23px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border:0}.stat-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.4;font-variant-numeric:tabular-nums}.stat-note{font-size:10px;color:#727a70}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.green{color:var(--green)}.red{color:var(--red)}.amber{color:#8c681e}
.attention{border:1px solid #e8d7c2;background:#faf4e9;border-radius:7px;display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-bottom:24px;color:#765330;font-size:12px;line-height:1.65}.attention>div{flex:1;min-width:0}.attention svg{margin-top:1px;width:17px;height:17px}.attention strong{font-weight:650}.attention button{margin-left:auto;background:none;border:0;color:#70481e;text-decoration:underline;font-size:12px;padding:1px 0;white-space:nowrap}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;flex-wrap:wrap}.filters{display:flex;gap:3px;background:#e9ede4;border-radius:7px;padding:3px}.filter{min-height:33px;border:0;background:transparent;border-radius:5px;padding:7px 12px;font-size:12px;color:#66705f}.filter.active{color:#263225;background:#fff;box-shadow:0 1px 3px #27342515}.filter small{margin-left:4px;opacity:.65}.search{display:flex;align-items:center;gap:8px;background:white;border:1px solid #dce1d7;border-radius:7px;padding:0 11px;color:#788174;max-width:240px}.search svg{width:15px;height:15px}.search input{width:100%;min-width:0;height:37px;border:0;background:transparent;outline-offset:0;font-size:12px;color:var(--ink)}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fafbf7;color:#76816f;font-size:10px;font-weight:600;letter-spacing:.5px;padding:13px 16px;white-space:nowrap}td{padding:17px 16px;border-top:1px solid #edf0e9;vertical-align:middle}tbody tr:hover{background:#fcfdf9}.server-name{background:none;border:0;padding:0;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink)}.server-symbol{height:34px;width:34px;display:grid;place-items:center;border:1px solid #e6e9e0;background:#f8faf5;border-radius:8px;color:#63735b;flex:none}.server-symbol svg{width:17px;height:17px}.server-name strong{font-weight:650;font-size:12px;white-space:nowrap}.secondary{display:block;color:#85907d;font-size:10px;margin-top:5px;line-height:1.5}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px;border-radius:4px;font-weight:650;border:1px solid #dbe3d1;background:#f2f6ed;color:#5f7446}.tag.proxy{background:#f0f3fa;border-color:#dde3f2;color:#6179a5}.tag.host{background:#f6f1e9;border-color:#e9dfd0;color:#8c724b}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;white-space:nowrap}.status.up{color:var(--green)}.status.down{color:var(--red)}.status.stale{color:#87601d}.status.unknown{color:#72796d}.open-btn{border:1px solid #dfe5d9;background:white;min-height:32px;border-radius:5px;font-size:11px;padding:6px 10px;color:#526549}.open-btn:hover{background:#eef4e8}.table-footer{font-size:10px;color:#7c8775;display:flex;justify-content:space-between;gap:15px;padding:13px 1px;line-height:1.6}.legend{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:#78816f;line-height:1.7;display:flex;align-items:flex-start;gap:9px}.legend svg{width:16px;height:16px;flex:none;margin-top:1px}.empty{text-align:center;padding:42px;color:var(--muted)}
dialog{border:0;padding:0;color:var(--ink);box-shadow:0 12px 70px #18271626}dialog::backdrop{background:#18271f55;backdrop-filter:blur(2px)}.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:480px;max-width:100vw;background:#fbfcf8}.drawer-head{padding:26px 27px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-head h2{font-size:24px;letter-spacing:-.7px;line-height:1.3}.close{width:34px;height:34px;background:none;border:1px solid #dce2d7;border-radius:6px;display:grid;place-items:center;flex:none}.close svg{width:16px;height:16px}.drawer-body{padding:23px 27px 32px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.section-heading:first-child{margin-top:0}h3{font-size:12px;font-weight:650}.small{font-size:10px;color:#788270}.health-card{border:1px solid #dce4d4;background:white;border-radius:8px;padding:16px}.health-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.health-detail{font-size:11px;line-height:1.7;color:#73816a;margin-top:9px}.history{display:flex;gap:3px;margin-top:13px;height:22px}.history i{flex:1;background:#91ae77;border-radius:2px}.history i.failed{background:#d89578}.history i.unknown{background:#d7ddd2}.history-label{display:flex;justify-content:space-between;font-size:9px;color:#8c9586;margin-top:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.detail-grid dt{font-size:10px;color:#849078;margin-bottom:6px}.detail-grid dd{font-size:12px;margin:0}.access-card{border:1px solid #e0e5db;border-radius:8px;background:white;margin-bottom:11px;padding:14px 15px}.access-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;margin-bottom:13px}.access-title svg{width:16px;height:16px;color:#6a7d5b}.field-line{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px;font-size:11px}.field-line>span:first-child{color:#7e8975;min-width:51px}.field-value{flex:1;overflow-wrap:anywhere}.icon-btn{background:#f7f9f3;border:1px solid #e2e7db;border-radius:5px;min-height:30px;padding:5px 9px;font-size:10px;flex:none}.icon-btn:hover{background:#eaf1e1}.access-hint{font-size:10px;color:#8c927f;line-height:1.6;margin-top:12px}.notes{font-size:12px;line-height:1.8;color:#66735c;background:#f0f3e9;padding:13px;border-radius:6px}.drawer-footer{border-top:1px solid var(--line);padding:18px 27px}.drawer-footer .btn{width:100%}.notice{padding:12px 14px;border:1px solid #e4e8df;background:#f8faf5;border-radius:7px;font-size:11px;color:#717d65;line-height:1.7}.journal-list{list-style:none;padding:0;margin:0}.journal-list li{padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.journal-list time{font-size:10px;color:#87917d;display:block;margin-bottom:3px}.journal-list small{font-size:11px;color:#78836c}.member{padding:19px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.member .avatar{background:#e5ebdc;color:#586748}.member strong{font-size:12px}.member p{font-size:11px;line-height:1.8;color:#7a846f;margin-top:4px}.form-dialog{width:480px;max-width:calc(100vw - 24px);max-height:90dvh;border-radius:12px;background:#fbfcf8}.form-content{padding:22px 27px}.form-field{display:grid;gap:7px;margin-bottom:17px;font-size:12px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d8e0cf;border-radius:6px;padding:10px;background:#fff;color:var(--ink)}.form-field textarea{min-height:75px;resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:0;padding:0;margin:0 0 18px;font-size:12px}legend{margin-bottom:10px}.check-label{display:inline-flex;gap:6px;align-items:center;margin-right:17px;font-size:12px}.check-label input{accent-color:#35543b;width:16px;height:16px}.form-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-error{color:var(--red);font-size:12px;margin:12px 0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);padding:12px 18px;background:#263b2b;color:#f8faf3;border-radius:8px;box-shadow:0 5px 20px #1b2d202a;z-index:10;font-size:12px;line-height:1.5;pointer-events:none}
@media(min-width:1500px){.content{padding-top:45px}td{padding-top:21px;padding-bottom:21px}.heading{margin-bottom:35px}}@media(max-width:1150px){.app{grid-template-columns:180px 1fr}.sidebar{padding-left:12px;padding-right:12px}.content{padding:27px 24px}.topbar{padding:0 24px}th,td{padding-left:11px;padding-right:11px}.server-symbol{display:none}.heading{align-items:flex-start}.actions .btn{font-size:11px;padding:9px}.top-right>span:last-child{display:none}.checked-column{display:none}.table-wrap table{min-width:660px}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{padding:15px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.brand{padding:0;font-size:24px}.brand span{font-size:10px}.workspace,.sidebar-bottom{display:none}.nav{display:flex;margin:0;gap:4px}.nav button{padding:9px;font-size:11px;gap:5px}.nav button svg{width:16px;height:16px}.nav button .count{display:none}.topbar{padding:0 18px;height:47px}.content{padding:25px 18px}.heading{flex-wrap:wrap;margin-bottom:22px}h1{font-size:29px}.actions{width:100%}.actions .btn{min-height:42px;font-size:12px}.stats{gap:8px;padding:17px 0}.stat{padding-left:10px}.stat-value{font-size:25px}.stat-label{font-size:9px;min-height:26px}.stat-note{font-size:9px}.attention{font-size:11px;flex-wrap:wrap}.attention button{margin-left:26px}.toolbar{gap:12px}.search{width:100%;max-width:none}.filter{padding:8px 12px;min-height:38px}.table-footer{flex-direction:column;gap:3px}.drawer-head{padding:23px 20px}.drawer-body{padding:20px}.legend{margin-top:13px}.top-right{font-size:9px}.nav button span.label{display:none}.nav button{min-height:38px;min-width:38px;justify-content:center}.form-content{padding:20px}.form-pair{grid-template-columns:1fr;gap:0}.form-field input,.form-field select,.form-field textarea{font-size:16px}.open-btn{min-height:38px}.icon-btn{min-height:36px}.close{min-height:38px;min-width:38px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active:not(:disabled){transform:none}}


.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:420px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:15px;padding:34px;box-shadow:0 15px 50px #22302709}.auth-brand{color:#263b2b;font-size:30px;font-weight:850;letter-spacing:-1.5px;margin-bottom:30px}.auth-brand span{font-size:12px;letter-spacing:1px;color:#987133;margin-left:8px}.auth-card h1{font-size:26px;margin-bottom:9px}.auth-card .subtitle{margin-bottom:25px}.auth-card .btn{width:100%;margin-top:7px}.auth-hint{font-size:11px;line-height:1.8;color:#77816e;margin-top:22px}.auth-hint code{overflow-wrap:anywhere}.status.checking{color:#94691d}.status.paused{color:#7b826f}.auth-error{color:var(--red);font-size:12px;line-height:1.7;margin:12px 0}.heading-buttons{display:flex;gap:8px;flex-wrap:wrap}.toolbar-right{display:flex;gap:8px;flex-wrap:wrap}.toolbar select{font-size:11px;color:#647259;border:1px solid #dce1d7;background:white;border-radius:6px;padding:8px;min-height:38px}.worker-line{display:flex;align-items:center;gap:6px}.danger{color:var(--red)}.member-actions{margin-top:12px;display:flex;gap:7px}.full-width{width:100%}.subtle-link{border:0;background:none;text-decoration:underline;font-size:11px;color:#a8b7aa;padding:4px 0}.access-actions{display:flex;gap:7px;margin-top:13px}.access-secret{font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap;background:#f1f5eb;padding:12px;border-radius:6px;margin-top:12px}.secret-label{font-size:10px;color:#7a856e;margin-bottom:5px;display:block}.access-card .mono{overflow-wrap:anywhere}.health-label{font-size:10px;color:#849078}.dialog-action-row{display:flex;gap:8px}.form-description{font-size:10px;color:#75816a;line-height:1.7}.form-section{border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.form-section h3{margin-bottom:14px}.inline-check{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;margin-bottom:15px}.inline-check input{width:17px;height:17px;accent-color:#35543b}.secret-header{display:flex;justify-content:space-between;align-items:center}.health-meta{font-size:11px;color:#78826f;line-height:1.8;margin-top:10px}.pending-count{font-size:10px;font-weight:500;color:#926c30}.settings-note{margin:14px 0}.footer-settings{font-size:10px;color:#7c8773;line-height:1.8;margin-top:8px}.error-banner{border:1px solid #e7ccca;background:#fff1ed;color:#a33b30;border-radius:7px;padding:12px 15px;margin-bottom:18px;font-size:12px;line-height:1.6}.skeleton{padding:24px;color:#7b8772;font-size:12px}.journal-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.history .failed{background:#cb806b}.no-wrap{white-space:nowrap}.spaced{margin-top:18px}.drawer .subtitle{font-size:12px}.filter.active{font-weight:650}.muted{color:var(--muted)}.btn.small-btn{min-height:32px;padding:6px 9px;font-size:10px}.permission-group{display:grid;gap:9px;margin:12px 0}.permission-group label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5}.permission-group input{accent-color:#35543b}.detail-name{overflow-wrap:anywhere}.field-line{align-items:flex-start}.stat-label{min-height:16px}.auth-card input{min-height:42px}.search{max-width:260px}.search input{width:215px}.table-caption{padding:10px;color:#7b8670;font-size:10px}.table-wrap .empty .btn{margin-top:17px}.top-right button{font-size:11px}.topbar{height:auto;min-height:67px;padding-top:11px;padding-bottom:11px}.content{padding-top:30px}.details-footer{position:sticky;bottom:0;background:#fbfcf8}.empty-note{font-size:12px;line-height:1.8;color:#7a856f;padding:18px 0}.app .table-wrap table{min-width:780px}
@media(max-width:760px){.toolbar-right{width:100%}.toolbar select{flex:1}.search{width:100%;max-width:none}.search input{width:100%;font-size:16px}.auth-card{padding:25px}.auth-card input{font-size:16px}.topbar{padding:10px 18px}.heading-buttons{width:100%}.heading-buttons .btn{flex:1}.top-right{flex-wrap:wrap;justify-content:flex-end;gap:6px}.breadcrumb{font-size:11px}.stat-label{min-height:26px}.content{padding-top:23px}.app .table-wrap table{min-width:650px}.toolbar-right select{font-size:12px}.form-foot .btn{min-height:42px}.drawer-footer{padding:15px 20px}}
.auth-card-wide{width:480px}.mfa-qr{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;margin:0 auto 20px;image-rendering:pixelated}.mfa-manual{margin:0 0 24px;font-size:12px;line-height:1.8}.mfa-manual summary{cursor:pointer;color:var(--green);text-decoration:underline;min-height:32px;display:list-item}.mfa-manual summary:focus-visible{outline:3px solid #6285ef;outline-offset:3px}.mfa-manual p{margin:10px 0;color:var(--muted)}.mfa-secret{display:block;overflow-wrap:anywhere;user-select:all;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:12px;font-size:13px;letter-spacing:1px;line-height:1.7}.otp-input{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:6px;font-size:22px;font-variant-numeric:tabular-nums}.auth-card .otp-input{font-size:22px}.recovery-codes{list-style:none;padding:16px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.recovery-codes li{min-width:0}.recovery-codes code{font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;user-select:all}.auth-card .inline-check{align-items:flex-start}.auth-card .inline-check input{min-height:0;flex:none;margin-top:1px}.auth-card .notice{color:#53604b}.auth-card .form-description{font-size:11px}.auth-card .btn{white-space:normal}.auth-card h1:focus{outline:none}
@media(max-width:380px){.auth-shell{padding:14px}.auth-card{padding:22px}.recovery-codes{grid-template-columns:1fr}}