:root{color-scheme:light;--green: #1a7a4a;--green-dark: #105c38;--navy: #0d1b2a;--gold: #d4a017;--red: #c0392b;--amber: #e67e22;--ink: #172033;--muted: #647184;--line: #dfe6ed;--soft: #f4f6f8;--white: #ffffff;--shadow: 0 18px 42px rgba(13, 27, 42, .12);font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:hover,a:hover{filter:brightness(.98)}button,.button,.icon-button,.member-action,.member-pick-list button,.loan-product-grid button{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(212,160,23,.45);outline-offset:2px}.button:hover,.icon-button:hover,.member-action:hover,.member-pick-list button:hover,.loan-product-grid button:hover{border-color:var(--green);box-shadow:0 10px 24px #0d1b2a1a;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.62}.topbar{align-items:center;background:#fffffff0;border-bottom:1px solid var(--line);display:flex;gap:18px;height:72px;justify-content:space-between;padding:0 clamp(18px,4vw,48px);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar-actions,.navlinks,.button,.lang-toggle,.row-actions,.auth-brand{align-items:center;display:flex}.brand{color:var(--navy);font-weight:900;gap:10px;white-space:nowrap}.portfolio-back-link{border:1px solid var(--line);border-radius:8px;color:var(--green-dark);font-size:.8rem;font-weight:900;padding:8px 10px;white-space:nowrap}.brand-mark,.modal-icon,.stat-icon{align-items:center;display:inline-flex;justify-content:center}.brand-mark{background:var(--green);color:var(--white);height:36px;width:36px;border-radius:8px}.navlinks{gap:4px}.navlinks a,.sidebar a{border-radius:8px;color:var(--muted);font-size:.92rem;font-weight:750;padding:10px 12px}.navlinks a.active,.sidebar a.active{background:#e6f4ec;color:var(--green-dark)}.topbar-actions{gap:10px}.lang-toggle{background:#edf2f5;border-radius:8px;padding:3px}.lang-toggle button,.language-prompt button{border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:850;min-height:30px;padding:0 9px}.lang-toggle button.active,.language-prompt button.active{background:var(--green);color:var(--white)}.button{border:1px solid transparent;border-radius:8px;font-weight:850;gap:8px;justify-content:center;min-height:44px;padding:0 16px}.button.primary{background:var(--green);color:var(--white)}.button.secondary{background:#eef7f2;border-color:#cbe6d7;color:var(--green-dark)}.button.ghost{background:var(--white);border-color:var(--line);color:var(--navy)}.button.glass{background:#ffffff2e;border-color:#ffffff6b;color:var(--white)}.button.compact,.button.small{min-height:36px}.button.small{font-size:.82rem;padding:0 11px}.icon-button{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;color:var(--navy);display:inline-flex;height:38px;justify-content:center;width:38px}.new-tag,.member-directory em{background:#fff1c6;border:1px solid #f1cf63;border-radius:999px;color:#7a5600;display:inline-flex;font-size:.68rem;font-style:normal;font-weight:900;margin-left:5px;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.mobile-only{display:none}.mobile-menu-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:none;gap:6px;padding:8px;position:absolute;right:14px;top:calc(100% + 8px);width:min(260px,calc(100vw - 28px));z-index:40}.mobile-menu-panel a{border-radius:8px;color:var(--navy);font-weight:850;padding:11px 12px}.mobile-menu-panel a.active{background:#e6f4ec;color:var(--green-dark)}.mobile-view-dock{cursor:grab;display:none;position:fixed;touch-action:none;z-index:120}body.view-phone .mobile-view-dock,body.view-desktop .mobile-view-dock,body.view-detail .mobile-view-dock{display:block}.dock-orb{align-items:center;background:var(--navy);border:2px solid var(--gold);border-radius:999px;box-shadow:0 18px 38px #0d1b2a47;color:var(--white);display:grid;height:64px;justify-items:center;padding:7px;width:64px}.dock-orb svg:last-child{color:#ffffff94}.dock-popover{background:#0d1b2af5;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:var(--shadow);color:var(--white);display:grid;gap:8px;right:72px;left:auto;top:-10px;padding:10px;position:absolute;transform:none;width:196px}.dock-popover strong{color:var(--gold);font-size:.78rem;text-transform:uppercase}.dock-popover div{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.dock-popover button{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#ffffffd1;display:grid;font-size:.68rem;font-weight:850;gap:3px;justify-items:center;min-height:42px}.dock-popover button.active{background:var(--gold);color:var(--navy)}.dock-popover .dock-top-button{grid-template-columns:auto auto;justify-content:center;min-height:34px;width:100%}.mobile-view-dock{transition:transform .2s ease}.mobile-view-dock.open{transform:translate(-30px)}body.view-desktop .mobile-view-dock{left:auto!important;right:8px!important;transform:scale(var(--dock-counter-scale, 2.857));transform-origin:top right}body.view-desktop .mobile-view-dock.open{transform:translate(-30px) scale(var(--dock-counter-scale, 2.857));transform-origin:top right}body.view-desktop .mobile-only{display:none!important}body.view-desktop .desktop-only{display:revert!important}body.view-phone .desktop-only,body.view-detail .desktop-only{display:none!important}@media(min-width:601px){body:not(.view-desktop) .mobile-view-dock{display:none!important}}@media(min-width:901px){body.view-phone .workspace,body.view-detail .workspace,body.view-desktop .workspace{max-width:1180px!important;width:100%!important;margin:0 auto!important;padding-left:clamp(20px,4vw,38px)!important;padding-right:clamp(20px,4vw,38px)!important}body.view-phone .stats-grid,body.view-detail .stats-grid,body.view-desktop .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.view-phone .dashboard-grid,body.view-detail .dashboard-grid,body.view-desktop .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.hero{min-height:calc(100vh - 72px);overflow:hidden;position:relative}.hero img,.hero-overlay{height:100%;inset:0;position:absolute;width:100%}.hero img{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#0d1b2aeb,#0d1b2a9e 45%,#0d1b2a1a)}.hero-content{color:var(--white);max-width:780px;padding:clamp(40px,8vw,90px) clamp(20px,7vw,92px);position:relative;z-index:1}.language-prompt{align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.32);border-radius:8px;display:inline-flex;flex-wrap:wrap;gap:8px;margin-bottom:42px;padding:7px}.language-prompt span{color:#ffffffe0;font-size:.85rem;font-weight:800;padding:0 7px}.eyebrow,.section-heading p,.page-title p,.member-hero p{color:var(--gold);font-size:.78rem;font-weight:950;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}.hero h1{font-size:clamp(2.35rem,7vw,5.8rem);letter-spacing:0;line-height:.95;margin:0;max-width:850px}.hero-copy{color:#ffffffe0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.7;margin:26px 0 28px;max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.public-stats{background:var(--white);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.public-stats div{border-right:1px solid var(--line);padding:24px clamp(16px,4vw,48px)}.public-stats strong{color:var(--green);display:block;font-size:2rem}.public-stats span{color:var(--muted);font-weight:800}.section,.cta-band{padding:clamp(42px,7vw,88px) clamp(18px,6vw,82px)}.section-heading{max-width:760px}.section-heading h2,.split-band h2,.cta-band h2,.page-title h1,.member-hero h1{color:var(--navy);font-size:clamp(1.7rem,4vw,3.1rem);letter-spacing:0;line-height:1.05;margin:0}.feature-grid,.privacy-grid,.report-grid,.stats-grid,.dashboard-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(4,1fr);margin-top:28px}.problem-grid,.ussd-explainer{display:grid;gap:16px}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.problem-card{background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;min-height:190px;padding:18px}.problem-card span{color:var(--gold);font-weight:950}.problem-card svg{color:var(--amber)}.problem-card h3{color:var(--navy);margin:0}.problem-card p{color:var(--muted);line-height:1.55;margin:0}.ussd-explainer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.ussd-explainer div{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:22px}.ussd-explainer svg{color:var(--green)}.ussd-explainer h3{color:var(--navy);margin:12px 0 8px}.ussd-explainer p{color:var(--muted);line-height:1.55;margin:0}.privacy-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.feature-card,.report-card,.panel,.form-panel,.table-shell,.stat-card,.auth-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px #0d1b2a0f}.feature-card{padding:22px}.feature-card svg{color:var(--green)}.feature-card h3,.panel h2,.form-panel h2,.report-card h3{color:var(--navy);margin:14px 0 8px}.feature-card p,.panel small,.mini-list small,.report-card span{color:var(--muted);line-height:1.55}.split-band{align-items:center;background:var(--navy);color:var(--white);display:grid;gap:28px;grid-template-columns:1fr 1.1fr}.split-band h2,.cta-band h2{color:var(--white)}.steps{display:grid;gap:12px;list-style:none;margin:0;padding:0}.steps li{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:flex;gap:12px;padding:16px}.steps span{align-items:center;background:var(--gold);border-radius:8px;color:var(--navy);display:inline-flex;font-weight:950;height:34px;justify-content:center;width:34px}.cta-band{align-items:center;background:linear-gradient(110deg,var(--green),var(--navy));color:var(--white);display:flex;flex-wrap:wrap;gap:18px;justify-content:center;text-align:center}.auth-page{display:grid;min-height:calc(100vh - 72px);place-items:center;padding:28px}.error-page{align-items:center;background:var(--soft);display:flex;min-height:100vh;justify-content:center;padding:24px}.error-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:14px;max-width:620px;padding:28px}.error-panel p{color:var(--gold);font-weight:950;margin:0;text-transform:uppercase}.error-panel h1{color:var(--navy);margin:0}.error-panel span{color:var(--muted);line-height:1.55}.auth-panel{max-width:820px;padding:clamp(22px,4vw,38px);width:100%}.auth-brand{gap:14px;margin-bottom:24px}.auth-brand svg{color:var(--green)}.auth-brand h1{margin:0 0 4px}.auth-brand p,.credentials p{color:var(--muted);margin:0}.quick-logins{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.login-choice{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:8px;min-height:150px;padding:20px;text-align:left}.login-choice svg{color:var(--green)}.login-choice span,.member-select label{color:var(--muted)}.credentials{background:#fff7df;border:1px solid #ead392;border-radius:8px;display:grid;gap:8px;margin:18px 0;padding:14px}.member-select,.credential-form,.form-panel{display:grid;gap:14px}.member-select select,.credential-form input,.form-panel select,.form-panel input,.table-tools input,.table-tools select{background:var(--white);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px;width:100%}.credential-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.credential-form label{color:var(--muted);display:grid;font-weight:800;gap:7px}.form-error{background:#fff1df;border:1px solid #f1c18f;border-radius:8px;color:#9b4b0e;font-weight:800;margin:0;padding:10px 12px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:var(--navy);display:flex;flex-direction:column;gap:6px;padding:22px 14px}.sidebar a{align-items:center;color:#ffffffb8;display:flex;gap:10px}.workspace{display:grid;gap:20px;padding:clamp(20px,4vw,38px)}.workspace.no-sidebar{max-width:1180px;margin:0 auto;width:100%}.page-title{max-width:840px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{align-items:center;display:flex;justify-content:space-between;min-height:126px;padding:18px}.stat-card p,.stat-card small{color:var(--muted);display:block;margin:0}.stat-card strong{color:var(--navy);display:block;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;margin:8px 0}.stat-icon{background:#eef7f2;border-radius:8px;color:var(--green);height:44px;width:44px}.tone-success{border-color:#b9dfca}.tone-warn{border-color:#f1c18f}.tone-danger{border-color:#e3aaa4}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.panel-heading{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading p{color:var(--muted);line-height:1.55;margin-top:4px}.panel-heading svg{color:var(--amber);flex:0 0 auto}.chart-panel{min-height:340px}.wide-panel{width:100%}.mini-list{display:grid;gap:10px}.mini-list div{border-bottom:1px solid var(--line);display:grid;gap:4px;padding:10px 0}.mini-list div:last-child{border-bottom:0}.mini-list span,.mini-list strong{color:var(--navy);font-weight:850}.permission-list{display:grid;gap:10px}.permission-list article,.request-list article{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:12px}.request-list{display:grid;gap:10px}.request-list article{grid-template-columns:1fr auto auto}.permission-list strong,.permission-list span,.request-list strong,.request-list span,.request-list small{display:block}.permission-list strong,.request-list strong{color:var(--navy)}.permission-list div>span,.request-list div>span,.request-list small{color:var(--muted);font-size:.86rem;font-weight:800;margin-top:4px}.inline-message{background:#fff7df;border:1px solid #ead392;border-radius:8px;display:grid;gap:8px;margin-top:14px;padding:14px}.inline-message p{color:var(--ink);line-height:1.55;margin:0}.finding-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.finding-grid div{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--navy);font-weight:850;line-height:1.45;padding:12px}.nested-panel{box-shadow:none;padding:16px}.nested-panel h3{color:var(--navy);margin:0 0 10px}.table-shell{overflow:hidden}.table-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.member-search{flex:0 1 260px;max-width:280px}.right-filters{align-items:center;display:flex;flex:1 1 560px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.right-filters input,.right-filters select{max-width:210px}.table-scroll{overflow-x:auto;position:relative}body.scroll-nudge .table-scroll:after{animation:hintFade 1.8s ease both;background:#0d1b2adb;border-radius:999px;color:var(--white);content:"Hidden details - swipe";font-size:.75rem;font-weight:900;padding:7px 10px;pointer-events:none;position:sticky;right:10px;top:10px;z-index:2}@keyframes hintFade{0%{opacity:0;transform:translate(12px)}20%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}table{border-collapse:collapse;min-width:860px;width:100%}tbody tr:nth-child(odd){background:#fff}tbody tr:nth-child(2n){background:#f8fbf8}tbody tr:hover{background:#eef7f2}th,td{border-top:1px solid var(--line);padding:14px 16px;text-align:left;vertical-align:middle}th{background:#f8fafb;color:var(--muted);font-size:.78rem;text-transform:uppercase}td small{color:var(--muted);display:block;margin-top:3px}.badge{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:900;padding:6px 9px}.badge.paid{background:#e3f4ea;color:var(--green-dark)}.badge.pending{background:#fff1df;color:#9b4b0e}.badge.warn{background:#fff7df;color:#9b4b0e}.badge.danger{background:#fff0ee;color:var(--red)}.badge.date{background:#e9f2ff;color:#24549a}.badge.muted{background:#eef2f5;color:var(--muted)}.status-chip-stack{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}.row-actions{gap:7px}.status-strip{background:var(--navy);border-radius:8px;color:var(--white);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);overflow:hidden}.status-strip div{background:#ffffff14;padding:18px}.status-strip strong,.status-strip span{display:block}.status-strip strong{font-size:1.45rem;line-height:1.1}.status-strip span{color:#ffffffb8;font-weight:800;margin-top:6px}.mini-status{margin-top:14px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1 / -1}.form-panel{padding:22px}.form-panel label{color:var(--muted);display:grid;font-weight:800;gap:7px}.accent-panel{border-color:#e7cf83}.toolbar-row{display:flex;justify-content:flex-end}.report-grid{grid-template-columns:repeat(5,minmax(180px,1fr))}.report-card{display:grid;gap:10px;padding:18px}.report-card p{display:flex;justify-content:space-between;margin:0}.report-filters{align-items:end;background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;grid-template-columns:180px 220px 1fr;padding:16px}.report-filters label{color:var(--muted);display:grid;font-weight:800;gap:7px}.report-filters select{background:var(--white);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}.report-summary{background:#eef7f2;border:1px solid #cbe6d7;border-radius:8px;display:grid;gap:4px;min-height:64px;padding:10px 14px}.report-summary span{color:var(--green-dark);font-weight:850}.report-summary strong{color:var(--navy);font-size:1.35rem}.audit-list,.fine-grid,.run-sheet,.receipt-grid{display:grid;gap:12px}.audit-item{border-left:4px solid #b9dfca;border-radius:8px;background:#f8fafb;display:grid;gap:4px;padding:12px 14px}.audit-item.risk-medium{border-left-color:var(--amber)}.audit-item.risk-high{border-left-color:var(--red)}.audit-item span,.audit-item small{color:var(--muted);font-size:.78rem;font-weight:800}.audit-item strong{color:var(--navy)}.audit-item p{color:var(--ink);line-height:1.45;margin:0}.fine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fine-tile{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:8px;min-height:96px;padding:14px;text-align:left}.fine-tile span{color:var(--muted);font-weight:800}.fine-tile strong{color:var(--red);font-size:1.2rem}.run-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}.run-item{background:#f8fafb;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;min-height:132px;padding:14px}.run-item svg{color:var(--green)}.run-item.warn svg{color:var(--amber)}.run-item span{color:var(--navy);font-weight:900}.run-item small{color:var(--muted);line-height:1.45}.receipt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.receipt-card{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;padding:14px}.receipt-card span{color:var(--green-dark);font-size:.78rem;font-weight:950;text-transform:uppercase}.receipt-card strong{color:var(--navy);font-size:1.35rem}.receipt-card p,.receipt-card small{color:var(--muted);margin:0}.ussd-panel{border-color:#cbe6d7}.ussd-screen{background:#111827;border-radius:8px;color:#d7fbe8;display:grid;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;gap:7px;line-height:1.4;padding:18px}.ussd-screen strong{color:var(--white)}.ussd-options{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.ussd-options article{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:13px}.ussd-options strong{color:var(--navy)}.ussd-options p{color:var(--muted);line-height:1.45;margin:6px 0 0}.compact-ussd .ussd-screen{grid-template-columns:repeat(2,minmax(0,1fr))}.beneficiary-current{background:#eef7f2;border:1px solid #cbe6d7;border-radius:8px;display:grid;gap:8px;padding:16px}.beneficiary-current span,.rotation-list span{color:var(--green-dark);font-weight:900}.beneficiary-current strong{color:var(--navy);font-size:1.55rem}.beneficiary-current p{color:var(--muted);margin:0}.rotation-list{display:grid;gap:9px;margin-top:12px}.rotation-list div{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:3px;grid-template-columns:110px 1fr auto;padding:10px 0}.rotation-list div:last-child{border-bottom:0}.rotation-list strong{color:var(--navy)}.rotation-list small{color:var(--muted)}.announcement-form{display:grid;gap:10px}.stack-form{display:grid;gap:14px}.fine-form-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.fine-form-heading h2{margin:0}.fine-submit{justify-self:start}.fine-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.back-members-button{border-color:#d4a017;box-shadow:0 8px 18px #d4a01738;color:var(--navy)}.stack-form label,.loan-form label{color:var(--muted);display:grid;font-weight:800;gap:7px}.stack-form select,.loan-form select,.loan-form input{background:var(--white);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px;width:100%}.loan-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-form input,.announcement-form textarea{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:12px;width:100%}.announcement-list{display:grid;gap:10px;margin-top:14px}.announcement-list article{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.announcement-list strong{color:var(--navy)}.announcement-list p{color:var(--muted);line-height:1.45;margin:5px 0}.announcement-list small{color:var(--muted)}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-list{display:grid;gap:10px}.toggle-row{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--navy);display:flex;font-weight:850;justify-content:space-between;gap:12px;padding:14px}.toggle-row input{accent-color:var(--green);height:20px;width:20px}.toggle-row input:disabled{cursor:not-allowed;opacity:.7}.empty-state{align-items:center;background:var(--soft);border:1px dashed #b7c5d0;border-radius:8px;color:var(--muted);display:grid;justify-items:center;min-height:150px;padding:22px;text-align:center}.empty-state strong{color:var(--navy)}.empty-state p{margin:0}.wide-modal{max-width:860px}.history-summary{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.history-summary div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.history-summary span,.history-summary strong{display:block}.history-summary span{color:var(--muted);font-size:.82rem;font-weight:850}.history-summary strong{color:var(--navy);margin-top:5px}.history-filters{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;margin:16px 0}.history-filters label{color:var(--muted);display:grid;font-size:.86rem;font-weight:850;gap:6px}.history-filters input,.history-filters select{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 11px}.compact-history-filter{grid-template-columns:minmax(160px,220px) minmax(180px,260px) auto}.modal-table{border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.report-preview-list{border:1px solid var(--line);border-radius:8px;display:grid;gap:1px;margin-bottom:16px;overflow:hidden}.report-preview-list div{align-items:center;background:var(--soft);display:flex;justify-content:space-between;gap:12px;padding:12px 14px}.report-preview-list span{color:var(--muted);font-weight:850}.report-preview-list strong{color:var(--navy);text-align:right}.privacy-boundary{background:var(--navy);border-radius:8px;color:var(--white);display:grid;gap:8px;padding:18px}.privacy-boundary strong{color:var(--gold);text-transform:uppercase}.privacy-boundary span{color:#ffffffd1}.member-community-grid{display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.member-directory{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.member-directory article{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;padding:12px}.member-directory article:nth-child(odd){background:#fff}.member-directory article:nth-child(2n){background:#f7fbf8}.member-directory article:nth-child(3n){background:#fffdf4}.member-directory strong{color:var(--navy)}.member-directory span{color:var(--muted);font-size:.86rem;font-weight:800}.directory-toggle{margin-top:14px;width:100%}.loan-total-box{background:#eef7f2;border:1px solid #cbe6d7;border-radius:8px;display:grid;gap:7px;padding:16px}.loan-total-box span,.loan-total-box small{color:var(--green-dark);font-weight:850}.loan-total-box strong{color:var(--navy);font-size:1.65rem}.role-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid article{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:14px}.role-grid strong{color:var(--navy)}.role-grid p{color:var(--muted);line-height:1.45;margin:6px 0 0}.site-footer{align-items:start;background:var(--navy);color:var(--white);display:grid;gap:20px;grid-template-columns:1fr 1.2fr;padding:28px clamp(18px,4vw,48px)}.footer-brand{align-items:center;color:var(--white);display:inline-flex;font-weight:950;gap:9px}.site-footer p{color:#ffffffb8;line-height:1.55;margin:10px 0 0}.footer-links{display:grid;gap:12px;justify-items:end}.footer-links a,.footer-links span{color:#ffffffc7;font-weight:800}.footer-links a{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 10px}.footer-links span{align-items:center;display:inline-flex;gap:6px;text-align:right}.member-page{background:var(--soft)}.member-hero{background:linear-gradient(110deg,var(--navy),#1f6c4b);color:var(--white);padding:clamp(30px,6vw,64px) clamp(20px,7vw,90px)}.member-hero h1{color:var(--white)}.member-hero span{color:#ffffffd1;display:block;margin-top:12px}.member-nav{background:var(--white);border-bottom:1px solid var(--line);display:flex;gap:8px;overflow-x:auto;padding:10px clamp(18px,7vw,90px);position:sticky;top:72px;z-index:18}.member-nav a{border:1px solid var(--line);border-radius:8px;color:var(--navy);font-weight:850;padding:9px 12px;white-space:nowrap}.member-preview{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;display:grid;gap:18px;grid-template-columns:1fr auto;padding:20px}.member-preview h2{color:var(--navy);margin:10px 0 4px}.member-preview p{color:var(--muted);font-weight:850;margin:0}.preview-metrics{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(120px,1fr))}.preview-metrics span{background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--navy);font-weight:850;padding:10px 12px}.action-strip,.member-action-grid{display:flex;flex-wrap:wrap;gap:10px}.member-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.member-action{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;color:var(--navy);display:flex;gap:10px;justify-content:center;min-height:58px;padding:0 14px;font-weight:900;box-shadow:0 10px 24px #0d1b2a14}.member-action.primary{background:var(--green);color:var(--white)}.loan-product-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.loan-product-grid article{border:1px solid var(--line);border-radius:8px;display:grid;gap:7px;padding:12px}.loan-product-grid strong{color:var(--navy)}.loan-product-grid span,.loan-product-grid small{color:var(--muted);font-weight:800}.calendar-input{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;min-height:44px;padding:0 12px;width:100%}.member-stats{border:1px solid var(--line);border-radius:8px;overflow:hidden}.modal-backdrop{align-items:center;background:#0d1b2a94;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.modal{background:var(--white);border-radius:8px;box-shadow:var(--shadow);max-height:calc(100dvh - 36px);max-width:560px;overflow-y:auto;padding:28px;position:relative;width:100%}.modal-close{position:absolute;right:14px;top:14px}.modal-icon{background:#e4f5eb;border-radius:8px;color:var(--green);height:54px;width:54px}.modal h2{color:var(--navy);margin:18px 0 8px}.modal p{color:var(--muted);line-height:1.6}.demo-list{background:var(--soft);border-radius:8px;display:grid;gap:10px;margin:18px 0;padding:14px}.demo-list span{align-items:center;color:var(--ink);display:flex;gap:8px;font-weight:750}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.payment-modal{max-width:620px}.wallet-choice,.name-count-choice div{background:#edf2f5;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0;padding:4px}.wallet-choice button,.name-count-choice button{background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:900;min-height:42px}.wallet-choice button.active,.name-count-choice button.active{background:var(--green);color:var(--white)}.pay-other-box{border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;margin:14px 0;padding:14px}.pay-other-box label,.name-count-choice span{color:var(--navy);display:grid;gap:7px;font-size:.9rem;font-weight:850}.inline-check{display:grid;gap:8px;grid-template-columns:1fr auto}.inline-check input,.pay-other-box input,.pay-other-box select{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}.member-pick-list{display:grid;gap:8px;max-height:220px;overflow-y:auto}.member-pick-list button{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:3px;padding:10px 12px;text-align:left}.member-pick-list button:nth-child(odd),.permission-list article:nth-child(odd),.request-list article:nth-child(odd),.mini-list div:nth-child(odd),.receipt-card:nth-child(odd){background:#fff}.member-pick-list button:nth-child(2n),.permission-list article:nth-child(2n),.request-list article:nth-child(2n),.mini-list div:nth-child(2n),.receipt-card:nth-child(2n){background:#f7fbf8}.member-pick-list button.active{background:#e9f8ef;border-color:#b7dfc7}.member-pick-list span{color:var(--navy);font-weight:900}.member-pick-list small{color:var(--muted);font-weight:800}.treasurer-find-list{max-height:250px}.treasurer-find-card{background:var(--navy);border-radius:8px;color:var(--white);display:grid;gap:6px;padding:14px}.treasurer-find-card strong{color:var(--gold)}.treasurer-find-card span{color:#ffffffd1;font-weight:850}.pay-action-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.check-result{align-items:center;border-radius:8px;display:flex;gap:8px;font-size:.9rem;font-weight:850;padding:10px 12px}.check-result.success{background:#e9f8ef;color:var(--green-dark)}.check-result.fail{background:#fff0ee;color:var(--red)}.name-count-choice{display:grid;gap:8px;margin:14px 0}.fixed-amount-box,.fine-calc-box,.success-receipt{background:var(--navy);border-radius:8px;color:var(--white);display:grid;gap:6px;margin:16px 0;padding:16px}.fixed-amount-box span,.fixed-amount-box small,.fine-calc-box span,.fine-calc-box small,.success-receipt span,.success-receipt small{color:#ffffffc7;font-weight:850}.fixed-amount-box strong,.fine-calc-box strong,.success-receipt strong{color:var(--white);font-size:1.8rem}.fine-calc-box{background:#fff7df;border:1px solid #ead392;color:var(--navy);margin:0}.fine-calc-box span,.fine-calc-box small{color:#7a5600}.fine-calc-box strong{color:var(--navy)}.success-receipt svg{color:var(--gold)}.payment-timeline .current-step{color:var(--green-dark)}.field-note{color:var(--muted);font-size:.92rem;line-height:1.5;margin:0 0 14px}.spinning-icon svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.feature-grid,.problem-grid,.stats-grid,.report-grid,.run-sheet,.ussd-options,.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{bottom:0;flex-direction:row;left:0;overflow-x:auto;padding:8px;position:fixed;right:0;z-index:19}.sidebar a{flex:1 0 auto;justify-content:center}.workspace{padding-bottom:92px}.site-footer{padding-bottom:104px}.navlinks{display:none}.mobile-only{display:inline-flex}.mobile-menu-panel{display:grid}}@media(max-width:760px){.mobile-view-dock{display:grid}.modal-backdrop{align-items:flex-start;padding:10px}.topbar{height:auto;min-height:68px;padding:10px 14px}.brand span:last-child{display:none}.button.ghost{padding:0 10px}.hero{min-height:720px}.hero-overlay{background:linear-gradient(180deg,#0d1b2aeb,#0d1b2a85)}.public-stats,.feature-grid,.problem-grid,.ussd-explainer,.member-preview,.preview-metrics,.member-action-grid,.loan-product-grid,.member-community-grid,.member-directory,.privacy-grid,.quick-logins,.dashboard-grid,.two-column,.stats-grid,.compact-stats,.report-grid,.split-band,.table-tools,.status-strip,.report-filters,.fine-grid,.loan-form,.run-sheet,.ussd-options,.compact-ussd .ussd-screen,.history-summary,.history-filters,.finding-grid,.permission-list article,.request-list article,.pay-action-row,.receipt-grid{grid-template-columns:1fr}.member-search,.right-filters,.right-filters input,.right-filters select,.right-filters .button{flex:1 1 100%;max-width:none;width:100%}.rotation-list div{grid-template-columns:1fr}.public-stats div{border-right:0;border-bottom:1px solid var(--line)}.hero-content{padding:32px 18px}.hero h1{line-height:1.02}.modal{max-height:calc(100dvh - 20px);padding:22px 16px}.modal-close{position:sticky;top:0;margin-left:auto;z-index:2}.modal-actions{justify-content:stretch}.modal-actions .button{width:100%}.inline-check,.wallet-choice,.name-count-choice div,.role-grid,.site-footer{grid-template-columns:1fr}.footer-links{justify-items:start}.footer-links span{text-align:left}.site-footer{gap:14px;padding-bottom:156px}body.view-detail .table-scroll{overflow-x:visible}body.view-detail table,body.view-detail thead,body.view-detail tbody,body.view-detail tr,body.view-detail th,body.view-detail td{display:block;min-width:0;width:100%}body.view-detail thead{display:none}body.view-detail tbody{display:grid;gap:12px}body.view-detail tr{border:1px solid var(--line);border-radius:8px;overflow:hidden}body.view-detail tr:nth-child(odd){background:#fff}body.view-detail tr:nth-child(2n){background:#f7fbf8}body.view-detail td{border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(96px,34%) 1fr;padding:11px 12px}body.view-detail td:first-child{border-top:0}body.view-detail td:before{color:var(--muted);content:attr(data-label);font-size:.76rem;font-weight:950;text-transform:uppercase}body.view-detail .row-actions,body.view-detail .status-chip-stack{justify-content:flex-start}}@media print{.topbar,.sidebar,.site-footer,.modal-close,.modal-actions{display:none!important}body{background:var(--white)}.modal-backdrop{background:var(--white);display:block;position:static}.modal{box-shadow:none;max-width:100%}}