:root{
  --bg:#f5f7fb;--panel:#fff;--text:#171923;--muted:#6b7280;--line:#e8ebf1;--accent:#5b67f1;--accent-soft:#eef0ff;--good:#1f9d69;--warn:#d97706;--danger:#dc4c64;--shadow:0 10px 30px rgba(20,24,40,.06)
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#11131a;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:34px;padding:0 8px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#5b67f1);box-shadow:0 0 0 6px rgba(91,103,241,.14)}.brand strong{display:block;font-size:18px}.brand span{font-size:12px;color:#a6adba}.sidebar nav{display:grid;gap:6px}.nav-btn{border:0;background:transparent;color:#aeb5c2;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:#20232d;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.ghost-btn,.primary-btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.sidebar .ghost-btn{background:transparent;color:#d7dbe4;border-color:#303541;text-align:center}.file-label{display:block}.primary-btn{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.main{padding:28px 34px 50px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:800;margin:0 0 7px}.topbar h1,.panel h2{margin:0}.topbar h1{font-size:30px}.month-control{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.month-control button{border:0;background:#fff;width:42px;height:42px;cursor:pointer}.month-control input{border:0;padding:0 10px;height:42px;outline:0}.section{display:none}.active-section{display:block}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.hero-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.hero-card{padding:20px}.hero-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.hero-card strong{display:block;font-size:26px}.hero-card small{display:block;color:var(--muted);margin-top:8px}.hero-card.available{background:#171923;color:#fff}.hero-card.available span,.hero-card.available small{color:#aeb5c2}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.panel{padding:22px}.panel-head{margin-bottom:20px}.row-between{display:flex;justify-content:space-between;gap:16px;align-items:center}.allocation{display:grid;gap:16px}.allocation-row{display:grid;grid-template-columns:120px 1fr 110px;align-items:center;gap:12px;font-size:13px}.bar-track{height:9px;background:#eef0f4;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px}.goal-box label{color:var(--muted);font-size:13px}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;margin:10px 0 18px;padding:0 14px}.money-input span{font-weight:700}.money-input input{border:0;outline:0;padding:14px 8px;font-size:24px;font-weight:700;width:100%}.progress-track{height:12px;background:#eef0f4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#5b67f1,#8b5cf6)}.goal-box p{color:var(--muted);font-size:13px;margin-bottom:0}.summary-rows{display:grid}.summary-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:var(--muted);font-size:12px}.table-total{text-align:right;margin-top:16px}.delete-btn,.edit-btn{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:6px}.edit-btn:hover{color:var(--accent)}.delete-btn:hover{color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.single{grid-template-columns:1fr}.form-grid label,dialog label{display:grid;gap:7px;color:var(--muted);font-size:13px}.form-grid input,dialog input,dialog select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:0;background:#fff}.form-grid input:focus,dialog input:focus,dialog select:focus{border-color:var(--accent)}.toggle-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.rent-result{margin-top:18px;padding:16px;background:var(--accent-soft);border-radius:12px}.rent-result span,.rent-result small{display:block;color:var(--muted)}.rent-result strong{display:block;font-size:24px;margin:6px 0}.hidden{display:none!important}dialog{border:0;border-radius:16px;padding:0;width:min(520px,92vw);box-shadow:0 25px 80px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(17,19,26,.48)}#expenseForm{padding:22px;display:grid;gap:14px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h3{margin:0}.icon-btn{border:0;background:transparent;font-size:26px;cursor:pointer}.dialog-actions{justify-content:flex-end;margin-top:4px}.grid-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.app-shell{grid-template-columns:190px 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-footer{display:none}.main{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.hero-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.allocation-row{grid-template-columns:100px 1fr 90px}}
.card-actions{display:flex;gap:10px;align-items:center}.card-actions .ghost-btn{background:#fff}.wide-dialog{width:min(920px,94vw)}#cardImportForm{padding:22px;display:grid;gap:16px}.wide-dialog textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:#fbfcff}.wide-dialog textarea:focus{border-color:var(--accent)}.left-actions{justify-content:flex-start}.import-preview{display:grid;gap:14px}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-stats>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px}.preview-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.preview-stats strong{font-size:18px}.preview-warning{padding:11px 13px;border-radius:10px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-size:13px}.import-table-wrap{max-height:330px;border:1px solid var(--line);border-radius:12px}.import-total{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:var(--accent-soft)}.import-total span{color:var(--muted)}.import-total strong{font-size:20px}.details-shell{padding:22px}.details-shell>.dialog-head{margin-bottom:16px}.details-shell .preview-stats{margin-bottom:14px}.view-btn{border:0;background:var(--accent-soft);color:var(--accent);font-weight:600;border-radius:8px;padding:7px 9px;cursor:pointer;margin-right:4px}.amount-secondary{display:block;color:var(--muted);font-size:11px;margin-top:3px}.card-summary-note{color:var(--muted);font-size:11px;display:block;margin-top:4px}
@media(max-width:760px){.preview-stats{grid-template-columns:1fr 1fr}.card-actions{width:100%;flex-wrap:wrap}.row-between{align-items:flex-start;flex-direction:column}}