:root{font-family:Manrope,Segoe UI,sans-serif;font-size:14px;--app-text: #0f172a;--app-bg-start: #fde68a;--app-bg-end: #f8fafc;--app-sidebar-bg: #0f172a;--app-sidebar-text: #f8fafc;--app-accent: #fbbf24;--app-button: #0ea5e9;--app-muted: #475569;--app-card-bg: rgba(255, 255, 255, .9);--app-border: rgba(15, 23, 42, .08);--app-input-bg: #ffffff;--app-header-bg: rgba(248, 250, 252, .92);--app-menu-text: #cbd5e1;--app-menu-muted: #94a3b8;--app-dropdown-bg: #ffffff;--app-dropdown-text: #0f172a;--app-dropdown-hover: #e2e8f0;color:var(--app-text)}[data-theme-mode=dark]{--app-text: #e5e7eb;--app-bg-start: #0f172a;--app-bg-end: #111827;--app-sidebar-bg: #020617;--app-sidebar-text: #e2e8f0;--app-accent: #f59e0b;--app-button: #0284c7;--app-muted: #94a3b8;--app-card-bg: rgba(15, 23, 42, .88);--app-border: rgba(148, 163, 184, .2);--app-input-bg: #0f172a;--app-header-bg: rgba(2, 6, 23, .88);--app-menu-text: #cbd5e1;--app-menu-muted: #94a3b8;--app-dropdown-bg: #1e293b;--app-dropdown-text: #e2e8f0;--app-dropdown-hover: #334155}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;height:100%;overflow:hidden}#root{min-height:100vh;height:100%}body{color:var(--app-text);background:radial-gradient(circle at top right,var(--app-bg-start),var(--app-bg-end) 45%)}a{text-decoration:none}.page-loader{display:grid;place-items:center;min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px 24px 72px;position:relative;overflow-y:auto}.login-card{width:min(480px,100%);background:var(--app-card-bg);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:32px;box-shadow:0 18px 40px #0f172a14}.login-card h1{margin-top:0;margin-bottom:8px}.login-subtext{margin-top:0;margin-bottom:16px;color:var(--app-muted);line-height:1.45}.login-footer{position:fixed;left:0;right:0;bottom:0;text-align:center;padding:10px 14px;font-size:.82rem;color:var(--app-muted);background:var(--app-header-bg);border-top:1px solid var(--app-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.auth-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.active-auth-mode{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}.login-form{display:grid;gap:2px}.login-primary-btn,.login-secondary-btn{width:100%;margin-top:6px}.login-card input:focus,.login-card button:focus-visible{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 22%,transparent)}.auth-divider{text-align:center;margin:14px 0;color:var(--app-muted);font-size:.82rem}.layout{display:block;min-height:100vh;height:100vh;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--app-sidebar-bg);color:var(--app-sidebar-text);padding:22px;display:flex;flex-direction:column;gap:20px;transition:transform .2s ease;z-index:6}.layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.brand{color:var(--app-sidebar-text);font-size:1.25rem;font-weight:700}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-logo{width:34px;height:34px;border-radius:8px}.menu{display:grid;gap:8px}.menu-group{display:grid;gap:6px;margin-top:4px;padding:8px;border:1px solid var(--app-border);border-radius:10px}.menu-group-title{margin:0;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--app-menu-muted);font-weight:700}.menu-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:var(--app-menu-muted);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;cursor:pointer;padding:2px 2px 4px}.menu-group-toggle.active{color:var(--app-accent)}.menu-link{color:var(--app-menu-text);padding:9px 11px;border-radius:10px;font-size:1.08rem}.menu-link.active{color:var(--app-sidebar-bg);background:var(--app-accent);font-weight:700}.menu-sublink{color:var(--app-menu-text);padding:8px 10px;border-radius:8px;font-size:.98rem}.menu-sublink.active{color:var(--app-sidebar-bg);background:var(--app-accent);font-weight:700}.profile{display:flex;align-items:center;gap:12px;min-width:0}.profile-wrap{margin-top:auto;position:relative}.profile img{width:40px;height:40px;border-radius:999px;border:2px solid var(--app-accent)}.profile p{margin:0 0 2px;font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{color:var(--app-menu-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile>div{min-width:0;flex:1}.profile-menu-btn{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--app-border);background:transparent;color:#cbd5e1;cursor:pointer}.profile-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;background:var(--app-sidebar-bg);border:1px solid var(--app-border);border-radius:10px;padding:8px;z-index:7;box-shadow:0 14px 28px #02061759}.profile-menu-link{display:block;width:100%;text-align:left;color:#e2e8f0;padding:8px 10px;border-radius:8px;background:transparent;border:none;font:inherit;cursor:pointer}.profile-menu-link:hover{background:#334155}.profile-menu-btn-danger{color:#fecaca}.content{margin-left:280px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.layout.sidebar-collapsed .content{margin-left:0}.content-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 28px 18px;display:flex;flex-direction:column}.top-header{flex:0 0 auto;z-index:4;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;background:var(--app-header-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--app-border)}.header-actions{display:flex;align-items:center;gap:8px}.tier-pill{border:1px solid var(--app-border);background:var(--app-card-bg);color:var(--app-text);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;letter-spacing:.04em}.header-currency-select{width:98px}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--app-border);background:var(--app-input-bg);color:var(--app-text);font-size:1.1rem;cursor:pointer}[data-theme-mode=dark] .icon-btn{background:#1f2937;border-color:#374151;color:#f9fafb}.muted{color:var(--app-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}.card,.table-card,.form-card{background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:14px;padding:18px}.card h2{margin-top:0;font-size:.95rem}.card p{font-size:1.45rem;margin:8px 0 4px;font-weight:700}.table-card{margin-top:16px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--app-border);padding:10px 6px;font-size:.9rem}.form-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.field{display:grid;gap:7px;margin-bottom:12px}label{font-weight:600;font-size:.9rem}input,select{border:1px solid var(--app-border);border-radius:10px;padding:10px;font:inherit;background:var(--app-input-bg);color:var(--app-text)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--app-muted) 50%),linear-gradient(135deg,var(--app-muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 10px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}select:hover{border-color:color-mix(in srgb,var(--app-accent) 45%,var(--app-border))}select:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 22%,transparent)}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--app-border);border-radius:12px;padding:10px 12px;font:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--app-input-bg) 96%,white),var(--app-input-bg));color:var(--app-text);cursor:pointer}.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--app-accent) 45%,var(--app-border))}.custom-select-caret{color:var(--app-muted);font-size:.8rem}.custom-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid var(--app-border);border-radius:12px;background:var(--app-dropdown-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 28px #02061759;padding:6px;z-index:20;max-height:240px;overflow-y:auto}.custom-select-item{width:100%;text-align:left;border:none;background:transparent;color:var(--app-dropdown-text);border-radius:9px;padding:9px 10px;font:inherit;cursor:pointer}.custom-select-item:hover{background:var(--app-dropdown-hover)}.custom-select-item.active{background:var(--app-dropdown-hover);color:var(--app-dropdown-text)}.header-currency-select .custom-select-trigger{padding:8px 10px;font-weight:700}.btn{border:none;border-radius:10px;padding:11px 14px;font:inherit;font-weight:700;font-size:.9rem;background:var(--app-button);color:#fff;cursor:pointer}.btn-inline{padding:6px 10px;font-size:.8rem;margin-right:6px}.btn-outline{background:transparent;border:1px solid #475569;color:var(--app-text)}.btn-google{background:#fff;color:#1f2937;border:1px solid #d1d5db;box-shadow:0 1px 2px #0f172a14}.btn-google:hover{background:#f8fafc}[data-theme-mode=dark] .btn-google{background:#fff;color:#111827;border-color:#cbd5e1}.login-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.google-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.success{color:#166534}.error{color:#b91c1c}.alert{position:fixed;top:16px;right:16px;width:min(420px,calc(100vw - 32px));border:1px solid var(--app-border);border-radius:12px;padding:10px 36px 10px 12px;font-size:.88rem;font-weight:600;z-index:60;box-shadow:0 10px 22px #02061740;animation:toast-in .18s ease}.alert-success{color:#166534;background:color-mix(in srgb,#22c55e 14%,var(--app-card-bg));border-color:color-mix(in srgb,#22c55e 38%,var(--app-border));top:16px}.alert-error{color:#991b1b;background:color-mix(in srgb,#ef4444 14%,var(--app-card-bg));border-color:color-mix(in srgb,#ef4444 38%,var(--app-border));top:86px}[data-theme-mode=dark] .alert-success{color:#bbf7d0}[data-theme-mode=dark] .alert-error{color:#fecaca}.alert-text{display:block}.alert-close-btn{position:absolute;top:6px;right:8px;border:none;background:transparent;color:inherit;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px}.alert-close-btn:hover{background:color-mix(in srgb,var(--app-border) 70%,transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.row-field{display:flex;align-items:center;justify-content:space-between;gap:16px}.color-input-wrap{display:flex;align-items:center;gap:8px}.color-input-wrap input[type=color]{width:44px;height:36px;padding:4px}.app-footer{flex:0 0 auto;padding:10px 28px;color:var(--app-muted);font-size:.9rem;border-top:1px solid var(--app-border);background:var(--app-header-bg)}.perm-grid{display:grid;gap:4px;max-height:180px;overflow:auto}.perm-item{display:flex;align-items:center;gap:6px;font-size:.78rem}.role-page .section-head h1{margin-bottom:6px}.role-page .section-head p{margin-top:0}.role-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.role-grid{grid-template-columns:1.2fr 1fr;align-items:start}.role-create-card,.role-presets-card,.role-detail-card,.role-table-card{border-radius:16px}.role-preset-list{margin:0;padding-left:16px;display:grid;gap:8px}.role-perm-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:280px;padding:2px}.perm-chip{border:1px solid var(--app-border);background:color-mix(in srgb,var(--app-card-bg) 84%,transparent);border-radius:10px;padding:8px 10px}.perm-group-items{margin-top:8px}.role-perm-cell{max-width:580px;color:var(--app-muted)}.role-detail-actions{margin-top:14px}.grid-pagination{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--app-muted);font-size:.85rem}.admin-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.admin-chart-card h3{margin-top:0;margin-bottom:12px}.admin-bars{display:grid;gap:10px}.admin-bar-row{display:grid;gap:6px}.admin-bar-meta{display:flex;align-items:center;justify-content:space-between;font-size:.86rem}.admin-bar-track{width:100%;height:10px;border-radius:999px;background:color-mix(in srgb,var(--app-border) 70%,transparent);overflow:hidden}.admin-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--app-button),var(--app-accent))}.budget-layout{margin-top:14px;display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.budget-main{display:grid;gap:14px}.budget-summary{position:sticky;top:8px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--app-card-bg) 90%,white),color-mix(in srgb,var(--app-card-bg) 80%,transparent))}.budget-summary-title{margin:0;font-size:1.02rem}.budget-summary-subtitle{margin:6px 0 12px;font-size:.82rem;color:var(--app-muted)}.budget-summary-list{display:grid;gap:9px}.budget-summary-item{border:1px solid color-mix(in srgb,var(--app-border) 80%,var(--app-accent));border-radius:12px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--app-input-bg) 88%,transparent)}.budget-summary-item strong{font-size:.86rem}.budget-summary-item span{font-weight:700;font-size:.86rem;color:color-mix(in srgb,var(--app-text) 86%,var(--app-accent))}.budget-total{margin-top:12px;border-top:1px dashed color-mix(in srgb,var(--app-border) 80%,var(--app-accent));padding-top:11px;display:flex;align-items:center;justify-content:space-between}.budget-total p{margin:0;font-weight:700;color:var(--app-accent)}.budget-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;z-index:30;padding:20px}.budget-modal-card{width:min(760px,100%)}.budget-modal-shell{border-radius:18px;box-shadow:0 22px 44px #02061759;border:1px solid color-mix(in srgb,var(--app-accent) 24%,var(--app-border))}.budget-modal-shell h2{margin-top:0;margin-bottom:12px}.budget-modal-form{display:grid;gap:10px}.budget-predefined-card{margin-top:4px;border-radius:14px;border:1px solid color-mix(in srgb,var(--app-button) 28%,var(--app-border));background:color-mix(in srgb,var(--app-card-bg) 88%,transparent)}.month-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:10px}.month-check-item{border:1px solid var(--app-border);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:7px;background:var(--app-input-bg);font-weight:600}.month-check-item:hover{border-color:color-mix(in srgb,var(--app-accent) 45%,var(--app-border))}.budget-open-btn,.budget-modal-primary-btn,.budget-modal-secondary-btn{min-height:40px}.budget-category-open-btn{min-height:40px;min-width:150px}.budget-open-btn{min-width:150px}.budget-modal-primary-btn{min-width:132px}.budget-modal-secondary-btn{min-width:110px}.budget-category-modal-shell{width:min(520px,100%)}.income-modal-shell{width:min(620px,100%)}.budget-filter-actions{margin-top:10px;justify-content:flex-start;gap:10px}.emi-card{border-radius:16px}.emi-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.emi-card-head h2{margin:0}.emi-type-badge{text-transform:capitalize;font-size:.76rem;font-weight:700;border-radius:999px;padding:4px 9px;border:1px solid var(--app-border);color:var(--app-text);background:color-mix(in srgb,var(--app-accent) 18%,transparent)}.emi-type-loan{background:color-mix(in srgb,#22c55e 22%,transparent)}.emi-type-credit_card{background:color-mix(in srgb,#0ea5e9 22%,transparent)}.emi-type-other{background:color-mix(in srgb,#a78bfa 18%,transparent)}.emi-amount{margin:8px 0 10px}.emi-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.emi-meta-row{display:flex;flex-direction:column;gap:2px}.emi-meta-row span{color:var(--app-muted);font-size:.78rem}.emi-meta-row strong{font-size:.86rem}.emi-top-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}.emi-top-stat{border:1px solid var(--app-border);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--app-card-bg) 88%,transparent)}.emi-top-stat span{display:block;font-size:.78rem;color:var(--app-muted);margin-bottom:3px}.emi-top-stat strong{font-size:1rem}.saving-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#02061759;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.saving-overlay-card{min-width:300px;max-width:440px;padding:18px 20px;border-radius:12px;border:1px solid var(--app-border);background:var(--app-card-bg);color:var(--app-text);display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px #0206172e}.saving-overlay-card p{margin:0;font-weight:600}.saving-spinner{width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,var(--app-button) 30%,transparent);border-top-color:var(--app-button);animation:spin .85s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-content-only{margin-left:0}.onboarding-content-body{padding:0}.onboarding-shell{min-height:100vh;position:relative;display:grid;place-items:center;padding:24px;overflow:hidden}.onboarding-bg-shape{position:absolute;border-radius:999px;filter:blur(2px);opacity:.75}.onboarding-bg-shape-1{width:340px;height:340px;right:-90px;top:-90px;background:color-mix(in srgb,var(--app-accent) 52%,transparent)}.onboarding-bg-shape-2{width:280px;height:280px;left:-80px;bottom:-110px;background:color-mix(in srgb,var(--app-button) 44%,transparent)}.onboarding-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.onboarding-bubble{position:absolute;border-radius:999px;background:color-mix(in srgb,var(--app-accent) 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-border) 70%,transparent);opacity:.5;animation:onboardingFloat 8s ease-in-out infinite}.onboarding-bubble.bubble-1{width:26px;height:26px;left:12%;top:22%;animation-duration:5.2s;background:color-mix(in srgb,#22c55e 40%,transparent)}.onboarding-bubble.bubble-2{width:44px;height:44px;left:28%;top:66%;animation-duration:7.2s;animation-delay:.6s;background:color-mix(in srgb,#0ea5e9 42%,transparent)}.onboarding-bubble.bubble-3{width:34px;height:34px;left:52%;top:16%;animation-duration:6.4s;animation-delay:.4s;background:color-mix(in srgb,#f59e0b 42%,transparent)}.onboarding-bubble.bubble-4{width:62px;height:62px;left:74%;top:40%;animation-duration:8.2s;animation-delay:1s;background:color-mix(in srgb,#8b5cf6 36%,transparent)}.onboarding-bubble.bubble-5{width:28px;height:28px;left:84%;top:72%;animation-duration:5.8s;animation-delay:.2s;background:color-mix(in srgb,#ef4444 36%,transparent)}.onboarding-bubble.bubble-6{width:52px;height:52px;left:42%;top:82%;animation-duration:8.8s;animation-delay:.8s;background:color-mix(in srgb,#14b8a6 40%,transparent)}.onboarding-card{position:relative;z-index:2;width:min(860px,100%);background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:22px;padding:28px;box-shadow:0 18px 40px #02061726}.onboarding-kicker{display:inline-flex;border-radius:999px;border:1px solid var(--app-border);padding:5px 10px;font-size:.74rem;margin:0;color:var(--app-muted)}.onboarding-card h1{margin:10px 0 6px}.onboarding-progress{margin:16px 0 18px;display:flex;gap:8px}.onboarding-dot{width:26px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--app-border) 75%,transparent);transition:width .2s ease,background .2s ease}.onboarding-dot.active{width:42px;background:var(--app-button)}.onboarding-dot.done{background:color-mix(in srgb,var(--app-accent) 60%,transparent)}.onboarding-step-card{margin-top:4px;border:1px solid var(--app-border);border-radius:16px;padding:20px;background:color-mix(in srgb,var(--app-card-bg) 86%,transparent);animation:onboardingFade .28s ease}.onboarding-step-card h2{margin-top:0;margin-bottom:8px}.onboarding-step-card p{margin:0;color:var(--app-muted);line-height:1.55}.onboarding-feature-list{margin-top:14px;display:grid;gap:8px}.onboarding-feature-item{display:flex;align-items:center;gap:8px;color:var(--app-text);font-size:.9rem}.onboarding-feature-dot{width:8px;height:8px;border-radius:999px;background:var(--app-button);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-button) 20%,transparent)}.onboard-mock-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.onboard-mock-box{border:1px solid var(--app-border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--app-card-bg) 84%,transparent)}.onboard-mock-box span{display:block;color:var(--app-muted);font-size:.78rem}.onboard-mock-box strong{font-size:.95rem}.onboard-mock-chart{grid-column:1 / -1;border:1px solid var(--app-border);border-radius:10px;padding:10px;height:98px;display:flex;align-items:flex-end;gap:7px;background:color-mix(in srgb,var(--app-card-bg) 84%,transparent)}.onboard-bar{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--app-accent),var(--app-button))}.onboard-mock-list{margin-top:14px;border:1px solid var(--app-border);border-radius:10px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--app-card-bg) 84%,transparent)}.onboard-mock-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding-bottom:6px;border-bottom:1px dashed var(--app-border);font-size:.86rem}.onboard-mock-row:last-child{border-bottom:none;padding-bottom:0}.onboard-mock-row span{color:var(--app-muted)}.onboard-mock-actions{display:flex;gap:8px;flex-wrap:wrap}.onboard-mock-row-lookup{grid-template-columns:1fr auto auto}.onboarding-actions{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.onboarding-actions-right{display:flex;align-items:center;gap:8px}@keyframes onboardingFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardingFloat{0%{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-14px) translate(8px) scale(1.05)}50%{transform:translateY(-4px) translate(-10px) scale(.96)}75%{transform:translateY(-18px) translate(5px) scale(1.02)}to{transform:translateY(0) translate(0) scale(1)}}@media (max-width: 900px){.layout{height:100vh}.budget-layout{grid-template-columns:1fr}.sidebar{width:min(280px,85vw);z-index:7}.sidebar.hide{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.content{margin-left:0}.top-header{padding:12px 20px}.content-body{padding:12px 20px 16px}.app-footer{padding:10px 20px}.header-currency-select{width:84px}.layout.sidebar-collapsed .content{margin-left:0}.onboard-mock-grid{grid-template-columns:1fr}.onboard-mock-row{grid-template-columns:1fr;gap:4px}.onboard-mock-row-lookup{grid-template-columns:1fr}}