@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#172b40;--muted:#8290a1;--blue:#214b87;--bg:#f5f7fb;--line:#e8edf4;--shadow:0 8px 30px rgba(27,54,91,.035)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:#285b9c;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{height:88px;padding:22px 23px;display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.7px}.brand small,.side-bottom small{display:block;font:700 9px 'DM Sans';letter-spacing:1.7px;color:#96a1ae;margin-top:3px}.logo{display:grid;place-items:center;background:#214b87;color:#fff;border-radius:12px;width:41px;height:41px;font-size:27px}.nav-label{padding:16px 28px;color:#a3acb8;font-size:10px;letter-spacing:1.7px;font-weight:800}.sidebar nav{padding:0 12px;overflow:auto;flex:1}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 15px;border-radius:9px;margin:3px 0;color:#647489;font-weight:600;font-size:13px}.sidebar nav a:hover{background:#f5f8fc}.sidebar nav a.active{background:#eaf1fb;color:#204b84}.nav-icon{font-size:19px;width:22px;text-align:center}.side-bottom{padding:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.side-bottom>a{margin-left:auto;font-size:19px}.avatar,.top-avatar{background:#dbe8fa;color:#28518b;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.main{margin-left:246px;width:calc(100% - 246px);min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.crumb{font-size:11px;letter-spacing:1.3px;color:#91a0b1;font-weight:800}.crumb span{margin:0 11px;color:#c9d0d8}.top-actions{display:flex;align-items:center;gap:12px;color:#60738b;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#22b78c}.top-avatar{width:31px;height:31px;margin-left:15px}.content{padding:34px 35px 50px;max-width:1680px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{color:#97a4b6;font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 9px}.page-heading h1{font:800 27px Manrope;margin:0;letter-spacing:-1px}.heading-date{color:#8996a7;font-size:12px}.welcome{border-radius:17px;background:linear-gradient(115deg,#173d73,#285c99 75%,#376eaa);color:white;display:flex;justify-content:space-between;align-items:center;padding:30px 34px;margin-bottom:22px;position:relative;overflow:hidden}.welcome:after{content:'✝';position:absolute;right:18%;top:-65px;font-size:235px;color:rgba(255,255,255,.045)}.welcome-kicker{font-size:10px;letter-spacing:2px;color:#b8d1f3;font-weight:800}.welcome h2{font:800 24px Manrope;margin:9px 0}.welcome h2 span{color:#f3d492}.welcome p{color:#d1dff1;margin:0}.btn,button.btn{background:#234e89;color:#fff;border:0;border-radius:9px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn.light{background:#fff;color:#234e89;z-index:1}.btn.secondary{background:#edf2f8;color:#365575}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 21px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.stat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:21px;margin-bottom:8px}.blue{background:#e7f0ff;color:#3276d1}.purple{background:#eee9ff;color:#8564ce}.amber{background:#fff2dc;color:#b98529}.green{background:#e1f7ec;color:#1b9e65}.stat span{color:#8794a5;font-size:12px;font-weight:600}.stat strong{font:800 clamp(17px,1.7vw,24px) Manrope;letter-spacing:-.8px}.stat small{color:#9ba6b3}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:19px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px;min-width:0}.dashboard-grid .panel{margin-bottom:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:21px}.panel h2{font:800 16px Manrope;margin:0 0 5px}.panel-head>a{font-size:12px;font-weight:700;white-space:nowrap}.muted{color:#94a0ae;font-size:12px;margin:4px 0}.chart-legend{display:flex;gap:16px;color:#8190a2;font-size:11px}.chart-legend span{display:flex;gap:6px;align-items:center}.legend-dot{width:8px;height:8px;border-radius:2px}.tithe{background:#2d609c}.offering{background:#7ba6df}.project{background:#e4bc73}.bar-chart{height:220px;display:flex;align-items:end;justify-content:space-around;gap:12px;border-bottom:1px solid #edf0f5;margin-top:20px;padding:0 10px}.bar-group{height:210px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;min-width:0}.bar-group small{font-size:10px;color:#8995a5;white-space:nowrap}.stack{width:min(40px,75%);display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:5px 5px 0 0;min-height:3px}.segment{min-height:0}.project-row{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--line)}.project-row:last-child{border:0;margin:0;padding:0}.project-top,.project-numbers{display:flex;justify-content:space-between;gap:10px}.project-top strong{font-size:12px}.project-top small{display:block;color:#9ba6b2;margin:5px 0 11px}.project-top b{font-size:12px;color:#3166a4}.progress{height:7px;background:#eaf0f6;border-radius:20px;overflow:hidden}.progress div{height:100%;background:#2e8cbe;border-radius:20px}.project-numbers{font-size:10px;color:#8190a1;margin:8px 0}.project-row>small{font-size:10px;color:#9ba5b1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8fafd;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#8897aa;font-weight:800;padding:14px}td{padding:15px 14px;border-bottom:1px solid #edf0f5;font-size:12px;color:#627287}td strong{color:#263d57}.empty,.empty-chart{text-align:center;padding:45px 12px;color:#9aa5b4}.footer{text-align:center;padding:20px;color:#a1aab6;font-size:11px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px}.search-row{display:flex;gap:9px;flex-wrap:wrap}input,select,textarea{border:1px solid #dfe6ee;background:#fff;border-radius:8px;padding:11px 12px;color:#263e59;max-width:100%;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#608fc4;box-shadow:0 0 0 3px #e6f0fc}.search-row input{width:230px}.search-row select{width:180px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#61728a}.form-actions{display:flex;gap:10px;margin-top:24px}.actions{display:flex;gap:12px;align-items:center}.actions form{display:inline}.link-danger{border:0;background:none;color:#b65757;padding:0}.count{background:#eaf0f9;padding:3px 8px;border-radius:8px;color:#40658f;font-size:11px}.id-cell{color:#a3adbb}.notice{padding:13px 18px;background:#e5f7ed;color:#18724c;border-radius:9px;margin-bottom:15px}.alert{padding:13px 18px;background:#fff0f0;color:#a53636;border-radius:9px;margin-bottom:15px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{min-width:160px}.single{margin-bottom:20px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#edf4fc,#f9fafc)}.auth-card{width:min(430px,92vw);background:#fff;padding:40px;border-radius:18px;box-shadow:0 18px 65px #274e7d18;display:flex;flex-direction:column;gap:17px}.auth-card h1{font:800 24px Manrope;margin:0}.auth-card p{color:#8997a8;margin:0 0 12px}.auth-card button{border:0;border-radius:9px;background:#234e89;color:#fff;padding:14px;font-weight:800}.logo.large{width:55px;height:55px}.menu-toggle{display:none;background:none;border:0;font-size:22px}@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:8px 0 35px #19355316}.sidebar.open{transform:translateX(0)}.main{margin:0;width:100%}.menu-toggle{display:block}.topbar{padding:0 18px;gap:15px;justify-content:flex-start}.top-actions{margin-left:auto;font-size:0}.content{padding:22px 16px}.heading-date{display:none}.welcome{padding:23px;gap:20px}.welcome h2{font-size:20px}}@media(max-width:550px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:17px;overflow-wrap:anywhere}.stat small{font-size:10px}.welcome{display:block}.welcome .btn{margin-top:19px}.form-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-row input,.search-row select{width:100%}.search-row{flex-direction:column}.page-heading h1{font-size:23px}.panel{padding:15px}.top-avatar{margin:0}}@media print{.sidebar,.topbar,.toolbar,.filters,.footer,.page-heading .eyebrow,.btn{display:none!important}.main{margin:0;width:100%}.content{padding:0}.panel{break-inside:avoid;box-shadow:none}body{background:white}}

