:root{color:#e8edf6;font-synthesis:none;background:#0a0d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#17243d 0,#0000 35%),#0a0d14;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.center-page{color:#99a8bf;place-items:center;min-height:100vh;display:grid}.auth-page{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);min-height:100vh;display:grid}.auth-hero{flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);display:flex}.brand-badge{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:750;display:flex}.auth-hero h1{letter-spacing:-.07em;margin:48px 0 24px;font-size:clamp(46px,7vw,88px);line-height:.95}.auth-hero>p{color:#9aa8bd;max-width:640px;font-size:18px;line-height:1.7}.security-points{flex-wrap:wrap;gap:12px;margin-top:42px;display:flex}.security-points span{color:#b9c5d8;border:1px solid #263248;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:flex}.security-points svg{color:#77e6be;width:16px}.auth-card{background:#111621eb;border:1px solid #283247;border-radius:28px;align-self:center;margin:32px;padding:46px;box-shadow:0 30px 80px #0008}.eyebrow{color:#74e5bd;letter-spacing:.18em;font-size:11px;font-weight:800}.auth-card h2,main h1{letter-spacing:-.04em;margin:8px 0 28px}form{gap:16px;display:grid}label{color:#9facc0;gap:7px;font-size:13px;display:grid}input,select{color:#eef3fb;background:#0d111a;border:1px solid #303a50;border-radius:11px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus{border-color:#6fdcb7;box-shadow:0 0 0 3px #6fdcb719}.primary,.secondary{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:750;display:inline-flex}.primary{color:#07110e;background:#72e6bd}.secondary{color:#c8d2e3;background:#1a2130;border:1px solid #303a50}.danger-button{color:#ffd7d7;background:#57282d;border:0;border-radius:11px;padding:12px 16px;font-weight:750}.primary:disabled{opacity:.5;cursor:default}.notice{color:#b8ebd7;background:#14251f;border:1px solid #3f614f;border-radius:11px;justify-content:space-between;padding:12px 14px;display:flex}.notice button{color:inherit;background:0 0;border:0}.auth-links{justify-content:space-between;margin-top:20px;display:flex}.auth-links button{color:#94a7c2;background:0 0;border:0}.cloud-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.cloud-shell aside{background:#0c1018e8;border-right:1px solid #202839;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}nav{gap:6px;margin-top:42px;display:grid}nav button,.account button{color:#8f9db2;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}nav button.active{color:#e9fff7;background:#1b3029}.account{border-top:1px solid #242c3c;margin-top:auto;padding-top:20px;overflow:hidden}.account span{color:#a7b3c5;white-space:nowrap;text-overflow:ellipsis;padding:0 12px 8px;display:block;overflow:hidden}.cloud-shell main{padding:34px clamp(24px,5vw,72px) 80px}main>header{justify-content:space-between;align-items:flex-start;display:flex}main h1{font-size:32px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-grid article,.panel{background:#111620e8;border:1px solid #263044;border-radius:16px}.stat-grid article{padding:20px}.stat-grid span{color:#8391a8;text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:block}.stat-grid strong{margin-top:14px;font-size:36px;display:block}.panel{margin-top:18px;padding:22px}.panel h2{align-items:center;gap:9px;margin:0 0 18px;font-size:18px;display:flex}.panel h2 svg{color:#72e6bd;width:18px}.privacy-card{align-items:flex-start;gap:18px;padding:30px;display:flex}.privacy-card>svg{color:#72e6bd;flex:none}.privacy-card p,.device-card p,.backup-card p{color:#9aa7bb;line-height:1.65}code{color:#9ee8cd}.two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.input-action{grid-template-columns:1fr 42px;display:grid}.input-action input{border-radius:11px 0 0 11px}.input-action button,.pair-code button{color:#aebbd0;background:#1a2130;border:1px solid #303a50;border-radius:0 11px 11px 0}.table-card{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;color:#b9c4d5;border-bottom:1px solid #222a3a;padding:13px 10px}th{color:#77869d;text-transform:uppercase;letter-spacing:.08em;font-size:11px}td button{color:#c9d5e6;background:#202838;border:0;border-radius:8px;padding:7px 11px}.inline-form{grid-template-columns:1fr 1fr auto;display:grid}.status{background:#222c3d;border-radius:999px;padding:5px 8px;display:inline-block}.status.completed{color:#7ce7bf;background:#153027}.status.running{color:#8bc9ff;background:#16283a}.report pre{color:#bdc9db;background:#080b10;border-radius:12px;max-height:520px;padding:16px;overflow:auto}.device-card,.backup-card{max-width:760px}.device-card>svg,.backup-card>svg{color:#72e6bd}.device-card li{color:#a9b6c9;margin:10px 0}.pair-code{grid-template-columns:1fr 44px;margin-top:18px;display:grid}.pair-code code{background:#090d14;border:1px solid #303a50;border-radius:11px 0 0 11px;padding:13px;overflow:auto}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-hero{padding-bottom:20px}.cloud-shell{grid-template-columns:1fr}.cloud-shell aside{height:auto;position:static}nav{grid-template-columns:repeat(5,1fr);margin-top:20px;overflow-x:auto}.account{justify-content:space-between;display:flex}.stat-grid,.two-column{grid-template-columns:1fr 1fr}}@media (width<=600px){.auth-card{margin:16px;padding:28px}.stat-grid,.two-column,.inline-form{grid-template-columns:1fr}}
