:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#17263d;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input,select{font:inherit}button{border:0;border-radius:.7rem;padding:.72rem 1.05rem;background:#1755e8;color:#fff;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:#1044bf}button:disabled{opacity:.55;cursor:wait}.secondary{background:#fff;color:#1755e8;border:1px solid #b9cce8}.secondary:hover:not(:disabled){background:#edf4ff}.shell{display:flex;flex-direction:column;width:min(1480px,calc(100% - 2rem));margin:0 auto;padding:1.35rem 0 3rem}.shell>.topbar{order:0}.shell>.summary{order:1}.shell>.receipt-card{order:2}.shell>.filter-card{order:3}.shell>.history-card{order:4}.shell>#export{order:5}.shell>.transaction-form{order:6}.shell>.category-form{order:7}.narrow{max-width:520px}.topbar{display:flex;align-items:center;gap:1.4rem;min-height:58px;padding:.2rem 0 1rem;border-bottom:1px solid #e1e8f1}.brand{display:flex;align-items:center;gap:.55rem;min-width:140px;color:#1653dd}.brand-mark{display:grid;place-items:center;width:42px;height:36px;border-radius:.65rem;background:linear-gradient(135deg,#1648df,#18c7db);color:#fff;font-size:.78rem;font-weight:900;transform:skew(-8deg)}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-size:1rem;letter-spacing:-.04em}.brand small{margin-top:.25rem;color:#69778c;font-size:.42rem;letter-spacing:.08em}.main-nav{display:flex;flex:1;flex-wrap:wrap;gap:.25rem;align-items:center}.main-nav a{padding:.6rem .82rem;border-radius:999px;color:#506078;font-size:.76rem;font-weight:700;text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#fff;background:linear-gradient(90deg,#1856e5,#149bdc)}.topbar-actions{display:flex;align-items:center;gap:.6rem}.package-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border:1px solid #e1e9f3;border-radius:999px;color:#718096;font-size:.68rem;font-weight:700;white-space:nowrap}.package-pill i{width:.45rem;height:.45rem;border-radius:50%;background:#1dc997}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{margin:.2rem 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:.95;letter-spacing:-.055em}h2{margin:0;font-size:1.3rem;letter-spacing:-.025em}h3{margin:-.65rem 0 0;font-size:1.05rem}.eyebrow{margin:0;color:#0754da;font:800 .68rem/1.2 Trebuchet MS,sans-serif;letter-spacing:.18em;text-transform:uppercase}.muted{color:#64748b}.card{margin-top:1.1rem;padding:1.25rem;border:1px solid #dfe7f1;border-radius:1rem;background:#fff;box-shadow:0 8px 22px #203d670f}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.35rem;padding:1.5rem;border:1px solid #cfe3fb;border-radius:1.35rem;background:linear-gradient(135deg,#f5f9ff,#dceeff);box-shadow:0 10px 25px #1859a81f}.summary div{padding:1rem 1.15rem;border:1px solid #d5e3f3;border-left:4px solid #2578ff;border-radius:.9rem;background:#fff}.summary div:nth-child(2){border-left-color:#12c4d2}.summary div:nth-child(3){border-left-color:#0e9be8}.summary span,.summary strong{display:block}.summary span{color:#53667e;font-size:.75rem}.summary strong{margin-top:.45rem;font-size:1.25rem}.form{display:grid;gap:1rem}.form h2{margin-bottom:.1rem}label{display:grid;gap:.35rem;color:#1c3556;font-size:.76rem;font-weight:800}input,select{width:100%;padding:.72rem .8rem;border:1px solid #c8d6e8;border-radius:.65rem;background:#fff;color:#17263d}input:focus,select:focus{outline:3px solid #cfe1ff;border-color:#2873e8}.grid,.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.filter-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;margin-top:1rem}.filter-actions,.pagination{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.filter-actions{justify-content:flex-start}.table-wrap{overflow-x:auto;margin:1rem -1.25rem 0;border-top:1px solid #dfe7f1}table{width:100%;min-width:900px;border-collapse:collapse;font-size:.76rem}th,td{padding:.72rem .55rem;border-bottom:1px solid #dfe7f1;text-align:left}th{color:#213650;background:#eff4fa;font-size:.66rem}tbody tr:nth-child(2n){background:#f3fbfd}tbody tr:hover{background:#e7f4ff}td.income{color:#07834c;font-weight:800}td.expense{color:#ed1552;font-weight:800}.table-action{margin:.1rem;padding:.2rem .35rem;background:transparent;color:#0b86d9;border:0;font-size:.73rem}.table-action.danger{color:#e9104e}.receipt-draft{display:grid;gap:.45rem;margin-top:.8rem;padding:1rem;border:1px solid #cfe1ff;border-radius:.8rem;background:#f4f8ff}.pagination{margin:1rem 0 0;color:#64748b;font-size:.8rem}.pagination>div{display:flex;gap:.4rem}@media(max-width:900px){.topbar{align-items:flex-start;flex-wrap:wrap}.main-nav{order:3;flex-basis:100%}.topbar-actions{margin-left:auto}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{width:min(100% - 1rem,1480px);padding-top:.7rem}.summary,.grid,.filter-grid{grid-template-columns:1fr}.summary{padding:.9rem}.package-pill{display:none}.main-nav{overflow-x:auto;flex-wrap:nowrap}.main-nav a{font-size:.7rem}.filter-actions,.pagination{align-items:flex-start;flex-direction:column}}