:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17211d;--muted:#65706a;--line:#dce2de;--surface:#ffffffeb;--accent:#174d3e;--accent-hover:#0f3b2f;--soft:#e8f0eb;--danger:#9f2f2f;background:#f4f5f1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 8%,#cbddd2b3,#0000 32rem),radial-gradient(circle at 88% 88%,#e1d7be8c,#0000 34rem),#f4f5f1;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:0 20px;font-weight:700;transition:background .16s,transform .16s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #3a7b6459}.shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:center;display:grid}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #d6ded9e6;border-radius:24px;width:min(100%,520px);padding:clamp(28px,6vw,48px);box-shadow:0 24px 80px #2230291a}.brand-mark{background:var(--ink);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:24px;font-family:Georgia,serif;font-size:22px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,7vw,42px);line-height:1.12}.supporting-text{color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.7}form{margin-top:32px}label{margin-bottom:9px;font-size:14px;font-weight:700;display:block}input{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #cdd5d0;border-radius:12px;padding:0 15px;font-size:16px}input::placeholder{color:#929b96}form button{width:100%;margin-top:14px}.feedback{border-radius:10px;margin:18px 0 0;padding:12px 14px;font-size:14px;line-height:1.55}.feedback.success{color:#23593d;background:#e5f2e9}.feedback.error{color:var(--danger);background:#fae9e7}.privacy-note{border-top:1px solid var(--line);color:#7a847f;margin:28px 0 0;padding-top:20px;font-size:12px;line-height:1.6}.status-card{text-align:center}.status-card .brand-mark{margin-left:auto;margin-right:auto}.status-card button{margin-top:24px}.loader{border:3px solid #d6ded9;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:24px auto 0;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.signed-in-card{width:min(100%,680px)}.signed-in-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.status-pill{background:var(--soft);color:var(--accent);border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.account-row{border:1px solid var(--line);background:#fafbf9;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:18px;font-size:14px;display:flex}.account-row span{color:var(--muted)}.account-row strong{overflow-wrap:anywhere;text-align:right}.secondary-button{width:100%;color:var(--ink);background:0 0;border:1px solid #cbd4cf;margin-top:24px}.secondary-button:hover:not(:disabled){background:#f0f3f1}@media (width<=520px){.shell{place-items:stretch stretch;padding:0}.card{min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.signed-in-header,.account-row{flex-direction:column;align-items:flex-start}.account-row strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.loader{animation-duration:1.6s}}.dashboard-shell{width:min(100%,1240px);min-height:100dvh;margin:0 auto;padding:28px clamp(20px,4vw,52px) 36px}.dashboard-topbar{border-bottom:1px solid #c5cfc9cc;justify-content:space-between;align-items:center;gap:32px;padding-bottom:24px;display:flex}.dashboard-brand,.identity-block{align-items:center;gap:14px;display:flex}.dashboard-brand .brand-mark{margin:0}.dashboard-brand .eyebrow{margin-bottom:4px}.dashboard-brand span,.identity-block span{color:var(--muted);font-size:12px}.identity-block{text-align:right}.identity-block div{gap:3px;display:grid}.identity-block strong{overflow-wrap:anywhere;max-width:260px;font-size:13px}.quiet-button,.text-button{min-height:38px;color:var(--ink);background:#fff9;border:1px solid #cbd4cf;padding:0 14px;font-size:13px}.quiet-button:hover:not(:disabled),.text-button:hover:not(:disabled){background:#fff}.dashboard-intro{padding:clamp(48px,8vw,86px) 0 40px}.dashboard-intro>p:first-child{color:var(--accent);margin:0 0 14px;font-size:14px;font-weight:700}.dashboard-intro h1{max-width:820px;font-size:clamp(38px,6vw,72px)}.dashboard-intro .supporting-text{max-width:720px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.dashboard-panel{background:#ffffffc7;border:1px solid #d1dad5eb;border-radius:20px;grid-column:span 6;min-height:240px;padding:26px;box-shadow:0 12px 40px #2230290e}.today-panel{grid-column:span 7}.focus-panel{color:#fff;background:#173f34;grid-column:span 5}.focus-panel .eyebrow{color:#acd0c0}.system-panel{grid-column:1/-1}.panel-header{margin-bottom:28px}.panel-header .eyebrow{margin-bottom:7px}.panel-header h2{letter-spacing:-.025em;margin:0;font-size:24px}.empty-state{max-width:460px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.focus-panel .empty-state{color:#c3d3cc}.focus-action{margin:0;font-size:clamp(22px,3vw,32px);font-weight:650;line-height:1.35}.today-metrics,.system-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.today-metrics div,.system-summary div{background:#f4f7f4;border-radius:14px;padding:16px}.today-metrics dt,.system-summary span{color:var(--muted);font-size:12px}.today-metrics dd{margin:8px 0 0;font-size:15px;font-weight:750}.system-summary strong{margin-top:7px;font-size:22px;display:block}.timeline-list,.state-list,.compact-list{margin:0;padding:0;list-style:none}.timeline-list{gap:18px;display:grid}.timeline-list li{grid-template-columns:92px 1fr;gap:14px;display:grid}.timeline-list time{color:var(--muted);font-size:12px}.timeline-list div,.state-list div{gap:4px;display:grid}.timeline-list strong,.state-list strong{font-size:14px}.timeline-list span,.state-list span{color:var(--muted);font-size:12px}.state-list{gap:12px;display:grid}.state-list li,.compact-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.status-chip{background:var(--soft);border-radius:999px;padding:6px 9px;font-weight:750;color:var(--accent)!important}.compact-list{margin-top:20px}.compact-list span{color:var(--muted);font-size:13px}.compact-list strong{font-size:13px}.dashboard-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:28px 0 0;font-size:12px;display:flex}.text-button{min-height:34px}.dashboard-feedback{margin:20px 0 0}.dashboard-loading,.dashboard-error{text-align:center;place-content:center;width:min(100%,560px);min-height:70vh;margin:0 auto;display:grid}.dashboard-loading .loader{margin-top:0}.dashboard-loading p,.dashboard-error>p:not(.eyebrow){color:var(--muted);line-height:1.7}.dashboard-error h1{font-size:40px}.dashboard-error button{margin:18px auto 0}@media (width<=820px){.dashboard-panel,.today-panel,.focus-panel,.system-panel{grid-column:1/-1}.identity-block div{display:none}}@media (width<=560px){.dashboard-shell{padding:20px 16px 28px}.dashboard-topbar{align-items:flex-start;gap:12px}.dashboard-brand span{display:none}.dashboard-intro{padding:44px 4px 30px}.dashboard-intro h1{font-size:42px}.dashboard-panel{border-radius:17px;min-height:auto;padding:22px 20px}.today-metrics,.system-summary{grid-template-columns:1fr}.timeline-list li{grid-template-columns:76px 1fr}.dashboard-footer{flex-direction:column;align-items:flex-start}}
