:root{--green:#164d37;--deep:#113c2b;--ink:#173a2a;--muted:#718176;--line:#dfe7e0;--bg:#f5f8f5;--gold:#e3bf74;--light:#eaf2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:white}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1,h2{letter-spacing:-1px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #8eba97;outline-offset:3px}p{color:var(--muted)}.container{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}.site-header{max-width:1370px;padding:24px 44px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:flex;align-items:center;gap:12px;flex-shrink:0}.wordmark img{width:48px;height:48px;object-fit:contain}.wordmark>span{font-size:24px;font-weight:700;letter-spacing:2px;line-height:1.2}.wordmark small{display:block;font-size:9px;letter-spacing:1.6px;color:#7d9484;margin-top:6px;font-weight:400}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav>a:hover:not(.button){color:#3a8552}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;border:1px solid var(--green);background:var(--green);color:white;padding:14px 22px;border-radius:7px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#236a47;transform:translateY(-1px)}.button.small{padding:10px 16px;font-size:13px}.button.secondary{background:#fff;color:var(--green);border-color:#cddbd0}.button.gold{background:var(--gold);color:#273e28;border-color:var(--gold)}.button.full{width:100%;margin-top:8px;justify-content:space-between}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:18px;align-items:center}.nav-login{border-left:1px solid var(--line);padding-left:24px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:6px;padding:7px 12px;background:white}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding-top:66px;padding-bottom:70px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.7;color:#598069;margin:0 0 18px}.green-dot{display:inline-block;background:#609b70;border-radius:50%;width:6px;height:6px;margin-right:8px}.hero h1{font-size:clamp(50px,5.8vw,76px);line-height:1.08;font-weight:600;letter-spacing:-3.5px;margin:20px 0 26px}.hero h1 em,.auth-story h1 em{font-family:Georgia,serif;font-weight:400;color:#6c9259}.hero-copy>p{font-size:16px;max-width:450px;line-height:1.8}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.hero-caption{display:flex;gap:17px;align-items:center;margin-top:44px}.hero-caption strong{display:block;font-size:12px}.hero-caption small{display:block;font-size:11px;color:#849789}.mini-logos{display:flex;padding-left:6px}.mini-logos img{width:34px;height:34px;border:3px solid #fff;background:#fff;object-fit:contain;border-radius:50%;margin-left:-6px;box-shadow:0 0 0 1px #e0e7de}.hero-brand{background:#eaf0e8;border:1px solid #dde7d9;border-radius:120px 120px 16px 16px;min-height:500px;padding:42px 30px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-kicker{font-size:22px;font-family:Georgia,serif;color:#789273;margin:0 0 32px}.hero-logo{width:210px;height:210px;object-fit:contain}.brand-title{font-size:29px;font-weight:700;letter-spacing:9px;margin:20px 0 6px}.hero-brand>p{font-size:13px;color:#76906f;margin-bottom:35px}.brand-foot{border-top:1px solid #cddcc8;width:100%;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#78906f}.purpose-strip{background:#f4f7f2;border-top:1px solid #e8eee4;border-bottom:1px solid #e8eee4}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:28px;padding-bottom:26px;gap:30px}.purpose-grid>div{position:relative;padding-left:38px;border-right:1px solid #dae5d6}.purpose-grid>div:last-child{border:0}.purpose-grid span{position:absolute;left:0;top:2px;font-size:11px;color:#94aa89}.purpose-grid strong{font-size:15px;font-weight:600}.purpose-grid p{font-size:12px;margin:7px 0 0;color:#82927c}.section{padding-top:65px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.section-heading h2{font-size:34px;font-weight:500;margin:0}.section-heading>p{font-size:14px;line-height:1.8;margin:0}.section-heading .eyebrow{margin-bottom:13px}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.unit-card{border:1px solid var(--line);border-radius:11px;padding:24px;background:#fff;transition:transform .2s,border-color .2s}.unit-card:hover{transform:translateY(-4px);border-color:#93b392;box-shadow:0 9px 25px #183c2609}.unit-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;color:#93a58f}.unit-card-top img{width:67px;height:67px;object-fit:contain}.unit-card h3{font-size:17px;margin:0 0 10px;font-weight:600}.unit-card p{font-size:13px;min-height:42px;margin:0}.unit-card-bottom{margin-top:20px;border-top:1px solid #e9eee6;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#7a9175}.agenda-section{padding-top:20px}.empty-public{background:#f6f8f3;border:1px solid #e3eade;border-radius:12px;padding:34px;display:flex;gap:24px;align-items:center}.empty-symbol{font-size:29px;color:#8aa579}.empty-public h3{font-size:18px;font-weight:500;margin:0 0 8px}.empty-public p{font-size:14px;margin:0}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{display:flex;gap:20px;padding:25px;border:1px solid var(--line);border-radius:10px}.event-date{border:1px solid #dbe7d5;background:#eff5ea;border-radius:6px;text-align:center;padding:9px;min-width:60px;height:max-content}.event-date strong{font-size:26px;display:block;line-height:1.2}.event-date span{font-size:9px;color:#7f9676}.event-card h3{font-size:19px;margin:8px 0}.event-card p{font-size:13px;margin:5px 0}.event-card .eyebrow{font-size:10px}.join-banner{border-radius:14px;padding:44px 50px;background:var(--deep);color:#fff;display:flex;justify-content:space-between;align-items:center;margin:8px 0 70px;gap:30px}.join-banner .eyebrow{color:#a9be8e;font-size:10px}.join-banner h2{font-size:38px;font-weight:500;margin:0 0 16px}.join-banner p{font-size:14px;color:#b0c6b4;margin:0}.site-footer{background:#f5f8f3;border-top:1px solid var(--line);padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:65px}.footer-grid p{font-size:13px;line-height:1.8;margin-top:20px}.footer-grid h3{font-size:13px;margin:12px 0 22px}.footer-grid>div>a:not(.wordmark){display:block;font-size:13px;color:#78906f;line-height:2}.site-footer .wordmark.light{color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e0e8db;padding-top:22px;padding-bottom:22px;margin-top:36px;font-size:11px;color:#86987c}.page-title{font-size:clamp(38px,5vw,60px);font-weight:500;line-height:1.13}.lead{font-size:18px;line-height:1.8;margin:22px 0 32px;max-width:730px}.unit-intro{display:flex;gap:60px;align-items:center}.unit-intro>img{width:230px;height:230px;object-fit:contain;background:#f6f8f2;padding:25px;border-radius:15px}.unit-intro .page-title{margin:16px 0}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact-panel{background:#edf3e8;padding:35px;border-radius:20px}.contact-panel img{width:130px;height:130px;object-fit:contain}.contact-panel h2{margin-top:25px;font-size:26px}.contact-panel p{font-size:15px}.light{color:#fff}.light img{background:white;border-radius:8px;padding:5px}.auth-page{min-height:100vh;display:grid;grid-template-columns:42% 58%}.auth-story{background:var(--deep);color:white;padding:44px 50px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;gap:60px}.auth-story h1{font-size:clamp(43px,4.5vw,64px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:22px 0}.auth-story h1 em{color:#bdcc96}.auth-story p{font-size:15px;color:#b0c5b6;max-width:300px}.auth-story .eyebrow{font-size:10px;color:#b2c89c}.auth-logos{display:grid;grid-template-columns:repeat(4,48px);gap:12px;margin-top:35px}.auth-logos img{width:48px;height:48px;object-fit:contain;background:white;border-radius:8px;padding:5px}.auth-footer{font-size:11px;color:#96b09b;letter-spacing:1px}.auth-main{padding:35px 55px 22px;display:flex;flex-direction:column;min-height:100vh}.back-link{font-size:13px;color:#6e866d}.auth-box{width:100%;max-width:440px;margin:auto;padding:45px 0}.auth-box h2{font-size:32px;font-weight:500;margin-bottom:15px}.auth-box .eyebrow{font-size:10px}.form-intro{font-size:14px;line-height:1.7;margin-bottom:26px}.auth-form,.stack-form{display:flex;flex-direction:column;gap:17px}label{font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:8px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #d4e0d4;background:#fff;border-radius:6px;padding:11px 12px;min-height:44px;font-size:14px;color:#29482f}textarea{min-height:105px;resize:vertical}input::placeholder{color:#9aab97;font-size:13px}.password-field{position:relative;display:block}.password-field input{padding-right:55px}.show-password{position:absolute;right:12px;top:13px;font-size:11px;background:none;border:0;color:#719067;padding:0}.hint{font-size:11px;color:#879c7d;margin-top:-10px;line-height:1.5}.forgot-link{text-align:right;font-size:12px;color:#47763e;margin-top:-5px}.auth-switch{border-top:1px solid #e1e9dd;margin-top:25px;padding-top:21px;font-size:13px;text-align:center;color:#83977a}.auth-switch a{color:#295632;font-weight:600}.auth-legal{text-align:center;font-size:11px;color:#9bad91;margin:0}.checkbox-label{display:flex;flex-direction:row;font-size:11px;font-weight:400;align-items:flex-start;color:#7a8c72;line-height:1.7}.checkbox-label input{margin:4px 0 0;width:15px;height:15px;flex-shrink:0;accent-color:#286a43}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-two{grid-column:1/-1}.notice,.error{padding:14px 18px;border-radius:7px;margin:0 0 20px;font-size:14px;line-height:1.7}.notice{background:#eaf4e5;color:#46753f;border:1px solid #d9e9d1}.error{background:#fff0ea;color:#ab4e35;border:1px solid #f1d7cd}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.panel h2{font-size:21px;font-weight:500;margin-bottom:23px}.details{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;margin:25px 0}.details dt{font-size:13px;color:#85977c}.details dd{margin:0;font-size:14px}.logout-form{margin-top:25px}.text-button{padding:0;border:0;background:transparent;color:#3c7544;font-weight:500;font-size:13px}.text-button.danger,.expense{color:#b3523d}.text-button.muted{color:#85927d}.income{color:#3a8150}.admin-page{background:var(--bg);display:flex}.sidebar{width:248px;background:var(--deep);color:#c1d4c3;position:fixed;left:0;top:0;bottom:0;padding:28px 16px 18px;display:flex;flex-direction:column;overflow-y:auto}.sidebar .wordmark{margin:2px 9px 30px}.sidebar .wordmark img{width:43px;height:43px}.sidebar .wordmark span{font-size:21px}.sidebar .wordmark small{font-size:8px}.nav-caption{font-size:9px;letter-spacing:1.8px;margin:0 15px 16px;color:#86a48b}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 13px;border-radius:7px;font-size:13px;display:flex;align-items:center;gap:13px;line-height:1.4}.sidebar nav a span{font-size:10px;color:#84a58a}.sidebar nav a.active,.sidebar nav a:hover{background:#2b5b3e;color:#fff}.sidebar nav a.active span{color:#bad39e}.side-message{margin:28px 15px;color:#89a48b;font-size:12px;line-height:1.8;border-top:1px solid #2f5940;padding-top:18px}.side-message strong{color:#c3d7bb;font-weight:400}.sidebar-user{margin-top:auto;border-top:1px solid #2f5940;padding:20px 8px 0;display:flex;gap:12px;font-size:13px;align-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#c1d49f;border-radius:50%;color:#234829;font-weight:bold}.sidebar-user small{display:block;font-size:10px;color:#91ac92}.admin-shell{margin-left:248px;min-width:0;width:calc(100% - 248px)}.admin-topbar{display:flex;align-items:center;gap:25px;padding:21px 35px;background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:#8a9b82}.admin-topbar>a{color:#345d36}.admin-topbar form{margin-left:auto}.admin-content{padding:28px 36px 20px;max-width:1480px;margin:auto}.scope-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px}.scope-row .eyebrow{font-size:9px;margin:0}.scope-form{display:flex;gap:8px}.scope-form select{width:190px;min-height:36px;padding:6px 9px;font-size:12px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.admin-heading h1{font-size:32px;letter-spacing:-1.2px;font-weight:500;margin:0 0 10px}.admin-heading p{font-size:14px;margin:0}.admin-heading .eyebrow{font-size:10px;margin:0 0 13px}.metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:15px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px 22px}.metric>span{font-size:12px;color:#7c9176}.metric h2{font-size:25px;font-weight:500;margin:20px 0 14px;letter-spacing:-1px}.metric small{font-size:10px;color:#8da282}.metric.featured{background:#1b5136;color:white;border:0}.metric.featured span{color:#bdcfae}.metric.featured small{color:#95b393}.quick-stats{display:flex;border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:34px}.quick-stats a{flex:1;padding:14px;font-size:12px;color:#7a9370;text-align:center}.quick-stats b{font-size:19px;color:#355c30;margin-right:7px}.admin-content .section-heading h2{font-size:21px}.admin-content .section-heading p{font-size:13px;margin:10px 0 0}.admin-content .unit-card{padding:20px}.admin-content .unit-card h3{font-size:15px}.admin-content .unit-card p{font-size:12px}.admin-content .unit-card-top img{width:55px;height:55px}.admin-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:40px;padding:22px 0 0;font-size:11px;color:#8ea180}.button-row{display:flex;gap:8px}.records-panel{padding:0;overflow:hidden}.table-filter{padding:19px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.table-filter label{font-size:11px;color:#7e9375}.table-filter .search-label{flex:1;min-width:180px}.table-filter input,.table-filter select{font-size:12px;min-height:38px;padding:7px 9px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-weight:500;background:#f8faf6;font-size:11px;color:#829478}th,td{padding:18px 20px;border-bottom:1px solid #edf1e9;vertical-align:top}td strong{font-weight:500}td small{display:block;font-size:11px;color:#859c7d;line-height:1.7;margin-top:4px}tr:last-child td{border-bottom:0}td details{margin-top:7px;font-size:11px;color:#5d8150}summary{cursor:pointer}.record-details{display:grid;grid-template-columns:1fr;min-width:220px;max-width:350px;padding:12px;background:#f4f8ef;border-radius:6px}.record-details dt{font-size:10px;color:#8d9f80;margin-top:7px}.record-details dd{margin:1px 0 5px;color:#466639;white-space:pre-wrap;overflow-wrap:anywhere}.badge{padding:5px 8px;display:inline-block;border-radius:5px;font-size:10px;background:#edf1e6;color:#6d835c;white-space:nowrap}.badge.pending{background:#fff5dd;color:#a37a28}.badge.approved,.badge.active{background:#e6f3df;color:#558143}.badge.void,.badge.rejected,.badge.disabled{background:#fcebe5;color:#ae6048}.row-actions,.inline-form{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.row-actions .text-button{font-size:11px;white-space:nowrap}.empty-admin{padding:65px 20px;text-align:center}.empty-admin>span{font-size:40px;color:#9bb18b}.empty-admin h2{font-size:19px;font-weight:500;margin:17px 0 10px}.empty-admin p{font-size:13px}.report-summary{display:flex;justify-content:space-between;gap:20px;padding:20px;background:#eef5e8;font-size:13px}.form-panel{max-width:780px}.form-actions{border-top:1px solid var(--line);display:flex;gap:12px;justify-content:flex-end;padding-top:22px;margin-top:12px}.help{font-size:13px;line-height:1.7;color:#7e9473}.section-panel{margin-top:24px}.unit-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.unit-settings>details{border-top:1px solid var(--line);padding:18px 0}.unit-settings summary{display:flex;align-items:center;gap:13px;font-size:14px}.unit-settings summary img{width:43px;height:43px;object-fit:contain}.unit-settings summary span{margin-left:auto;font-size:11px;color:#809974}.unit-settings form{margin-top:20px}.queue-action{margin:25px 0 10px}.credit-panel{margin-top:28px;border-radius:9px;background:#eaf1e4;padding:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#6c845e}.credit-panel strong{font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}progress{width:100%;height:8px;accent-color:#628c43}
@media(max-width:1100px){.site-header{padding:20px 26px;gap:15px}.site-header nav{gap:17px;font-size:13px}.wordmark small{font-size:8px}.hero{gap:35px}.hero-actions{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}.admin-content .unit-grid{grid-template-columns:repeat(2,1fr)}.auth-story{padding:36px}.auth-main{padding:30px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:28px}.events-grid{grid-template-columns:1fr 1fr}.about-grid{gap:40px}.sidebar{width:218px}.admin-shell{margin-left:218px;width:calc(100% - 218px)}.admin-content{padding:26px}.unit-settings{grid-template-columns:1fr}.sidebar nav a{font-size:12px}}
@media(max-width:800px){.site-header{flex-wrap:wrap}.menu-toggle{display:block}.site-header nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:15px 0}.site-header nav.open{display:flex}.nav-login{border:0;padding:0}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:40px;padding-bottom:42px}.hero h1{font-size:50px;letter-spacing:-2px}.hero-brand{min-height:390px;padding:24px 18px}.hero-logo{width:150px;height:150px}.brand-kicker{font-size:16px}.brand-title{font-size:23px}.brand-foot{font-size:7px}.hero-copy>p{font-size:14px}.hero-actions{gap:18px}.hero-caption{margin-top:25px}.purpose-grid{gap:15px}.purpose-grid strong{font-size:13px}.purpose-grid p{font-size:11px}.unit-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:29px}.section-heading{align-items:flex-start;flex-direction:column}.footer-grid{gap:25px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.auth-page{grid-template-columns:1fr}.auth-story{min-height:auto;padding:23px 28px}.auth-story>div,.auth-footer{display:none}.auth-main{min-height:calc(100vh - 94px);padding:25px}.auth-box{padding:30px 0}.auth-box h2{font-size:30px}.sidebar{position:static;width:100%;padding:20px}.sidebar .wordmark{margin:0 0 20px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:6px}.sidebar nav a{white-space:nowrap;flex-shrink:0;background:#1d4732}.sidebar nav a span{display:none}.sidebar-user,.side-message,.nav-caption{display:none}.admin-page{display:block}.admin-shell{margin:0;width:100%}.admin-topbar{padding:18px 22px}.admin-topbar>span{display:none}.admin-content{padding:24px 20px}.member-grid{grid-template-columns:1fr}.scope-row>.eyebrow{display:none}.scope-form{margin-left:auto}.about-grid{grid-template-columns:1fr}.unit-intro{gap:30px}.unit-intro>img{width:170px;height:170px}.join-banner{padding:32px}.join-banner h2{font-size:31px}}
@media(max-width:560px){.container{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:35px;gap:40px}.hero h1{font-size:60px}.hero-copy>p{max-width:380px;font-size:15px}.hero-brand{min-height:370px;padding:30px 25px;max-width:360px;width:100%;margin:auto}.hero-logo{width:165px;height:165px}.hero-caption{margin-top:28px}.purpose-grid{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:25px}.purpose-grid>div{border:0}.purpose-grid strong{font-size:14px}.purpose-grid p{font-size:12px}.section{padding-top:40px;padding-bottom:40px}.unit-grid{gap:12px}.unit-card{padding:18px}.unit-card-top img{width:55px;height:55px}.unit-card-top{margin-bottom:20px}.unit-card h3{font-size:15px}.unit-card p{font-size:12px}.unit-card-bottom{font-size:11px}.section-heading h2{font-size:28px}.section-heading>p{font-size:13px}.join-banner{padding:28px;flex-direction:column;align-items:flex-start;margin-bottom:45px}.join-banner h2{font-size:30px}.footer-grid{grid-template-columns:1fr;gap:16px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:10px}.events-grid{grid-template-columns:1fr}.empty-public{padding:24px;gap:17px}.empty-public h3{font-size:16px}.empty-public p{font-size:13px}.unit-intro{align-items:flex-start;flex-direction:column}.page-title{font-size:42px}.unit-intro .page-title{font-size:35px}.lead{font-size:16px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.auth-box{max-width:430px}.auth-main{padding:25px 23px}.auth-box h2{font-size:29px}.auth-story .wordmark img{width:38px;height:38px}.auth-story .wordmark>span{font-size:20px}.scope-form select{width:175px}.admin-heading{flex-direction:column;gap:20px}.admin-heading h1{font-size:28px}.metrics{gap:10px}.metric{padding:18px 15px}.metric h2{font-size:23px}.metric>span{font-size:11px}.metric h2 small{font-size:10px;display:block;margin-top:9px}.quick-stats{flex-direction:column;gap:0}.quick-stats a{text-align:left;padding:10px 16px}.admin-content .unit-card{padding:16px}.admin-content .unit-card h3{font-size:14px}.panel{padding:20px}.records-panel{padding:0}.table-filter{gap:10px;padding:15px}.table-filter .search-label{flex-basis:100%}.table-filter input[type=date]{max-width:130px}.report-summary{flex-direction:column;gap:10px}.credit-panel{flex-direction:column;gap:5px}.admin-footer{font-size:10px;gap:10px}.details{grid-template-columns:1fr;gap:5px}.details dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.sidebar,.admin-topbar,.scope-row,.table-filter,.admin-heading>.button-row,.no-print,.admin-footer{display:none!important}.admin-shell{margin:0;width:100%}.admin-content{padding:0}.admin-page{background:white}.panel{border:0}.table-scroll{overflow:visible}table{font-size:11px}th,td{padding:10px}tr{break-inside:avoid}.report-summary{background:#f0f0f0}}

.pam-invoice table{width:100%}.pam-invoice td,.pam-invoice th{padding:14px;text-align:left;border-bottom:1px solid #ddd}.panel{margin-bottom:20px}@media print{.no-print,.scope-row,.admin-topbar,.sidebar,.admin-footer{display:none!important}.pam-invoice{border:0;box-shadow:none;margin:0;padding:0}.admin-shell,.admin-content{margin:0!important;padding:0!important}.pam-invoice .admin-heading{display:flex!important}body{background:white}}
.sidebar .menu-group{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#a9c3b2;margin:18px 12px 5px}.quick-stats{flex-wrap:wrap}.quick-stats a{flex:1 1 180px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-steps a{padding:16px;background:#f1f6f1;border:1px solid #dfe7e0;border-radius:8px;font-size:13px}.workflow-steps span{display:block;color:#537b5f;font-weight:bold;font-size:20px;margin-bottom:8px}.unit-workflow h2{font-size:20px}@media(max-width:800px){.sidebar .menu-group{display:none}.workflow-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.quick-stats a{flex-basis:auto}.workflow-steps a{padding:12px}}

/* Notifications share a visible countdown across all application layouts. */
.app-notification{position:relative;padding-right:52px;padding-bottom:22px;overflow:hidden;animation:notification-enter .2s ease-out}
.notification-close{position:absolute;right:10px;top:7px;width:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font-size:25px;line-height:1;cursor:pointer}
.notification-close:hover{background:rgba(0,0,0,.07)}
.notification-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(22,77,55,.12);pointer-events:none}
.notification-countdown{display:block;height:100%;width:100%;background:#34714e;transform-origin:left center;animation:notification-countdown 8s linear forwards}
.error .notification-track{background:rgba(157,43,43,.12)}
.error .notification-countdown{background:#ad3c3c;animation-duration:12s}
.app-notification:hover .notification-countdown,.app-notification:focus-within .notification-countdown,.notification-paused .notification-countdown{animation-play-state:paused}
.app-notification.notification-leaving{animation:notification-leave .18s ease-in forwards;pointer-events:none}
@keyframes notification-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes notification-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes notification-leave{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.app-notification{animation:none}.notification-countdown{animation-timing-function:steps(8,end)}}
@media print{.app-notification{display:none!important}}
/* App chrome: live clock, accessible installation and thumb navigation. */
.app-clock{font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;color:#456851;display:block}.site-header{flex-wrap:wrap}.site-header .app-clock{margin-left:auto}.auth-topbar{margin-bottom:20px}.admin-topbar{flex-wrap:wrap;gap:14px}.admin-topbar .app-clock{order:2;margin-left:auto}.admin-topbar form{order:3}.mobile-bottom{display:none}.desktop-install{position:fixed;right:18px;bottom:16px;z-index:30;box-shadow:0 3px 18px #163c2420}.admin-footer,.footer-bottom,.auth-legal{padding-bottom:70px}dialog{color:#173a2a;border:1px solid #dfe7e0;border-radius:20px;padding:24px;width:min(540px,calc(100% - 24px));max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102f26aa}.sheet-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px}.sheet-heading h2{margin:0;font-size:23px}.sheet-heading button{min-width:44px;min-height:44px;border:0;background:#edf3ed;color:#173a2a;border-radius:12px;font-size:27px}.mobile-sheet nav{display:grid;gap:8px}.mobile-sheet nav a{display:flex;align-items:center;min-height:50px;padding:12px 16px;background:#f0f5f0;border-radius:10px}.install-dialog li{margin-bottom:12px}.install-dialog p{font-size:14px}.admin-shell,.admin-content,.auth-main,.site-header>*{min-width:0}.record-details dd{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.table-scroll{max-width:100%}input,select,textarea{max-width:100%}.button-row{flex-wrap:wrap}body{overflow-wrap:break-word}.unit-card h3{overflow-wrap:anywhere}
@media(max-width:1100px){.site-header{gap:18px;padding:20px 24px}.site-header nav{gap:16px;flex-wrap:wrap}.site-header .app-clock{font-size:11px}}
@media(max-width:800px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.admin-page>.sidebar{display:none}.admin-shell{margin-left:0;width:100%}.admin-topbar{position:sticky;top:0;z-index:25;background:#fff;padding:12px 16px;gap:8px;border-bottom:1px solid #dfe7e0}.admin-topbar>a{font-size:13px}.admin-topbar .app-clock{order:4;flex-basis:100%;margin:0;font-size:12px}.admin-topbar form{margin-left:auto}.site-header{padding:16px;gap:12px}.site-header .wordmark{order:0}.site-header .menu-toggle{order:1;margin-left:auto;min-height:44px;min-width:56px}.site-header .app-clock{order:2;flex-basis:100%;margin:0}.site-header nav{order:3;width:100%;position:static}.site-header .wordmark>span{font-size:22px}.site-header .wordmark img{width:42px;height:42px}.mobile-bottom{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce5df;box-shadow:0 -4px 20px #123c2b0c}.mobile-bottom a,.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;min-width:0;border:0;background:transparent;color:#617368;border-radius:12px;padding:5px 2px;text-decoration:none}.mobile-bottom span{font-size:23px;line-height:1}.mobile-bottom small{font-size:11px;line-height:1.25;font-weight:600;white-space:nowrap}.mobile-bottom [aria-current=page],.mobile-bottom button:active{background:#e8f2e8;color:#164d37}.mobile-bottom button[data-open-menu]{background:#164d37;color:#fff}.desktop-install{display:none}.mobile-sheet{margin:auto 0 0;width:100%;max-width:none;max-height:82dvh;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.admin-content{padding:20px 16px}.button,.text-button,.row-actions a{min-height:44px}.row-actions .text-button{padding:10px 6px}.stack-form input,.stack-form select,.stack-form textarea,.auth-form input,.auth-form select,.table-filter input,.table-filter select{font-size:16px;min-height:48px}.form-actions{position:static;flex-wrap:wrap}.auth-story{padding:20px}.auth-main{padding:24px 18px}.auth-topbar{margin-bottom:14px}.admin-footer,.footer-bottom,.auth-legal{padding-bottom:20px}.table-scroll table,.table-wrap table{min-width:640px}.table-filter{flex-wrap:wrap}.admin-heading .button-row{width:100%}.admin-heading .button-row>*{flex:1}.pam-invoice table{font-size:12px;table-layout:fixed}.pam-invoice td,.pam-invoice th{padding:10px 6px;overflow-wrap:anywhere}.pam-invoice h2{font-size:20px;overflow-wrap:anywhere}}
@media(max-width:380px){.metrics{grid-template-columns:1fr}.unit-grid{grid-template-columns:1fr}.hero h1{font-size:44px;letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:stretch}.hero-caption{flex-wrap:wrap}.metric h2{font-size:26px}.section-heading{flex-wrap:wrap}.panel{padding:16px}.records-panel{padding:0}.workflow-steps{gap:8px}.workflow-steps a{font-size:12px}.admin-topbar form .text-button{padding:8px}.mobile-bottom small{font-size:10px}.site-header .wordmark small{font-size:8px}}
@media print{.mobile-bottom,.desktop-install,.app-clock,dialog{display:none!important}body{padding-bottom:0}}

/* PAM online: contain long invoice codes and proof controls on small screens. */
.pam-qris{display:block;width:min(100%,320px);height:auto;background:#fff;border-radius:12px}
.pam-code{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}
.pam-review{border-top:1px solid var(--line,#dce5df);padding:24px 0}
.pam-tabs{flex-wrap:wrap;margin-bottom:24px;gap:12px}
.pam-invoice h1{overflow-wrap:anywhere;font-size:clamp(1.3rem,3vw,2rem)}
input[type=file]{max-width:100%;min-width:0;font-size:16px}
.panel .stack-form + form{margin-top:16px}
.panel details{margin-top:20px;overflow-wrap:anywhere}
@media(max-width:600px){.pam-tabs>a{flex:1 1 140px}.pam-review .button-row{flex-wrap:wrap}.pam-invoice{padding:20px}.public-site .member-grid{min-width:0}.public-site .member-grid>section{min-width:0}}


@media print{
 @page{size:A4;margin:12mm}
 .site-header,.site-footer,.public-site main> .container:has(.notice),.public-site main> .container:has(.error){display:none!important}
 .public-site .section{padding:0;max-width:none}.public-site .container{padding:0}
 .pam-invoice .table-scroll{overflow:visible}.pam-invoice table{min-width:0!important;width:100%;table-layout:auto}
 .pam-invoice .form-grid{display:grid;grid-template-columns:1fr 1fr}.pam-invoice h1{font-size:20px}
 .pam-invoice~.panel{break-inside:avoid} .pam-invoice p{color:#222}
}

.pam-invoice .table-scroll table{min-width:0;width:100%}.pam-invoice td:last-child,.pam-invoice th:last-child{width:35%;text-align:right}
@media(max-width:600px){.pam-bills-grid{grid-template-columns:1fr}.pam-bills-grid .panel{margin:0}.pam-bills-grid .button{width:100%}}

/* Clear navigation and keyboard targets */
.beginner-links{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.beginner-links a{padding:12px 0;text-decoration:underline}.metrics a.metric{display:block;min-width:0;text-decoration:none}.metrics a.metric:hover{box-shadow:0 4px 16px #164d3725}.metrics a.metric:focus-visible,.unit-card:focus-visible{outline:3px solid #b78624;outline-offset:4px}.transparency-page{padding-top:36px;padding-bottom:48px}.transparency-page .unit-card h3{overflow-wrap:anywhere}.transparency-page .panel{margin:20px 0}.table-filter label{min-width:0}.table-filter input,.table-filter select{max-width:100%}@media(max-width:480px){.table-filter{display:flex;flex-direction:column;align-items:stretch}.table-filter label{width:100%}.metrics h2{font-size:26px}.transparency-page .metrics{grid-template-columns:1fr}}