:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#164e63;--color-secondary:#0f766e;--color-accent:#99f6e4;--color-background:#f4f8f9;--color-text:#1e293b;--color-surface:#fff;--color-sidebar-background:#eaf3f4;--color-border:#e3ebed;--color-success-soft:#e4f5f1;--color-text-muted:#64748b;--color-text-soft:#94a3b8;--color-surface-hover:#f0f7f7;--color-input-background:#fff;--color-danger:#b42318;--color-nav-text:#526579;--color-text-subtle:#7a8b9b;--color-avatar-background:#d8f3ed;--color-notice-border:#c8ebe2;--color-featured-muted:#b5d8dd;--color-divider-soft:#f0f3f4;--color-progress-track:#edf3f3;--color-overlay:#102a36aa;--color-button-primary-hover:#103d4e;--color-button-danger-hover:#912018;--color-on-primary:#fff;--color-featured-background:#164e63}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#78c7d4;--color-secondary:#5ee0c4;--color-accent:#99f6e4;--color-background:#0b1720;--color-text:#e2e8f0;--color-surface:#172936;--color-border:#314552;--color-success-soft:#193c39;--color-text-muted:#a9bbc7;--color-text-soft:#91a6b5;--color-surface-hover:#203847;--color-input-background:#172936;--color-danger:#f87171;--color-nav-text:#b2c4d0;--color-text-subtle:#a9bbc7;--color-avatar-background:#234d49;--color-notice-border:#2a635c;--color-featured-muted:#c5e1e5;--color-divider-soft:#314552;--color-progress-track:#314552;--color-overlay:#061018cc;--color-button-primary-hover:#a2dbe3;--color-button-danger-hover:#dc5555;--color-on-primary:#0b1720;--color-featured-background:#24596b}:root{color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}h1,h2,p{margin-top:0}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-sidebar-background,var(--color-surface));border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;display:flex}.brand{align-items:center;gap:12px;padding:27px 21px;display:flex}.brand-icon img{width:42px;height:42px;display:block}.brand strong{color:var(--color-primary);font-size:18px;display:block}.brand small{color:var(--color-text-muted);margin-top:4px;font-size:10px;display:block}.sidebar nav{flex:1;padding:4px 13px 24px}.nav-section{margin:14px 0 24px}.nav-heading{color:var(--color-text-soft);letter-spacing:1.1px;text-transform:uppercase;padding:0 12px;font-size:10px;font-weight:800}.nav-item{text-align:left;width:100%;color:var(--color-nav-text);background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;margin:3px 0;padding:11px 13px;font-size:13px;display:flex}.nav-item:hover{background:var(--color-surface-hover)}.nav-item.active{background:var(--color-success-soft);color:var(--color-secondary);font-weight:700}.nav-dot{border:1.5px solid;border-radius:50%;width:7px;height:7px}.nav-item.active .nav-dot{background:var(--color-secondary)}.sidebar-footer{border-top:1px solid var(--color-border);align-items:center;gap:10px;padding:20px;display:flex}.avatar{background:var(--color-avatar-background);color:var(--color-secondary);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.sidebar-footer strong{font-size:11px;display:block}.sidebar-footer small{color:var(--color-text-soft);margin-top:3px;font-size:11px;display:block}.main-area{flex:1;min-width:0}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:15px;height:70px;padding:0 35px;display:flex}.breadcrumb{color:var(--color-primary);letter-spacing:.1px;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.breadcrumb:before{content:"";background:var(--color-secondary);border-radius:3px;flex-shrink:0;width:3px;height:17px}.demo-label{color:var(--color-secondary);background:var(--color-success-soft);border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700}.menu-toggle{color:var(--color-primary);background:0 0;border:0;font-size:24px;display:none}.content{max-width:1500px;margin:0 auto;padding:35px}.page-heading{justify-content:space-between;margin-bottom:27px;display:flex}.eyebrow{color:var(--color-secondary);letter-spacing:1px;margin-bottom:9px;font-size:10px;font-weight:800}h1{letter-spacing:-.8px;color:var(--color-primary);margin-bottom:7px;font-size:29px}.subtitle{color:var(--color-text-subtle);margin-bottom:0;font-size:13px}.notice{background:var(--color-success-soft);color:var(--color-secondary);border:1px solid var(--color-notice-border);border-radius:10px;margin-bottom:22px;padding:12px 16px;font-size:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;min-width:0;padding:23px}.summary-card span{color:var(--color-text-subtle);font-size:12px;display:block}.summary-card strong{letter-spacing:-.7px;overflow-wrap:anywhere;margin:16px 0 12px;font-size:clamp(19px,2vw,27px);display:block}.summary-card small{color:var(--color-text-soft);font-size:11px}.summary-card.featured{background:var(--color-featured-background);border-color:var(--color-featured-background);color:#fff}.summary-card.featured span,.summary-card.featured small{color:var(--color-featured-muted)}.positive{color:var(--color-secondary)}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:19px;margin-top:23px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;min-width:0;padding:25px}.panel-heading{margin-bottom:25px}.panel h2{color:var(--color-text);margin-bottom:7px;font-size:16px}.panel-heading p{color:var(--color-text-soft);margin-bottom:0;font-size:12px}.transaction{border-bottom:1px solid var(--color-divider-soft);align-items:center;gap:12px;padding:15px 0;display:flex}.transaction:last-child{border-bottom:0}.transaction-symbol{background:var(--color-success-soft);width:36px;height:36px;color:var(--color-secondary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.transaction-info{flex:1;min-width:0}.transaction-info strong{font-size:12px;display:block}.transaction-info small{color:var(--color-text-soft);margin-top:5px;font-size:11px;display:block}.transaction>strong{white-space:nowrap;font-size:12px}.budget-item{margin:0 0 27px}.budget-label{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.budget-label strong{color:var(--color-secondary)}.progress-track{background:var(--color-progress-track);border-radius:20px;height:8px;overflow:hidden}.progress-track div{background:var(--color-secondary);border-radius:inherit;height:100%}.empty-state{text-align:center;padding:70px 20px}.empty-symbol{color:var(--color-secondary);margin-bottom:15px;font-size:38px}.empty-state p{color:var(--color-text-subtle);font-size:13px}.secondary-button{border:1px solid var(--color-secondary);color:var(--color-secondary);background:#fff;border-radius:8px;margin-top:15px;padding:10px 16px}.mobile-overlay{display:none}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{z-index:20;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:19;background:var(--color-overlay);border:0;display:block;position:fixed;inset:0}.menu-toggle{display:block}.topbar{justify-content:flex-start;padding:0 18px}.demo-label{margin-left:auto}.content{padding:24px 16px}.summary-grid{gap:10px}.summary-card{padding:16px}.summary-card strong{font-size:20px}.panel{padding:18px}}@media (width<=390px){.summary-grid{grid-template-columns:1fr}}.topbar-actions{align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;font-size:24px;line-height:1;display:grid}.theme-toggle:hover{background:var(--color-surface-hover)}@media (width<=760px){.topbar-actions{gap:8px;margin-left:auto}.demo-label{padding:6px 8px;font-size:10px}}@media (width<=390px){.topbar{gap:8px}.breadcrumb{font-size:11px}}.rc-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:24px;right:24px}.rc-toast{border:1px solid var(--color-border);border-left:4px solid var(--toast-accent);background:var(--toast-accent);color:#fff;pointer-events:auto;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;animation:.2s ease-out rc-toast-enter;display:flex;box-shadow:0 12px 35px #00000020}.rc-toast--success{--toast-accent:#0f766e}.rc-toast--info{--toast-accent:#164e63}.rc-toast--warning{--toast-accent:#b45309}.rc-toast--error{--toast-accent:#b42318}.rc-toast__icon{color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid}.rc-toast__content{flex:1;min-width:0}.rc-toast__content strong{font-size:13px;line-height:1.5;display:block}.rc-toast__content p{color:#fff;margin:4px 0 0;font-size:12px;line-height:1.5}.rc-toast__close{color:#fff;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 4px;font-size:22px;line-height:1}.rc-toast__close:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}@keyframes rc-toast-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.rc-toast-container{top:16px;right:16px}}@media (prefers-reduced-motion:reduce){.rc-toast{animation:none}}