:root{font-family:Arial,Helvetica,sans-serif;color:#202124;background:#F7F5F2;font-synthesis:none;--ink:#202124;--green:#FF3C01;--muted:#696763;--line:#E5E2DE}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #FF3C01;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #C52D00;outline-offset:1px}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-1px;line-height:1.22;font-weight:650}h2{font-size:1.15rem;letter-spacing:-.3px}h3{font-size:1rem}small{font-size:.8rem}button{border:0;background:none;color:inherit}#app{min-height:100vh;display:flex}.sidebar{width:245px;flex-shrink:0;background:#202124;color:#E5E2DE;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{font-size:3.5rem;line-height:1;letter-spacing:-4px;font-weight:800;color:var(--green);padding:42px 30px 42px}.brand span{display:block;font-size:.65rem;letter-spacing:1.7px;line-height:1.4;font-weight:500;color:#b8c8d5;margin-top:17px}.nav-caption{font-size:.7rem;letter-spacing:1.5px;color:#90a7ba;padding:0 30px 15px}.sidebar nav{padding:0 16px}.nav-item{display:flex;align-items:center;gap:16px;border-radius:8px;padding:14px 16px;margin-bottom:7px;font-size:.92rem}.nav-item>span{font-size:1.4rem;width:24px;text-align:center;line-height:1}.nav-item:hover{background:#29465d}.nav-item.active{background:var(--green);color:#20371a;font-weight:650}.sidebar-bottom{margin-top:auto;padding:25px 20px;border-top:1px solid #344b5e;display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:600}.sidebar-bottom small{display:block;color:#99adbd;font-weight:400;margin-top:4px}.church-icon{background:#355165;color:#FF3C01;width:39px;height:39px;display:grid;place-items:center;border-radius:10px;font-size:1.2rem;font-weight:750}.workspace{margin-left:245px;width:calc(100% - 245px);min-width:0}.topbar{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:20px}.breadcrumb{font-size:.85rem;color:#728091}.breadcrumb span{margin:0 13px;color:#a4adb8}.breadcrumb b{font-weight:500;color:var(--ink)}.mode-badge{margin-left:auto;font-size:.75rem;font-weight:600;border:1px solid #d8e9c5;background:#f3f8ec;color:#506a34;padding:6px 12px;border-radius:20px}.profile-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e9eef2;color:#456076;font-size:.85rem;font-weight:700}.mobile-menu{display:none!important}.page{padding:37px 40px;max-width:1560px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:1.7px;color:#C52D00;margin-bottom:10px}.subtitle{color:var(--muted);font-size:.95rem;margin-top:12px}.primary,.secondary{display:inline-flex;gap:14px;align-items:center;justify-content:center;white-space:nowrap;font-size:.88rem;font-weight:600;border-radius:8px;padding:12px 17px;min-height:44px}.primary{background:#202124;color:white}.primary:hover{background:#2c4e69}.primary span{font-size:1.1rem}.secondary{background:white;border:1px solid #d9e2e9;color:#334c60}.secondary:hover{background:#edf1f6}.overview-line{display:flex;justify-content:space-between;align-items:center;margin:5px 0 19px}.overview-line h2{font-size:1rem}.month-control{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted)}.month-control input{border:1px solid #dce4eb;padding:8px 10px;border-radius:7px;background:white;color:var(--ink);font-size:.85rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:21px 23px}.stat>div{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#586e81}.stat-icon{font-size:1.15rem;color:#5b7389}.stat strong{display:block;font-size:2.5rem;letter-spacing:-1.7px;font-weight:600;margin:12px 0 8px;line-height:1.1}.stat small{font-size:.75rem;color:#73818f}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.section-head p{font-size:.83rem;color:var(--muted);margin-top:4px}.legend{font-size:.75rem;color:#6b7c8a;white-space:nowrap}.legend i{display:inline-block;background:#FF3C01;width:7px;height:7px;border-radius:2px;margin-right:7px}.chart{display:flex;height:210px;padding-top:20px;gap:10px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;color:#80909e;font-size:.7rem;padding-bottom:34px;width:30px}.chart-bars{display:flex;justify-content:space-around;gap:18px;flex:1;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#edf0f3 calc(50% - 1px),#edf0f3 50%);background-size:100% calc(100% - 33px);background-repeat:no-repeat}.bar-column{width:15%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.bar-slot{height:100%;display:flex;align-items:flex-end;padding-top:15px}.bar{position:relative;background:#b8e58b;border-radius:6px 6px 0 0;width:100%;min-height:3px}.bar-column:nth-child(2n) .bar{background:#90bf68}.bar.no-data{background:#dce4eb}.bar>span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.75rem;color:#466239;margin-bottom:5px}.bar-column>small{font-size:.7rem;color:#7b8996;margin-top:10px;white-space:nowrap;height:24px}.chart-foot{display:flex;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #edf1f4;font-size:.72rem;color:#708191}.care-panel{background:#e9f2de;border-color:#dfeacd;display:flex;flex-direction:column}.care-panel h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.7px;margin:5px 0 12px}.care-panel>p:not(.eyebrow){font-size:.88rem;color:#5e7052;max-width:260px}.care-number{display:flex;gap:17px;align-items:center;font-size:3.5rem;font-weight:600;line-height:1;margin-top:auto;padding:25px 0}.care-number span{font-size:.82rem;font-weight:400;line-height:1.5;color:#5a6a4f}.care-link{border-top:1px solid #ccddbc;padding:15px 0 0;text-align:left;display:flex;justify-content:space-between;font-size:.83rem;font-weight:600}.cells-summary{margin-top:24px}.text-link{font-size:.85rem;color:#36536a;font-weight:600}.text-link:hover{text-decoration:underline}.mini-cells{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px}.mini-cell{display:flex;align-items:center;gap:13px;text-align:left;padding:10px 0;min-width:0}.mini-cell>span:last-child{margin-left:auto;font-size:.8rem;color:#6c7f8f;white-space:nowrap}.mini-cell b{font-size:.88rem}.mini-cell small{display:block;color:#748593;font-size:.75rem;margin-top:3px}.cell-initial{width:43px;height:43px;background:#ecf2e5;color:#637e4a;display:grid;place-items:center;border-radius:11px;font-size:1.05rem;font-weight:600;flex-shrink:0}.demo-banner{margin-top:24px;border:1px dashed #c6d4df;border-radius:10px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-banner strong{font-size:.85rem}.demo-banner p{font-size:.8rem;color:var(--muted);margin-top:4px}.demo-banner button{font-size:.8rem}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;color:#7e8e9b;margin-top:33px;padding:14px 0}.toolbar{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce4ea;border-radius:8px;padding:0 12px;min-width:220px;flex:1}.search>span{font-size:1.35rem;color:#758999}.search input{border:0!important;outline-offset:2px;padding:11px 0;width:100%;font-size:.88rem;min-width:0;color:var(--ink);background:transparent}.toolbar>select,.attendance-filters>select{border:1px solid #dce4ea;padding:11px 12px;border-radius:8px;font-size:.85rem;background:white;color:#4a6378;max-width:100%}.table-meta{font-size:.8rem;color:#7a8a97;padding:22px 0 14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.85rem}th{font-size:.75rem;letter-spacing:.2px;font-weight:500;color:#7b8d9c;padding:13px 14px;background:#f8fafb;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 14px;border-bottom:1px solid #edf1f4;white-space:nowrap}tr:last-child td{border-bottom:0}td b{font-weight:600}td small{display:block;font-size:.72rem;color:#85929d;margin-top:4px}.person-name{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e6edf2;color:#567085;flex-shrink:0;font-size:.75rem;font-weight:600}.person-name>div{min-width:0}.tag{display:inline-block;border-radius:5px;padding:4px 8px;background:#eef2f6;color:#52677a;font-size:.72rem;white-space:nowrap}.tag.green{background:#edf5e6;color:#517537}.tag.gray{background:#f0f1f3;color:#7b858d}.edit-button{font-size:.8rem;color:#4d687c;padding:8px}.edit-button:hover{background:#eff4f7;border-radius:7px}.muted{color:#7b8c9a}.empty{text-align:center;padding:65px 20px;color:#7a8d9d}.empty>span{font-size:2rem;color:#9facb8}.empty h3{margin:15px 0 8px;color:#40586c}.empty p{font-size:.88rem}.cell-grid,.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cells-toolbar{margin-bottom:24px}.cells-toolbar .search{max-width:420px}.cell-card h2{font-size:1.35rem;margin-bottom:5px}.cell-card>p{font-size:.86rem;min-height:26px}.cell-schedule{font-size:.83rem;display:flex;gap:10px;margin:22px 0;padding:12px 0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.leader-line{display:flex;align-items:center;gap:12px}.leader-line small{display:block;color:#7a8b99;font-size:.7rem}.leader-line b{display:block;font-size:.83rem;margin-top:3px;font-weight:500}.cell-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;border-top:1px solid #edf1f4;padding-top:17px;font-size:.8rem;color:#708393}.leadership-intro{background:#eaf0f5;padding:20px 25px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.leadership-intro>div{display:flex;gap:15px;align-items:center}.leadership-intro p{font-size:.85rem;color:#677b8d;margin-top:4px}.leadership-intro>span{font-size:.8rem;color:#768a9b}.leader-card h2{font-size:1rem;margin-bottom:5px}.leader-metrics{display:flex;gap:32px;border-block:1px solid #edf1f4;padding:17px 0;margin:20px 0}.leader-metrics strong{display:block;font-size:1.5rem;font-weight:550}.leader-metrics small{font-size:.7rem;color:#7a8b99}.small-label{font-size:.65rem;letter-spacing:1px;color:#8292a0}.responsibilities{padding:12px 0 25px;min-height:96px}.responsibilities>span{display:block;font-size:.8rem;margin:5px 0}.responsibilities p{font-size:.8rem}.attendance-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.attendance-top>div:first-child{font-size:.9rem;color:#6b7f8f}.attendance-top>div:first-child strong{color:#253e52;font-weight:600}.attendance-top>div:first-child span{margin:0 12px}.attendance-filters{display:flex;align-items:center;gap:15px}.rate{display:flex;align-items:center;gap:12px}.rate>div{width:80px;height:5px;border-radius:4px;background:#edf1f4;overflow:hidden}.rate i{display:block;height:100%;background:#FF3C01}.rate>span{font-size:.8rem}.loading{margin:auto;max-width:600px;text-align:center;padding:30px}.loading>b{font-size:4rem;color:#345840;font-weight:750;letter-spacing:-5px}.loading p{color:#6e8291;margin:20px 0}.loading h1{font-size:1.5rem;margin-top:15px}dialog{border:1px solid #dce4eb;border-radius:16px;box-shadow:0 30px 100px #132d4240;padding:28px;max-width:660px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:#fff}dialog::backdrop{background:#10253890;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.modal-head h2{font-size:1.45rem;letter-spacing:-.6px}.modal-head p:not(.eyebrow){font-size:.85rem;color:#718291;margin-top:8px}.close-modal{font-size:1.7rem;line-height:1;align-self:flex-start;padding:2px 5px;color:#7c8b97}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:3px;min-width:0}.field>span{font-size:.83rem;color:#597185}.field input,.field select,.field textarea{padding:10px 12px;border-radius:7px;border:1px solid #d8e1e8;color:#2c4559;background:#fff;min-width:0;width:100%;font-size:.9rem}.field textarea{resize:vertical}.field input:disabled,.field select:disabled{background:#f2f5f7;color:#8b99a6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;border-top:1px solid #e7edf2;padding-top:20px}.form-error{color:#a33939;font-size:.88rem;margin-top:15px}.member-summary{background:#f5f8fa;border-radius:8px;padding:15px;margin-top:20px}.member-summary p{font-size:.85rem;color:#5e7588;margin:10px 0}.member-summary small{font-size:.75rem;color:#8293a0}.attendance-list-head{display:flex;justify-content:space-between;margin:25px 0 12px}.attendance-list-head h3{font-size:.9rem}#checklist{max-height:280px;overflow-y:auto;border:1px solid #e3eaf0;border-radius:9px;margin-bottom:20px}.check-person{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #edf1f4;font-size:.85rem;cursor:pointer}.check-person:last-child{border:0}.check-person small{display:block;color:#85939f;font-size:.73rem}.check-person input{width:20px;height:20px;accent-color:#C52D00;margin-left:auto}.empty-inline{padding:22px;color:#7d8d9b;font-size:.9rem}.modal-head+p{font-size:.9rem;color:#6b7e8d;margin-bottom:20px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:14px 22px;background:#203d2d;color:#fff;border-radius:10px;box-shadow:0 5px 25px #0002;font-size:.9rem;z-index:80}#toast.show{display:block}#toast.error{background:#8e3333}.skip{position:absolute;left:-9999px;z-index:100}.skip:focus{left:20px;top:20px;background:#fff;padding:10px}.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}
@media(min-width:1500px){.page{padding:44px 55px}.topbar{padding:0 55px}.stats{gap:24px}.stat{padding:25px}.chart{height:245px}}
@media(max-width:1200px){.sidebar{width:215px}.brand{padding-left:25px}.workspace{margin-left:215px;width:calc(100% - 215px)}.page{padding:30px 26px}.topbar{padding:0 26px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.cell-grid,.leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:12px}.stat{padding:18px}.stat small{font-size:.75rem}.dashboard-grid{grid-template-columns:1.5fr 1fr}.legend{display:none}.attendance-top{align-items:flex-start;flex-direction:column}.care-panel h2{font-size:1.4rem}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.care-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.care-panel .eyebrow,.care-panel h2,.care-panel>p:not(.eyebrow){grid-column:1}.care-number{grid-column:2;grid-row:1/4;padding:5px;margin:0}.care-link{grid-column:1/3;margin-top:15px}.mini-cells{grid-template-columns:1fr}.leader-grid,.cell-grid{grid-template-columns:1fr}.leadership-intro>span{display:none}.demo-banner{align-items:flex-start;flex-direction:column}.page-footer{flex-direction:column;gap:5px}.toolbar>select{flex:1}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:10px 0 30px #20212420}.sidebar.open{transform:translateX(0);top:65px}.workspace{width:100%;margin:0}.mobile-menu{display:inline-flex!important;padding:4px 8px;min-height:32px;font-size:1rem}.topbar{height:65px;padding:0 16px;gap:10px;position:sticky;top:0;z-index:25}.breadcrumb{font-size:.75rem}.breadcrumb span{margin:0 5px}.mode-badge{font-size:.65rem;padding:4px 7px}.profile-mark{display:none}.page{padding:25px 17px}.eyebrow{font-size:.7rem}h1{font-size:1.7rem}.subtitle{font-size:.9rem}.page-heading{margin-bottom:26px}.stats{gap:10px}.stat strong{font-size:2.2rem}.stat>div{font-size:.8rem}.stat{padding:17px}.panel{padding:20px}.overview-line{gap:12px}.month-control>span{display:none}.month-control input{font-size:.8rem;max-width:175px}.overview-line h2{font-size:.9rem}.section-head h2{font-size:1.05rem}.chart-bars{gap:12px}.chart-foot{font-size:.68rem}.care-panel{display:flex}.care-panel .care-number{padding:22px 0}.toolbar{gap:10px}.toolbar .search{min-width:100%;width:100%}.attendance-filters{flex-wrap:wrap;width:100%}.form-grid{grid-template-columns:1fr}dialog{padding:24px 20px;max-height:88vh}.table-scroll{margin:0 -5px}.section-head>.text-link{font-size:.75rem}.leadership-intro{padding:18px}.page-footer{margin-top:24px}td,th{padding-left:10px;padding-right:10px}.demo-banner{padding:18px}.primary,.secondary{font-size:.85rem}.brand span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.brand{padding:30px 24px;letter-spacing:0}.vix-logo{width:100%;height:auto;display:block;background:white;border-radius:8px;padding:12px}.brand span{color:#cbc7c1;letter-spacing:1.5px;font-size:10px}.nav-item.active{background:#FF3C01;color:#202124}.nav-item:hover:not(.active){background:#343434}.nav-caption,.sidebar-bottom small{color:#b5b0a8}.sidebar-bottom{border-color:#414141}.church-icon{background:#343434;color:#FF3C01}.primary{background:#C52D00;color:#fff}.primary:hover{background:#a52700}.secondary{border-color:#E5E2DE;color:#202124}.secondary:hover{background:#F7F5F2}.care-panel{background:#202124;color:white;border-color:#202124}.care-panel .eyebrow{color:#ff997a}.care-panel p,.care-number span{color:#dedad5}.care-number{color:#FF3C01}.care-link{color:#fff;border-color:#666}.bar{background:#FF3C01}.bar.no-data{background:#E5E2DE}.cell-initial{background:#fff0e9;color:#C52D00}.text-link{color:#C52D00}.mode-badge{background:#fff0e9;color:#a52700;border-color:#f4ccb9}.demo-banner{background:#fff0e9;border-color:#f4ccb9}.profile-mark{background:#E5E2DE;color:#202124}.leadership-intro{background:#efede9}.legend i,.rate i{background:#FF3C01}.eyebrow{color:#C52D00}

:root{background:#E6E7E8;--line:#d7d8da}.sidebar,.care-panel{background:#606062;border-color:#606062}.vix-logo{background:transparent;padding:0;border-radius:0;filter:invert(1) brightness(255);mix-blend-mode:screen}.brand{padding:35px 27px}.brand span,.nav-caption,.sidebar-bottom small{color:#f1f1f1}.sidebar-bottom{border-color:#818183}.sidebar .nav-item{color:white}.sidebar .nav-item.active{background:#FF3C01;color:#202124}.sidebar .nav-item:hover:not(.active){background:#737375}.church-icon{background:#747476;color:white}.topbar{background:#E6E7E8}.vix-top-logo{width:85px;height:auto;mix-blend-mode:multiply;margin-right:8px}.care-panel .care-number,.care-panel .eyebrow{color:white}.care-panel p,.care-number span{color:#f1f1f1}@media(max-width:700px){.vix-top-logo{width:64px}.breadcrumb{display:none}}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{background:white;border:1px solid #d7d8da;border-radius:20px;padding:36px;max-width:460px;width:100%;box-shadow:0 15px 60px #20212415}.auth-card h1{font-size:28px}.auth-card form{display:grid;gap:16px;margin:24px 0}.auth-card img{mix-blend-mode:multiply}.auth-note{font-size:13px;color:#606062}.auth-card .text-link{background:none;border:0;padding:0}.account-actions{display:flex;gap:10px;align-items:center}.import-summary{padding:16px;background:#fff0e9;border-radius:12px;margin:16px 0}