*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}.login{background:linear-gradient(135deg,#0f172a,#1e40af);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:360px;padding:32px;display:flex;box-shadow:0 20px 50px #0004}.loginCard h1{margin:0}.loginCard p{color:#64748b;margin:0 0 16px}input,select{background:#fff;border:1px solid #d8dfeb;border-radius:12px;padding:12px;font-size:14px}button{color:#172033;cursor:pointer;background:#e8eef8;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}button:hover{filter:brightness(.97)}.primary,.loginCard button{color:#fff;background:#0b7cff}.err{color:#dc2626}.app{min-height:100vh;display:flex}aside{color:#fff;background:#07152f;flex-direction:column;gap:10px;width:260px;height:100vh;padding:22px;display:flex;position:sticky;top:0}aside h2{margin:0 0 18px}aside button{color:#dbeafe;background:0 0;border:1px solid #1e335c;justify-content:flex-start}aside button:hover{background:#10264e}.spacer{flex:1}.me{color:#dbeafe;border-top:1px solid #24385e;padding-top:16px}main{flex:1;padding:28px;overflow:auto}.top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.top h1{margin:0}.mini{background:#fff;border:1px solid #d8dfeb}.cards{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 6px 18px #0f172a0b}.card small{color:#64748b;font-weight:700}.card h2{margin:8px 0 0}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:18px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid label{flex-direction:column;gap:6px;font-weight:700;display:flex}.wide{grid-column:1/-1}.inline{align-items:center;gap:10px;display:flex}.inline input{min-width:220px}.table{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:auto}.table table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.table th{color:#475569;background:#f8fafc}.list{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:0;list-style:none;overflow:hidden}.list li{border-bottom:1px solid #eef2f7;padding:14px 18px}.list small{color:#64748b;margin-left:8px}@media (width<=900px){aside{width:88px;padding:14px}aside h2{font-size:12px}aside button{font-size:0}aside svg{width:22px}.cards,.grid{grid-template-columns:1fr}main{padding:16px}}.hero{color:#fff;background:linear-gradient(135deg,#07152f,#123b7a);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 10px 30px #0f172a22}.hero small{color:#bfdbfe;font-weight:800}.hero h1{margin:6px 0;font-size:28px}.hero p{color:#dbeafe;margin:0}.heroStat{background:#ffffff18;border:1px solid #ffffff2e;border-radius:18px;min-width:260px;padding:18px}.heroStat strong{margin-top:6px;font-size:26px;display:block}.accountCards .account{position:relative;overflow:hidden}.accountCards .account:after{content:"";background:#0b7cff12;border-radius:50%;width:90px;height:90px;position:absolute;top:-24px;right:-24px}.account p,.kpi p{color:#64748b;margin:8px 0 0}.kpiCards{grid-template-columns:repeat(4,minmax(190px,1fr))}.kpi.income{border-left:5px solid #16a34a}.kpi.expense{border-left:5px solid #dc2626}.kpi.net{border-left:5px solid #2563eb}.kpi.warn{border-left:5px solid #f59e0b}.sectionHead{justify-content:space-between;align-items:center;margin:8px 0 12px;display:flex}.sectionHead h3{margin:0}.sectionHead span{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:8px 12px;font-weight:800}@media (width<=900px){.hero{flex-direction:column;align-items:flex-start}.heroStat{min-width:100%}.kpiCards{grid-template-columns:1fr}}.modalBack{z-index:50;background:#020a1b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalCard{background:#fff;border:1px solid #dbe5f3;border-radius:18px;width:min(760px,100%);padding:20px;box-shadow:0 24px 80px #0f172a40}.modalHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modalHead h2{margin:0}.modalHead button{cursor:pointer;background:#f8fafc;border:1px solid #dbe5f3;border-radius:10px;padding:8px 12px}.muted{color:#64748b;margin:0 0 16px}.openingRows{gap:12px;display:grid}.openingRow{border:1px solid #e5edf7;border-radius:14px;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:10px;padding:12px;display:grid}.openingRow b{margin-bottom:3px;display:block}.openingRow small{color:#64748b;display:block}.openingRow input{border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 12px}.openingRow input:disabled{color:#94a3b8;background:#f1f5f9}.okText{font-weight:700;color:#16a34a!important}.modalActions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modalActions button{cursor:pointer;background:#f8fafc;border:1px solid #dbe5f3;border-radius:12px;padding:10px 14px}@media (width<=720px){.openingRow{grid-template-columns:1fr}}.modalActions button.primary{font-weight:700;color:#fff!important;background:#0d6efd!important;border-color:#0d6efd!important}.modalActions button.primary:disabled{opacity:.75;cursor:not-allowed;color:#fff!important;background:#94a3b8!important;border-color:#94a3b8!important}.classicSummary{grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 16px;display:grid}.summaryBox,.totalBox,.classicPanel{background:#fff;border:1px solid #dbe5f3;border-radius:14px;box-shadow:0 8px 22px #0f172a0a}.summaryBox{padding:18px 20px}.summaryLine{justify-content:space-between;gap:16px;padding:8px 0;font-size:16px;display:flex}.summaryLine b{font-size:18px}.summaryLine.good span,.summaryLine.good b{color:#059669;font-weight:800}.totalBox{text-align:center;padding:22px}.totalBox small{color:#0f2547;text-transform:uppercase;margin-bottom:8px;font-weight:800;display:block}.totalBox strong{color:#061733;font-size:34px;font-weight:900;display:block}.totalBox p{color:#475569;margin:8px 0 0}.classicPanel{margin-top:14px;overflow:hidden}.classicPanel h3{text-transform:uppercase;border-bottom:1px solid #e5edf7;margin:0;padding:16px 18px;font-size:15px}.classicTable table{border-collapse:collapse;width:100%}.classicTable th{color:#fff;background:#08244a;font-weight:800}.classicTable td,.classicTable th{text-align:left;border-bottom:1px solid #e5edf7;padding:12px 14px}.classicTable .green{color:#059669;font-weight:800}.classicTable .totalRow td{color:#fff;background:#08244a;font-weight:900}@media (width<=900px){.classicSummary{grid-template-columns:1fr}.totalBox strong{font-size:26px}}.smartField{position:relative}.suggestBox{background:#fff;border:1px solid #d8dfeb;border-radius:12px;margin-top:6px;overflow:hidden;box-shadow:0 10px 24px #0001}.suggestBox button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef2f7;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;display:flex}.suggestBox button:hover{background:#f1f5f9}.suggestBox small{color:#64748b}.chipRow{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chipRow button{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:7px 10px}.hintText{color:#64748b;margin-top:6px;display:block}