:root{--bg:#f7f7f8;--panel:#ffffff;--panel-strong:#f2f6ff;--text:#172126;--muted:#667085;--line:#dedede;--accent:#2468ff;--accent-strong:#1554dd;--accent-soft:#eaf0ff;--warning-soft:#fff4d7;--shadow:0 6px 20px rgba(16,24,40,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:56px 24px;background:var(--bg)}.login-stack{width:min(100%,860px);grid-gap:48px;gap:48px}.login-stack,.onechart-logo{display:grid;justify-items:center}.onechart-logo{width:82px;height:82px;grid-template-columns:1fr 1fr;align-items:center;border-radius:0;background:#f0f5ff}.onechart-dot{margin-right:-11px;background:var(--accent)}.onechart-c,.onechart-dot{width:34px;height:34px;border-radius:999px}.onechart-c{display:grid;place-items:center;margin-left:-10px;color:#ffffff;background:var(--accent);font-size:31px;font-weight:900;line-height:1}.login-panel{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:58px 60px 48px;text-align:center}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:40px;line-height:1.15}h2{font-size:24px;line-height:1.2}.login-copy{margin:22px 0 42px;color:var(--muted);font-size:22px;line-height:1.55}.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:6px;cursor:pointer;min-height:42px;transition:background .16s ease,border-color .16s ease,color .16s ease}.primary-button{width:100%;min-height:72px;padding:0 24px;background:var(--accent);color:#fff;font-weight:750;font-size:26px}.primary-button:hover{background:var(--accent-strong)}.icon-button,.secondary-button{background:#fff;border-color:var(--line);color:var(--text)}.secondary-button{padding:0 14px;font-weight:700}.icon-button:hover,.secondary-button:hover{border-color:var(--accent);color:var(--accent-strong)}.icon-button{width:42px;height:42px}.login-help{margin:34px 0 0;color:var(--muted);font-size:18px;font-weight:700}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}.topbar{min-height:78px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid var(--line)}.topbar h1{font-size:24px}.topbar-actions{display:flex;align-items:center;gap:10px}.session-pill{min-height:42px;display:inline-flex;align-items:center;gap:8px;max-width:360px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--accent-strong);font-size:14px;font-weight:700}.session-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-toolbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line)}.dashboard-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:700}.dashboard-toolbar select{min-width:min(420px,60vw);min-height:42px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);padding:0 12px}.embed-frame-shell{padding:16px;min-height:0}.embed-frame-shell iframe{display:block;width:100%;height:calc(100vh - 182px);min-height:520px;border:1px solid var(--line);border-radius:8px;background:#fff}.empty-state{align-self:start;width:min(100% - 32px,720px);margin:32px auto;border:1px solid #ebd99e;border-radius:8px;background:var(--warning-soft);padding:24px}.empty-state p{margin:0;color:#6f5a19;line-height:1.55}@media (max-width:720px){.login-shell{padding:40px 18px}.login-stack{gap:30px}.onechart-logo{width:72px;height:72px}.login-panel{border-radius:16px;padding:34px 24px 30px}.dashboard-toolbar,.topbar{align-items:flex-start}.dashboard-toolbar,.topbar,.topbar-actions{flex-direction:column}h1{font-size:32px}.login-copy{margin-bottom:28px;font-size:18px}.primary-button{min-height:58px;font-size:19px}.login-help{font-size:15px}.dashboard-toolbar,.embed-frame-shell,.topbar{padding-left:16px;padding-right:16px}.dashboard-toolbar label,.dashboard-toolbar select,.session-pill{width:100%}.dashboard-toolbar label{align-items:flex-start;flex-direction:column}.embed-frame-shell iframe{height:calc(100vh - 268px);min-height:460px}}