:root{--ink:#17352f;--muted:#6c7f7a;--green:#087663;--deep:#064f44;--mint:#e9f6f1;--cream:#f7f5ef;--line:#dce6e2;--red:#c94949;--white:#fff;--shadow:0 18px 50px #0d413717}*{box-sizing:border-box}html{color:var(--ink);background:var(--cream);font-family:Inter,system-ui,sans-serif}html[dir=rtl]{font-family:Noto Nastaliq Urdu,Inter,sans-serif}body{flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 max(5vw,20px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:800;display:flex}.logo{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.nav{align-items:center;gap:22px;display:flex}.nav form{display:inline}.menu{background:0 0;border:0;font-size:24px;display:none}.container{flex:1;width:min(1120px,92%);margin:38px auto}.button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:12px 19px;font-weight:700;display:inline-flex}.button:hover{background:var(--deep)}.button.secondary{color:var(--green);border:1px solid var(--green);background:#fff}.button.small{padding:8px 13px}.button.wide{width:100%}.link-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0}.danger{color:var(--red)}.flash{border-radius:10px;margin-bottom:18px;padding:13px 16px}.flash.success{color:#17633f;background:#dbf5e9}.flash.error{color:#8d2424;background:#fde6e6}.flash ul{margin:0}.page-head,.panel-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.page-head h1,.panel-head h2{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:12px;font-weight:700}.stat-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:22px;display:flex}.stat.primary{color:#fff;background:linear-gradient(135deg,var(--green),var(--deep));border:0}.stat small{color:inherit;opacity:.75}.stat strong{font-size:26px}.stat span{opacity:.75;font-size:12px}.positive{color:#159867}.negative{color:var(--red)}.primary .positive,.primary .negative{color:#fff}.panel,.form-card,.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:start;border-bottom:1px solid var(--line);padding:14px}th{text-transform:uppercase;color:var(--muted);font-size:12px}td small{color:var(--muted);margin-top:4px;display:block}.pill{border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.pill.income{color:#13734e;background:#def5eb}.pill.expense{color:#a33232;background:#fde8e8}.row-actions{gap:12px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px}.pagination{margin-top:18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{justify-content:space-between;display:flex}.pagination nav svg{width:18px}.form-card{max-width:760px;margin:auto}.form-card form,.auth-card form{flex-direction:column;gap:18px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .full{grid-column:1/-1}label{flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd8d4;border-radius:9px;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:3px solid #caebe2}.type-picker{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-picker input{opacity:0;position:absolute}.type-picker span{border:1px solid var(--line);text-align:center;border-radius:10px;padding:15px}.type-picker input:checked+span{border-color:var(--green);background:var(--mint);color:var(--green)}.auth-card{text-align:center;width:min(440px,100%);margin:6vh auto}.auth-card h1{margin-bottom:4px}.auth-card p{color:var(--muted);margin-bottom:25px}.auth-card form{text-align:start;margin-bottom:20px}.check{flex-direction:row;align-items:center}.check input{width:auto}.filter form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.compact .stat{padding:17px}.export-actions{gap:12px;margin:-8px 0 20px;display:flex}.landing{flex:1}.hero{background:radial-gradient(circle at 80% 20%,#d2eee6,transparent 35%),var(--cream);grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:650px;padding:70px max(7vw,24px);display:grid}.hero h1{letter-spacing:-.04em;margin:15px 0 20px;font-size:clamp(42px,6vw,76px);line-height:1.04}.hero p{color:var(--muted);max-width:620px;font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin:30px 0 14px;display:flex}.hero small{color:var(--muted)}.phone{background:#fff;border:9px solid #17352f;border-radius:38px;width:min(350px,90%);margin:auto;padding:25px 18px;transform:rotate(2deg);box-shadow:0 30px 70px #064f4438}.phone-head{align-items:center;gap:9px;margin-bottom:24px;display:flex}.mini-card{background:var(--deep);color:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.mini-card strong{font-size:27px}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.mini-grid div{background:var(--cream);border-radius:13px;flex-direction:column;gap:7px;padding:15px;display:flex}.bars{align-items:end;gap:10px;height:130px;padding:15px;display:flex}.bars i{background:var(--green);border-radius:6px 6px 0 0;flex:1}.bars i:first-child{height:35%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:48%}.bars i:nth-child(4){height:82%}.bars i:nth-child(5){height:65%}.bars i:nth-child(6){height:95%}.features{text-align:center;background:#fff;padding:70px max(7vw,24px)}.features h2{font-size:36px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:35px auto;display:grid}.feature-grid article{border:1px solid var(--line);text-align:start;border-radius:18px;padding:28px}.feature-grid article>span{background:var(--mint);width:40px;height:40px;color:var(--green);border-radius:10px;place-items:center;font-weight:800;display:grid}footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;justify-content:space-between;padding:22px 5vw;display:flex}@media (width<=760px){.topbar{height:62px}.nav{top:62px;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;padding:18px 5%;display:none;position:absolute;inset-inline:0}.nav.open{display:flex}.menu{display:block}.brand span:last-child{font-size:13px}.container{margin:24px auto}.page-head{align-items:flex-start}.stat-grid,.feature-grid,.hero{grid-template-columns:1fr}.stat-grid{gap:10px}.stat{padding:17px}.hero{text-align:center;padding-top:45px}.hero p{font-size:16px}.hero .actions{justify-content:center}.hero h1{font-size:43px}.phone{margin-top:25px;transform:none}.features{padding-top:45px}.form-grid,.filter form{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.export-actions{flex-direction:column}.page-head .button{padding:10px;font-size:13px}.panel{padding:12px}.auth-card{padding:20px}.row-actions{min-width:110px}}