:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1e1b;--card:#1b3230;--card-alt:#19322c;--card-icon-bg:#28423d;--gold:#e9b657;--gold-banner-bg:#382f1a;--teal:#52a88d;--text:#f5f5f0;--text-muted:#91a39c;--border:#2b4742;--danger:#e77b70;--radius:22px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#23403a,transparent 34rem),var(--bg);min-height:100vh;margin:0}a{color:var(--gold)}.app-shell{min-height:100vh;padding:32px 24px 124px}.page,.panel{width:min(100%,1060px);margin:auto}.page{gap:20px;display:grid}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(22px,4vw,38px)}.narrow{max-width:480px}.wide{max-width:1060px}.eyebrow,.card-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:800;display:block}.hero,.page-header{justify-content:space-between;gap:20px;display:flex}.hero h1,.page-header h1,.panel h1{margin:.12em 0;font-size:clamp(2rem,6vw,3.7rem);line-height:1.05}.hero p,.page-header p,.panel>p,.card p{color:var(--text-muted)}.avatar{background:var(--gold);color:#172521;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.avatar.large{width:76px;height:76px;font-size:1.7rem}.card,.stat-tile,.card-surface,.filter-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card-link{color:inherit;text-decoration:none;transition:all .18s}.card-link:hover{border-color:#527068;transform:translateY(-2px)}.card-link:active{transform:scale(.985)}.income-card{background:linear-gradient(135deg,#213d37,var(--card-alt));gap:6px;display:grid}.hero-value{color:var(--gold);font-size:clamp(2rem,7vw,4.2rem)}.stats-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat-tile{gap:10px;display:grid}.stat-tile span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.stat-tile strong{font-size:1.35rem}.stat-gold strong{color:var(--gold)}.stat-teal strong{color:var(--teal)}.tip-card{background:var(--gold-banner-bg);border-color:#745e31;justify-content:space-between;align-items:center;display:flex}.tip-card strong{color:var(--gold);font-size:1.35rem;display:block}.card-arrow{font-size:2rem}.quick-grid .card,.profile-card{align-items:center;gap:15px;display:flex}.card-icon,.service-mark{background:var(--card-icon-bg);height:44px;color:var(--gold);border-radius:50%;flex:0 0 44px;place-items:center;font-weight:900;display:grid}.section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.section-heading h2{margin:0}.transaction-list{display:grid}.card-surface{padding:6px 20px}.transaction-row{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:15px 2px;text-decoration:none;display:flex}.transaction-row:last-child{border:0}.transaction-copy{flex:1;gap:4px;min-width:0;display:grid}.transaction-copy small,.transaction-money small{color:var(--text-muted)}.transaction-money{text-align:right;font-weight:800;display:grid}.paid-text{color:var(--teal)!important}.due-text,.gold-text{color:var(--gold)!important}.bottom-nav{z-index:30;border:1px solid var(--border);background:#142824ed;border-radius:24px;grid-template-columns:repeat(5,1fr);width:min(100% - 28px,620px);padding:7px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.bottom-nav a{color:#748881;border:1px solid #0000;border-radius:17px;place-items:center;gap:3px;min-height:58px;font-size:.68rem;font-weight:750;text-decoration:none;display:grid}.bottom-nav a.active{color:var(--gold);background:#2c2d20;border-color:#725d33}.nav-icon{font-size:1.3rem}.count-badge,.active-dot,.status{border-radius:99px;width:max-content;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.count-badge,.active-dot,.paid{color:var(--teal);background:#183d34;border:1px solid #346b5e}.due{color:#f2c66f;background:#4a371d}.card-list,.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.status-card-top{color:var(--text-muted);justify-content:space-between;font-size:.82rem;display:flex}.empty-state{text-align:center;border-radius:var(--radius);min-height:210px;color:var(--text-muted);border:1px dashed #46635d;place-items:center;gap:10px;padding:30px;display:grid}.empty-state>span{color:var(--gold);font-size:2rem}.filter-card,.filters,.form-grid,.stack{gap:15px;display:grid}.filter-card{grid-template-columns:repeat(3,1fr) auto auto;align-items:end}.filters{grid-template-columns:1.2fr 1fr 1fr auto auto;align-items:end;margin:22px 0}.form-grid{grid-template-columns:repeat(2,1fr);margin-top:25px}.stack{margin-top:25px}label{gap:7px;font-weight:700;display:grid}input,select,textarea{width:100%;font:inherit;color:var(--text);background:#10231f;border:1px solid #3a5751;border-radius:13px;padding:12px}button,.button{min-height:44px;font:inherit;border:1px solid var(--gold);background:var(--gold);color:#16241f;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;padding:10px 15px;font-weight:850;text-decoration:none;transition:all .18s;display:inline-flex}.secondary{color:var(--gold);background:0 0}.danger{background:var(--danger);border-color:var(--danger)}button:disabled{opacity:.55}.actions{flex-wrap:wrap;gap:10px;display:flex}.full{grid-column:1/-1}.error,.info,.success,.draft-banner,.deleted-banner{border:1px solid;border-radius:14px;padding:13px 15px}.error,.deleted-banner{color:#ffaaa1;background:#3c2422;border-color:#71423d}.info,.success{color:#b9eadc;background:#173a32;border-color:#3c786a}.draft-banner{color:#f4d695;background:var(--gold-banner-bg);border-color:#745e31;margin:18px 0}.table-wrap{border:1px solid var(--border);border-radius:16px;overflow:auto}table{border-collapse:collapse;background:#142824;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px}th{color:var(--text-muted)}.details{grid-template-columns:repeat(2,1fr);gap:0 24px;display:grid}.details div,.account-details div,.simple-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:13px;display:flex}.details dd,.account-details dd{margin:0;font-weight:750}.actions-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;display:grid}.action-panel{border:1px solid var(--border);background:#142824;border-radius:18px;gap:12px;padding:19px;display:grid}.action-panel h2{margin:0}.simple-list{border:1px solid var(--border);border-radius:16px;margin:12px 0 22px;overflow:hidden}.feedback{justify-content:space-between;display:flex}.feedback button{min-height:auto;color:inherit;background:0 0;border:0;padding:2px 7px}.loading-line{background:linear-gradient(90deg,var(--gold),var(--teal));height:3px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.25}}@media (max-width:760px){.app-shell{padding:22px 15px 116px}.filter-card,.filters,.form-grid,.actions-grid,.details{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.panel{padding:22px}}@media (max-width:430px){.quick-grid{grid-template-columns:1fr}.transaction-money{font-size:.85rem}.bottom-nav a{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}