:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#20334c;background:#f3f6fa;font-synthesis:none;--green:#142c49;--muted:#596d85;--line:#d9e2ee;--accent:#c7ddf6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--green);font-weight:600}button:hover{background:#edf3fa}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#244d78}button.danger{color:#973e31}a{color:#235f99}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #3284d6;outline-offset:2px}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--green);color:white;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 36px}.mark{background:var(--accent);color:var(--green);width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:23px;font-weight:800}.brand strong{font-size:22px;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:1.7px;color:#c1d2e8;margin-top:3px}.nav{display:grid;gap:6px}.nav button{text-align:left;background:transparent;color:#d1dded;border:0;padding:12px 14px;font-weight:500;display:flex;gap:13px}.nav button.active{background:#294c73;color:white}.nav button:hover{background:#234365}.nav .glyph{width:19px;text-align:center}.sidefoot{margin-top:auto;padding:20px 12px 0;font-size:12px;line-height:1.7;color:#c1d2e8}.sidefoot strong{color:#e4eefb;display:block}.main{min-width:0}.topbar{height:80px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;gap:20px}.association{font-weight:650}.topbar .right{display:flex;align-items:center;gap:16px}.badge{font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px;background:#eaf0f8;color:#405f81;white-space:nowrap}.badge.amber{background:#fff2d9;color:#8c621c}.badge.red{background:#fbe9e4;color:#9b493c}.badge.green{background:#e1f0e5;color:#2b6b47}.content{max-width:1450px;padding:36px 38px;margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:700}h1{font-size:31px;letter-spacing:-1px;font-weight:650;margin:9px 0 8px}h2{font-size:18px;margin:0;font-weight:650}p{line-height:1.6}.subtle{color:var(--muted);font-size:14px;margin:0}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome{background:#e8eff8;border:1px solid #d4dfed;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;margin-bottom:24px;gap:25px}.welcome h2{font-size:23px;letter-spacing:-.5px;margin-bottom:7px}.welcome p{margin:0;color:#516a89;font-size:14px}.welcome .stamp{font-size:36px;color:#365e88;padding:8px 18px;border-left:1px solid #c1d2e5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat,.panel,.record{background:white;border:1px solid var(--line);border-radius:12px}.stat{padding:22px}.stat label{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:30px;font-weight:650;margin:12px 0 7px;letter-spacing:-.7px}.stat small{font-size:12px;color:var(--muted)}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.panel{overflow:hidden;margin-bottom:22px}.panelhead{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.panelbody{padding:24px}.row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #edf1f7}.row:last-child{border-bottom:0}.row strong{font-size:14px}.row p{font-size:12px;color:var(--muted);margin:5px 0 0}.rowicon{background:#edf3fa;border-radius:9px;width:37px;height:37px;display:grid;place-items:center;flex-shrink:0}.row .grow{flex:1}.progress{height:8px;background:#e8eff8;border-radius:6px;overflow:hidden;margin-top:17px}.progress div{height:100%;background:#3975b1}.toolbar{display:flex;gap:12px;align-items:center;margin:0 0 20px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px;max-width:420px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:15px 23px;background:#f8fafd}td{padding:19px 23px;border-top:1px solid #edf1f7;font-size:14px}td small{display:block;color:var(--muted);margin-top:5px}td.wrap{white-space:normal;min-width:180px;max-width:400px}.money{font-variant-numeric:tabular-nums}.void{opacity:.55;text-decoration:line-through}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.record{padding:24px;display:flex;flex-direction:column;gap:14px}.record h2{font-size:18px}.record p{font-size:14px;color:#596d85;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.recordtop{display:flex;justify-content:space-between;align-items:center;gap:10px}.recordfooter{border-top:1px solid #edf1f7;padding-top:15px;margin-top:auto;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.recordfooter select{width:auto;max-width:180px;font-size:12px;padding:8px}.empty{padding:45px;text-align:center;color:var(--muted)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c3d1e3;border-radius:7px;background:white;color:#20334c}textarea{resize:vertical;min-height:100px}label.field{display:block;font-size:13px;font-weight:600;margin-bottom:17px}label.field input,label.field select,label.field textarea{margin-top:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:18px 0}.check input{width:auto;margin-top:3px}.formfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.help{font-size:12px;color:var(--muted);line-height:1.6}.notice{padding:15px 18px;background:#edf3fb;border:1px solid #d2e0f1;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:20px}.error{color:#a2382e;background:#fff0ed;border-radius:7px;padding:12px;font-size:13px}.error:empty{display:none}.auth{max-width:460px;margin:7vh auto;background:white;border:1px solid var(--line);border-radius:16px;padding:34px}.auth .brand{padding:0 0 22px}.auth h1{font-size:25px;margin-bottom:12px}.auth p{font-size:14px;color:var(--muted)}.auth form{margin-top:25px}.auth .primary{width:100%}.authfoot{font-size:12px;color:var(--muted);text-align:center;margin-top:22px}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:580px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;color:#20334c}dialog::backdrop{background:#10243db0}dialog h2{margin-bottom:8px}dialog form{margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#142c49;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 8px 30px #0002;display:none;z-index:10;max-width:90vw}.loading{padding:40px}.inline{display:flex;align-items:center;gap:10px}.textbutton{border:0;background:transparent;padding:3px;font-size:12px}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.content{padding:28px 24px}.topbar{padding:0 24px}.shell{grid-template-columns:200px 1fr}.sidebar{padding:26px 12px}.grid{grid-template-columns:1fr}}

