:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:320px;margin:0}a{color:inherit}p{margin:0}*{box-sizing:border-box}html{font-size:16px}body{color:#e2e8f0;background:linear-gradient(#0f172a 0%,#111827 48%,#020617 100%);margin:0;font-family:Inter,Segoe UI,sans-serif}#root{min-height:100vh}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{gap:16px;width:100%;margin:0 auto;padding:16px 12px 96px;display:grid}.auth-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-panel{background:#0f172ae6;border:1px solid #94a3b833;border-radius:20px;gap:18px;width:min(560px,100%);padding:20px;display:grid;box-shadow:0 30px 80px #0f172a59}.auth-form,.budget-account-form,.budget-planning-form,.assignment-list,.budget-account-list,.assignment-card-copy{gap:12px;display:grid}.auth-form label,.budget-planning-form label,.budget-account-form label,.assignment-select-label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}.auth-form input,.budget-account-form input,.budget-account-form textarea,.assignment-select-label select,.budget-planning-form input,.budget-planning-form select{color:#f8fafc;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:12px;width:100%;padding:12px 14px}.auth-form input:focus-visible,.budget-account-form input:focus-visible,.budget-account-form textarea:focus-visible,.assignment-select-label select:focus-visible,.budget-planning-form input:focus-visible,.budget-planning-form select:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.hero-panel,.panel,.feedback-panel,.stat-card,.budget-planning-card,.budget-account-card,.assignment-card{background:#0f172ae0;border:1px solid #94a3b833;border-radius:20px;box-shadow:0 30px 80px #0f172a59}.hero-panel,.status-grid,.content-grid,.budget-planning-list,.budget-planning-transactions,.account-list{gap:16px;display:grid}.hero-panel{grid-template-columns:1fr;align-items:start;padding:20px}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.7rem;display:inline-flex}h1,h2{color:#f8fafc;margin:0}h1{font-size:clamp(1.8rem,8vw,2.7rem);line-height:1.1}h2{font-size:1.2rem}.hero-copy,.panel-header p,.account-card p,.feedback-panel p,.transaction-subtext,.empty-state,.budget-planning-card-header p,.budget-planning-empty,.budget-planning-transaction p,.budget-account-card p,.assignment-card p{color:#94a3b8}.hero-copy{max-width:none;margin-top:12px;font-size:.98rem}.hero-actions,.budget-planning-card-actions,.budget-account-form-actions,.budget-account-card-actions{gap:10px;width:100%;display:grid}.mobile-nav-wrap{width:100%;position:relative}.menu-trigger{color:#e2e8f0;width:100%;min-height:48px;font:inherit;background:#1e293bb3;border:1px solid #94a3b833;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:inline-flex}.view-menu-popup{z-index:20;background:#0f172af5;border:1px solid #94a3b833;border-radius:18px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px #0f172a73}.view-tab,button{cursor:pointer;border:0;border-radius:999px;width:100%;min-height:48px;padding:14px 18px;transition:transform .15s,opacity .15s}.view-tab{color:#cbd5e1;background:#1e293bb3;border:1px solid #94a3b833}.view-tab.active{color:#020617;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.mobile-floating-action{z-index:20;width:auto;min-width:150px;position:fixed;bottom:88px;right:16px;box-shadow:0 18px 40px #38bdf859}.primary-button{color:#020617;background:linear-gradient(135deg,#38bdf8,#818cf8);font-weight:700}.secondary-button{color:#e2e8f0;background:#1e293bf2;border:1px solid #94a3b833}.status-grid,.content-grid,.budget-planning-summary-grid{grid-template-columns:1fr}.stat-card,.feedback-panel,.panel{padding:20px}.stat-label{color:#94a3b8;margin-bottom:8px;font-size:.875rem;display:block}.stat-card strong,.compact-stat-card strong,.account-card strong,.transaction-table strong{color:#f8fafc}.stat-card strong{font-size:1.5rem}.content-grid{align-items:start}.panel-header{flex-direction:column;justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.account-card{border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px;display:grid}.account-card.selected,.budget-account-card.selected{border-color:#38bdf899;box-shadow:inset 0 0 0 1px #38bdf833}.account-card span{grid-column:2;font-weight:700}.account-card-with-owners{grid-template-columns:1fr auto;gap:12px 16px}.account-card-selection{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.account-card-selection input{block-size:18px;inline-size:18px}.account-owner-label{color:#cbd5e1;grid-column:1/-1;gap:8px;font-size:.92rem;display:grid}.account-owner-label textarea{color:#f8fafc;width:100%;font:inherit;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:10px;padding:10px 12px}.account-owner-label textarea:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.transaction-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%;min-width:640px}.budget-planning-panel,.budget-accounts-panel,.assignment-panel{gap:20px;display:grid}.user-budget-accounts-panel{gap:14px;display:grid}.user-budget-accounts-header{margin-bottom:0}.assigned-budget-account-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.assigned-budget-account-item{background:#0f172a8c;border:1px solid #94a3b84d;border-radius:14px;gap:10px;padding:12px 14px;display:grid}.assigned-budget-account-item-header{justify-content:space-between;align-items:center;display:flex}.assigned-budget-account-metrics{gap:4px;display:grid}.assigned-budget-account-metrics p,.budget-usage-label{color:#cbd5e1;margin:0;font-size:.9rem}.budget-usage-track{background:#1e293bf2;border-radius:999px;width:100%;height:10px;overflow:hidden}.budget-usage-fill{border-radius:inherit;background:linear-gradient(90deg,#34d399,#22c55e);height:100%;display:block}.budget-usage-fill.over{background:linear-gradient(90deg,#f59e0b,#ef4444)}.assigned-budget-account-details{background:#02061759;border:1px solid #94a3b833;border-radius:12px;padding:10px 12px}.assigned-budget-account-details summary{cursor:pointer;color:#e2e8f0;font-weight:600}.assigned-budget-account-empty{color:#94a3b8;margin:10px 0 0}.assigned-budget-transaction-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.assigned-budget-transaction-item{background:#0f172a99;border:1px solid #94a3b829;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.assigned-budget-transaction-item p{color:#94a3b8;margin:6px 0 0;font-size:.86rem}.budget-usage-label{color:#e2e8f0;font-weight:500}.budget-planning-form{grid-template-columns:1fr;align-items:end}.budget-planning-card,.budget-account-card,.assignment-card{gap:16px;padding:18px;display:grid}.budget-planning-card-header,.assignment-card-topline{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.budget-planning-transaction{background:#02061759;border:1px solid #94a3b81f;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.budget-account-card{grid-template-columns:1fr}.budget-account-card-actions,.budget-planning-card-actions{flex-direction:column}@media (width<=390px){body{min-width:320px}.app-shell{padding-bottom:88px;padding-left:12px;padding-right:12px}.auth-shell,.auth-panel,.hero-panel,.stat-card,.feedback-panel,.panel{padding:16px}.hero-panel{gap:12px}.view-tab,button{font-size:.95rem}.mobile-floating-action{min-width:134px;bottom:84px;right:12px}}.panel-header{justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.account-list{gap:12px;display:grid}.account-card{background:#0f172a80;border:1px solid #94a3b829;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.account-card.selected{border-color:#38bdf899;box-shadow:inset 0 0 0 1px #38bdf833}.account-card input{block-size:18px;inline-size:18px}.account-card strong,.transaction-table strong{color:#f8fafc}.transaction-table-wrapper{overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%}.transaction-table th,.transaction-table td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b81f;padding:14px 12px}.transaction-table th{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.85rem}.budget-accounts-panel,.assignment-panel,.budget-planning-panel{gap:20px;display:grid}.budget-planning-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.compact-stat-card{padding:18px}.compact-stat-card strong{font-size:1.4rem}.positive-balance{color:#86efac}.negative-balance{color:#fca5a5}.budget-planning-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.budget-planning-controls{gap:8px;max-width:220px;display:grid}.budget-planning-controls label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}.budget-planning-controls input{color:#f8fafc;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:12px;width:100%;padding:12px 14px}.budget-planning-controls input:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.budget-planning-table-wrapper{overflow-x:auto}.budget-planning-table{border-collapse:collapse;width:100%;min-width:980px}.budget-planning-table th,.budget-planning-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:12px 10px}.budget-planning-table th{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;white-space:nowrap;font-size:.75rem}.budget-planning-table td input{color:#f8fafc;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:10px;width:120px;padding:8px 10px}.budget-planning-table td input:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.budget-planning-table tfoot td{background:#02061759;border-top:1px solid #94a3b847}.budget-planning-table-total-row strong{color:#f8fafc}.budget-planning-form label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}.budget-planning-form input,.budget-planning-form select{color:#f8fafc;width:100%;font:inherit;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:12px;padding:12px 14px}.budget-planning-form input:focus-visible,.budget-planning-form select:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.budget-planning-list{gap:14px;display:grid}.budget-planning-card{background:#0f172a80;border:1px solid #94a3b829;border-radius:18px;gap:16px;padding:18px;display:grid}.budget-planning-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.budget-planning-card-header p,.budget-planning-empty,.budget-planning-transaction p{color:#94a3b8;margin:6px 0 0}.budget-planning-remaining{text-align:right;font-weight:700}.budget-planning-metrics{color:#cbd5e1;flex-wrap:wrap;gap:12px 18px;display:flex}.budget-planning-metrics strong{color:#f8fafc}.budget-planning-card-actions{flex-wrap:wrap;gap:10px;display:flex}.budget-planning-transactions{gap:10px;display:grid}.budget-planning-transaction{background:#02061759;border:1px solid #94a3b81f;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.budget-account-form{gap:16px;margin-bottom:6px;display:grid}.budget-account-form label,.assignment-select-label{color:#cbd5e1;gap:8px;font-size:.92rem;display:grid}.budget-account-form input,.budget-account-form textarea,.assignment-select-label select{color:#f8fafc;width:100%;font:inherit;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:12px;padding:12px 14px}.budget-account-form input:focus-visible,.budget-account-form textarea:focus-visible,.assignment-select-label select:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.assignment-suggestions{flex-wrap:wrap;gap:8px;display:flex}.assignment-suggestion-button{width:auto;min-width:0;padding:8px 12px}.budget-account-form-actions{flex-wrap:wrap;gap:12px;display:flex}.budget-account-list,.assignment-list{gap:12px;display:grid}.budget-account-card,.assignment-card{background:#0f172a80;border:1px solid #94a3b829;border-radius:16px;padding:16px;box-shadow:inset 0 0 0 1px #94a3b80a}.budget-account-card{gap:12px;display:grid}.budget-account-card-compact{justify-content:space-between;align-items:center;gap:16px;display:flex}.budget-account-card-main{min-width:0}.budget-account-card.selected{border-color:#38bdf899;box-shadow:inset 0 0 0 1px #38bdf833}.budget-account-card p,.assignment-card p{color:#94a3b8}.budget-account-card-actions{flex-flow:row;gap:10px;width:auto;margin-left:auto;display:flex}.budget-account-card-actions button{white-space:nowrap;width:auto;min-width:0}.budget-account-edit-overlay{z-index:60;background:#020617b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.budget-account-edit-dialog{background:#0f172afa;border:1px solid #94a3b84d;border-radius:18px;gap:14px;width:min(560px,100%);padding:18px;display:grid;box-shadow:0 24px 48px #02061773}.budget-account-edit-dialog h3{color:#f8fafc;margin:0}@media (width<=640px){.budget-account-card-compact{flex-direction:column;align-items:flex-start}.budget-account-card-compact .budget-account-card-actions{margin-left:0}}.assignment-card{gap:14px;display:grid}.assignment-card-copy{gap:6px;display:grid}.assignment-card-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.assignment-card-topline strong{font-size:1rem}.assignment-button{width:100%}.expense{color:#fda4af}.income{color:#86efac}.empty-state{margin:0;padding:32px 0}@media (width<=960px){.hero-panel,.content-grid,.status-grid{grid-template-columns:1fr}.hero-actions,.view-tabs{justify-content:flex-start}.budget-planning-summary-grid,.budget-planning-form{grid-template-columns:1fr}.budget-planning-card-header,.budget-planning-transaction{flex-direction:column}}@media (width<=640px){.app-shell{padding:20px 16px 56px}.hero-panel,.stat-card,.feedback-panel,.panel{padding:20px}.assignment-card-topline,.budget-account-card-actions{flex-direction:column}}