:root{--green:#0a3b2d;--gold:#c9a65f;--cream:#faf9f2;--ink:#1f4134;--muted:#63766b}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}header{background:var(--green);padding:13px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header a{color:#fff;text-decoration:none;font-weight:700}header>a{display:flex;gap:12px;align-items:center}header img{height:48px;width:48px;object-fit:contain}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}nav a{color:#f8e9ba}main{max-width:1120px;margin:auto;padding:42px 20px 75px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#a2803f}h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.035em;line-height:1.12;margin:10px 0 15px}h2{font-size:23px}.lead{font-size:17px;color:var(--muted);max-width:750px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.metric{background:white;border:1px solid #dae4d9;border-radius:15px;padding:22px}.metric b{display:block;font-size:clamp(21px,2.3vw,31px);line-height:1.35;margin-top:9px}.metric small{color:var(--muted)}.panel{background:white;border:1px solid #dfe7df;border-radius:17px;padding:25px;margin:22px 0;box-shadow:0 10px 25px #24432c07}.notice{background:#f3ead3;border-left:4px solid var(--gold);padding:14px 18px;border-radius:5px;color:#5c5136}.muted{color:var(--muted);font-size:13px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px}td,th{padding:12px 9px;text-align:left;border-bottom:1px solid #e8eee7}th{font-size:12px;color:#5a7162}td:last-child,th:last-child{text-align:right;font-variant-numeric:tabular-nums}footer{padding:20px;text-align:center;background:var(--green);color:#e2e9de}footer a{color:#f7d584}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:12px;font-weight:750}input,select,textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #bfcfbe;background:#fff;color:#173e30;font:inherit}textarea{resize:vertical}button{background:var(--green);color:white;padding:12px 18px;border:none;border-radius:9px;cursor:pointer;font-weight:700}button.secondary{background:#e8efe6;color:var(--ink)}button.danger{background:#8b3535}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}.hidden{display:none!important}.status{margin:10px 0;min-height:20px}.tag{font-weight:700;border-radius:20px;background:#e5f4e8;color:#256746;padding:4px 10px}.tag.expense{background:#f7eadd;color:#895d2c}td button{padding:5px 9px;font-size:12px}.danger-text{color:#a13c35}@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}header{padding:12px 16px}.panel{padding:17px}main{padding:35px 15px}}@media(max-width:360px){.metrics{grid-template-columns:1fr}}

/* Accessible, dependency-free public financial visualizations */
.graph-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.graph-block{min-width:0;margin:12px 0 24px}.graph-block h3{font-size:16px;margin:0 0 16px}.graph-plot{display:grid;gap:14px}.graph-line{min-width:0}.graph-line-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.graph-line-head span{overflow-wrap:anywhere}.graph-line-head strong{white-space:nowrap;font-variant-numeric:tabular-nums}.graph-track{height:16px;background:#e8efea;border-radius:50px;overflow:hidden;margin-top:5px}.graph-bar{height:100%;border-radius:50px;background:#1d7b5e;min-width:0}.graph-bar.expenses{background:#c6a05b}.month-group{background:#f8faf8;border:1px solid #e9efea;border-radius:12px;padding:12px;display:grid;gap:8px}.month-group>strong{font-size:13px;color:#244c39}.month-group .graph-track{height:11px}.month-group .graph-line-head{font-size:12px}@media(max-width:850px){.graph-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.graph-bar{transition:width .25s ease}}

.upload-label{background:#e8efe6;color:#1f4134;padding:11px 16px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:700}#bulkFile{width:auto;max-width:100%}#bulkPreview table{min-width:790px}#bulkStatus{overflow-wrap:anywhere}

/* Local-only handwritten register entry workspace */
.document-review-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.25fr);gap:22px;margin-top:18px}.register-viewer{min-height:280px;border:1px solid #d8e2d7;border-radius:12px;background:#f8faf6;overflow:auto}.register-viewer img{display:block;width:100%;height:auto;max-height:850px;object-fit:contain}.register-viewer iframe{width:100%;min-height:670px;border:0}.register-row{border:1px solid #d7e4d7;border-radius:12px;padding:13px;margin-top:13px}.register-row-title{display:flex;align-items:center;justify-content:space-between}.register-row-title button{padding:5px 10px}.register-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.register-fields label{display:flex;flex-direction:column;gap:4px}.register-fields input,.register-fields select{min-width:0}@media(max-width:900px){.document-review-grid{grid-template-columns:1fr}}@media(max-width:520px){.register-fields{grid-template-columns:1fr}}

/* Friendly, accessible admin shortcuts and date filters */
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-link{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink);border:1px solid #cfded1;border-radius:12px;background:#f6faf5;padding:17px;min-height:99px}.quick-link:hover,.quick-link:focus-visible{border-color:#1d7655;background:#eaf4ec}.quick-link strong{font-size:15px;line-height:1.3}.quick-link span{font-size:12px;color:var(--muted)}.period-panel{margin-bottom:0}.period-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.period-header h2{margin:0}.period-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-top:15px}.period-description{justify-content:center;min-height:45px}.report-summary{padding:13px 15px;background:#f4f7f0;border-radius:10px;margin:16px 0;font-weight:600}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c69b45;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:780px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.period-fields{grid-template-columns:1fr 1fr}.period-description{grid-column:1/-1}.period-header{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.quick-grid,.period-fields{grid-template-columns:1fr}.period-description{grid-column:auto}}

/* V5.9 one-task-at-a-time admin: mobile-first, large controls */
[data-admin-task][hidden],#activeTaskHeading[hidden]{display:none!important}
.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.task-choice{background:#f7faf5;color:#174333;border:2px solid #d5e4d5;border-radius:18px;padding:24px 18px;display:flex;align-items:center;text-align:center;flex-direction:column;gap:5px;min-height:170px;box-shadow:0 4px 12px #1b452010}.task-choice:hover,.task-choice:focus-visible{border-color:#176c4f;background:#e8f4e9}.task-choice strong{font-size:20px;line-height:1.2}.task-choice .urdu{font-size:18px;font-weight:600}.task-choice small{font-size:12px;color:#657b70}.task-symbol{font-size:34px;font-weight:600;color:#17704f}.more-tools,.admin-settings{margin-top:18px;padding:16px;border:1px solid #dae5d8;border-radius:12px;background:#fff}.more-tools summary,.admin-settings summary,.advanced-audit summary{cursor:pointer;font-weight:700}.more-tools-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.secondary-link{background:#e8efe6;color:#1f4134;text-decoration:none;border-radius:9px;padding:12px 18px;font-weight:700}.task-back{margin-bottom:12px}.active-task-heading{margin-top:24px}.active-task-heading h2{margin-bottom:0}.task-choice:active{transform:scale(.99)}@media(max-width:560px){.task-grid{gap:10px}.task-choice{min-height:158px;padding:18px 8px}.task-choice strong{font-size:16px}.task-choice .urdu{font-size:16px}#workspace .panel{padding:18px 14px}.admin-settings{margin-bottom:18px}}
