:root{color:#17211c;background:#f5f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-shell{align-items:center;display:grid;min-height:100vh;padding:18px 14px}.login-panel{background:#fff;border:1px solid #e0e6e2;border-radius:8px;box-shadow:0 16px 40px #17211c14;display:grid;gap:18px;margin:0 auto;max-width:420px;padding:22px;width:100%}.login-icon{align-items:center;background:#edf8f1;border:1px solid #c9ead5;border-radius:8px;color:#0d713c;display:inline-flex;height:48px;justify-content:center;width:48px}.login-panel h1{font-size:1.7rem;line-height:1.1;margin:0}.login-form{display:grid;gap:14px}.app-shell{display:grid;gap:18px;margin:0 auto;max-width:1080px;min-height:100vh;padding:18px 14px 32px}.app-header{align-items:center;display:flex;justify-content:space-between;gap:16px}.app-header h1{font-size:1.7rem;line-height:1.1;margin:0}.eyebrow{color:#62716a;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}.ghost-button,.text-button,.entry-actions button,.filters button,.filters select{background:#fff;border:1px solid #dbe3df;border-radius:8px;color:#25332c;min-height:40px}.ghost-button{font-weight:800;min-width:64px;padding:0 14px}.header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.alert,.empty-state{background:#fff8f5;border:1px solid #ffd9cc;border-radius:8px;color:#9c341f;padding:12px 14px}.dashboard,.entry-panel,.records-section,.category-page,.supplier-page,.pie-dashboard,.payable-section{background:#fff;border:1px solid #e0e6e2;border-radius:8px;box-shadow:0 16px 40px #17211c0f;padding:14px}.dashboard-title,.section-heading,.filters,.pie-header{align-items:center;display:flex;justify-content:space-between;gap:12px}.dashboard-title span,.section-heading h2,.pie-header>div>span{color:#62716a;display:block;font-size:.84rem;font-weight:800;margin:0;text-transform:uppercase}.dashboard-title strong{display:block;font-size:1.05rem;margin-top:2px}.pie-header{align-items:stretch;flex-direction:column}.pie-header>div>strong{display:block;font-size:1.05rem;margin-top:2px}.pie-header label{min-width:180px}.pie-grid{display:grid;gap:12px;margin-top:14px}.pie-card{border:1px solid #e0e6e2;border-left:5px solid #138a4a;border-radius:8px;display:grid;gap:14px;padding:12px}.pie-card.expense{border-left-color:#c43b3b}.pie-visual{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;max-width:210px;position:relative;width:100%}.pie-visual:after{background:#fff;border-radius:50%;content:"";height:58%;position:absolute;width:58%}.pie-visual span{color:#52645a;font-size:.82rem;font-weight:900;position:relative;z-index:1}.pie-details{display:grid;gap:10px}.pie-details>div:first-child>span{color:#62716a;display:block;font-size:.82rem;font-weight:800;text-transform:uppercase}.pie-details>div:first-child>strong{display:block;font-size:1.2rem}.pie-list{display:grid;gap:8px}.pie-row{align-items:center;display:grid;gap:8px;grid-template-columns:10px 1fr auto 52px}.pie-row i{border-radius:999px;height:10px;width:10px}.pie-row span,.pie-row strong,.pie-row small{font-size:.82rem}.pie-row span{color:#25332c;font-weight:800}.pie-row small{color:#62716a;font-weight:800;text-align:right}.pie-empty{color:#62716a;font-weight:700;margin:0}.metric-grid{display:grid;gap:10px;grid-template-columns:1fr;margin-top:14px}.metric{border:1px solid #e1e7e4;border-left-width:5px;border-radius:8px;padding:13px}.metric span{color:#62716a;display:block;font-size:.83rem;font-weight:700}.metric strong{display:block;font-size:1.22rem;margin-top:4px}.metric.income{border-left-color:#138a4a}.metric.expense,.metric.balance.negative{border-left-color:#c43b3b}.metric.balance{border-left-color:#2d5f73}.chart{display:grid;gap:10px;margin-top:16px;min-height:172px}.chart-row{align-items:center;display:grid;gap:10px;grid-template-columns:48px 1fr}.chart-row span{color:#62716a;font-size:.78rem;font-weight:700}.bars{display:grid;gap:4px}.bar{border-radius:999px;display:block;height:9px;min-width:0}.bar.income{background:#138a4a}.bar.expense{background:#c43b3b}.chart-empty{align-self:center;color:#62716a;justify-self:center}.entry-panel,.entry-form{display:grid;gap:14px}.segmented,.filter-group{background:#edf2ef;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.filter-group{grid-template-columns:repeat(3,minmax(0,1fr))}.month-pager{align-items:center;background:#edf2ef;border-radius:8px;display:grid;gap:4px;grid-template-columns:42px 1fr 42px;padding:4px}.month-pager button{border:0;border-radius:6px;color:#52645a;font-size:1rem;font-weight:900;min-height:40px}.month-pager strong{background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;text-transform:capitalize}.segmented button,.filter-group button{border:0;border-radius:6px;color:#52645a;min-height:40px}.segmented button.active,.filter-group button.active{background:#fff;color:#17211c;font-weight:800}.segmented button.active.income{color:#0d713c}.segmented button.active.expense{color:#a72f2f}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}label{display:grid;gap:6px}label span{color:#52645a;font-size:.82rem;font-weight:800}label.wide{grid-column:1 / -1}input,select{background:#fff;border:1px solid #d8e0dc;border-radius:8px;color:#17211c;min-height:46px;padding:0 12px;width:100%}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(45,95,115,.18);outline-offset:2px}.primary-button{border:0;border-radius:8px;color:#fff;font-weight:900;min-height:48px}.primary-button.income{background:#138a4a}.primary-button.expense{background:#c43b3b}.text-button{font-size:.84rem;font-weight:800;padding:0 12px}.records-section,.category-page,.supplier-page,.payable-section{display:grid;gap:14px}.payable-list{display:grid;gap:10px}.payable-row{align-items:center;border:1px solid #e0e6e2;border-left:5px solid #c43b3b;border-radius:8px;display:grid;gap:10px;grid-template-columns:38px 1fr;padding:12px}.payable-icon{align-items:center;background:#fff1ed;border-radius:8px;color:#a72f2f;display:flex;height:38px;justify-content:center;width:38px}.payable-main{display:grid;gap:2px}.payable-main span,.payable-main small{color:#62716a;font-size:.8rem;font-weight:700}.payable-value{color:#a72f2f;grid-column:2}.category-form,.supplier-form{display:grid;gap:12px}.supplier-list{display:grid;gap:8px}.supplier-row{align-items:center;border:1px solid #e0e6e2;border-left:5px solid #c43b3b;border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:46px;padding:8px 8px 8px 12px}.supplier-row button{align-items:center;background:#fff;border:1px solid #dbe3df;border-radius:8px;color:#52645a;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.inline-message{background:#edf8f1;border:1px solid #c9ead5;border-radius:8px;color:#0d713c;font-weight:700;padding:10px 12px}.category-columns{display:grid;gap:12px}.category-group{border:1px solid #e0e6e2;border-radius:8px;display:grid;gap:10px;margin:0;padding:12px}.category-group h3{font-size:.9rem;margin:0}.category-list{display:grid;gap:8px}.category-row{align-items:center;border:1px solid #e0e6e2;border-left:5px solid #138a4a;border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:46px;padding:8px 8px 8px 12px}.category-row.expense{border-left-color:#c43b3b}.category-row span{display:grid;gap:2px}.category-row strong{font-weight:800}.category-row small{color:#62716a;font-size:.78rem;font-weight:700}.category-row button{background:#fff;border:1px solid #dbe3df;border-radius:8px;color:#52645a;font-size:.78rem;font-weight:800;min-height:34px;padding:0 10px}.filters{align-items:stretch;flex-direction:column}.filters select{padding:0 12px}.entry-list{display:grid;gap:10px}.entry-card{align-items:start;border:1px solid #e0e6e2;border-left:5px solid #138a4a;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.entry-card.expense{border-left-color:#c43b3b}.entry-main,.entry-side{display:grid;gap:3px}.entry-date,.entry-main small{color:#62716a;font-size:.8rem;font-weight:700}.entry-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.entry-meta span{background:#edf2ef;border-radius:6px;color:#52645a;font-size:.72rem;font-weight:800;padding:2px 6px}.entry-side{align-items:center;grid-template-columns:1fr auto}.entry-side>strong{color:#0d713c}.entry-card.expense .entry-side>strong{color:#a72f2f}.entry-actions{display:flex;gap:6px}.entry-actions button{align-items:center;color:#52645a;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.entry-actions button:hover{background:#f4f7f5;color:#17211c}@media(min-width:720px){.app-shell{padding:28px 22px 44px}.metric-grid{grid-template-columns:repeat(3,1fr)}.entry-panel,.dashboard,.records-section,.supplier-page,.pie-dashboard,.payable-section{padding:18px}.pie-header{align-items:end;flex-direction:row}.pie-grid{grid-template-columns:1fr 1fr}.pie-card{grid-template-columns:minmax(130px,180px) 1fr}.form-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}label.wide{grid-column:auto}.filters{align-items:center;flex-direction:row}.filter-group,.month-pager{width:340px}.filters select{width:180px}.category-form{align-items:end;grid-template-columns:240px 1fr 240px 190px}.supplier-form{align-items:end;grid-template-columns:1fr 220px}.category-columns{grid-template-columns:1fr 1fr}.entry-card{align-items:center;grid-template-columns:1fr auto}.payable-row{grid-template-columns:38px 1fr auto}.payable-value{grid-column:auto}.entry-side{justify-items:end}}