@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px}.brand{padding:0 0 16px}.sidebar .brand{padding:0 0 15px}.nav{display:flex;overflow-x:auto;gap:5px}.nav button{white-space:nowrap;padding:10px}.nav .glyph,.sidefoot{display:none}.topbar{height:65px;padding:0 18px}.topbar .right{gap:7px}.topbar .right .badge{display:none}.content{padding:24px 16px}.pagehead{align-items:flex-start}h1{font-size:26px}.pagehead .primary{font-size:12px;padding:10px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.welcome{padding:21px}.welcome .stamp{display:none}.welcome h2{font-size:20px}.panelhead,.panelbody{padding:19px}.row{padding:16px 19px}.auth{margin:25px 15px;padding:25px}.formgrid{grid-template-columns:1fr}td,th{padding:14px}.record{padding:20px}}

/* Saved reports print without navigation, configuration, or other records. */

.report-identity { overflow-wrap:anywhere; }

.gov-card { margin:16px 0; }

.gov-card summary { cursor:pointer; font-weight:700; padding:6px 0; }

.gov-text { white-space:pre-wrap; overflow-wrap:anywhere; }

.gov-card .data-actions { margin:14px 0; }

.saved-report table { min-width:640px; }

.saved-report td.wrap { min-width:0; max-width:none; }

.saved-report th { white-space:normal; }

.saved-report th, .saved-report td { padding:12px; }

#report-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }

#report-form .help, #report-form .error { grid-column:1/-1; }

#report-form button { justify-self:start; }

@media(max-width:700px) { #report-form { grid-template-columns:1fr; } }

@media print {

  body { background:white; color:black; }

  aside, nav, header, .sidebar, .topbar, #toast, dialog, .report-controls, .pagehead { display:none !important; }

  #app, #app > *, main, #content, #report-workspace, .saved-report { display:block !important; margin:0 !important; padding:0 !important; width:auto !important; }

  .saved-report { border:0 !important; box-shadow:none !important; }

  .saved-report .tablewrap { overflow:visible; }

  .saved-report table { min-width:0; width:100%; font-size:9pt; }

  .saved-report th, .saved-report td { padding:5px; white-space:normal; }

  .saved-report tr { break-inside:avoid; }

  a { color:black; }

}



.app-about{margin:0 24px 24px;padding:16px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.app-about summary{cursor:pointer;width:fit-content}.app-about summary:focus-visible{outline:2px solid #235f99;outline-offset:4px}.app-about p{margin:12px 0 0;line-height:1.6}

@media print{.app-about{display:none}}



/* High-contrast focus on the dark navigation surface. */

.sidebar button:focus-visible{outline:3px solid #b8dcff;outline-offset:2px}



/* Keep the workspace selector label inside the header at narrow widths. */

.topbar .right > .field{margin:0;font-size:12px}.topbar .right > .field select{min-height:44px;margin-top:4px}

@media(max-width:700px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;padding:12px 18px;gap:10px}.topbar .association{flex-basis:100%}.topbar .right{width:100%;justify-content:space-between}.topbar .right > .field{flex:1;max-width:210px}}



.brand-logo{display:block;width:104px;height:104px;object-fit:contain;flex-shrink:0}.brand{gap:10px;padding-left:0;padding-right:0}.auth .brand-logo{width:128px;height:128px}.auth .brand small{color:#596d85}@media(max-width:700px){.brand-logo{width:88px;height:88px}.auth .brand-logo{width:112px;height:112px}}


/* Preserve the stacked brand beside the unchanged logo. */
.brand strong{font-size:16px;letter-spacing:.2px;white-space:nowrap}.sidebar .brand strong{font-size:14px}.brand small{letter-spacing:1.7px}