:root{color:#1c2433;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#223048;cursor:pointer;background:#fff;border:1px solid #cfd8e6;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.92rem;font-weight:750;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}button:hover:not(:disabled){background:#f3f7fb;border-color:#aab8cc}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}button.primary{color:#fff;background:#0f766e;border-color:#0f766e}button.primary:hover:not(:disabled){background:#115e59;border-color:#115e59}button.danger{color:#b42318;background:#fff5f5;border-color:#f5b7b1}button.danger:hover:not(:disabled){background:#ffe7e5;border-color:#ee8f86}.choice-card{text-align:left;justify-content:flex-start;align-items:flex-start;width:100%;min-height:98px;padding:14px}.choice-card.unselected{box-shadow:none;color:#223048;background:#fff;border-color:#cfd8e6}.choice-card span{gap:4px;display:grid}.choice-card strong{color:#172033;font-size:.98rem}.choice-card small{color:#637086;font-size:.82rem;font-weight:700;line-height:1.35}.choice-card.selected{color:#0f766e;background:#edfdfa;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.choice-card.selected:hover:not(:disabled){background:#edfdfa;border-color:#0f766e}input{color:#172033;background:#fff;border:1px solid #cfd8e6;border-radius:6px;width:100%;min-height:44px;padding:0 12px}input:focus{border-color:#0f766e;outline:0;box-shadow:0 0 0 3px #0f766e24}main{background:linear-gradient(#eef4f8 0,#f5f7fb 340px),#f5f7fb;min-height:100vh;padding:24px}.workspace{max-width:1440px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.brand,.top-actions,.panel-heading,.header-actions,.desktop-toolbar,.machine-kicker,.status-pill,.user-chip,.sidebar-stat{align-items:center;display:flex}.brand{gap:12px;min-width:0}.brand-mark,.panel-icon{color:#0f766e;background:#e1f4f1;border:1px solid #b8ddd7;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.eyebrow{color:#637086;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:850;line-height:1.2}h1,h2,h3,p{margin:0}h1{color:#172033;font-size:2rem;line-height:1.1}h2{color:#172033;font-size:1.1rem;line-height:1.25}h3{color:#172033;font-size:1rem;line-height:1.25}p{color:#617087;line-height:1.5}.status-pill,.user-chip{color:#4c5b70;white-space:nowrap;background:#ffffffc2;border:1px solid #cfd8e6;border-radius:8px;gap:8px;min-height:40px;padding:0 12px;font-size:.9rem;font-weight:750}.status-pill.healthy{color:#08705f;background:#ecfdf7;border-color:#ade6ce}.login-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:18px;max-width:980px;margin:12vh auto 0;display:grid}.login-summary,.login-panel,.loading-panel,.sidebar,.machine-header,.metrics-grid>div,.command-panel,.desktop-panel{background:#ffffffeb;border:1px solid #d8e0eb;border-radius:8px;box-shadow:0 12px 36px #1f293712}.login-summary{flex-direction:column;justify-content:space-between;min-height:264px;padding:22px;display:flex}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-grid>div{border-top:1px solid #d8e0eb;min-width:0;padding-top:12px}.login-panel{gap:15px;padding:22px;display:grid}.login-panel label{gap:7px;display:grid}.login-panel label span{color:#526075;text-transform:uppercase;font-size:.76rem;font-weight:850}.field{gap:8px;display:grid}.field span,.field-label{color:#526075;text-transform:uppercase;font-size:.76rem;font-weight:850}.wide{width:100%}.loading-panel{color:#526075;justify-content:center;gap:10px;max-width:360px;min-height:104px;margin:12vh auto 0;font-weight:750}.layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.sidebar{position:sticky;top:24px;overflow:hidden}.sidebar-header{border-bottom:1px solid #d8e0eb;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.icon-command{min-width:98px}.sidebar-stat{color:#0f766e;background:#f6faf9;border-bottom:1px solid #d8e0eb;gap:10px;padding:14px 16px}.sidebar-stat span{color:#637086;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.sidebar-stat strong{color:#172033;margin-top:2px;font-size:.98rem;display:block}.vm-list{display:grid}.vm-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f6;border-radius:0;grid-template-columns:10px minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;width:100%;min-height:70px;padding:0 16px;display:grid}.vm-row:hover,.vm-row.active{background:#f2fbf9}.vm-row.active{box-shadow:inset 3px 0 #0f766e}.vm-row-main{gap:3px;min-width:0;display:grid}.vm-row-main strong,.vm-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vm-row-main strong{color:#172033;font-size:.96rem}.vm-row-main small{color:#6b778d;font-size:.78rem;font-weight:700}.state-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.state-dot.ready{background:#0f9f7f}.state-dot.stopped{background:#7a869a}.state-dot.pending{background:#d97706}.state-dot.error{background:#d92d20}.state-label{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:850}.state-label.ready{color:#08705f;background:#e7f8f3}.state-label.stopped{color:#566174;background:#eef2f6}.state-label.pending{color:#9a5b00;background:#fff6df}.state-label.error{color:#b42318;background:#fff0ef}.detail{gap:16px;min-width:0;display:grid}.machine-header{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.machine-header h2{margin-top:4px;font-size:1.45rem}.machine-header p{overflow-wrap:anywhere;margin-top:4px}.machine-kicker{color:#526075;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:850}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.icon-only{flex:0 0 40px;width:40px;padding:0}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metrics-grid>div{min-width:0;padding:14px}dt{color:#637086;text-transform:uppercase;font-size:.74rem;font-weight:850}dd{color:#172033;overflow-wrap:anywhere;margin:5px 0 0;font-size:.98rem;font-weight:750}.notice,.empty{margin:0}.notice{color:#8a4b00;background:#fff7e8;border:1px solid #f3c77b;border-radius:8px;padding:12px 14px}.empty{color:#637086;padding:16px}.modal-backdrop{z-index:20;background:#0f172a75;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.create-dialog{background:#fff;border:1px solid #d8e0eb;border-radius:8px;gap:18px;width:min(100%,560px);max-width:560px;padding:20px;display:grid;box-shadow:0 24px 80px #0f172a42}.display-choice{gap:8px;display:grid}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.command-panel,.desktop-panel{padding:16px}.panel-heading{gap:10px;min-width:0}.panel-icon{width:38px;height:38px}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.retina-toggle{padding-right:10px}.switch-track{background:#cfd8e6;border-radius:999px;width:38px;height:20px;padding:2px;transition:background .12s;display:inline-flex}.switch-thumb{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .12s;transform:translate(0);box-shadow:0 1px 3px #1f293747}.retina-toggle.active{color:#0f766e;background:#edfdfa;border-color:#9edbd2}.retina-toggle.active .switch-track{background:#0f766e}.retina-toggle.active .switch-thumb{transform:translate(18px)}.desktop-toolbar{justify-content:space-between;gap:12px}.desktop-frame{background:#111827;border:1px solid #263244;border-radius:8px;height:min(64vh,720px);margin-top:16px;overflow:hidden}.desktop-frame-inner{transform-origin:0 0;width:100%;height:100%}.desktop-frame.retina .desktop-frame-inner{width:200%;height:200%;transform:scale(.5)}.desktop-empty{color:#0f766e;text-align:left;background:linear-gradient(135deg,#0f766e14,#2563eb14),#f8fbfd;border:1px dashed #b8c5d7;border-radius:8px;justify-content:center;align-items:center;gap:14px;min-height:260px;margin-top:16px;padding:24px;display:flex}.desktop-empty p{margin-top:4px}iframe{border:0;width:100%;height:100%}@media (width<=920px){main{padding:16px}.topbar,.machine-header,.desktop-toolbar{flex-direction:column;align-items:flex-start}.top-actions,.header-actions{justify-content:flex-start;width:100%}.login-layout,.layout,.metrics-grid{grid-template-columns:1fr}.login-layout{margin-top:28px}.summary-grid,.choice-grid{grid-template-columns:1fr}.sidebar{position:static}}@media (width<=560px){h1{font-size:1.6rem}.brand-mark{width:38px;height:38px}.top-actions button,.top-actions .status-pill,.top-actions .user-chip,.actions button,.dialog-actions button,.desktop-toolbar button,.header-actions button.primary{width:100%}.icon-only{width:40px}.vm-row{grid-template-columns:10px minmax(0,1fr)}.vm-row .state-label{grid-column:2;justify-self:start}.desktop-empty{flex-direction:column;align-items:flex-start}}