:root{--bg: #e6ecf5;--bg-subtle: #eef2f9;--bg-elevated: #eff4fa;--bg-card: #f9fbfe;--bg-inset: #dde5f1;--border: #ccd8e8;--border-strong: #b2c2d8;--text: #10233d;--text-muted: #4d6180;--text-subtle: #708299;--nav-bg: linear-gradient(180deg, #10294c 0%, #143257 55%, #102a4b 100%);--nav-border: rgba(255, 255, 255, .09);--nav-text: #a9bfdd;--nav-text-active: #ffffff;--nav-hover: rgba(255, 255, 255, .07);--nav-active-bg: rgba(255, 255, 255, .11);--nav-accent: #56a3f5;--violet: #1559b8;--cyan: #0b6d84;--amber: #9a5b06;--pink: #b31a5c;--emerald: #0c7343;--blue: #1559b8;--red: #c02a1d;--green: #0c7343;--accent: #1559b8;--accent-hover: #114ca0;--accent-pressed: #0e4189;--accent-soft: rgba(21, 89, 184, .1);--accent-ring: rgba(21, 89, 184, .28);--gradient-brand: linear-gradient(135deg, #1a66cf, #1559b8 55%, #114a9c);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-card: 0 1px 2px rgba(16, 24, 40, .05), 0 2px 8px rgba(16, 24, 40, .05);--shadow-raised: 0 2px 4px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .09);--shadow-overlay: 0 8px 16px rgba(16, 24, 40, .1), 0 24px 56px rgba(16, 24, 40, .16);--shadow-glow: var(--shadow-card);--radius: 8px;--radius-lg: 12px;--radius-sm: 5px;--ease-fluent: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.33, 0, .67, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI Variable Text,Segoe UI,Inter,system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(1200px circle at 12% -5%,rgba(0,103,192,.05),transparent 45%),radial-gradient(900px circle at 92% 8%,rgba(11,114,133,.04),transparent 45%),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-interactive{transition:transform .2s var(--ease-fluent),box-shadow .2s var(--ease-fluent),border-color .2s var(--ease-fluent)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .12s var(--ease-standard),border-color .12s var(--ease-standard),box-shadow .12s var(--ease-standard),transform .08s var(--ease-standard),color .12s var(--ease-standard)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:#0000000f;color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-pressed)}.btn-ghost{background:var(--bg-card);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost:active:not(:disabled){background:var(--bg-inset)}.icon-btn{width:34px;height:34px;padding:0;color:var(--text-muted)}.icon-btn:hover:not(:disabled){color:var(--text)}.admin-user-row:hover{background:var(--bg-elevated)!important}.admin-user-row:active{background:var(--bg-inset)!important}.input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);border-bottom-color:var(--border-strong);background:#fff;color:var(--text);font-size:14px;outline:none;transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard),background .15s var(--ease-standard)}.input:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--border-strong);border-bottom:2px solid var(--accent);padding-bottom:8px;background:#fff}.input:disabled{background:var(--bg-elevated);color:var(--text-subtle);cursor:not-allowed}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6270' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5 12 15.5l6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:30px}.switch{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:40px;height:20px;flex-shrink:0;border-radius:999px;background:var(--bg-inset);border:1px solid var(--text-muted);transition:background .2s var(--ease-fluent),border-color .2s var(--ease-fluent)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .2s var(--ease-fluent),background .2s var(--ease-fluent),width .2s var(--ease-fluent)}.switch:hover .switch-track:after{width:14px}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(20px);background:#fff}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px var(--accent-ring)}.switch-label{font-size:13px;color:var(--text-muted)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:var(--text);transition:background-color 9999s ease-in-out 0s}input[type=date].input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55}input[type=date].input::-webkit-calendar-picker-indicator:hover{opacity:1}.label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise-in{animation:riseIn .35s var(--ease-fluent) both}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.85;animation:spin .7s linear infinite}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-inset) 37%,var(--bg-elevated) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.progress-ring-track{stroke:var(--border);fill:none}.progress-ring-bar{fill:none;stroke-linecap:round;transition:stroke-dashoffset .2s ease}.scrollbar-slim::-webkit-scrollbar{width:10px;height:10px}.scrollbar-slim::-webkit-scrollbar-track{background:transparent}.scrollbar-slim::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}.scrollbar-slim::-webkit-scrollbar-thumb:hover{background-clip:content-box;background-color:var(--text-subtle)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-subtle)}.reports-row{transition:background-color .12s var(--ease-standard)}.reports-row:hover{background-color:var(--bg-elevated)}.expense-row{transition:background-color .12s var(--ease-standard)}.expense-row:hover{background-color:var(--bg-elevated)}.export-menu-item{transition:background-color .12s var(--ease-standard)}.export-menu-item:hover{background-color:var(--bg-elevated)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-item{transition:background .12s var(--ease-standard),color .12s var(--ease-standard)}.nav-item:hover{background:var(--nav-hover)!important;color:var(--nav-text-active)!important}.nav-btn{background:#ffffff14;border:1px solid var(--nav-border);color:var(--nav-text-active)}.nav-btn:hover:not(:disabled){background:#ffffff24}.nav-btn:active:not(:disabled){background:#ffffff0f}@media(max-width:900px){.signup-shell{grid-template-columns:1fr!important}.signup-brand{display:none!important}}@media(max-height:760px){.signup-art{display:none!important}}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:24px}.auth-mobile-brand span{font-weight:800;font-size:21px;letter-spacing:-.5px}@media(max-width:900px){.auth-mobile-brand{display:flex}}@media(max-width:860px){html,body{max-width:100%;overflow-x:hidden}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;height:100dvh!important;z-index:1200;transform:translate(-100%);transition:transform .22s var(--ease-standard);width:264px!important}.app-sidebar[data-open=true]{transform:translate(0)}.app-shell-main{padding:16px!important}.app-topbar{display:flex!important}.card>div[style*="1fr 1fr"],form>div[style*="1fr 1fr"]{grid-template-columns:1fr!important}table{min-width:560px}.scrollbar-slim{-webkit-overflow-scrolling:touch}h1{font-size:21px!important}}@media(max-width:520px){.btn{padding:9px 14px}.app-shell-main{padding:12px!important}}@media(max-width:860px){.app-fab{right:max(20px,env(safe-area-inset-right))!important;bottom:max(20px,env(safe-area-inset-bottom))!important}}@media(max-width:700px){.expense-row{flex-wrap:wrap!important;row-gap:4px!important;padding:10px 14px!important}.expense-row>span:first-child{width:auto!important;order:1}.expense-row>span:nth-child(2){order:2;flex-basis:0;min-width:120px}.expense-row>span:last-child{order:3;margin-left:auto}.expense-row>.category-badge,.expense-row>button{order:4}.expense-row>.category-badge{flex-basis:100%}}