:root{--bg:#f4f6f8;--surface:#ffffff;--surface-alt:#eef1f4;--text:#14181f;--text-muted:#5b6472;--border:#e1e5ea;--brand:#0f6e6e;--brand-strong:#0a4f4f;--brand-contrast:#ffffff;--green:#1a9e5c;--green-bg:#e6f6ee;--yellow:#b8860b;--yellow-bg:#fdf3d9;--red:#d0332f;--red-bg:#fbe6e5;--gray:#8a94a3;--gray-bg:#eceff2;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#10131a;--surface:#171c26;--surface-alt:#1e2430;--text:#eef1f6;--text-muted:#97a1b1;--border:#2a3140;--brand:#29a3a3;--brand-strong:#56c2c2;--brand-contrast:#06201f;--green:#34c481;--green-bg:#123425;--yellow:#e0b13a;--yellow-bg:#3a2f10;--red:#ef5b57;--red-bg:#3a1817;--gray:#7a8494;--gray-bg:#232936;color-scheme:dark}}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geeza Pro,Arial,sans-serif;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);-webkit-tap-highlight-color:transparent}img{max-width:100%}[hidden]{display:none!important}button{font-family:inherit}a{color:inherit}.home{max-width:960px;margin:0 auto;padding:16px 16px 32px}.home-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:12px}.brand-mark{font-weight:800;font-size:1.25rem;color:var(--brand);letter-spacing:.5px}.search-input{flex:1 1 220px;min-width:0;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.search-input:focus{outline:2px solid var(--brand);outline-offset:1px}.demo-banner{background:var(--yellow-bg);color:var(--yellow);text-align:center;padding:8px 12px;font-size:.85rem;font-weight:600}.section{margin-top:20px}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title{font-size:1rem;font-weight:700;margin:0 0 10px;color:var(--text)}.btn-link{background:none;border:none;color:var(--brand);font-weight:600;font-size:.85rem;cursor:pointer;padding:4px 8px}.empty-state{color:var(--text-muted);font-size:.9rem;padding:24px 0;text-align:center}.day-circles{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-gap:8px;gap:8px}.day-circle{position:relative;aspect-ratio:1;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.day-circle-empty{color:var(--text-muted);opacity:.55}.day-circle-active{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.day-circle-count{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--red);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;line-height:1}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:8px}.account-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.account-card-name{margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.account-card-dots{display:flex;gap:6px;flex-shrink:0;padding-top:2px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-green{background:var(--green)}.dot-yellow{background:var(--yellow)}.dot-red{background:var(--red)}.dot-gray{background:var(--gray)}.account-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.85rem}.account-card-label{color:var(--text-muted)}.account-card-value{font-weight:600}.badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.badge-green{background:var(--green-bg);color:var(--green)}.account-card-alert{background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;font-weight:600}.account-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;border-top:1px solid var(--border);padding-top:8px}.account-card-updated{color:var(--text-muted);font-size:.75rem}.account-card-actions{display:flex;gap:6px}.btn-icon{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;cursor:pointer}.btn-icon:hover{border-color:var(--brand);color:var(--brand)}.build-info{text-align:center;color:var(--text-muted);font-size:.7rem;padding:16px 12px calc(16px + var(--safe-bottom))}.btn-icon:disabled{opacity:.45;cursor:not-allowed}a.btn-icon{text-decoration:none;display:inline-flex;align-items:center}.conn-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:4px 8px}.conn-badge{border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;white-space:nowrap}.conn-demo{background:var(--gray-bg);color:var(--gray)}.conn-checking{background:var(--surface-alt);color:var(--text-muted)}.conn-ok{background:var(--green-bg);color:var(--green)}.conn-error{background:var(--red-bg);color:var(--red)}.conn-error-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-hint{color:var(--text-muted);font-size:.85rem;margin:0 0 10px}.settings-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.auth-form{display:flex;flex-direction:column;gap:10px;max-width:320px}.session-header{display:flex;align-items:center;gap:12px;padding-block:8px}.vnc-viewer{position:relative;width:100%;aspect-ratio:16/10;background:#000;border-radius:var(--radius-md);overflow:hidden}.vnc-canvas-host{width:100%;height:100%}.vnc-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:rgba(0,0,0,.55);text-align:center;padding:16px}