@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--canvas: #0a1622;--surface-1: #12202f;--surface-2: #16273a;--hairline: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .14);--text-primary: #eaf1f8;--text-secondary: #8fa3b8;--text-muted: #5e7288;--gradient-brand: linear-gradient(135deg, #2456c7 0%, #12b6a0 100%);--on-brand: #ffffff;--on-brand-muted: rgba(255, 255, 255, .82);--accent: #2456c7;--positive: #12b6a0;--attention: #f0997b;--info: #5fa8ee;--radius-card: 16px;--radius-ctrl: 10px;--radius-pill: 999px;--font-family-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-display: "Space Grotesk", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--type-display-xl-size: 2.75rem;--type-display-xl-line: 1.05;--type-display-xl-weight: 700;--type-display-xl-spacing: -.06rem;--type-display-size: 1.625rem;--type-display-line: 1.15;--type-display-weight: 700;--type-display-spacing: -.045rem;--type-h1-size: 1.25rem;--type-h1-line: 1.3;--type-h1-weight: 600;--type-h2-size: 1rem;--type-h2-line: 1.35;--type-h2-weight: 600;--type-body-size: .875rem;--type-body-line: 1.45;--type-body-weight: 400;--type-body-strong: 500;--type-caption-size: .75rem;--type-caption-line: 1.3;--type-caption-weight: 500;--type-micro-size: .6875rem;--type-micro-line: 1.25;--type-micro-weight: 500;--surface: var(--surface-1);--border: var(--hairline);--border-subtle: rgba(255, 255, 255, .05);--text: var(--text-primary);--blue-600: var(--accent);--blue-500: var(--accent);--blue-400: var(--info);--color-primary: var(--accent);--color-primary-hover: #2c66e5;--color-accent: var(--accent);--color-info: var(--info);--color-success: var(--positive);--color-warning: var(--attention);--color-danger: #ef7e63;--status-success-bg: color-mix(in srgb, var(--positive) 15%, transparent);--status-warning-bg: color-mix(in srgb, var(--attention) 15%, transparent);--status-danger-bg: color-mix(in srgb, #ef7e63 15%, transparent);--status-paid-bg: rgba(143, 163, 184, .16);--status-accent-bg: color-mix(in srgb, var(--accent) 16%, transparent);--status-brand-bg: color-mix(in srgb, var(--accent) 16%, transparent);--surface-overlay: rgba(255, 255, 255, .06);--surface-overlay-border: rgba(255, 255, 255, .16);--shadow-card: 0 10px 24px rgba(0, 0, 0, .22);--shadow-soft: var(--shadow-card);--shadow-hero: 0 18px 40px -16px rgba(18, 182, 160, .32);--gradient-premium: var(--gradient-brand);--radius-sm: .5rem;--radius-md: var(--radius-ctrl);--radius-lg: var(--radius-card);--radius-xl: var(--radius-card);--focus-ring: 0 0 0 3px rgba(95, 168, 238, .4)}:root{font-family:var(--font-family-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--canvas)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-family-body);font-size:var(--type-body-size);line-height:var(--type-body-line)}#root{width:100%;margin:0;min-height:100svh}h1,h2,p{margin:0}h1{font-family:var(--font-family-display);font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--type-h1-weight)}h2{font-family:var(--font-family-display);font-size:var(--type-h2-size);line-height:var(--type-h2-line);font-weight:var(--type-h2-weight)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font:inherit}.type-display-xl,.type-display{font-family:var(--font-family-display)}.type-display-xl{font-size:clamp(2rem,1.5rem + 2vw,var(--type-display-xl-size));font-weight:var(--type-display-xl-weight);line-height:var(--type-display-xl-line);letter-spacing:var(--type-display-xl-spacing)}.type-display{font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-line);letter-spacing:var(--type-display-spacing)}.type-h1{font-family:var(--font-family-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-line)}.type-h2{font-family:var(--font-family-display);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line)}.type-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.type-body-strong{font-size:var(--type-body-size);font-weight:var(--type-body-strong);line-height:var(--type-body-line)}.type-caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line)}.type-micro{font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);line-height:var(--type-micro-line)}.numeric-tabular{font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius-md);border:1px solid transparent;padding:.625rem 1rem;font-size:var(--type-body-size);font-weight:var(--type-body-strong);line-height:var(--type-body-line);transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer;text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--text)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:focus-visible,.btn-outline:focus-visible,.shell-link:focus-visible{outline:0;box-shadow:var(--focus-ring)}.btn-outline{color:var(--color-primary);border-color:var(--border-strong);background:var(--surface-2)}.btn-outline:hover{border-color:var(--color-primary);background:var(--status-brand-bg)}.page-loading{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.page-loading-route{min-height:40vh;display:grid;place-content:center}.query-state{display:grid;gap:var(--space-2);align-items:center}.query-state-spinner{width:1.2rem;height:1.2rem;border-radius:999px;border:2px solid var(--border);border-top-color:var(--color-primary);animation:querySpin .7s linear infinite}@keyframes querySpin{to{transform:rotate(360deg)}}.auth-layout{min-height:100svh;display:grid;grid-template-columns:minmax(19rem,1fr) minmax(22rem,1fr);background:var(--canvas)}.auth-hero{background:var(--gradient-brand);color:var(--on-brand);padding:clamp(var(--space-5),5vw,4.5rem);display:grid;align-content:center;gap:var(--space-4)}.auth-hero-tag{color:var(--on-brand-muted);background:var(--surface-overlay);border:1px solid var(--surface-overlay-border);border-radius:999px;display:inline-flex;width:fit-content;padding:var(--space-1) var(--space-3);letter-spacing:.04em;text-transform:uppercase}.auth-hero-copy{max-width:32ch;color:var(--on-brand-muted);opacity:.9}.auth-card{width:min(28rem,100%);margin:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(var(--space-5),4vw,2rem);box-shadow:var(--shadow-soft);text-align:left}.auth-subtitle{margin-top:var(--space-2);color:var(--text-secondary)}.auth-form{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.auth-field{display:grid;gap:var(--space-1);color:var(--text)}.auth-field>span{color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .75rem;color:var(--text);background:var(--surface-2);transition:border-color .16s ease,box-shadow .16s ease}.auth-field input:focus-visible{outline:0;border-color:var(--blue-600);box-shadow:var(--focus-ring)}.auth-error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--status-danger-bg);color:var(--color-danger);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.auth-submit{margin-top:var(--space-2)}.auth-submit:disabled{opacity:.75;cursor:default}.auth-switch{margin-top:var(--space-4);color:var(--text-secondary)}.landing-layout{--landing-bg: #060b12;--landing-panel-bg: #04070d;--landing-card-bg: linear-gradient(180deg, #0f1724 0%, #0b1220 100%);--landing-hero-grad: radial-gradient(circle at 80% 20%, rgba(80, 166, 255, .6), transparent 42%), radial-gradient(circle at 18% 72%, rgba(40, 206, 246, .34), transparent 46%), radial-gradient(circle at 50% 50%, rgba(32, 112, 226, .28), transparent 55%), linear-gradient(154deg, #07224a 0%, #0f3f7d 52%, #1663aa 118%);--landing-brand: #3f91ff;--landing-brand-strong: #2f6fe8;--landing-footer-bg: #03060c;--landing-footer-border: rgba(183, 206, 241, .16);min-height:100svh;display:grid;grid-template-rows:1fr auto;background:var(--landing-bg);overflow-x:clip}.landing-main{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:0}.landing-login-panel{position:relative;display:grid;place-items:center;padding:clamp(1.9rem,4vw,3rem) clamp(1.25rem,4vw,3rem) clamp(1.25rem,4vw,3rem);background:var(--landing-panel-bg)}.landing-login-card{width:min(23rem,100%);min-height:31rem;border-radius:1.2rem;border:1px solid rgba(175,196,230,.18);background:var(--landing-card-bg);padding:clamp(.85rem,1.4vw,1.15rem);box-shadow:0 24px 60px -28px #040812f2}.landing-login-header{display:grid;justify-items:center;text-align:center}.landing-lock-badge{width:2.9rem;height:2.9rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#3b8df9,#2f62dc);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -10px #4487ffcc}.landing-lock-badge svg,.landing-input-icon svg,.landing-toggle-password svg{width:1.15rem;height:1.15rem}.landing-p-badge{font-family:var(--font-family-display);font-size:1.25rem;font-weight:700;line-height:1}.landing-login-card h2{margin-top:var(--space-3);color:#f4f8ff;font-family:var(--font-family-display);font-size:clamp(.95rem,.8rem + .32vw,1.1rem);font-weight:700;letter-spacing:-.02em}.landing-login-subtitle{margin-top:var(--space-2);color:#99adc7;text-align:center;font-size:.68rem}.landing-form{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.landing-field{display:grid;gap:var(--space-1)}.landing-field label{color:#c0cce0;font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.landing-input-wrap{height:2.2rem;border-radius:var(--radius-md);border:1px solid rgba(173,196,229,.2);background:#0a101ce6;display:grid;grid-template-columns:auto 1fr auto;align-items:center;transition:border-color .18s ease,box-shadow .18s ease}.landing-input-wrap:focus-within{border-color:#4a8bff;box-shadow:0 0 0 3px #4a8bff42}.landing-input-icon{color:#7f95b4;display:inline-flex;margin-left:.7rem}.landing-input-wrap input{border:none;outline:none;background:transparent;color:#f4f8ff;padding:0 .7rem}.landing-input-wrap input::placeholder{color:#687f9f}.landing-toggle-password{border:none;background:transparent;color:#7f95b4;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:var(--radius-sm);margin-right:.2rem;cursor:pointer}.landing-toggle-password:focus-visible,.landing-link-button:focus-visible,.landing-sso-btn:focus-visible,.landing-submit:focus-visible,.landing-footer a:focus-visible{outline:0;box-shadow:var(--focus-ring)}.landing-inline-error{margin:0;color:#f97b8f;font-size:var(--type-caption-size)}.landing-helper-row{margin-top:var(--space-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.landing-remember{color:#9cb0c9;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.landing-remember input{accent-color:#4a8bff}.landing-link-button{border:none;background:transparent;color:#5ea3ff;padding:0;cursor:pointer}.landing-link-button:disabled{cursor:not-allowed;opacity:.72}.landing-error-message{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#f0605e2b;color:#ff9ca4;font-size:var(--type-caption-size)}.landing-submit{margin-top:var(--space-1);height:2.2rem;border:none;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--landing-brand) 0%,var(--landing-brand-strong) 100%);color:#f7fbff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.landing-submit svg{width:1rem;height:1rem}.landing-submit:disabled{opacity:.7;cursor:default}.landing-divider{margin-top:var(--space-4);position:relative;text-align:center;color:#7589a7;font-size:var(--type-caption-size)}.landing-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(173,196,229,.2)}.landing-divider span{position:relative;padding:0 .6rem;background:#0d1523}.landing-sso-row{margin-top:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.landing-sso-btn{height:2.1rem;border-radius:var(--radius-md);border:1px solid rgba(173,196,229,.2);background:#0c1422e0;color:#d6e3f7;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.landing-sso-btn svg{width:1rem;height:1rem}.landing-sso-btn:disabled{cursor:not-allowed;opacity:.85}.landing-register-link{margin-top:var(--space-4);color:#9cb0c9;text-align:center}.landing-register-link a{color:#73b0ff}.landing-hero{position:relative;overflow:hidden;padding:clamp(1.6rem,3.6vw,2.9rem);color:#eff5ff;background:var(--landing-hero-grad);display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(1rem,2vw,1.8rem)}.landing-hero-content{position:relative;z-index:2;width:100%;max-width:320px;display:grid;gap:var(--space-4)}.landing-help-pill{position:absolute;top:1.15rem;right:clamp(1rem,2.3vw,1.7rem);border:1px solid rgba(225,241,255,.32);border-radius:999px;background:#e1f1ff14;color:#eaf5ff;padding:.36rem .75rem;display:inline-flex;align-items:center;gap:.35rem;z-index:3}.landing-help-pill svg{width:.92rem;height:.92rem}.landing-brand{display:inline-flex;align-items:center;gap:.55rem}.landing-brand strong{letter-spacing:-.02em;font-family:var(--font-family-display);font-size:1rem;line-height:1}.landing-brand-label{color:#9db3cf;font-size:.66rem;border-left:1px solid rgba(225,241,255,.25);padding-left:.5rem}.landing-brand-mark{display:inline-grid;grid-template-columns:repeat(3,.52rem);gap:.2rem}.landing-brand-mark span{width:.52rem;border-radius:999px;background:#d9ebff}.landing-brand-mark span:nth-child(1){height:1.3rem}.landing-brand-mark span:nth-child(2){height:1.7rem}.landing-brand-mark span:nth-child(3){height:1.05rem}.landing-badge{display:inline-flex;width:fit-content;border-radius:999px;border:1px solid rgba(225,241,255,.25);background:#e1f1ff14;color:#e8f3ff;font-size:.62rem;padding:.22rem .52rem}.landing-title{font-family:var(--font-family-display);font-size:clamp(1.45rem,1.05rem + .8vw,2rem);line-height:.98;letter-spacing:-.04em;display:grid;gap:.05em}.landing-title-accent{color:#8bd2ff}.landing-title-line{color:#eff5ff}.landing-copy{max-width:33ch;color:#eaf5ffdb;font-size:.68rem;line-height:1.45}.landing-features{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.landing-feature{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3)}.landing-feature h3{font-family:var(--font-family-display);font-size:.72rem;color:#f4f9ff}.landing-feature p{margin-top:.2rem;max-width:38ch;color:#e0eeffd6;font-size:.63rem;line-height:1.5}.landing-feature-icon{width:1.7rem;height:1.7rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center}.landing-feature-icon svg{width:.8rem;height:.8rem}.landing-feature-icon-blue{color:#e9f4ff;background:#2f7ce8}.landing-feature-icon-green{color:#eafff2;background:#1fad7d}.landing-feature-icon-purple{color:#f3eaff;background:#8053df}.landing-illustration{position:relative;display:flex;align-items:center;justify-content:center;justify-self:end;align-self:center;width:100%;max-width:980px;max-height:min(84vh,740px);z-index:1;pointer-events:none}.landing-cards-image{position:absolute;left:clamp(2%,1.8vw,6%);top:clamp(30%,29%,36%);width:clamp(230px,23vw,390px);height:auto;max-width:52%;max-height:60%;object-fit:contain;opacity:1;z-index:0;filter:drop-shadow(0 18px 24px rgba(4,12,26,.32))}.landing-illustration-admin:before{content:"";position:absolute;top:20%;right:12%;bottom:-4%;left:12%;background:radial-gradient(circle,#3f9cff6b,#3f9cff00 70%);z-index:-1;filter:blur(20px)}.landing-illustration-admin{max-height:min(72vh,640px);overflow:hidden}.landing-illustration-admin .landing-scene-image{width:min(100%,780px);max-height:min(72vh,640px);transform:translate(-4%)}.landing-scene-image{position:relative;display:block;width:clamp(460px,48vw,980px);height:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:1;filter:drop-shadow(0 24px 34px rgba(4,10,28,.3));transform:translate(0);z-index:1}.landing-testimonial{max-width:31rem;border-radius:.9rem;border:1px solid rgba(220,236,255,.18);background:#05142ab8;padding:.9rem}.landing-stars{color:#f5b74d;letter-spacing:.16em}.landing-testimonial-copy{margin-top:.25rem;color:#e8f4ffe6;font-size:.66rem}.landing-testimonial-author{margin-top:.45rem;color:#c9dff9d9;font-size:.64rem}.landing-footer{border-top:1px solid var(--landing-footer-border);background:var(--landing-footer-bg);color:#7f95b2;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:.72rem clamp(1rem,3vw,2rem);font-size:var(--type-caption-size)}.landing-footer nav{display:inline-flex;gap:1rem}.landing-footer a{color:#8ebcf5;text-decoration:none}.landing-footer a:hover{text-decoration:underline}@media (min-width: 1100px) and (max-width: 1500px){.landing-main{grid-template-columns:minmax(0,58%) minmax(0,42%)}.landing-hero{grid-template-columns:minmax(0,300px) minmax(0,1fr);padding:clamp(.95rem,1.7vw,1.4rem);gap:clamp(1.1rem,2vw,1.9rem)}.landing-title{font-size:clamp(1.35rem,1rem + .7vw,1.85rem)}.landing-copy{font-size:.66rem}.landing-feature h3{font-size:.7rem}.landing-feature p{font-size:.62rem}.landing-illustration{max-width:980px;max-height:min(84vh,740px)}.landing-scene-image{width:clamp(500px,52vw,980px)}.landing-login-panel{padding:clamp(1.5rem,3vw,2.3rem) clamp(1.1rem,2.8vw,2.3rem) clamp(1.1rem,2.8vw,2.2rem)}.landing-login-card{width:min(24rem,100%);min-height:32rem;padding:clamp(.9rem,1.2vw,1.25rem)}.landing-login-card h2{font-size:clamp(.95rem,.82rem + .3vw,1.08rem)}}.auth-todo-layout{min-height:100svh;display:grid;place-items:center;padding:var(--space-5);background:var(--canvas)}.auth-todo-card{width:min(32rem,100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);background:var(--surface-1);display:grid;gap:var(--space-3)}@media (max-width: 1440px){.landing-main{grid-template-columns:minmax(0,57%) minmax(0,43%)}.landing-title{font-size:clamp(2.5rem,1.6rem + 2vw,3.8rem)}.landing-hero{grid-template-columns:minmax(0,300px) minmax(0,1fr)}.landing-illustration{max-width:760px;max-height:min(70vh,640px)}.landing-scene-image{width:min(100%,760px);transform:translate(0)}.landing-cards-image{width:clamp(210px,21vw,340px)}}@media (max-width: 1200px){.landing-login-card{width:min(23rem,100%)}.landing-hero{padding:clamp(1.2rem,2.2vw,2rem);grid-template-columns:minmax(0,300px) minmax(0,1fr)}.landing-title{font-size:clamp(1.8rem,1.1rem + 1vw,2.3rem)}.landing-hero-content{max-width:320px}.landing-illustration{max-width:580px;max-height:min(58vh,500px)}.landing-scene-image{width:min(100%,620px);transform:translate(0)}.landing-cards-image{width:clamp(180px,18vw,280px)}.landing-copy{font-size:.78rem}.landing-feature h3{font-size:.84rem}.landing-feature p{font-size:.7rem}.landing-login-card{width:min(24rem,100%);min-height:32rem}.landing-login-card h2{font-size:clamp(.95rem,.84rem + .26vw,1.06rem)}.landing-brand strong{font-size:1.6rem}}@media (max-width: 900px){.landing-main{grid-template-columns:1fr}.landing-login-panel{order:1;min-height:auto}.landing-hero{order:2;min-height:auto}.landing-hero-content{max-width:100%}.landing-illustration{display:none}.landing-features{margin-bottom:var(--space-2)}.landing-footer{flex-direction:column;align-items:flex-start}.landing-help-pill{position:static;width:fit-content;margin-bottom:var(--space-3)}}@media (max-width: 600px){.landing-login-panel{padding:var(--space-4)}.landing-login-card{border-radius:1rem;padding:var(--space-4)}.landing-helper-row{flex-direction:column;align-items:flex-start}}.app-shell{min-height:100svh;display:grid;grid-template-rows:auto auto 1fr;gap:var(--space-4);padding:var(--space-5);padding-bottom:calc(var(--space-5) + 4.25rem);background:var(--canvas)}.shell-header{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:flex;justify-content:space-between;align-items:center;gap:1rem}.shell-header-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.shell-brand{display:grid;gap:var(--space-1)}.shell-product{color:var(--text-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);text-transform:uppercase;letter-spacing:.03em}.shell-org{font-family:var(--font-family-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);color:var(--text)}.shell-email{color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.shell-nav{display:flex;gap:var(--space-1);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:var(--space-1)}.shell-link{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:.6rem .95rem;text-decoration:none;color:var(--text-secondary);font-weight:var(--type-body-strong);transition:color .18s ease,background-color .18s ease}.shell-link:hover,.shell-link-active{color:var(--blue-400);background:var(--status-brand-bg)}.shell-link-active:after{content:"";position:absolute;bottom:.25rem;left:.65rem;right:.65rem;height:2px;border-radius:999px;background:var(--blue-400)}.shell-content{border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:var(--space-5)}.shell-fab{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:9;box-shadow:var(--shadow-hero);display:none}.placeholder-card{display:grid;gap:var(--space-3)}.placeholder-card h2{color:var(--text);font-family:var(--font-family-display);font-size:var(--type-display-size);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-spacing)}.placeholder-card p{color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);align-items:start}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface-1);box-shadow:var(--shadow-soft)}.panel h2,.panel h3{color:var(--text);font-family:var(--font-family-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.stack-form{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-1);color:var(--text)}.field>span{color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .75rem;color:var(--text);background:var(--surface-2);transition:border-color .16s ease,box-shadow .16s ease}.field input:focus-visible,.field select:focus-visible{outline:0;border-color:var(--blue-600);box-shadow:var(--focus-ring)}.list{list-style:none;margin:0;padding:0;display:grid;gap:0}.list-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-2);background:transparent;transition:background-color .16s ease}.list-item:hover{background:var(--surface-2)}.list-item:last-child{border-bottom:0}.list-title{font-size:var(--type-body-size);font-weight:var(--type-body-strong);color:var(--text)}.list-subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.metric{color:var(--color-primary);font-variant-numeric:tabular-nums}.state{margin:var(--space-2) 0;font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.state-info{color:var(--text-secondary)}.state-muted{color:var(--text-muted)}.state-danger{color:var(--color-danger)}.state-warning{color:var(--color-warning)}.category-color{color:var(--text-secondary);font-size:var(--type-caption-size)}.categories-layout,.goals-layout{display:grid;gap:var(--space-4)}.goals-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.goal-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);padding:var(--space-3);display:grid;gap:var(--space-3)}.goal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.goal-title-wrap{display:flex;align-items:center;gap:var(--space-2)}.goal-icon{width:2rem;height:2rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.goal-progress-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.goal-progress-track{height:.55rem;border-radius:999px;background:var(--surface-1);overflow:hidden}.goal-progress-fill{display:block;height:100%;background:var(--positive)}.goal-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.goal-celebration{color:var(--color-success);font-weight:var(--type-body-strong)}.goal-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.goal-contribution-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.categories-list{gap:var(--space-2)}.categories-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.categories-main{display:flex;align-items:center;gap:var(--space-2);min-width:0}.categories-color-dot{width:.75rem;height:.75rem;border-radius:999px;border:1px solid var(--border-strong);flex-shrink:0}.categories-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.categories-actions{display:inline-flex;gap:var(--space-2)}.categories-color-editor{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2)}.categories-color-editor input[type=color]{width:2.8rem;height:2.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;background:var(--surface-2)}.categories-palette{display:flex;flex-wrap:wrap;gap:var(--space-2)}.categories-swatch{width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid var(--border-strong);cursor:pointer}.categories-swatch-active{box-shadow:var(--focus-ring);border-color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-4)}.modal-card{width:min(36rem,100%);max-height:calc(100svh - 2rem);overflow:auto;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-soft)}.calendar-layout{display:grid;gap:var(--space-4)}.calendar-topbar{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calendar-filters{display:grid;grid-template-columns:1.7fr repeat(5,minmax(140px,1fr)) auto;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.month-switch{display:inline-flex;align-items:center;gap:var(--space-3)}.month-switch strong{font-family:var(--font-family-display);letter-spacing:var(--type-display-spacing)}.lens-toggle{display:inline-flex;gap:var(--space-1);border:1px solid var(--border-strong);border-radius:999px;padding:.2rem}.lens-pill{border:none;border-radius:999px;padding:.45rem .75rem;background:transparent;color:var(--text-secondary);font-weight:var(--type-body-strong);cursor:pointer;transition:color .16s ease,background-color .16s ease}.lens-pill-active{background:var(--status-brand-bg);color:var(--blue-400)}.summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.summary-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-1);display:grid;gap:var(--space-2);box-shadow:var(--shadow-soft)}.summary-card span{color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight)}.summary-card-highlight{background:var(--gradient-brand);border-color:transparent;box-shadow:var(--shadow-hero)}.summary-card-highlight span,.summary-card-highlight .money{color:var(--on-brand)}.summary-card-highlight .money-currency,.summary-card-highlight .money-decimals{color:var(--on-brand-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.transactions-list{display:grid;gap:var(--space-2)}.transaction-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);padding:var(--space-3);display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:var(--space-3);align-items:center}.transaction-actions{display:inline-flex;gap:var(--space-2)}.weekday{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--text-secondary);text-align:center;padding:var(--space-1) 0}.day-cell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);min-height:9.25rem;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-2);padding:var(--space-2);box-shadow:var(--shadow-soft)}.day-cell-quiet{background:var(--surface-2)}.day-cell-empty{background:#ffffff05;box-shadow:none}.day-cell-weekend:not(.day-cell-empty){border-color:var(--border);background:color-mix(in srgb,var(--surface-2) 78%,var(--canvas))}.day-cell-today:not(.day-cell-empty){border-color:var(--blue-400);box-shadow:var(--focus-ring)}.day-header{font-weight:var(--type-body-strong);color:var(--text);font-variant-numeric:tabular-nums}.chip-stack{display:grid;gap:var(--space-1);align-content:start}.chip-empty{color:var(--text-muted);font-size:var(--type-micro-size);font-weight:var(--type-micro-weight)}.tx-chip{border:none;text-align:left;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--type-micro-size);line-height:var(--type-micro-line);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);cursor:pointer}.tx-chip>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--space-2)}.day-footer .money{margin-left:auto;min-width:0;justify-content:flex-end;font-size:var(--type-body-size)}.btn-inline{border:none;background:transparent;color:var(--color-primary);font-weight:var(--type-body-strong);cursor:pointer;margin-left:var(--space-2)}.btn-inline:focus-visible{outline:0;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.status-success{background:var(--status-success-bg);color:var(--color-success)}.status-warning{background:var(--status-warning-bg);color:var(--color-warning)}.status-danger{background:var(--status-danger-bg);color:var(--color-danger)}.status-paid{background:var(--status-paid-bg);color:var(--text)}.status-success-text{color:var(--color-success)}.status-warning-text{color:var(--color-warning)}.drawer{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-1);display:grid;gap:var(--space-2);box-shadow:var(--shadow-soft)}.drawer-title{font-weight:var(--type-body-strong);color:var(--text)}.drawer-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--text-secondary);margin:0}.documents-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.upload-trigger{display:inline-flex;align-items:center}.filters-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);font-variant-numeric:tabular-nums}.doc-select{width:100%;border:none;background:transparent;text-align:left;cursor:pointer;padding:0}.status-badge{display:inline-flex;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);margin:var(--space-1) 0}.review-list{display:grid;gap:var(--space-3);margin:var(--space-3) 0}.review-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-2)}.review-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.review-toggle{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--type-caption-size)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.insights-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.investments-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:var(--space-4)}.investments-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.investments-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.investments-list-item{align-items:flex-start}.investments-current-value-edit{display:grid;grid-template-columns:120px auto;gap:var(--space-2);align-items:center}.investments-current-value-edit input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:.5rem .65rem}.insights-empty-panel{grid-column:1 / -1}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;display:grid;gap:var(--space-3);background:var(--surface-2)}.empty-state p{color:var(--text-secondary)}.empty-state-actions{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.home-layout{display:grid;gap:var(--space-4)}.home-hero{background:var(--gradient-brand);color:var(--on-brand);border:none}.home-hero .type-display{color:var(--on-brand)}.home-hero .type-caption{color:var(--on-brand-muted)}.onboarding-steps{display:grid;gap:var(--space-3)}.onboarding-step{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-2);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3)}.step-icon{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--blue-400);display:inline-flex;align-items:center;justify-content:center;font-size:var(--type-micro-size);font-weight:var(--type-body-strong);background:#2fd1f51f}.onboarding-step:nth-child(2) .step-icon{color:var(--color-warning);border-color:#e0a43a59;background:#e0a43a24}.onboarding-step:nth-child(3) .step-icon{color:var(--color-accent);border-color:#8b7bf059;background:#8b7bf024}.step-icon-done{border-color:var(--color-success);color:var(--color-success);background:var(--status-success-bg)}.home-summary{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}.home-grid{grid-template-columns:2fr 1fr}.home-shortcuts{display:grid;gap:var(--space-2)}.chart-wrap{width:100%;height:260px}.investment-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-2);display:grid;gap:var(--space-2);box-shadow:var(--shadow-soft)}.investment-value{font-family:var(--font-family-display);font-size:var(--type-display-size);font-weight:var(--type-display-weight);color:var(--color-primary);letter-spacing:var(--type-display-spacing)}.disclaimer-box{border:1px solid var(--color-warning);background:var(--status-warning-bg);color:var(--text);border-radius:var(--radius-sm);padding:.6rem;font-weight:var(--type-body-strong)}.money{display:inline-flex;align-items:baseline;gap:.08em;color:inherit;font-family:var(--font-family-display);font-variant-numeric:tabular-nums;white-space:nowrap}.money-currency,.money-decimals{color:var(--text-muted);font-family:var(--font-family-body);font-size:.62em;font-weight:var(--type-caption-weight)}.money-integer,.money-sign{font-weight:700;letter-spacing:-.02em}.money-size-sm{font-size:var(--type-caption-size)}.money-size-md{font-size:var(--type-h2-size)}.money-size-lg{font-size:var(--type-h1-size)}.money-size-xl{font-size:var(--type-display-size);letter-spacing:var(--type-display-spacing)}.money-size-hero{font-size:2.125rem;line-height:1}.money-variant-income{color:var(--color-success)}.money-variant-expense{color:var(--color-danger)}.money-variant-muted{color:var(--text-muted)}.money-variant-positive{color:var(--positive)}.money-variant-attention{color:var(--attention)}.money-variant-on-brand{color:var(--on-brand)}.money-variant-on-brand .money-currency,.money-variant-on-brand .money-decimals{color:var(--on-brand-muted)}.btn-ghost-light{border-color:#ffffff3d;color:var(--on-brand);background:#ffffff24}.btn-ghost-light:hover{background:#fff3}.app-shell{min-height:100svh;display:grid;grid-template-rows:auto auto 1fr;gap:var(--space-4);padding:var(--space-5);background:var(--canvas)}.app-shell-header{border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.app-shell-brand-wrap{display:flex;align-items:center;gap:var(--space-3)}.app-wordmark{font-family:var(--font-family-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.org-switcher{border:1px solid var(--border);border-radius:var(--radius-pill);padding:.35rem .7rem;background:var(--surface-2);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-2)}.org-avatar{width:1.65rem;height:1.65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.org-content{display:grid;text-align:left}.org-name{font-size:.75rem;font-weight:500}.org-email{font-size:.6875rem;color:var(--text-secondary)}.app-shell-actions{display:inline-flex;gap:var(--space-2);align-items:center}.user-avatar{width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-family:var(--font-family-display);font-weight:700}.nav-tabs{display:flex;gap:var(--space-1);border-radius:var(--radius-card);padding:.35rem;background:var(--surface-1);border:1px solid var(--border)}.nav-tab{color:var(--text-muted);text-decoration:none;padding:.5rem .8rem;border-radius:var(--radius-ctrl);position:relative;transition:color .16s ease,background-color .16s ease}.nav-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.nav-tab-active{color:var(--text-primary)}.nav-tab-active:after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:.16rem;height:2px;border-radius:999px;background:var(--positive);opacity:1;transform:scaleX(1);transform-origin:center;transition:transform .16s ease,opacity .16s ease}.app-shell-content{border-radius:var(--radius-card);background:var(--surface-1);border:1px solid var(--border);padding:var(--space-5)}.accounts-layout{display:grid;gap:var(--space-4)}.accounts-hero-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-3)}.balance-hero{border-radius:var(--radius-card);background:var(--gradient-brand);color:var(--on-brand);padding:var(--space-5);position:relative;overflow:hidden;display:grid;gap:var(--space-3)}.balance-hero-label{color:var(--on-brand-muted);font-size:.75rem;font-weight:500}.balance-hero-empty-copy{max-width:25ch}.balance-hero-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.balance-hero-meta p{color:#ffffffdb}.balance-hero-sparkline{position:absolute;right:var(--space-4);bottom:var(--space-3);width:8.5rem;height:2.4rem}.balance-hero-sparkline polyline{fill:none;stroke:#ffffff5c;stroke-width:2}.accounts-metrics-col{display:grid;gap:var(--space-3)}.metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);display:grid;gap:var(--space-2)}.metric-card-label{font-size:.75rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.sort-control{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--text-secondary)}.sort-control select{border:1px solid var(--border);border-radius:var(--radius-ctrl);padding:.4rem .6rem;background:var(--surface-2);color:var(--text-primary)}.field-error{color:var(--attention);font-size:.75rem}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.account-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-1);padding:var(--space-3);display:grid;gap:var(--space-3)}.account-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center}.bank-glyph{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff}.bank-glyph-image{width:100%;height:100%;border-radius:10px;object-fit:cover}.account-card-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.account-card-type{font-size:.75rem;color:var(--text-muted)}.icon-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);width:1.8rem;height:1.8rem;border-radius:var(--radius-ctrl)}.account-menu-wrap{position:relative}.account-menu{position:absolute;top:calc(100% + .3rem);right:0;width:10.5rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-ctrl);box-shadow:var(--shadow-card);padding:.2rem;display:grid;gap:.1rem;z-index:20}.account-menu button{border:none;border-radius:.45rem;background:transparent;color:var(--text-primary);text-align:left;padding:.5rem .55rem}.account-menu button:hover{background:color-mix(in srgb,var(--surface-1) 58%,transparent)}.account-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.account-card-sparkline{width:76px;height:26px}.account-card-sparkline polyline{fill:none;stroke-width:2}.status-chip{display:inline-flex;border-radius:var(--radius-pill);padding:.26rem .52rem;font-size:11px;font-weight:500;color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 15%,transparent)}.add-account-card{border:1px dashed var(--border-strong);border-radius:var(--radius-card);background:transparent;min-height:12rem;color:var(--text-secondary);display:grid;place-content:center;gap:var(--space-2);text-align:center;padding:var(--space-4);cursor:pointer}.add-account-card:focus-visible,.icon-button:focus-visible,.user-avatar:focus-visible,.org-switcher:focus-visible,.nav-tab:focus-visible{outline:0;box-shadow:var(--focus-ring)}.add-account-icon{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.add-account-title{color:var(--text-primary);font-weight:500}.add-account-subtitle{font-size:.75rem}.add-account-subtitle a{color:var(--info)}.ghost-card{opacity:.62}.ghost-title{font-weight:500;color:var(--text-primary)}.ghost-subtitle{font-size:.75rem;color:var(--text-secondary)}.accounts-error{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-2);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1622c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-4);z-index:40}.sheet-card{width:min(30rem,100%);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:var(--space-4)}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.accounts-skeleton-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-3)}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#ffffff0a,#ffffff1a 45%,#ffffff0a);background-size:220% 100%;animation:skeletonPulse 1.3s ease infinite}.skeleton-hero{height:12.5rem}.skeleton-metric{height:5.9rem}.skeleton-card{height:10.2rem}@keyframes skeletonPulse{0%{background-position:180% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:15rem;padding:var(--space-5)}.auth-card{width:calc(100% - (var(--space-4) * 2));margin:calc(var(--space-5) * -1) auto var(--space-4);position:relative;z-index:1}.app-shell{padding:var(--space-4)}.app-shell-header{flex-direction:column;align-items:flex-start}.app-shell-actions{width:100%;justify-content:space-between}.nav-tabs{overflow-x:auto}.accounts-hero-row,.accounts-skeleton-grid{grid-template-columns:1fr}.shell-header{flex-direction:column;align-items:flex-start}.shell-header-actions{width:100%;display:grid;grid-template-columns:1fr auto}.shell-nav{width:100%;overflow-x:auto}.shell-link{flex:1 0 auto}.feature-grid,.summary-cards,.home-summary{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-filters{grid-template-columns:1fr}.weekday{display:none}.documents-layout,.filters-row,.review-grid{grid-template-columns:1fr}.transaction-row{grid-template-columns:1fr;align-items:stretch}.transaction-actions{flex-wrap:wrap}.insights-layout,.investments-layout,.investments-summary-grid,.investments-charts-grid,.home-grid{grid-template-columns:1fr}.onboarding-step{grid-template-columns:1fr;text-align:left}.shell-fab{display:inline-flex}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell-layout{min-height:100svh;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--canvas)}.shell-sidebar-desktop{border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-1) 90%,var(--canvas))}.shell-sidebar{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--space-4);padding:var(--space-4)}.shell-brand{display:flex;align-items:center;gap:var(--space-3)}.shell-brand-mark{width:2rem;height:2rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-brand);font-family:var(--font-family-display);font-weight:700}.shell-brand-name{font-family:var(--font-family-display);font-weight:700}.shell-brand-subtitle{color:var(--text-secondary);font-size:var(--type-micro-size)}.shell-nav-list{display:grid;gap:.35rem;align-content:start}.shell-nav-item{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:.55rem .7rem;text-decoration:none;color:var(--text-secondary)}.shell-nav-item:hover{background:var(--surface-2);color:var(--text)}.shell-nav-item-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);border-left:2px solid var(--accent)}.shell-upgrade-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--surface-2);display:grid;gap:var(--space-2)}.shell-upgrade-title{font-weight:var(--type-body-strong)}.shell-upgrade-copy{color:var(--text-secondary);font-size:var(--type-caption-size)}.shell-profile{position:relative}.shell-profile-trigger{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.shell-avatar{width:2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,transparent);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-weight:700}.shell-profile-copy{flex:1;display:grid;text-align:left}.shell-profile-copy small{color:var(--text-secondary)}.shell-profile-menu{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);display:grid;gap:.15rem;padding:.2rem}.shell-profile-menu button{border:none;background:transparent;color:var(--text);text-align:left;border-radius:.4rem;padding:.45rem .55rem}.shell-profile-menu button:hover{background:var(--surface-1)}.shell-main{min-width:0;padding:var(--space-5);display:grid;gap:var(--space-4)}.shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-1)}.shell-topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.shell-search-wrap,.shell-bell-wrap{position:relative}.shell-search input{min-width:220px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:.55rem .75rem}.shell-popover{position:absolute;top:calc(100% + .35rem);right:0;width:min(320px,82vw);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-card);display:grid;gap:.3rem;padding:.35rem;z-index:50}.shell-popover-item{border:none;background:transparent;color:var(--text);border-radius:.5rem;text-align:left;padding:.5rem;display:grid;gap:.15rem}.shell-popover-item:hover{background:var(--surface-1)}.shell-popover-item small{color:var(--text-secondary)}.shell-bell{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);width:2.25rem;height:2.25rem}.shell-bell-badge{position:absolute;top:-.45rem;right:-.45rem;min-width:1.1rem;padding:0 .28rem;border-radius:999px;background:var(--color-danger);color:#fff;font-size:.65rem}.shell-main-content{min-width:0}.shell-menu-toggle,.shell-drawer,.shell-drawer-backdrop{display:none}.home-dashboard-layout{display:grid;gap:var(--space-4)}.home-kpis-grid,.home-kpis-loading{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-3)}.home-kpi-card{border:1px solid var(--border);border-radius:14px;padding:var(--space-3);background:var(--surface-1);display:grid;gap:var(--space-2)}.home-kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary)}.home-kpi-eye{border:none;background:transparent;color:var(--text-secondary)}.home-kpi-sparkline{opacity:.9}.home-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.home-widget-large{grid-column:span 2}.home-widget-skeleton{height:240px}.home-kpi-skeleton{height:160px}.home-chart-wrap{width:100%;height:290px}.home-donut-wrap,.home-quick-actions{display:grid;gap:var(--space-2)}.home-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.home-recent-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);display:grid;gap:var(--space-1)}.home-insights-list{display:grid;gap:var(--space-2)}.home-insight-card,.home-insights-upsell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);display:grid;gap:var(--space-2)}.reports-layout,.planning-layout{display:grid;gap:var(--space-4)}.reports-filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);align-items:end}.reports-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.reports-kpis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.reports-comparison-panel{grid-column:1 / -1}.planning-budget-list{display:grid;gap:var(--space-2)}.planning-budget-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3);display:grid;grid-template-columns:1fr 180px;gap:var(--space-3)}.planning-progress-track{margin-top:var(--space-2);height:.55rem;border-radius:999px;background:var(--surface-1);overflow:hidden}.planning-progress-fill{display:block;height:100%;background:var(--color-success)}.planning-progress-fill-over{background:var(--color-danger)}.planning-projection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.settings-layout{display:grid;gap:var(--space-4)}.settings-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.field-inline{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.settings-members-invite{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,200px) auto;gap:var(--space-2);align-items:end;margin-bottom:var(--space-3)}@media (max-width: 1100px){.shell-layout{grid-template-columns:88px minmax(0,1fr)}.shell-brand-subtitle,.shell-nav-item span:last-child,.shell-profile-copy,.shell-upgrade-copy{display:none}}@media (max-width: 900px){.shell-layout{display:block}.shell-sidebar-desktop{display:none}.shell-menu-toggle{display:inline-flex;position:fixed;top:var(--space-3);left:var(--space-3);z-index:70}.shell-drawer{display:block;position:fixed;top:0;left:-280px;width:260px;height:100svh;z-index:72;background:var(--surface-1);transition:left .18s ease}.shell-drawer-open{left:0}.shell-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:71;pointer-events:none;opacity:0}.shell-drawer-open+.shell-drawer-backdrop{display:block;pointer-events:auto;opacity:1}.shell-main{padding:4.25rem var(--space-3) var(--space-3)}.shell-topbar{flex-direction:column;align-items:flex-start}.shell-search input{min-width:0;width:100%}.shell-topbar-actions{width:100%;display:grid;grid-template-columns:1fr auto}.home-widget-grid{grid-template-columns:1fr}.home-widget-large{grid-column:auto}.home-recent-grid,.reports-filters-grid,.reports-kpis-grid,.reports-grid,.planning-projection-grid,.planning-budget-row,.settings-members-invite{grid-template-columns:1fr}}