:root{--bg:#F5F5F7;--surface:#FFFFFF;--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,0.10);--accent-ring:rgba(0,113,227,0.35);--green:#1A8C3A;--green-soft:rgba(26,140,58,0.10);--amber:#B25000;--amber-soft:rgba(178,80,0,0.10);--red:#C0001A;--red-soft:rgba(192,0,26,0.10);--blue:#0058C7;--blue-soft:rgba(0,88,199,0.10);--line:rgba(0,0,0,0.08);--line-strong:rgba(0,0,0,0.16);--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 2px 4px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.07);--shadow-lg:0 4px 8px rgba(0,0,0,0.05),0 20px 48px rgba(0,0,0,0.10);--shadow-modal:0 8px 16px rgba(0,0,0,0.06),0 32px 80px rgba(0,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,0.14);--accent-ring:rgba(64,156,255,0.40);--green:#30D158;--green-soft:rgba(48,209,88,0.14);--amber:#FF9F0A;--amber-soft:rgba(255,159,10,0.14);--red:#FF453A;--red-soft:rgba(255,69,58,0.14);--blue:#409CFF;--blue-soft:rgba(64,156,255,0.14);--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.14);--shadow-sm:0 1px 0 rgba(255,255,255,0.05) inset,0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 1px 0 rgba(255,255,255,0.06) inset,0 4px 16px rgba(0,0,0,0.55);--shadow-lg:0 1px 0 rgba(255,255,255,0.07) inset,0 12px 40px rgba(0,0,0,0.65);--shadow-modal:0 1px 0 rgba(255,255,255,0.08) inset,0 24px 80px rgba(0,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}}