:root{--orange:#c74600;--bright:#ff6b14;--black:#000;--white:#fff;--ink:#202020;--muted:#646464;--line:#ddd;--paper:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'Helvetica Neue',Arial,sans-serif}a{color:var(--orange);text-underline-offset:4px}button,input,select{font:inherit}button,.button{display:inline-block;border:0;border-radius:5px;background:var(--orange);color:white;padding:11px 18px;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#9e3700}.secondary{background:#fff;color:var(--ink);border:1px solid #bbb}.secondary:hover{background:#eee;color:#000}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--bright);outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#000;color:#fff;padding:32px 24px;display:flex;flex-direction:column;overflow:auto}.brand{font-size:31px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;color:inherit;line-height:1.2}.brand span{color:var(--bright)}.brand small{display:block;font-size:14px;letter-spacing:0;font-weight:400;color:#aaa;margin-top:10px}nav{margin-top:38px;display:grid;gap:5px}nav a{color:#ccc;padding:10px 12px;border-left:3px solid transparent;text-decoration:none;font-size:15px}nav a.active{color:#fff;background:#242424;border-color:var(--bright)}nav a:hover{color:#fff}.account{margin-top:auto;padding-top:30px;font-size:14px}.account small{display:block;color:#aaa}.account form{margin-top:14px}.account button{background:#333;font-size:14px;padding:7px 13px}main{margin-left:240px;padding:35px clamp(20px,4vw,65px);max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1.3px;line-height:1.15;margin:4px 0}h2{font-size:24px;letter-spacing:-.5px;line-height:1.3}h3{font-size:19px}p{max-width:78ch}.subtle{color:var(--muted);font-size:14px;margin:0}.cycle{font-size:13px;border-left:3px solid var(--orange);padding-left:13px;white-space:nowrap}.panel{background:#fff;border:1px solid var(--line);padding:26px;margin:22px 0;border-radius:8px}.narrow{max-width:660px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0;border-radius:8px;overflow:hidden}.stat{background:#fff;padding:23px}.stat span{display:block;color:var(--muted);font-size:14px}.stat strong{display:block;font-size:clamp(21px,2vw,29px);letter-spacing:-.6px;margin-top:8px}.ledger-banner{border-top:5px solid var(--orange);background:#000;color:#fff;border-radius:8px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ledger-banner h2{font-size:32px;margin:8px 0}.ledger-banner p{color:#ccc;font-size:14px}.ledger-banner .button{white-space:nowrap}.announcement{border-left:5px solid #999;background:#fff;padding:22px 26px;margin:18px 0;border-radius:0 8px 8px 0}.announcement span{font-size:14px;color:var(--muted)}.announcement h2{margin:8px 0}.winner{background:#fff0e6;border-color:var(--orange)}.winner h2{color:#973400}.notice{background:#fff0df;color:#733000;border:1px solid #eac9ac;border-radius:6px;padding:17px 20px;margin:18px 0}form{max-width:680px}label{display:block;margin:15px 0;font-size:14px;font-weight:600}input,select{display:block;width:100%;background:#fff;border:1px solid #aaa;border-radius:5px;padding:10px 12px;margin-top:6px;color:#202020;min-width:0}input[type=file]{font-size:14px}form button{margin-top:8px}details summary{cursor:pointer;font-weight:700;font-size:18px}td details summary{font-size:14px}details[open]>summary{margin-bottom:20px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{background:#eee;font-weight:600;white-space:nowrap}th,td{padding:14px 17px;border-bottom:1px solid #e5e5e5;vertical-align:top}td{max-width:340px;overflow-wrap:anywhere}tr:last-child td{border:0}.total{font-size:23px;font-weight:700}footer{font-size:12px;color:#666;margin-top:48px;border-top:1px solid #ddd;padding:18px 0}.login-main{margin:0 auto;max-width:1000px}.login{max-width:500px;margin:50px auto;padding:40px;border-top:5px solid var(--orange)}.login h2{font-size:33px;letter-spacing:-1px}.login .brand{color:#000}.login form{margin:25px 0}.login button{width:100%}@media(max-width:800px){aside{position:static;width:auto;padding:20px;display:block}.brand{font-size:26px}.brand small{display:inline;margin-left:15px}nav{margin-top:20px;display:flex;overflow:auto;gap:6px;padding-bottom:4px}nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:8px 10px;font-size:14px}nav a.active{border-bottom-color:var(--bright)}.account{padding-top:12px;display:flex;align-items:center;gap:10px}.account small{display:none}.account form{margin:0 0 0 auto}.account button{padding:5px 10px}main{margin:0;padding:24px 16px}header{align-items:flex-start}.cycle{font-size:11px}.ledger-banner{display:block;padding:23px}.ledger-banner h2{font-size:28px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:17px 12px}.stat strong{font-size:21px}.panel{padding:20px}.login{padding:25px;margin-top:25px}th,td{padding:12px;min-width:100px}h1{letter-spacing:-.8px}}@media print{aside,form,.actions,.button{display:none}main{margin:0;padding:0}.table-wrap{overflow:visible}body{background:white}}
.paid-stat{background:#e9f7ef;color:#146337}.paid-stat span{color:#146337}.paid-row{background:#edf9f1}.paid-row td:nth-child(3){color:#136b34;font-weight:700}.summary-money{display:block;font-size:14px;font-weight:400;color:#555;margin-top:8px}.month-detail summary{display:block}.urdu{font:19px/1.95 'Geeza Pro','Noto Nastaliq Urdu',Tahoma,Arial,sans-serif;text-align:right;max-width:100%}.sync-bar{padding:12px 16px;border:1px solid #cdded3;background:#edf7f0;border-radius:6px;font-size:14px;margin-bottom:20px}.compact{margin:18px 0}.compact summary{font-size:14px;color:#555}.check-line{display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px;background:#f5f5f5;font-weight:400}.check-line input{width:20px;min-width:20px;margin:0;accent-color:#c74600}.installment-picker{max-height:330px;overflow:auto;margin:12px 0}.pending-item{padding:15px;border-bottom:1px solid #ddd}.pending-item button{display:block;margin-top:10px}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:600px){.summary-money{font-size:13px}.urdu{font-size:18px}.stat strong{font-size:20px}}