.page{max-width:1380px;margin:0 auto;padding:24px}.modern-ui{color:#0f172a}.glass{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #0f172a14}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title-wrap h2{margin:0;font-size:24px;letter-spacing:-.02em}.subtitle{margin:2px 0 0;color:#64748b;font-size:13px}.topbar-actions{display:flex;gap:10px;align-items:center}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{background:#fff;border:1px solid #dbe2ea;color:#1e293b;border-radius:10px;font-weight:600}.tabs button.active{background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff;border-color:transparent}.card{border:1px solid #e2e8f0;border-radius:14px;padding:16px;background:rgba(255,255,255,.9);box-shadow:0 6px 20px #0f172a0f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi p{font-size:24px;margin:0;font-weight:700}.kpi h4{margin:0 0 8px;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.card-wide{grid-column:span 3}.table-wrap{overflow-x:auto}.report-controls{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px;gap:12px}.report-controls h4{margin:0}.month-range-inline{display:flex;gap:10px;align-items:end}.month-range-inline label{display:grid;gap:6px;font-size:12px;color:#64748b}.ie-chart{display:flex;gap:10px;align-items:end;min-height:130px;padding:10px 8px 16px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.ie-col{width:34px;display:grid;justify-items:center;gap:4px;font-size:11px;color:#64748b}.ie-bars{display:flex;gap:4px;align-items:end;height:94px}.ie-bar{width:12px;border-radius:6px 6px 0 0}.ie-bar.income{background:#16a34a}.ie-bar.expense{background:#dc2626}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #edf2f7;padding:10px 8px;text-align:right}th{color:#64748b;font-weight:600}th:first-child,td:first-child{position:sticky;left:0;background:#fff;text-align:left;min-width:260px}.formula td{font-weight:700;background:#f8fbff}.neg{color:#b42318}.row-income td{background:#f6fef9}.row-expense td{background:#fff8f8}.income-txt{color:#15803d}.expense-txt{color:#b91c1c}.detail{margin-top:14px;padding:10px;background:#f8fafc;border-radius:8px}.message{margin-top:10px;padding:10px;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px}.login{max-width:420px;margin:80px auto;display:grid;gap:10px}.hint{color:#6b7280;font-size:12px}input,select,textarea,button{padding:10px;border:1px solid #d7dee8;border-radius:10px;font:inherit;background:#fff}button{cursor:pointer;transition:all .2s ease;font-weight:600}button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb26}.user-chip{border:1px solid #dbe2ea;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.mini-bars{display:flex;gap:8px;align-items:end;min-height:120px;margin-top:8px}.mini-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:30px;font-size:11px;color:#64748b}.mini-bar{width:18px;border-radius:6px 6px 0 0;background:#1f6feb}.neg-bar{background:#dc2626}.donut-wrap{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}.donut{width:180px;height:180px;border-radius:999px;margin:0 auto;position:relative}.donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:999px;background:#fff;top:51px;left:51px}.legend{display:grid;gap:6px}.legend-item{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:13px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-grid div{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}.summary-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.summary-grid strong{font-size:16px}.compact-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.compact-list li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px dashed #e2e8f0;padding-bottom:6px}.waterfall{display:flex;gap:22px;align-items:end;min-height:170px;padding:10px 0}.waterfall-item{width:130px;display:grid;justify-items:center;gap:6px;text-align:center}.waterfall-bar{width:44px;border-radius:8px 8px 0 0}.wf-up{background:linear-gradient(180deg,#22c55e,#16a34a)}.wf-down{background:linear-gradient(180deg,#f97316,#dc2626)}.month-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.month-range label{display:grid;gap:6px;font-size:13px;color:#475569}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.card-wide{grid-column:span 2}.summary-grid{grid-template-columns:1fr 1fr}.waterfall{gap:10px}.waterfall-item{width:90px}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f1f5f9;color:#0f172a}