:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#172126;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#e8f2ef 0,#e8f2ef00 280px),#f5f7f8}button,input{font:inherit}button{border:0;border-radius:8px;background:#176b58;color:#fff;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}button:disabled{cursor:not-allowed;background:#8ba19a}a{color:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;color:#2c6a5c;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.16}.token-form{min-width:min(100%,420px);height:44px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:4px 4px 4px 12px;border:1px solid #cbd7d3;border-radius:8px;background:#fff}.token-form input{min-width:0;border:0;outline:0;color:#172126}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-tile{min-height:84px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;gap:8px 10px;align-content:center;padding:16px;border:1px solid #d8e0dd;border-radius:8px;background:#fff}.summary-tile svg{grid-row:span 2;align-self:center;color:#176b58}.summary-tile span{color:#5d6d68;font-size:13px}.summary-tile strong{font-size:22px;line-height:1}.alert,.empty-state{margin:0 0 16px;padding:13px 15px;border-radius:8px;border:1px solid #e1c0b7;background:#fff3ef;color:#8d321f}.empty-state{border-color:#d8e0dd;background:#fff;color:#5d6d68}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-card{min-width:0;border:1px solid #d8e0dd;border-radius:8px;background:#fff;padding:16px;display:grid;gap:16px}.server-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.server-title-row{display:flex;align-items:baseline;gap:8px}h2{font-size:20px;line-height:1.2}.server-header p,.muted,.command-state{color:#66736f;font-size:13px}.port{color:#44625a;font-weight:700}.status{height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap}.status-online{color:#0f6b3f;background:#e8f6ee}.status-offline{color:#9c2d22;background:#fff0ed}.status-checking,.status-unknown{color:#75540a;background:#fff7df}.link-block{min-width:0;display:grid;gap:7px}.field-label{color:#66736f;font-size:12px;font-weight:700}.public-link{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid #cbd7d3;border-radius:8px;text-decoration:none;background:#fafcfc}.public-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-grid div{min-width:0;padding:10px 11px;border-radius:8px;background:#f5f7f8}.meta-grid .wide{grid-column:1 / -1}dt{color:#66736f;font-size:12px;font-weight:700}dd{margin:4px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.credential-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:8px;background:#eff7f4}.credential-box div{min-width:0;display:grid;gap:5px}.credential-box strong{min-width:0;overflow-wrap:anywhere;font-size:14px}.pending-box{min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;border-radius:8px;background:#fff8e7;color:#75540a;font-size:13px}.pending-box svg{animation:spin 1.1s linear infinite}.issued-box{display:grid;gap:10px;padding:12px;border:1px solid #b9d8cf;border-radius:8px;background:#f2faf7}.issued-title{display:inline-flex;align-items:center;gap:7px;color:#176b58;font-size:13px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}@media(max-width:820px){.app-shell{width:min(100% - 24px,720px);padding-top:18px}.topbar{align-items:stretch;flex-direction:column}.summary-grid,.server-grid{grid-template-columns:1fr}h1{font-size:25px}.server-header{flex-direction:column}.credential-box,.meta-grid{grid-template-columns:1fr}.meta-grid .wide{grid-column:auto}}@keyframes spin{to{transform:rotate(360deg)}}