:root{--ink:#17221f;--muted:#71807b;--line:#e5ebe8;--paper:#f5f8f6;--white:#fff;--green:#108463;--green2:#16a27b;--dark:#132d27;--red:#d9535f;--shadow:0 12px 35px rgba(24,57,48,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{text-decoration:none;color:inherit}.icon{width:20px;height:20px;display:block}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#102f28;color:#dceae6;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:30}.brand{font:800 25px Manrope;display:flex;align-items:center;gap:11px;padding:0 10px 22px;color:white}.brand-mark{width:32px;height:32px;border-radius:11px 11px 15px 15px;background:linear-gradient(145deg,#27bc91,#94dfc6);display:inline-grid;place-items:center;transform:rotate(-6deg);box-shadow:inset 0 0 0 1px #ffffff40}.brand-mark i{width:9px;height:16px;background:#fff;border-radius:80% 10% 80% 15%;transform:rotate(34deg);opacity:.95}.workspace{border:1px solid #ffffff18;background:#ffffff0b;border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.workspace-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e8bd72;color:#583b13;font-weight:800}.workspace div:nth-child(2){min-width:0;flex:1}.workspace small,.workspace strong{display:block}.workspace small{font-size:10px;color:#89aaa1;text-transform:uppercase;letter-spacing:.09em}.workspace strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chevron{color:#7fa098}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:#abc2bc;font-size:14px;font-weight:500}.sidebar nav a:hover{background:#ffffff0a;color:white}.sidebar nav a.active{background:#1b5b4b;color:#fff;box-shadow:inset 3px 0 #56caaa}.sidebar nav a .icon{width:18px}.sidebar nav a em{font-style:normal;font-size:10px;background:#e26166;color:#fff;border-radius:99px;padding:2px 6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.plan{border:1px solid #ffffff13;background:#ffffff08;border-radius:12px;padding:12px;margin:10px 0}.plan span,.plan b{font-size:11px}.plan b{float:right;color:#9fdac9}.plan>div{height:4px;border-radius:5px;background:#ffffff17;margin:9px 0 7px;overflow:hidden}.plan>div i{display:block;height:100%;background:#4ec5a3;border-radius:5px}.plan small{font-size:10px;color:#789b92}.sidebar-bottom form{margin:0}.profile{width:100%;border:0;background:transparent;color:#fff;padding:11px 7px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;border-radius:10px}.profile:hover{background:#ffffff0a}.avatar{width:35px;height:35px;border-radius:50%;background:#d9a263;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.profile>span:nth-child(2){flex:1}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#82a49b;margin-top:2px}.profile b{font-size:13px;color:#789b92}main{grid-column:2;min-width:0}.topbar{height:65px;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.crumb{font-size:12px;font-weight:600;color:#778680}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:9px;display:grid;place-items:center;color:#60726c;cursor:pointer}.icon-button .icon{width:17px}.notification{position:relative}.notification i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:#e15e65;border-radius:50%;box-shadow:0 0 0 2px white}.branch-picker{height:36px;border-left:1px solid var(--line);margin-left:4px;padding-left:15px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.branch-picker b{color:#7b8985;margin-left:3px}.status-dot{width:7px;height:7px;border-radius:50%;background:#39b989;box-shadow:0 0 0 3px #dff4eb}.mobile-menu{display:none;border:0;background:transparent;font-size:21px}.content{padding:28px 34px 45px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.page-head h1{font:800 26px Manrope;margin:0 0 5px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:9px}.btn{height:38px;border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-size:12px;font-weight:700;cursor:pointer}.btn .icon{width:16px}.btn.primary{background:var(--green);color:white;box-shadow:0 6px 15px #10846325}.btn.primary:hover{background:#0c7457;transform:translateY(-1px)}.btn.secondary{background:white;border-color:#dfe7e4;color:#4a5b56}.btn.secondary:hover{border-color:#b9cac5}.btn.wide{width:100%;height:46px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px}.metric-card,.card{background:white;border:1px solid #e6ece9;border-radius:14px;box-shadow:0 1px 2px #163e3106}.metric-card{padding:16px;position:relative}.metric-card>span{display:block;font-size:11px;color:var(--muted);font-weight:600;margin:12px 0 4px}.metric-card>div:nth-of-type(2){display:flex;align-items:end;gap:7px}.metric-card strong{font:800 23px Manrope;letter-spacing:-.04em}.metric-card em{font-size:9px;color:#15926d;background:#e9f7f2;border-radius:99px;padding:3px 5px;font-style:normal;margin-bottom:4px}.metric-card em.warn{background:#fff0df;color:#bb7327}.metric-card small{font-size:9px;color:#9aa5a2}.metric-icon{position:absolute;right:13px;top:13px;width:33px;height:33px;display:grid;place-items:center;border-radius:9px}.metric-icon .icon{width:16px}.metric-icon.mint{background:#e7f6f1;color:#159676}.metric-icon.blue{background:#eaf1fc;color:#4b78c5}.metric-icon.amber{background:#fff3e3;color:#cd862f}.metric-icon.violet{background:#f0ecfc;color:#735aca}.metric-icon.rose{background:#fbeaec;color:#ce6170}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.card{padding:19px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.card-head h3{font:700 14px Manrope;margin:0 0 4px}.card-head p{font-size:10px;color:var(--muted);margin:0}.card-head a{font-size:10px;font-weight:700;color:var(--green)}.card-head select,.table-tools select{height:30px;border:1px solid var(--line);border-radius:7px;background:white;color:#60716c;font-size:10px;padding:0 9px;outline:none}.journey-list{display:flex;flex-direction:column;gap:13px}.journey-row{display:grid;grid-template-columns:105px 1fr 30px 31px;gap:8px;align-items:center}.journey-row>span{font-size:10px;color:#53645f;display:flex;gap:7px;align-items:center}.journey-row>span i{width:6px;height:6px;border-radius:50%}.journey-row .bar{height:7px;background:#eff3f1;border-radius:10px;overflow:hidden}.journey-row .bar i{display:block;height:100%;border-radius:10px}.journey-row strong{font-size:11px;text-align:right}.journey-row em{font-size:9px;color:#94a09d;font-style:normal;text-align:right}.journey-insight{background:#f0f8f5;border:1px solid #dfeee8;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;margin-top:17px}.journey-insight>span{width:28px;height:28px;border-radius:8px;background:#dcefe8;color:#178362;display:grid;place-items:center;font-weight:800}.journey-insight p{font-size:9px;line-height:1.5;margin:0;flex:1;color:#52625d}.journey-insight p strong{font-size:10px;color:#293d37}.journey-insight a{font-size:9px;color:var(--green);font-weight:700}.giving-total{display:flex;align-items:center;gap:8px}.giving-total strong{font:800 23px Manrope}.giving-total span{font-size:9px;color:#15926d;background:#e8f6f1;border-radius:10px;padding:3px 5px}.giving-card>small{font-size:9px;color:var(--muted)}.bar-chart{height:130px;display:flex;align-items:flex-end;gap:10px;padding:15px 3px 0;border-bottom:1px solid var(--line);margin-bottom:11px}.bar-chart>div{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px}.bar-chart i{width:75%;min-height:8px;background:linear-gradient(#54c7a4,#168764);border-radius:4px 4px 0 0;position:relative}.bar-chart i b{display:none;position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:8px;background:var(--dark);color:#fff;padding:3px;border-radius:4px;white-space:nowrap}.bar-chart i:hover b{display:block}.bar-chart span{font-size:8px;color:#8a9793}.giving-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.giving-split div{background:#f7f9f8;border-radius:8px;padding:8px}.giving-split span,.giving-split strong{display:block}.giving-split span{font-size:8px;color:#8a9793}.giving-split strong{font-size:11px;margin-top:2px}.attention-list>div,.event-list>div,.simple-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #edf1ef}.attention-list>div:last-child,.event-list>div:last-child,.simple-list>div:last-child{border-bottom:0}.attention-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px}.attention-icon.overdue{background:#fcebed;color:#d8515d}.attention-icon.away{background:#fff2df;color:#c17b26}.attention-icon.birthday{background:#eeeafd;color:#735ac6}.attention-list p,.event-list p,.simple-list p{margin:0;flex:1}.attention-list strong,.attention-list small,.event-list strong,.event-list small,.simple-list strong,.simple-list small{display:block}.attention-list strong,.event-list strong,.simple-list strong{font-size:10px}.attention-list small,.event-list small,.simple-list small{font-size:9px;color:#899691;margin-top:3px}.attention-list a{font-size:9px;color:var(--green);font-weight:700}.event-list time{width:35px;height:38px;border:1px solid var(--line);border-radius:8px;text-align:center;padding:3px;text-transform:uppercase;font-size:7px;color:#7e8d88}.event-list time b{display:block;font:800 14px Manrope;color:#273b35}.event-list>div>span{color:#9ba7a3}.toast{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px;margin:-10px 0 16px;font-size:11px;border:1px solid}.toast.success{background:#edf8f4;border-color:#d4ede4;color:#176a53}.toast.error{background:#fff0f1;border-color:#f4d4d7;color:#a63642}.toast>span{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center}.toast button{margin-left:auto;border:0;background:transparent;font-size:18px;color:inherit;cursor:pointer}.mini-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.mini-stats>a,.mini-stats>div{background:white;border:1px solid var(--line);padding:14px 16px;border-radius:12px;position:relative;overflow:hidden}.mini-stats>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#9bacaa}.mini-stats>a.purple:before{background:#755fc9}.mini-stats>a.blue:before{background:#477bc6}.mini-stats>a.green:before{background:#16946f}.mini-stats>a.amber:before{background:#d18a34}.mini-stats span,.mini-stats strong,.mini-stats small{display:block}.mini-stats span{font-size:10px;color:#71807b}.mini-stats strong{font:800 19px Manrope;margin-top:4px}.mini-stats small{font-size:9px;color:#87948f;margin-top:3px}.table-card{padding:0;overflow:hidden}.table-tools{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.search-box{height:32px;min-width:245px;border:1px solid var(--line);border-radius:8px;background:#fafcfb;display:flex;align-items:center;padding:0 9px;gap:7px}.search-box .icon{width:14px;color:#889793}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:#44544f}.result-count{margin-left:auto;font-size:9px;color:#8d9995}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f9fbfa;color:#86938f;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:10px 15px;border-bottom:1px solid var(--line)}td{padding:11px 15px;border-bottom:1px solid #edf1ef;font-size:10px;color:#596963}tbody tr:hover{background:#fbfcfc}td strong,td small{display:block}td strong{color:#263a34;font-size:10px}td strong.normal{font-weight:600;color:#4a5c56}td small{font-size:8px;color:#97a19e;margin-top:3px}.person-cell{display:flex;align-items:center;gap:9px}.avatar.soft{width:31px;height:31px;background:#e8f3ef;color:#247b63}.stage{display:inline-flex;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:700;background:#edf2f0;color:#66746f}.stage.first_timer{background:#f0ebfd;color:#725bc3}.stage.visitor,.stage.new_member{background:#e9f1fc;color:#4876bc}.stage.membership_class{background:#fff3df;color:#b97728}.stage.member,.stage.worker,.stage.leader{background:#e5f5ef;color:#16805f}.stage.inactive{background:#f2f3f3;color:#7d8582}.row-more{font-size:20px;color:#93a09c}.right{text-align:right}.amount{font-weight:800!important;color:#167b5f!important}.amount.expense{color:#bd4c56!important}.category-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.method{padding:4px 7px;background:#f3f5f4;border-radius:5px;font-size:8px}.pagination{padding:10px 15px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between}.pagination nav p{font-size:9px;color:#8b9793}.pagination nav span,.pagination nav a{font-size:9px}.pagination svg{width:14px}.empty-state{text-align:center;padding:38px;color:#82908b}.empty-state>span{font-size:25px}.empty-state h3{font:700 14px Manrope;margin:8px 0 3px;color:#465852}.empty-state p,.empty-mini{font-size:10px;color:#8b9793}.modal-backdrop{position:fixed;inset:0;background:#0c241e99;backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(480px,100%);background:white;padding:25px;transform:translateX(105%);transition:.25s ease;overflow:auto;box-shadow:-20px 0 55px #0c241e33}.modal.open{transform:none}.modal.large{width:min(650px,100%)}.locked{overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.modal-head h2{font:800 21px Manrope;margin:3px 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-size:9px;font-weight:800}.modal-head button{border:1px solid var(--line);background:white;width:32px;height:32px;border-radius:8px;font-size:19px;color:#788681;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.modal>form>label{font-size:10px;color:#53635e;font-weight:700;display:block}.form-grid label.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dce5e1;background:#fbfcfc;border-radius:8px;padding:0 10px;height:39px;outline:0;color:#2f423c;font-size:11px;margin-top:6px}textarea{height:80px;padding-top:9px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#4cb697;box-shadow:0 0 0 3px #4cb69716}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--line);margin-top:6px}.profile-grid{display:grid;grid-template-columns:290px 1fr;gap:16px}.profile-card{padding:0;overflow:hidden}.profile-top{text-align:center;padding:26px 20px 20px;background:linear-gradient(180deg,#eef8f4,#fff)}.profile-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#1b8a6c;color:white;font:800 20px Manrope;border:5px solid white;box-shadow:0 6px 20px #183d3220}.profile-top h2{font:800 17px Manrope;margin:10px 0 6px}.profile-top p{font-size:10px;color:#7d8b87}.profile-details{padding:8px 18px 18px}.profile-details div{padding:10px 0;border-bottom:1px solid var(--line)}.profile-details div:last-child{border:0}.profile-details span,.profile-details strong{display:block}.profile-details span{font-size:8px;color:#8a9692;text-transform:uppercase}.profile-details strong{font-size:10px;margin-top:4px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.tabs button{border:0;background:transparent;padding:0 2px 13px;font-size:10px;color:#7d8a86;cursor:pointer}.tabs button.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green)}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-summary div{background:#f7faf8;border-radius:10px;padding:12px}.profile-summary span,.profile-summary strong,.profile-summary small{display:block}.profile-summary span{font-size:8px;color:#8b9894}.profile-summary strong{font:800 17px Manrope;margin:4px 0}.profile-summary small{font-size:8px;color:#8a9793}.timeline h3{font:700 12px Manrope}.timeline>div{display:flex;gap:12px;padding:11px 0;position:relative}.timeline>div>i{width:9px;height:9px;border-radius:50%;background:#36a684;box-shadow:0 0 0 4px #e2f4ee;margin-top:3px;flex:none}.timeline>div:not(:last-child):after{content:"";position:absolute;left:4px;top:24px;bottom:-5px;width:1px;background:#d9e5e1}.timeline strong,.timeline small{display:block}.timeline strong{font-size:10px}.timeline small{font-size:8px;color:#87948f;margin-top:3px}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.service-tile{background:white;border:1px solid var(--line);border-radius:12px;padding:14px;position:relative}.service-tile.active{border-color:#64bba2;box-shadow:0 0 0 2px #64bba21c}.service-tile>span{font-size:8px;color:#81908b;text-transform:uppercase}.service-tile>strong{font:800 18px Manrope;display:block}.service-tile p{font-size:10px;margin:8px 0 2px}.service-tile b{font-size:9px;color:var(--green)}.line-bars{height:180px;display:flex;align-items:flex-end;gap:18px;padding:15px}.line-bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.line-bars i{width:24px;background:linear-gradient(#8ad5bd,#1e9b76);border-radius:5px 5px 0 0}.line-bars strong{font-size:9px;margin-top:4px}.line-bars span{font-size:8px;color:#8a9793;margin-top:3px}.simple-list time{font-size:8px;color:#85928e}.member-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;max-height:52vh;overflow:auto}.member-checks label{border:1px solid var(--line);border-radius:9px;padding:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px}.member-checks input{display:none}.member-checks label:has(input:checked){border-color:#56b89b;background:#f0f9f6}.member-checks i{font-style:normal;margin-left:auto;color:transparent}.member-checks label:has(input:checked) i{color:var(--green)}.follow-stats{grid-template-columns:repeat(4,1fr)}.follow-stats>div.red{border-left:3px solid #df626b}.follow-stats>div.green{border-left:3px solid #35a681}.due{font-size:8px;color:#64736f}.due.late{color:#c94550;background:#fcebed;padding:4px 6px;border-radius:8px}.due.done{color:#13805f}.tiny-btn{border:1px solid #cfe7df;background:#edf8f4;color:#14785b;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700;cursor:pointer}.complete-mark{color:#19906c}.group-filters{display:flex;gap:7px;margin-bottom:16px}.group-filters button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px;font-size:9px;color:#65746f;cursor:pointer}.group-filters button.active{background:#173d34;color:white;border-color:#173d34}.group-filters b{font-size:8px;background:#edf1ef;color:#60716b;border-radius:10px;padding:2px 5px;margin-left:4px}.group-filters .active b{background:#ffffff20;color:white}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.group-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.group-cover{height:92px;background:linear-gradient(135deg,#21795f,#4cba98);position:relative;display:grid;place-items:center}.group-cover.cell{background:linear-gradient(135deg,#5f54b5,#9185da)}.group-cover.ministry{background:linear-gradient(135deg,#c17b3b,#e4b26e)}.group-cover.class{background:linear-gradient(135deg,#3f75aa,#77afd5)}.group-cover>span{font:800 25px Manrope;color:#ffffff50}.group-cover em{position:absolute;top:10px;right:10px;background:#ffffffdc;color:#39544c;padding:4px 7px;border-radius:15px;font-size:7px;font-style:normal;text-transform:uppercase;font-weight:800}.group-body{padding:15px}.group-body h3{font:700 13px Manrope;margin:0}.group-body>p{font-size:9px;color:#84918d;margin:4px 0 13px}.group-meta{display:flex;gap:16px;border-block:1px solid var(--line);padding:10px 0}.group-meta span{font-size:8px;color:#83908c}.group-meta b{color:#344842}.group-leader{display:flex;align-items:center;margin-top:11px;gap:8px}.group-leader p{flex:1;margin:0}.group-leader small,.group-leader strong{display:block}.group-leader small{font-size:7px;color:#899691}.group-leader strong{font-size:9px;margin-top:2px}.finance-hero{display:grid;grid-template-columns:repeat(4,1fr);background:#153d34;border-radius:15px;color:white;margin-bottom:16px;overflow:hidden}.finance-hero>div{padding:19px;border-right:1px solid #ffffff17;position:relative}.finance-hero>div:last-child{border:0}.finance-hero span,.finance-hero strong,.finance-hero small{display:block}.finance-hero span{font-size:9px;color:#9fc2b8}.finance-hero strong{font:800 21px Manrope;margin:7px 0}.finance-hero small{font-size:8px;color:#83aa9f}.finance-hero small.positive{color:#67d1ae}.finance-hero .balance{background:#1d5447}.finance-hero .balance strong{color:#86dfc2}.expense-list>div{display:grid;grid-template-columns:90px 1fr 75px;gap:9px;align-items:center;padding:9px 0}.expense-list span{font-size:9px}.expense-list>div>div{height:6px;background:#eef2f0;border-radius:5px;overflow:hidden}.expense-list i{display:block;height:100%;background:#44ad8d;border-radius:5px}.expense-list strong{text-align:right;font-size:9px}.approval-empty{text-align:center;padding:18px}.approval-empty>span{width:40px;height:40px;border-radius:50%;background:#e8f6f1;color:#198361;display:grid;place-items:center;margin:auto}.approval-empty h3{font:700 12px Manrope;margin:10px 0 4px}.approval-empty p{font-size:9px;color:#84918d}.card-head.pad{padding:15px;margin:0;border-bottom:1px solid var(--line)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.module-card{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;gap:11px;align-items:flex-start;cursor:pointer}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module-card>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:none;color:#356358}.module-card>span .icon{width:17px}.module-card div{flex:1}.module-card h3{font:700 11px Manrope;margin:1px 0 5px}.module-card p{font-size:8px;line-height:1.5;color:#7c8985;margin:0}.module-card>b{color:#9aa5a1}.upcoming-panel{margin-top:5px}.event-list.wide>div>span{margin-left:auto}.login-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:white}.login-art{background:#12382f;color:white;position:relative;overflow:hidden;padding:35px 45px;display:flex;flex-direction:column}.login-brand{font:800 23px Manrope;display:flex;gap:10px;align-items:center}.art-content{max-width:520px;margin:auto 0;position:relative;z-index:2}.art-content .kicker{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#8ed6be;font-weight:700}.art-content h1{font:800 clamp(36px,5vw,62px)/1.02 Manrope;letter-spacing:-.055em;margin:15px 0 22px;max-width:570px}.art-content>p{font-size:14px;line-height:1.7;color:#a9c8c0;max-width:480px}.quote{display:flex;align-items:center;gap:13px;margin-top:50px}.quote-avatars{display:flex}.quote-avatars i{width:31px;height:31px;border-radius:50%;border:2px solid #163b32;background:#c18a58;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:800;margin-left:-7px}.quote-avatars i:first-child{margin:0}.quote-avatars i:nth-child(2){background:#7970bd}.quote-avatars i:last-child{background:#2c6758}.quote span{font-size:10px;line-height:1.5;color:#9dc0b7}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff12}.orb.one{width:430px;height:430px;right:-170px;bottom:-120px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.orb.two{width:180px;height:180px;right:80px;top:80px;background:radial-gradient(circle at 35% 35%,#53bd9c50,transparent 60%);filter:blur(2px)}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.login-mobile-brand{display:none}.login-card h2{font:800 27px Manrope;letter-spacing:-.035em;margin:8px 0}.login-card>p{font-size:12px;color:#7b8985;margin:0 0 28px}.login-card>label{display:block;font-size:10px;font-weight:700;color:#455752;margin:15px 0}.login-card input{height:44px;background:white}.password-wrap{position:relative}.password-wrap button{position:absolute;right:9px;top:15px;border:0;background:transparent;color:var(--green);font-size:9px;font-weight:700;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.form-row>a{font-size:9px;color:var(--green);font-weight:700}.checkbox{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:9px!important;font-weight:500!important}.checkbox input{width:14px;height:14px;margin:0}.login-card .btn{font-size:11px}.login-card .btn span{margin-left:auto}.secure{display:block;text-align:center;color:#85928e;font-size:8px;margin-top:16px}.login-error{background:#fff0f1;color:#a63642;padding:9px;border-radius:8px;font-size:9px;margin:12px 0}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,1fr)}.group-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{transform:translateX(-105%);transition:.22s}.sidebar.open{transform:none}main{grid-column:1}.mobile-menu{display:block;margin-right:12px}.content{padding:22px}.dashboard-grid,.dashboard-grid.lower,.profile-grid{grid-template-columns:1fr}.finance-hero{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-mobile-brand{display:flex;font:800 22px Manrope;gap:10px;align-items:center;margin-bottom:40px}.login-panel{min-height:100vh}}
@media(max-width:640px){.topbar{padding:0 16px}.branch-picker{display:none}.content{padding:18px 14px}.page-head{display:block}.page-actions{margin-top:15px;flex-wrap:wrap}.metrics,.mini-stats,.follow-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.service-strip{grid-template-columns:1fr 1fr}.group-grid,.module-grid{grid-template-columns:1fr}.finance-hero{grid-template-columns:1fr}.finance-hero>div{border-right:0;border-bottom:1px solid #ffffff17}.form-grid{grid-template-columns:1fr}.form-grid label.full,.form-actions{grid-column:1}.table-tools{flex-wrap:wrap}.search-box{min-width:100%}.result-count{margin-left:0}.member-checks{grid-template-columns:1fr}.login-panel{padding:25px}.journey-row{grid-template-columns:90px 1fr 25px}.journey-row em{display:none}.metrics .metric-card:last-child{grid-column:1/-1}}