:root{color:#17202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#216869;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}input,select{border:1px solid #cfd8dc;border-radius:7px;width:100%;min-height:42px;padding:10px}textarea{border:1px solid #cfd8dc;border-radius:7px;width:100%;padding:10px}label{color:#435158;gap:7px;font-size:13px;font-weight:800;display:grid}h1,h2,p{letter-spacing:0;margin:0}h1{font-size:32px;line-height:1.08}h2{font-size:20px}.auth{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-panel{gap:16px;width:min(430px,100%);display:grid}.app{width:min(1460px,100%);margin:0 auto;padding:22px}header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.brand{color:#216869;align-items:center;gap:9px;font-weight:900;display:inline-flex}.ghost{color:#263238;background:#e8eef0}.panel,.card{background:#fff;border:1px solid #dfe5e7;border-radius:8px;box-shadow:0 18px 36px #17202a14}.panel{padding:18px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.card{align-content:space-between;gap:8px;min-height:120px;padding:18px;display:grid}.card svg{color:#216869}.card small{color:#607078;font-weight:800}.card strong{overflow-wrap:anywhere;font-size:28px}.grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:14px;margin:14px 0;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0;display:grid}.form-grid.compact{grid-template-columns:1fr}.entries-form{grid-template-columns:.8fr 1fr 1.4fr .8fr 1fr 1fr .8fr auto;align-items:end}.entries-form button{min-width:118px}.entry-toolbar{grid-template-columns:auto repeat(6,minmax(130px,1fr));align-items:end;gap:10px;margin:14px 0;display:grid}.entry-list{gap:8px;margin-top:12px;display:grid}.entry-row{background:#f9fbfb;border:1px solid #e1e7ea;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(130px,auto) 150px 42px 42px;align-items:center;gap:10px;padding:10px;display:grid}.entry-row.mini{grid-template-columns:minmax(140px,1fr) minmax(96px,auto) 42px}.entry-row div{gap:3px;min-width:0;display:grid}.entry-row strong{overflow-wrap:anywhere}.entry-row small{color:#66767d;font-weight:700}.amount{text-align:right;white-space:nowrap;font-weight:900}.amount.income{color:#216869}.amount.expense{color:#9b3d22}.icon{color:#263238;background:#e8eef0;width:42px;min-width:42px;padding:0}.icon.danger{color:#8a1f2d;background:#ffe3e6}.empty{color:#64747b;padding:10px 0}.check{align-items:center;gap:8px;min-height:42px;display:flex}.check input{width:18px;min-height:18px}.result{border-radius:8px;gap:8px;margin-top:14px;padding:14px;display:grid}.result strong{font-size:38px}.result.ok{background:#eef9f3;border:1px solid #b9e1ca}.result.risk{background:#fff4ee;border:1px solid #f0c2ad}.result span,.chips span{color:#873b22;background:#ffe7dc;border-radius:7px;width:fit-content;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.score-line{gap:8px;margin-top:12px;display:grid}.score-line strong{text-transform:uppercase;color:#216869}.score-line span{color:#405058;background:#f3f7f7;border-radius:7px;padding:8px 10px;font-weight:800}.recommendations{gap:8px;display:grid}.recommendations p,.message{background:#f3f7f7;border-left:4px solid #216869;border-radius:7px;padding:10px 12px}.muted{color:#607078;margin-top:6px;font-weight:700}.wallet-summary{color:#1e5556;background:#e8f3f0;border-radius:7px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:9px 11px;font-weight:900;display:inline-flex}.plan-list{gap:10px;margin-top:14px;display:grid}.plan-row{background:#f8fbfa;border:1px solid #dce6e3;border-radius:8px;gap:10px;padding:12px;display:grid}.plan-row small{color:#66767d;font-weight:800}.risk-plan{background:#fff7f2;border-color:#f0c2ad}.risk-plan .plan-payments span{color:#873b22;background:#ffe7dc}.wallet-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wallet-line span{color:#405058;background:#eef4f5;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:900}.plan-payments{flex-wrap:wrap;gap:8px;display:flex}.plan-payments span{color:#1e5556;background:#e8f3f0;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:900}.action-list{gap:8px;margin-top:14px;display:grid}.action-row{background:#f9fbfb;border:1px solid #dfe5e7;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(120px,auto);gap:6px 12px;padding:12px;display:grid}.action-row span{text-align:right;font-weight:900}.action-row small{color:#607078;grid-column:1/-1;font-weight:800}.action-row.critical{background:#fff7f2;border-color:#f0c2ad}.action-row.critical strong,.action-row.critical span{color:#873b22}.action-row.high{background:#fffaf0;border-color:#f1d59b}.action-row.medium{background:#f3fbf8;border-color:#c9dfdb}.piggy-card{position:relative}.piggy-card .icon{position:absolute;top:10px;right:10px}.progress{background:#edf2f3;border-radius:999px;height:10px;overflow:hidden}.progress i{background:#216869;border-radius:999px;height:100%;display:block}.cash-table{gap:8px;margin-top:14px;display:grid;overflow-x:auto}.cash-head,.cash-row{grid-template-columns:90px repeat(4,minmax(120px,1fr));align-items:center;gap:10px;min-width:720px;display:grid}.cash-head{color:#607078;text-transform:uppercase;font-size:12px;font-weight:900}.cash-row{background:#f9fbfb;border:1px solid #e1e7ea;border-radius:8px;padding:10px}.cash-row small{color:#8a4a16;grid-column:1/-1;font-weight:800}.budget-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.budget-item{background:#f9fbfb;border:1px solid #e1e7ea;border-radius:8px;gap:7px;padding:12px;display:grid}.budget-item span{color:#617178;font-size:13px;font-weight:800}.budget-item small{text-align:left}.report-box{resize:vertical;min-height:360px;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.45}.chart{gap:10px;margin-top:12px;display:grid}.chart+.chart{margin-top:22px}.chart-row{grid-template-columns:110px 1fr 120px;align-items:center;gap:10px;display:grid}.chart-row span,.chart-row small{color:#52646c;font-size:13px;font-weight:800}.chart-row div{background:#edf2f3;border-radius:999px;height:12px;overflow:hidden}.chart-row i{border-radius:999px;height:100%;display:block}.chart-row i.positive{background:#216869}.chart-row i.negative{background:#a6452a}.alert-row{background:#fff7f2;border:1px solid #f0c2ad;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.alert-row svg{color:#a6452a}.alert-row div{gap:3px;display:grid}.alert-row small{color:#66767d;font-weight:800}.modal-backdrop{z-index:20;background:#0c151a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:min(860px,100%);max-height:min(86vh,820px);overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=940px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.grid.three{grid-template-columns:1fr}.budget-grid,.entry-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-toolbar button{width:100%}.entries-form{grid-template-columns:repeat(2,minmax(0,1fr))}.entries-form button{width:100%;min-width:0}.entry-row,.action-row{grid-template-columns:1fr}.action-row span{text-align:left}.chart-row{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end}.amount{text-align:left}}@media (width<=620px){.app,.auth{padding:14px}.metrics,.form-grid,.entry-toolbar,.modal-form,.budget-grid,.wallet-line{grid-template-columns:1fr}.modal-backdrop{align-items:start;padding:10px}.modal-actions{grid-template-columns:1fr;display:grid}h1{font-size:28px}}
