.account-portal .topbar{gap:18px}.account-portal .topbar-right{margin-left:auto}.start-datalogger{border:1px solid color-mix(in srgb,var(--cyan) 68%,transparent);background:color-mix(in srgb,var(--cyan) 15%,var(--surface));color:var(--text);border-radius:6px;padding:10px 20px;font:700 12px "Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer;transition:.18s ease}.start-datalogger:hover,.start-datalogger:focus-visible{background:var(--cyan);color:#021018;box-shadow:0 0 22px color-mix(in srgb,var(--cyan) 32%,transparent)}.start-datalogger:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.environment-banner{position:fixed;z-index:10000;inset:0 0 auto;height:30px;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#b20d27 0 18px,#d51b37 18px 36px);color:#fff;font:900 11px "Segoe UI",sans-serif;letter-spacing:.18em;box-shadow:0 2px 14px #0009}.environment-banner[hidden]{display:none}.environment-development{padding-top:30px;--cyan:#ff3b55;--accent:#ff3b55}.environment-development .auth-shell{min-height:calc(100vh - 30px)}.environment-development .app-shell{min-height:calc(100vh - 30px)}.environment-development .button.primary,.environment-development .start-datalogger{background:#ff3b55!important;border-color:#ff6b7d!important;color:#fff!important}.environment-development .eyebrow,.environment-development .auth-display h1 em{color:#ff5a70!important}.environment-development .signal-bars i{background:#ff3b55!important}
.account-dashboard{display:none;gap:18px}.account-dashboard.active{display:grid}.account-hero{min-height:245px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;padding:34px 40px}.account-hero h1{font-size:clamp(32px,4vw,58px);line-height:1;margin:8px 0 14px;letter-spacing:-.045em}.account-hero p{max-width:630px;color:var(--muted);font-size:15px}.account-hero-actions{display:flex;gap:10px;margin-top:24px}.account-hero-mark{width:230px;height:230px;display:grid;place-items:center;opacity:.22;transform:rotate(-7deg)}.account-hero-mark .brand-mark{width:160px;height:160px}.account-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.account-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px}.account-grid>.panel{min-width:0}.account-grid .item-list{max-height:330px;overflow:auto}
.launch-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px #000b}.launch-dialog::backdrop{background:#02070bcc;backdrop-filter:blur(4px)}.launch-dialog-content{padding:34px;position:relative}.launch-dialog h2{font-size:28px;margin:8px 0 10px}.launch-dialog p,.launch-dialog li{color:var(--muted);line-height:1.55}.launch-dialog ol{padding-left:20px;margin:22px 0 0}.launch-actions{display:flex;gap:10px;margin-top:22px}.dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:23px;cursor:pointer}.dialog-close:hover,.dialog-close:focus-visible{background:var(--surface-soft);color:var(--text)}
.account-portal.subscription-walled [data-page="account"],.account-portal.subscription-walled [data-page="devices"],.account-portal.subscription-walled .start-datalogger{display:none}.account-portal .settings-grid{grid-template-columns:1fr 1fr}
@media(max-width:1050px){.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}.account-hero-mark{width:150px;height:150px}.account-hero-mark .brand-mark{width:110px;height:110px}}
@media(max-width:760px){.account-portal .topbar{gap:10px}.start-datalogger{padding:9px 12px;font-size:11px}.account-hero{padding:26px;min-height:0}.account-hero-mark{display:none}.account-hero-actions,.launch-actions{flex-direction:column}.account-metrics,.account-portal .settings-grid{grid-template-columns:1fr}.account-dashboard{gap:12px}}