:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#f0f0f2;--surface-3:#e8e8ec;--ink:#1d1d1f;--ink-2:#3a3a3c;--muted:#6e6e73;--ghost:#aeaeb2;--accent:#0071e3;--accent-hover:#0077ed;--accent-active:#006cd6;--accent-soft:rgba(0,113,227,.1);--accent-ring:rgba(0,113,227,.35);--green:#1a8c3a;--green-soft:rgba(26,140,58,.1);--amber:#b25000;--amber-soft:rgba(178,80,0,.1);--red:#c0001a;--red-soft:rgba(192,0,26,.1);--blue:#0058c7;--blue-soft:rgba(0,88,199,.1);--line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.05);--shadow-md:0 2px 4px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.07);--shadow-lg:0 4px 8px rgba(0,0,0,.05),0 20px 48px rgba(0,0,0,.1);--shadow-modal:0 8px 16px rgba(0,0,0,.06),0 32px 80px rgba(0,0,0,.14);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",monospace;--ease:150ms ease-out;--ease-b:200ms cubic-bezier(0.34,1.56,0.64,1);--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:17px;--text-xl:22px;--text-2xl:28px;--text-3xl:38px;--m-gutter:16px;--m-gap:12px;--m-row:8px}[data-theme=dark]{--bg:#1c1c1e;--surface:#2c2c2e;--surface-2:#3a3a3c;--surface-3:#48484a;--ink:#f5f5f7;--ink-2:#ebebf0;--muted:#98989f;--ghost:#636366;--accent:#409cff;--accent-hover:#5aabff;--accent-active:#2e8fff;--accent-soft:rgba(64,156,255,.14);--accent-ring:rgba(64,156,255,.4);--green:#30d158;--green-soft:rgba(48,209,88,.14);--amber:#ff9f0a;--amber-soft:rgba(255,159,10,.14);--red:#ff453a;--red-soft:rgba(255,69,58,.14);--blue:#409cff;--blue-soft:rgba(64,156,255,.14);--line:hsla(0,0%,100%,.08);--line-strong:hsla(0,0%,100%,.14);--shadow-sm:0 1px 0 hsla(0,0%,100%,.05) inset,0 1px 3px rgba(0,0,0,.5);--shadow-md:0 1px 0 hsla(0,0%,100%,.06) inset,0 4px 16px rgba(0,0,0,.55);--shadow-lg:0 1px 0 hsla(0,0%,100%,.07) inset,0 12px 40px rgba(0,0,0,.65);--shadow-modal:0 1px 0 hsla(0,0%,100%,.08) inset,0 24px 80px rgba(0,0,0,.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);font-size:var(--text-md);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}img,svg{display:block;max-width:100%}.app-shell{display:flex;min-height:100vh}.main-content{flex:1 1;padding:32px 40px;max-width:1240px}@media (max-width:720px){:root{--m-gutter:12px}.main-content{padding:16px 12px}}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:24px}.grid-kpi{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.grid-kpi--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.grid-kpi--4{grid-template-columns:repeat(2,1fr)}}.grid-dash{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.home-page{min-height:100vh;padding:60px 40px;max-width:900px;margin:0 auto}.home-hero{text-align:center;margin-bottom:48px}.home-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.home-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.login-card{width:100%;max-width:400px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--text-xs)}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:var(--text-sm,13px);font-weight:500;cursor:pointer;transition:background var(--ease),border-color var(--ease)}.google-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ghost)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.passkey-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:var(--text-sm,13px);font-weight:500;cursor:pointer;transition:background var(--ease),border-color var(--ease)}.passkey-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ghost)}.passkey-btn:disabled{opacity:.5;cursor:not-allowed}.passkey-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.passkey-item{justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.passkey-item,.passkey-name{display:flex;align-items:center}.passkey-name{gap:8px;font-weight:600;color:var(--ink)}.passkey-badge{font-size:var(--text-xs);font-weight:500;color:var(--green);background:var(--green-soft);padding:2px 8px;border-radius:var(--radius-full)}.security-card{margin-bottom:16px;max-width:640px}.security-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.security-row-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.topbar-user-btn{border:none;background:transparent;cursor:pointer;padding:4px 6px;border-radius:var(--radius-full);transition:background var(--ease)}.topbar-user-btn:hover{background:var(--surface-2)}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-profile{display:flex;align-items:center;gap:16px}.account-avatar{width:72px;height:72px;border-radius:var(--radius-full);flex-shrink:0;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:24px;font-weight:600;background:linear-gradient(140deg,#ff6b6b,#ff8e53)}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar-actions{display:flex;align-items:center;gap:8px}.account-section-label{margin:24px 0 4px;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.account-line{padding:14px 0;border-top:1px solid var(--line)}.account-disclosure{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:14px 0;border:none;border-top:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--font);font-size:var(--text-sm);font-weight:600;cursor:pointer}.account-disclosure-chevron{color:var(--muted)}@media (max-width:720px){.grid-dash,.grid-kpi,.home-cards{grid-template-columns:1fr}.grid-kpi--4{grid-template-columns:repeat(2,1fr)}.home-page{padding:32px 24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}