/* Church Administration 2026 visual system: non-destructive dashboard and navigation upgrade */
:root{--ink:#17283d;--muted:#718096;--blue:#1f497e;--bg:#f3f6fa;--line:#e6edf5;--shadow:0 8px 30px rgba(30,55,90,.045)}
body{background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
.sidebar{width:268px;background:#fff;box-shadow:2px 0 22px rgba(35,60,92,.025)}
.main{margin-left:268px;width:calc(100% - 268px)}
.brand{height:94px;padding:20px 23px;border-bottom:1px solid #edf1f6;gap:12px}.brand strong{font-size:19px;letter-spacing:-.8px}.brand small{font-size:9px;letter-spacing:1.5px}
.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#254f83,#102f58);box-shadow:0 8px 17px #1e4b8124}.logo svg{width:24px;height:24px;stroke-width:1.8}
.nav-label{padding:24px 24px 9px;color:#a1adbb;font-size:10px}.sidebar nav{padding:0 13px 16px;scrollbar-width:thin;scrollbar-color:#e3e9f1 transparent}.sidebar nav a{border-radius:11px;min-height:43px;padding:10px 13px;margin:2px 0;color:#64758b;gap:12px;font-size:12.5px;transition:background .16s,color .16s,transform .16s}.sidebar nav a:hover{background:#f1f6fc;color:#214f86;transform:translateX(2px)}.sidebar nav a.active{background:linear-gradient(100deg,#e9f1fc,#f3f7fd);color:#1e4c84;box-shadow:inset 3px 0 #2e6ab0;font-weight:800}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex:none}.nav-icon svg{width:18px;height:18px;stroke-width:1.9}.side-bottom{padding:18px 16px;background:#fcfdff}.side-bottom svg{width:18px;height:18px}.topbar{height:76px;padding:0 32px;box-shadow:0 1px 0 #e9eef5}.top-avatar{font-weight:800}.content{max-width:1740px;padding:30px 32px 50px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:28px;letter-spacing:-1.1px}.eyebrow{font-size:10px;color:#9aa9bb}.welcome{padding:30px 33px;border-radius:18px;background:linear-gradient(115deg,#112f56 0%,#24558e 68%,#376ca3 100%);box-shadow:0 15px 30px #1c477b15}.welcome:after{right:14%;top:-75px;font-size:240px}.welcome h2{font-size:25px}.welcome p{font-size:13px}.welcome-kicker{display:inline-flex;align-items:center;gap:7px}.welcome-kicker svg{width:14px;height:14px}.welcome .btn{gap:8px;box-shadow:0 6px 15px #0b244622}.welcome .btn svg{width:16px;height:16px}.stats{gap:16px;margin-bottom:20px}.stat{position:relative;border-radius:16px;padding:23px 22px;gap:8px;box-shadow:0 7px 28px #2a4a7408;transition:transform .2s,box-shadow .2s;min-height:171px}.stat:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2a4a7415}.stat-icon{width:46px;height:46px;border-radius:13px;margin-bottom:9px}.stat-icon svg{width:23px;height:23px;stroke-width:1.9}.stat strong{font-size:clamp(19px,1.7vw,25px);line-height:1.25}.stat span{color:#6c7e92;font-size:12px}.stat small{font-size:11px}.panel{border-radius:17px;padding:24px;box-shadow:0 8px 28px #2a4a7408}.panel h2{font-size:16px;letter-spacing:-.35px}.panel-head>a{background:#f0f5fc;padding:8px 11px;border-radius:8px;color:#2c5d98}.panel-head>a:hover{background:#e5eefb}.dashboard-grid{gap:19px}.collection-panel{min-height:355px}.project-panel{min-height:355px}.bar-chart{height:232px}.bar-group{height:221px}.stack{border-radius:7px 7px 0 0}.project-row{padding-bottom:16px;margin-bottom:16px}.progress{height:8px}.progress div{background:linear-gradient(90deg,#2079a5,#30b69b)}.project-top strong{font-size:13px}.branch-panel th{background:#f4f7fb}.branch-panel td{padding-top:17px;padding-bottom:17px}.branch-panel tr:hover td{background:#fafcff}.btn{gap:7px}.nav-backdrop{display:none}.menu-toggle svg{width:23px;height:23px}.menu-toggle{border-radius:9px;padding:8px;color:#1c4b80}.menu-toggle:hover{background:#f0f5fb}.footer{color:#9aa7b7}.panel,.stat,.welcome{max-width:100%}
@media(max-width:1250px){.sidebar{width:240px}.main{margin-left:240px;width:calc(100% - 240px)}.content{padding:26px 24px}.stats{gap:12px}.stat{padding:19px 16px}}
@media(max-width:850px){.sidebar{width:268px;transform:translateX(-105%);z-index:31;box-shadow:15px 0 55px #0d254933}.sidebar.open{transform:translateX(0)}.main{margin:0;width:100%}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-backdrop.show{display:block;position:fixed;inset:0;background:#0b1f3a77;border:0;z-index:30}.nav-open{overflow:hidden}.content{padding:22px 18px}.topbar{padding:0 18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:550px){.content{padding:18px 12px}.topbar{height:64px;padding:0 12px}.crumb{font-size:9px;letter-spacing:.5px}.top-actions{gap:7px}.top-avatar{margin:0}.welcome{padding:23px 20px;border-radius:14px}.welcome h2{font-size:21px}.welcome p{font-size:12px}.stats{gap:9px}.stat{padding:15px 13px;min-height:145px;border-radius:13px}.stat-icon{width:38px;height:38px;margin-bottom:3px}.stat-icon svg{width:20px;height:20px}.stat strong{font-size:clamp(15px,4vw,19px)}.stat small{font-size:10px}.panel{padding:17px 13px;border-radius:13px}.panel-head{flex-wrap:wrap}.chart-legend{flex-wrap:wrap;gap:10px}.bar-chart{gap:5px;padding:0 2px}.bar-group small{font-size:9px}.page-heading h1{font-size:24px}.heading-date{display:none}}
@media(prefers-reduced-motion:reduce){.stat,.sidebar,.sidebar nav a{transition:none}}
@media print{.nav-backdrop{display:none!important}.stat{box-shadow:none}.welcome{color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}}