*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{width:min(980px,100%);margin:0 auto;padding:24px}.hero{background:linear-gradient(135deg,#111827,#1e293b);border:1px solid #334155;border-radius:28px;padding:28px;box-shadow:0 24px 80px #00000040}.eyebrow{color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(32px,6vw,56px);line-height:1}.sub{color:#cbd5e1;max-width:620px;margin-bottom:0}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.card{background:#111827;border:1px solid #334155;border-radius:22px;padding:20px}.card span{color:#94a3b8;margin-bottom:10px;display:block}.card strong{font-size:22px}.highlight{background:#0c4a6e;border-color:#0284c7}.panel{background:#111827;border:1px solid #334155;border-radius:24px;margin-bottom:18px;padding:20px}.panelHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panelHeader h2{margin:0}.form{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}label{color:#cbd5e1;gap:8px;display:grid}input,select{color:#e5e7eb;background:#020617;border:1px solid #475569;border-radius:14px;outline:none;width:100%;padding:12px 14px}input:focus,select:focus{border-color:#38bdf8}.typeSwitch{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.typeSwitch button,.saveBtn,.itemRight button{cursor:pointer;color:#e5e7eb;background:#1e293b;border:0;border-radius:14px;padding:12px 14px}.typeSwitch button.active{color:#082f49;background:#38bdf8;font-weight:700}.saveBtn{color:#052e16;background:#22c55e;grid-column:1/-1;font-weight:800}.message{color:#fca5a5;margin-top:14px}.list{gap:10px;display:grid}.item{background:#020617;border:1px solid #334155;border-radius:18px;justify-content:space-between;gap:16px;padding:14px;display:flex}.item p{color:#94a3b8;margin:6px 0 0;font-size:14px}.itemRight{text-align:right;justify-items:end;gap:8px;display:grid}.incomeText{color:#86efac}.expenseText{color:#fca5a5}.empty{color:#94a3b8;margin-bottom:0}@media (width<=720px){.app{padding:14px}.cards,.form{grid-template-columns:1fr}.panelHeader,.item{flex-direction:column;align-items:stretch}.itemRight{text-align:left;justify-items:start}}