:root{color-scheme:light;--bg: #eef4f9;--bg-soft: #d9e7f2;--surface: rgba(246, 250, 253, .95);--surface-strong: #ffffff;--surface-tint: #dceaf4;--line: rgba(26, 61, 99, .08);--line-strong: rgba(26, 61, 99, .16);--text: #0a1931;--muted: #52708b;--accent: #1a3d63;--accent-strong: #0a1931;--accent-soft: rgba(74, 127, 167, .16);--accent-wash: rgba(74, 127, 167, .12);--danger: #c4576c;--danger-soft: rgba(196, 87, 108, .12);--success-soft: rgba(42, 125, 116, .12);--shadow: 0 28px 80px rgba(7, 17, 30, .12);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 12%,rgba(74,127,167,.16),transparent 24%),radial-gradient(circle at 88% 12%,rgba(26,61,99,.12),transparent 18%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.account-page{position:relative;min-height:100vh;overflow:hidden}.page-orb{position:absolute;border-radius:999px;filter:blur(8px);pointer-events:none}.page-orb-left{top:140px;left:-120px;width:320px;height:320px;background:#4a7fa71f}.page-orb-right{right:-120px;bottom:120px;width:360px;height:360px;background:#1a3d631a}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;background:#eef4f9c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(26,61,99,.08)}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#4a7fa7,#1a3d63);color:#f6fafd;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.35rem;font-weight:700;box-shadow:0 16px 34px #1a3d632e}.brand-copy{display:grid;gap:3px}.brand-kicker,.section-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.brand-copy strong,.brand-copy-stack h1,.panel-header h2,.section-heading-inline h3,.summary-card strong,.device-heading strong,.stat-card strong{font-family:Space Grotesk,Segoe UI,sans-serif}.nav-links{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.nav-links a{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;color:var(--text);font-size:.92rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-links a:hover{transform:translateY(-1px);border-color:#4a7fa733;background:#ffffffeb}.main-shell{padding:32px 0 56px}.stage-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;align-items:start}.brand-panel,.panel-card{position:relative;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.brand-panel{overflow:hidden;padding:26px}.brand-panel:before,.brand-panel:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.brand-panel:before{top:-60px;right:-30px;width:180px;height:180px;background:var(--accent-soft)}.brand-panel:after{left:-60px;bottom:-70px;width:210px;height:210px;background:var(--accent-wash)}.brand-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffad;color:var(--accent-strong);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-pill-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.brand-hero{position:relative;z-index:1;display:grid;gap:22px;margin-top:22px}.brand-monogram{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f6fafd;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:2.15rem;font-weight:700;box-shadow:0 18px 38px #1a3d6329}.brand-copy-stack{display:grid;gap:10px}.brand-copy-stack h1{margin:0;font-size:clamp(2.05rem,3vw,3rem);line-height:1.08}.hero-copy,.panel-copy,.muted-copy{color:var(--muted);line-height:1.7}.hero-copy{margin:0;max-width:54ch}.chip-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chip{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffbf;font-size:.82rem;font-weight:700}.stat-grid,.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{position:relative;z-index:1;margin-top:24px}.stat-card,.summary-card,.device-card,.status-panel,.session-summary{border:1px solid var(--line);border-radius:22px;background:var(--surface-strong)}.stat-card,.summary-card{padding:16px;display:grid;gap:8px}.stat-label,.summary-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.panel-card{padding:26px;display:grid;gap:18px}.panel-header{display:grid;gap:10px}.panel-header h2,.section-heading-inline h3{margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.08}.panel-header p{margin:0}.field{display:grid;gap:8px}.field span{font-weight:700}.field input{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fff;color:var(--text);outline:none}.field input:focus{border-color:#4a7fa770;box-shadow:0 0 0 4px #4a7fa71f}.field small{color:var(--muted);line-height:1.6}.banner{padding:14px 16px;border-radius:18px;border:1px solid var(--line);line-height:1.6}.banner-danger{color:var(--danger);border-color:#c4576c29;background:var(--danger-soft)}.banner-info{color:var(--accent-strong);border-color:#4a7fa724;background:var(--accent-wash)}.action-column,.action-row{display:flex;gap:12px}.action-column{flex-direction:column}.action-row-wrap{flex-wrap:wrap}.inline-links{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-full{width:100%}.button-primary{color:#f6fafd;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 34px #1a3d6333}.button-secondary{color:var(--text);border-color:var(--line-strong);background:var(--surface-tint)}.button-ghost{color:var(--text);border-color:var(--line);background:#ffffffb8}.button-danger{color:var(--danger);border-color:#c4576c29;background:var(--danger-soft)}.status-panel{padding:22px;display:grid;place-items:center;gap:16px;text-align:center;min-height:190px}.status-spinner{width:48px;height:48px;border-radius:999px;border:4px solid rgba(74,127,167,.14);border-top-color:var(--accent);animation:spin .9s linear infinite}.session-summary{display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:18px;align-items:center}.summary-avatar{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f6fafd;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700}.summary-copy,.summary-meta,.device-copy,.device-actions{display:grid;gap:4px}.summary-copy strong,.device-heading strong{font-size:1rem}.summary-copy span,.summary-meta span,.device-copy span{color:var(--muted);line-height:1.5}.session-list{display:grid;gap:14px}.section-heading-inline{display:flex;align-items:end;justify-content:space-between;gap:14px}.section-heading-inline p,.section-heading-inline h3{margin:0}.session-cards{display:grid;gap:12px}.device-card{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.device-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#4a7fa71f;color:var(--accent-strong);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-current{background:var(--success-soft);color:#2a7d74}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.stage-grid,.stat-grid,.summary-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap;gap:14px}.main-shell{padding-top:20px}.panel-card,.brand-panel{padding:20px;border-radius:24px}.session-summary,.device-card,.action-row,.section-heading-inline{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.summary-meta{text-align:left}.action-row>*{width:100%}}