.app-shell{max-width:1100px;margin:0 auto;padding:48px 24px 72px;display:flex;flex-direction:column;gap:32px}.hero{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#5f6b7a}.hero h1{font-size:clamp(2rem,3vw,2.8rem);margin:8px 0}.subtitle{margin:0;color:#5f6b7a;max-width:440px}.summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px #10131914}.summary span{display:block;color:#5f6b7a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.summary strong{font-size:1.4rem}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 30px #10131914;display:flex;flex-direction:column;gap:16px}.card-title h2{margin:0;font-size:1.25rem}.card-title p{margin:6px 0 0;color:#5f6b7a;font-size:.95rem}.form label{display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:#232b36}input,select{padding:10px 12px;border-radius:10px;border:1px solid #d7dde6;font-size:.95rem}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}button{border:none;padding:12px 16px;border-radius:12px;background:#2f5bff;color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2f5bff33}.chart{display:flex;flex-direction:column;gap:12px}.chart-row{display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center;font-size:.95rem}.bar{background:#eef1f7;border-radius:999px;overflow:hidden;height:10px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#2f5bff,#6ed0ff)}.table .filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rows{display:flex;flex-direction:column;gap:12px}.row-item{display:grid;grid-template-columns:1.4fr 1fr auto;gap:16px;align-items:center;padding:14px;border-radius:14px;background:#f7f8fb}.row-item h3{margin:0 0 4px;font-size:1rem}.row-item span{color:#5f6b7a;font-size:.9rem}.row-item strong{display:block;text-align:right;font-size:1.05rem}.row-item strong.expense{color:#e15c4f}.row-item strong.income{color:#1c9a6d}.row-item button{background:transparent;border:1px solid #d7dde6;color:#5f6b7a;padding:8px 12px}.empty{color:#5f6b7a;font-size:.95rem}@media (max-width: 720px){.row-item{grid-template-columns:1fr;text-align:left}.row-item strong{text-align:left}}:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top,#f3f4f8,#e8edf5 45%,#fdfdfd);color:#101319}#root{min-height:100vh}