:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f9fc;--card:#fff;--foreground:#111827;--muted:#475569;--border:#cbd5e1;--primary:#1d4ed8;--primary-foreground:#fff;--primary-hover:#1e40af;--ring:#1d4ed8;--link:#1d4ed8;--error:#991b1b;--notice:#eef2ff}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1220;--card:#111c2e;--foreground:#f1f5f9;--muted:#cbd5e1;--border:#52627a;--primary:#60a5fa;--primary-foreground:#0b1220;--primary-hover:#93c5fd;--ring:#93c5fd;--link:#93c5fd;--error:#fca5a5;--notice:#17243a}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font:16px/1.6 system-ui,sans-serif}a{color:var(--link);text-underline-offset:3px}button,input,select{font:inherit;border:1px solid var(--border);border-radius:8px;min-height:44px;padding:9px 12px}button{background:var(--primary);color:var(--primary-foreground);cursor:pointer}button:hover{background:var(--primary-hover)}button.secondary{background:var(--card);color:var(--foreground)}button:disabled{cursor:not-allowed;opacity:.65}input,select{background:var(--card);color:var(--foreground);max-width:100%}input{width:100%}label{gap:6px;display:grid}header,.cabinet-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:auto;padding:20px 24px;display:flex}.brand{color:var(--foreground);align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.icon{fill:currentColor;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.theme{align-items:center;gap:10px;display:flex}.cabinet-nav{justify-content:flex-start}.cabinet-nav a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.cabinet-nav a[aria-current=page]{font-weight:750}main{overflow-wrap:anywhere;max-width:1120px;min-height:65vh;margin:auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:28px}.auth-card{max-width:480px;margin:24px auto}h1{margin:0 0 24px;font-size:clamp(25px,4vw,34px);line-height:1.2}h2{font-size:22px}form{gap:20px;display:grid}form button{justify-self:start}.auth-links{gap:10px;margin:24px 0;display:grid}.notice{background:var(--notice);border:1px solid var(--border);border-radius:10px;padding:16px}.error{color:var(--error)}.muted{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:24px}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:10;background:var(--card);padding:12px;position:fixed;top:12px;left:12px}dt{color:var(--muted)}dd{margin:0 0 16px}.actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=500px){header,.cabinet-nav,main{padding:16px}.card{padding:20px}.auth-card{margin-top:8px}.theme select{max-width:150px}.cabinet-nav{gap:12px}button{white-space:normal}}.telegram-flow,.email-link{border-top:1px solid var(--border);max-width:600px;margin-top:24px;padding-top:20px}.telegram-code{border:1px solid var(--border);background:var(--notice);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:16px;font-size:18px;display:block}.identity-card{border:1px solid var(--border);border-radius:8px;margin:16px 0;padding:16px}.check-line{align-items:center;gap:12px;min-height:44px;margin:16px 0;display:flex}.check-line input{flex-shrink:0;width:20px;height:20px;min-height:20px;padding:0}.bot-link{align-items:center;min-height:44px;display:inline-flex}.sub-card{border:1px solid var(--border);border-radius:12px;margin:20px 0;padding:20px}.sub-card h2,.sub-card h3{margin-top:0}.facts{flex-wrap:wrap;gap:24px;display:flex}.facts>div{flex:220px;min-width:0}.state{font-weight:650}.device-list{gap:12px;padding:0;list-style:none;display:grid}.device-list li{border-top:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.client-profile{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.client-profile label{max-width:420px;margin:16px 0}.client-profile .actions{margin:16px 0}.client-profile,.client-profile label{min-width:0}.client-profile select{width:100%;min-width:0;max-width:100%}