:root{--engine:#3758d5;--engine-dark:#2945af;--ink:#192435;--muted:#6b7688;--line:#e4e8ef;--bs-primary:#3758d5;--bs-primary-rgb:55,88,213;--bs-link-color:#3758d5;--bs-link-hover-color:#2945af;--sidebar-width:244px}
*{box-sizing:border-box}
body{background:#f4f6fa;color:var(--ink);font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--engine);text-underline-offset:3px}h1,h2,h3{color:var(--ink)}h1{font-size:1.75rem;letter-spacing:-.8px;font-weight:700;margin:0 0 7px}h2{font-weight:650}button,input,select{font:inherit}
.sidebar{width:var(--sidebar-width)!important;background:#111c2f!important;color:#b7c2d6;border-right:1px solid #1c2940}
.sidebar .offcanvas-body{scrollbar-width:thin;scrollbar-color:#324058 #111c2f;background:#111c2f;padding:24px 16px 18px;display:flex;flex-direction:column;min-height:100dvh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:1.12rem;letter-spacing:2.4px;font-weight:750;text-decoration:none;padding:0 12px}
.brand:hover{color:#fff}.brand-mark{display:grid;place-items:center;width:36px;height:38px;border-radius:9px;background:#4969eb;color:white;font-size:1.2rem;box-shadow:0 4px 12px #0002}
.brand small{display:block;font-size:.52rem;letter-spacing:1.6px;font-weight:500;color:#93a3bc;margin-top:3px}
.workspace-switch{display:flex;align-items:center;gap:10px;margin:24px 6px 4px;padding:12px;border:1px solid #2b374c;border-radius:8px;background:#1a263b;color:#eff3fa;font-size:.76rem}
.workspace-switch>i{display:grid;place-items:center;width:28px;height:28px;background:#2c3b55;border-radius:6px;color:#c5d1e6}
.workspace-switch small{display:block;color:#97a7c0;font-size:.64rem}
.nav-label{font-size:.58rem;letter-spacing:1.5px;font-weight:650;color:#7f90aa;margin:20px 14px 8px}
.sidebar .nav-link{position:relative;display:flex;gap:11px;align-items:center;padding:9px 13px;border-radius:6px;color:#aebcd1;font-weight:500;font-size:.8rem;min-height:38px;transition:background .15s,color .15s}
.sidebar .nav-link i{font-size:1rem;color:#8294b0}.sidebar .nav-link:hover{background:#1e2c43;color:#fff}
.sidebar .nav-link.active{background:#2c4380;color:#fff}.sidebar .nav-link.active i{color:#b9c9ff}
.sidebar .nav-link.active:after{content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#aabfff}
.sidebar-footer{margin-top:auto;padding:20px 12px 0;border-top:1px solid #2a3548;color:#a5b3c8;font-size:.7rem}
.sidebar-footer small{display:block;color:#7486a2;font-size:.63rem;padding-top:5px;margin-left:14px}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4fcba0;margin-right:7px}
.app-shell{margin-left:var(--sidebar-width);min-height:100dvh;display:flex;flex-direction:column;min-width:0}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.topbar-path{font-size:.75rem;color:#8791a2}.topbar-path .bi-chevron-right{font-size:.55rem}.topbar-path strong{color:#354156;font-weight:550}
.topbar-date{font-size:.72rem;color:var(--muted);padding-right:22px;margin-right:3px;border-right:1px solid var(--line)}
.avatar{width:34px;height:34px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:9px;background:#eef1fc;color:#4b60ac;font-size:.78rem;font-weight:650}
.role-label{font-size:.61rem;color:var(--muted)}.topbar .btn{padding:7px 10px}
.main-content{padding:32px;max-width:1640px;width:100%;margin:0 auto;flex:1;min-width:0}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.eyebrow{font-size:.59rem;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.subtext{font-size:.8rem;color:var(--muted);margin:0;line-height:1.7}
.btn{border-radius:6px;padding:.55rem .9rem;font-size:.75rem;font-weight:600;white-space:nowrap;min-height:35px}
.btn:focus-visible,a:focus-visible{outline:3px solid #8fa6ff;outline-offset:3px}
.btn-primary{--bs-btn-bg:var(--engine);--bs-btn-border-color:var(--engine);--bs-btn-hover-bg:var(--engine-dark);--bs-btn-hover-border-color:var(--engine-dark);--bs-btn-active-bg:var(--engine-dark);--bs-btn-active-border-color:var(--engine-dark);--bs-btn-disabled-bg:var(--engine);--bs-btn-disabled-border-color:var(--engine);box-shadow:0 1px 2px #1c347c20}
.btn-outline-primary{--bs-btn-color:var(--engine);--bs-btn-border-color:#ccd5f3;--bs-btn-hover-bg:var(--engine);--bs-btn-hover-border-color:var(--engine)}
.btn-outline-secondary{--bs-btn-color:#4c596d;--bs-btn-border-color:#d8dee8;--bs-btn-hover-bg:#f3f5f9;--bs-btn-hover-color:#192435;--bs-btn-hover-border-color:#c1cbdb;background:#fff}
.btn-light{--bs-btn-bg:#fff;--bs-btn-border-color:#e2e7ef;--bs-btn-hover-bg:#f3f5f9;--bs-btn-hover-border-color:#cbd4e2;color:#546177}
.btn-sm{padding:.33rem .65rem;font-size:.7rem;min-height:30px}
.surface,.card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 3px #182b4803}
.surface-header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.surface-title{font-size:.85rem;margin:0;font-weight:650;letter-spacing:-.1px}
.surface-body,.card-body{padding:24px}
.surface-header .small{font-size:.72rem;font-weight:550}
.stat-card{padding:22px;height:100%;position:relative;overflow:hidden}
.stat-label{font-size:.73rem;font-weight:550;color:#5b677b}.stat-value{font-size:2rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:15px 0 7px;line-height:1.15}
.stat-note{font-size:.65rem;color:#7c8799}.stat-icon{position:absolute;right:20px;top:18px;background:#f0f3fc;color:#5870bb;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;font-size:.95rem}
.stat-icon.green{background:#edf7f2;color:#378a69}.stat-icon.blue{background:#f0f3fc;color:#5870bb}
.stat-card.finance .stat-value{color:#9c651a;font-size:1.8rem}.stat-card.finance .stat-icon{color:#a47a31;background:#faf4e8}
.overview-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;margin-bottom:24px;background:#eef2ff;border:1px solid #dce3fc;border-radius:7px;color:#405387;font-size:.76rem}
.overview-banner i{font-size:1rem}.overview-banner a{font-weight:600;white-space:nowrap;text-decoration:none}
.welcome-panel{padding:20px 24px;background:#eef2ff;border:1px solid #dce3fc;border-radius:8px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome-panel h2{font-size:1rem}.welcome-symbol{font-size:2rem;color:#8c9fd8}
.table{--bs-table-color:var(--ink);margin:0;font-size:.82rem}.table thead th{background:#f8f9fc;color:#7c8798;font-size:.58rem;letter-spacing:.85px;text-transform:uppercase;font-weight:600;padding:13px 22px;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:16px 22px;vertical-align:middle;border-color:#eef1f5;font-variant-numeric:tabular-nums}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{--bs-table-bg:#f8faff}
.person{display:flex;align-items:center;gap:11px;font-weight:550}.person small{display:block;color:#8a94a5;font-size:.65rem;margin-top:3px;font-weight:400}.person .avatar{font-size:.73rem;background:#eef1f7;color:#62728d}
.badge-soft{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #e3e8ef;border-radius:5px;background:#f5f7fa;color:#667286;font-size:.62rem;line-height:1.4;font-weight:550;white-space:nowrap}
.badge-soft:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}
.badge-active,.badge-paid{background:#eef8f3;color:#25815e;border-color:#d9eee3}
.badge-expired,.badge-cancelled,.badge-suspended,.badge-closed,.badge-unpaid,.badge-reversed{background:#fdf1ef;color:#b55d50;border-color:#f3ddd7}
.badge-on-hold,.badge-upcoming,.badge-enquiry,.badge-partial{background:#fcf7eb;color:#9b752e;border-color:#eee4c9}
.toolbar{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line)}
.search-box{position:relative;max-width:360px;flex:1}.search-box i{position:absolute;left:12px;top:10px;color:#8b96a9;font-size:.8rem}.search-box input{padding-left:34px}
.form-control,.form-select{border-color:#dce2ec;border-radius:6px;font-size:.84rem;padding:.59rem .75rem;min-height:38px;background-color:#fff;color:#25334a}
.form-control::placeholder{color:#9aa3b2}.form-control:focus,.form-select:focus{border-color:#8b9fe8;box-shadow:0 0 0 3px #3758d512}
.form-control[readonly]{background:#f6f8fb;color:#7a8598}.form-label{font-size:.75rem;font-weight:600;margin-bottom:7px;color:#4a566a}
.form-text{font-size:.68rem;color:#8490a2;line-height:1.7}.form-section{font-size:.67rem;letter-spacing:.9px;text-transform:uppercase;font-weight:650;color:#5f6d83;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:22px}
.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;margin-top:26px;border-top:1px solid var(--line)}.form-width{max-width:980px}
.pagination{margin:0;--bs-pagination-active-bg:var(--engine);--bs-pagination-active-border-color:var(--engine);--bs-pagination-color:#58677e;--bs-pagination-font-size:.72rem;--bs-pagination-border-color:#e4e8ef;--bs-pagination-padding-x:.7rem;--bs-pagination-padding-y:.4rem}
.table-footer{padding:16px 22px;border-top:1px solid var(--line);background:#fcfdff;border-radius:0 0 9px 9px;min-height:12px}.table-footer:empty{display:none}.table-footer p{font-size:.68rem}
.empty-state{text-align:center;padding:50px 20px;color:#8a94a5;font-size:.75rem}.empty-state i{font-size:1.7rem;display:block;margin-bottom:13px;color:#a5b2c8}.empty-state h3{font-size:.86rem;color:#4d5a70}
.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-list dt{font-size:.67rem;font-weight:500;color:#8893a4;margin-bottom:6px}.detail-list dd{font-size:.8rem;font-weight:550;overflow-wrap:anywhere}
.app-footer{padding:17px 32px;color:#9aa3b1;font-size:.56rem;letter-spacing:1px;display:flex;justify-content:space-between}.app-footer span{letter-spacing:0}
.action-icon{padding:5px 8px;min-height:29px;color:#79869a}.account-help{background:#f6f8fc;border:1px solid #e3e8f1;border-radius:6px;padding:14px;margin-bottom:22px;font-size:.73rem;color:#6b7890}
.alert{font-size:.78rem;border-radius:7px;padding:13px 16px}.alert-success{background:#eef8f3;border-color:#d5eddf;color:#2e7e5d}.alert-warning{background:#fffaee;border-color:#f2e5bf;color:#927238}
.renewal-row{padding:16px 0;border-bottom:1px solid #edf0f5}.renewal-row:first-child{padding-top:0}.renewal-row:last-child{border:0;padding-bottom:0}
.quick-link{display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;color:#45536a;border-bottom:1px solid #edf0f5;font-size:.75rem}.quick-link:last-child{border:0;padding-bottom:0}.quick-link:first-child{padding-top:0}
.quick-link>i:first-child{background:#f2f5fb;border:1px solid #e7ebf2;color:#687da4;padding:8px;border-radius:6px;font-size:1rem}
.quick-link>i:last-child{margin-left:auto;color:#a2adbf}.quick-link small{display:block;font-size:.65rem;font-weight:400;color:#929cad;margin-top:2px}
.section-kicker{display:inline-flex;align-items:center;gap:6px;color:#7f8b9c;font-size:.62rem;font-weight:500}
.section-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:#4ca981}
.attendance-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start;margin-bottom:24px}
.checkin-placeholder{text-align:center;padding:40px 24px;color:#8b96a8;font-size:.76rem}.checkin-placeholder>i{font-size:2rem;color:#a5b4d1;display:block;margin-bottom:16px}
.checkin-identity{display:flex;gap:13px;align-items:center;margin-bottom:24px}.checkin-identity .avatar{width:44px;height:44px;font-size:1rem}.checkin-identity h2{font-size:.95rem;margin:0 0 4px}
.checkin-fact{padding:17px 0;border-top:1px solid var(--line)}.checkin-fact>span{font-size:.67rem;display:block;color:#8b96a8;margin-bottom:5px}.checkin-fact strong{font-size:.84rem}
.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}
.login-story{position:relative;overflow:hidden;background:#111c2f;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;color:#c0cbe0}
.login-story:after{content:"";position:absolute;width:700px;height:700px;border:1px solid #ffffff08;border-radius:50%;bottom:-420px;right:-280px;box-shadow:0 0 0 75px #ffffff03,0 0 0 150px #ffffff02;pointer-events:none}
.login-story .brand{padding:0}.login-story h1{color:#fff;font-size:clamp(2.5rem,3.5vw,4rem);font-weight:550;line-height:1.15;letter-spacing:-1.8px;max-width:560px;margin-top:20px}
.login-story h1 span{color:#96aaff}.login-story p{color:#8f9fb9;max-width:380px;font-size:.86rem;line-height:1.9;margin-top:25px}
.login-story>small{font-size:.58rem;letter-spacing:1.5px;color:#7083a0}
.login-decoration{font-size:2.1rem;color:#7e96e9;margin:25px 0}
.login-form-area{display:grid;place-items:center;padding:50px 35px;background:#fff}
.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{font-size:1.65rem;letter-spacing:-.8px;margin:0 0 10px}
.login-form-wrap .eyebrow{color:#8290a6;margin-bottom:15px}.login-form-wrap .form-control{padding:.8rem .9rem}
.login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#919bac;font-size:.65rem;margin-top:30px}
.skip-link{position:absolute;top:10px;left:10px;z-index:1100;background:#fff;padding:10px}.busy{opacity:.65;pointer-events:none}
@media(min-width:992px){.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh}.sidebar .offcanvas-body{width:100%;height:100%;min-height:0;overflow-y:auto!important}.sidebar-footer{margin-top:auto}.sidebar nav{padding-bottom:32px}}
@media(max-width:1199.98px){.topbar-date{display:none}.main-content{padding:26px}.topbar{padding:0 26px}.stat-value{font-size:1.8rem}.stat-card{padding:19px}.stat-icon{right:16px}}
@media(max-width:991.98px){.app-shell{margin-left:0}.sidebar .offcanvas-body{min-height:0;flex:1}.sidebar .offcanvas-header{color:#fff;border-bottom:1px solid #2a3548}.sidebar .offcanvas-header h2{color:#fff}.sidebar .btn-close{filter:invert(1)}.sidebar .offcanvas-body .brand{display:none}.workspace-switch{margin-top:0}.sidebar-footer{margin-top:30px}.login-story{padding:40px}.attendance-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.main-content{padding:24px 16px}.topbar{padding:0 16px;height:60px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:23px}h1{font-size:1.5rem}.table td,.table thead th{padding:14px 16px}.surface-body,.card-body{padding:20px}.surface-header,.toolbar{padding:16px}.detail-list{grid-template-columns:1fr;gap:14px}.app-footer{padding:18px 16px}.app-footer span{display:none}.overview-banner{align-items:flex-start;flex-direction:column;gap:10px}.welcome-symbol{display:none}.login-page{grid-template-columns:1fr}.login-story{padding:25px;min-height:auto}.login-story h1,.login-story p,.login-decoration,.login-story>small{display:none}.login-form-area{padding:44px 25px;align-items:start}.stat-card{padding:18px}.stat-value{font-size:1.8rem}.stat-icon{right:16px;top:15px;width:26px;height:26px;font-size:.8rem}.stat-label{font-size:.68rem;padding-right:22px;min-height:34px}.stat-note{font-size:.6rem;max-width:150px}.stat-card.finance .stat-value{font-size:1.6rem}.toolbar .small{font-size:.65rem}.form-actions{flex-wrap:wrap}.topbar-path{font-size:.69rem}.attendance-grid{gap:18px}}
@media(max-width:575.98px){.attendance-grid .table th:nth-child(2),.attendance-grid .table td:nth-child(2){display:none}.attendance-grid .table td,.attendance-grid .table th{padding:14px 12px}.attendance-grid .person{gap:8px;font-size:.76rem}.attendance-grid .person .avatar{width:28px;height:28px}.attendance-grid .person>span:last-child{min-width:125px}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.app-footer,.btn,.toolbar,.overview-banner{display:none!important}.app-shell{margin:0}.surface{border:0;box-shadow:none}.main-content{padding:0}body{background:#fff}}

/* Engine product design system: typography, dimension and operational analytics. */
@font-face{font-family:Jakarta;src:url('../fonts/jakarta-0.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('../fonts/jakarta-1.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Jakarta;src:url('../fonts/jakarta-2.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Jakarta;src:url('../fonts/jakarta-3.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Jakarta;src:url('../fonts/jakarta-4.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}

:root{--engine:#6250e7;--engine-dark:#4a37c5;--ink:#17213d;--muted:#63708a;--line:#e6e9f3;--bs-primary:#6250e7;--bs-primary-rgb:98,80,231;--bs-link-color:#6250e7;--bs-link-hover-color:#4935c5;--sidebar-width:250px}
body{font-family:Jakarta,"Segoe UI",sans-serif;font-size:.9rem;color:#26324c;background:#f5f6fc;line-height:1.6}
.text-secondary{color:#65718b!important}
h1,h2,h3{color:#17213d}h1{font-size:1.95rem;font-weight:800;letter-spacing:-1.1px}
h2{font-weight:700}.heading-dot{color:#7760ef}.subtext{color:#63708a;font-size:.85rem}.eyebrow{font-family:Jakarta,sans-serif;color:#7c6ac5;font-size:.62rem;font-weight:700;letter-spacing:1.4px}
.sidebar{background:#13192e!important;border:0;box-shadow:8px 0 30px #1a214509}
.sidebar .offcanvas-body{background:linear-gradient(170deg,#171c35,#12182b 65%);padding:28px 18px 22px;scrollbar-color:#39415f #161d33}
.brand{font-size:1.25rem;letter-spacing:2.5px;font-weight:800;padding:0 8px}.brand-mark{width:39px;height:42px;background:linear-gradient(140deg,#9472ff,#6054e8);box-shadow:0 6px 15px #7760f044;border-radius:12px}
.brand small{font-size:.49rem;color:#9ba6cc}
.workspace-switch{background:#ffffff06;border-color:#ffffff12;padding:11px 10px;border-radius:9px;margin:27px 4px 4px;font-weight:600}
.workspace-switch>i{background:#ffffff0d;color:#bdb1ff}.workspace-switch small{color:#929dba;font-size:.59rem;font-weight:400}
.nav-label{font-family:Jakarta,sans-serif;color:#7f89a9;font-weight:600;font-size:.56rem;letter-spacing:1.7px;margin:22px 12px 9px}
.sidebar .nav-link{font-size:.79rem;color:#a9b3cf;padding:10px 12px;min-height:40px;gap:11px;font-weight:500;border-radius:8px}
.sidebar .nav-link i{color:#7e8cb5}.sidebar .nav-link.active{background:linear-gradient(110deg,#7960ef,#5b4bd4);color:white;box-shadow:0 5px 16px #6550e333}
.sidebar .nav-link.active i{color:white}.sidebar .nav-link.active:after{background:#d3c8ff}.sidebar .nav-link:hover{background:#ffffff0c;color:#fff}.sidebar .nav-link.active:hover{background:#6955df}
.sidebar-footer{border-color:#ffffff10;font-size:.65rem;color:#9da8c5}.sidebar-footer small{font-size:.58rem}
.topbar{height:74px;background:#ffffffed;border-bottom:1px solid #e8eaf3;padding:0 34px}
.topbar-path{font-size:.77rem}.topbar-path strong{color:#2d3757;font-weight:700}.topbar-date{font-size:.7rem}.topbar .avatar{border:3px solid white;box-shadow:0 0 0 1px #e8e4fa}
.main-content{padding:32px 34px;max-width:1680px}
.page-heading{margin-bottom:26px}.page-heading .btn{min-height:41px}.btn{font-family:Jakarta,sans-serif;border-radius:8px;font-size:.76rem;padding:.65rem 1rem;font-weight:650;transition:box-shadow .16s,transform .16s,background .16s}
.btn-primary{background:linear-gradient(135deg,#7960ef,#5c4cdb);border-color:#6955e4;box-shadow:0 5px 11px #6250e727}
.btn-primary:hover{background:#5743cf;border-color:#5743cf;box-shadow:0 6px 14px #6250e73a;transform:translateY(-1px)}
.btn-light{background:#f8f9fd;border-color:#e4e8f2;color:#697797}.btn-outline-secondary{box-shadow:0 2px 3px #26344d04}
.btn-white{background:#fff;color:#5945ca;border:1px solid #fff;font-weight:700;box-shadow:0 5px 15px #24146125}.btn-white:hover{background:#f3efff;color:#4933b8}
.surface,.card{border:1px solid #e6e9f3;border-radius:13px;box-shadow:0 5px 18px #202b5905,0 1px 3px #202b5904;overflow:hidden}
.surface-header{padding:21px 24px;background:#fff;border-color:#edf0f7}.surface-title{font-size:.95rem;font-weight:750;letter-spacing:-.3px}.surface-body,.card-body{padding:24px}
.surface-header .small{color:#6853d7;font-size:.72rem}.panel-kicker{font-size:.55rem;font-weight:700;letter-spacing:1.3px;color:#8993ad;margin-bottom:5px}
.avatar{background:#eee9ff;color:#7555c9;border-radius:11px;font-weight:750}
.stat-card{padding:23px 24px;border:1px solid #e6e9f3;min-height:154px;isolation:isolate;box-shadow:0 6px 16px #26335906}
.stat-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 5px 5px;background:#7c63ee}
.stat-card:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;background:#f8f6ff;right:-30px;bottom:-40px;z-index:-1}
.stat-label{color:#66718a;font-size:.73rem;font-weight:600;padding-right:34px}.stat-value{font-size:2.35rem;font-weight:800;color:#202a47;letter-spacing:-1.1px;margin:15px 0 9px}
.stat-note{font-size:.65rem;color:#7a86a1}.stat-icon{width:35px;height:35px;top:21px;right:22px;background:#f0ebff;color:#7954d3;border-radius:11px;font-size:1.05rem}
.metric-green:before{background:#22b295}.metric-green .stat-icon{background:#e5f8f2;color:#129a7e}.metric-green:after{background:#f0fbf7}
.metric-blue:before{background:#6557e4}.metric-amber:before,.finance:before{background:#eda454}
.metric-amber .stat-icon{background:#fff3e1;color:#d39237}.finance .stat-icon{background:#fff1eb;color:#d77a4a}
.stat-card.finance .stat-value{font-size:2.1rem;color:#23304e}
.command-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:233px;padding:30px 36px;border-radius:16px;color:#fff;background:linear-gradient(112deg,#4733af 0%,#6c4cd7 48%,#9273ee 100%);box-shadow:0 12px 26px #6144c52b;border:1px solid #7860d8}
.command-hero:after{content:"";position:absolute;z-index:-1;width:600px;height:600px;border:1px solid #ffffff16;border-radius:50%;right:-200px;top:-280px;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff04}
.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:8px;letter-spacing:1.8px;font-size:.58rem;font-weight:700;color:#d4c9ff}
.live-dot{display:inline-block;width:6px;height:6px;background:#76e7c8;border-radius:50%;box-shadow:0 0 0 4px #76e7c813;flex-shrink:0}
.command-hero h2{font-size:1.9rem;letter-spacing:-.8px;color:white;font-weight:800;margin:13px 0 10px}
.command-hero p{color:#ddd3ff;font-size:.78rem;line-height:1.85;margin-bottom:21px}
.hero-tag{font-size:.73rem;color:#e3d9ff}.hero-orbit{position:absolute;left:58%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:0}
.hero-orbit>i{font-size:4.3rem;color:#f6f1ff;filter:drop-shadow(0 6px 12px #3c218b35);transform:rotate(8deg)}
.orbit-ring{position:absolute;inset:0;border:1px solid #ffffff26;border-radius:50%;transform:rotate(-25deg)}.orbit-ring.inner{inset:27px;border-style:dashed;border-color:#ffffff32}
.orbit-node{position:absolute;display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff42;border-radius:12px;background:#b69af733;backdrop-filter:blur(6px);color:#f8f4ff;font-size:1.1rem;box-shadow:0 4px 8px #391a7710}
.node-one{right:-5px;top:25px;transform:rotate(12deg)}.node-two{bottom:12px;left:6px;transform:rotate(-12deg)}
.hero-pulse{position:relative;z-index:1;min-width:195px;padding:23px 24px;border:1px solid #ffffff29;border-radius:13px;background:#ffffff0c;backdrop-filter:blur(12px)}
.hero-pulse>span:first-child{font-size:.66rem;color:#ede6ff}.hero-pulse strong{display:block;font-size:2.5rem;font-weight:800;margin:8px 0 13px;line-height:1.3}.hero-pulse strong small{display:block;font-size:.71rem;font-weight:500;color:#e7dcff}
.hero-pulse-note{font-size:.55rem;color:#e2d7ff;display:flex;align-items:center;gap:7px}
.overview-banner{background:#eff9f6;border-color:#d9ece4;color:#42816f;font-size:.74rem;border-radius:10px}.overview-banner a{color:#287761}
.analytics-panel,.health-panel{height:100%}.period-chip{display:inline-flex;gap:8px;align-items:center;background:#f7f8fe;border:1px solid #e9eaf5;padding:7px 10px;border-radius:7px;font-size:.65rem;font-weight:600;color:#687495}
.chart-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.chart-summary>strong{font-size:1.85rem;font-weight:800;letter-spacing:-.8px;color:#252e4c}.chart-summary>span{font-size:.63rem;color:#7c87a2;display:flex;gap:7px;align-items:center}
.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7860eb;flex-shrink:0}.legend-dot.pale{background:#d9dff1}
.collections-chart{display:block;width:100%;height:auto;max-height:245px}.chart-grid{stroke:#eef0f7;stroke-dasharray:4 5}.chart-baseline{stroke:#dce1ed;stroke-width:1}.chart-label{font-family:Jakarta,sans-serif;font-size:11px;fill:#7b86a1}
.chart-data{font-size:.67rem;color:#7763c7;margin-top:4px}.chart-data summary{cursor:pointer}.chart-data .table{margin-top:12px}
.coverage-visual{position:relative;max-width:206px;margin:0 auto 14px}.coverage-visual svg{width:100%;display:block}.coverage-visual>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.coverage-visual strong{font-size:2.5rem;font-weight:800;line-height:1.3;letter-spacing:-1.5px;color:#27304f}.coverage-visual strong small{font-size:1.2rem;color:#7c6bd1}.coverage-visual span{font-size:.64rem;color:#8b94aa;margin-top:4px}
.coverage-legend{display:grid;gap:11px;max-width:260px;margin:auto}.coverage-legend>span{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#75819b}.coverage-legend strong{margin-left:auto;color:#34405f}
.directory-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}
.directory-metric{display:flex;align-items:center;gap:17px;padding:23px;background:#fff;border:1px solid #e6e9f3;border-radius:12px;box-shadow:0 5px 15px #202b5904}
.directory-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eee9ff;color:#7b55d0;font-size:1.35rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #7959d009}
.directory-metric.teal .directory-icon{background:#e4f7f1;color:#159a7d}.directory-metric.amber .directory-icon{background:#fff3df;color:#d29a32}.directory-metric.blue .directory-icon{background:#eaf0ff;color:#4c7adc}
.directory-metric>div>span{font-size:.7rem;color:#71809b;font-weight:500}.directory-metric strong{display:block;font-size:1.7rem;color:#2e3856;font-weight:800;line-height:1.3;margin-top:5px}
.directory-tabs{display:flex;gap:27px;padding:0 25px;border-bottom:1px solid #eceff6;overflow-x:auto}
.directory-tab{position:relative;flex-shrink:0;padding:19px 1px 17px;text-decoration:none;color:#8791a9;font-size:.76rem;font-weight:600}
.directory-tab.selected{color:#7054d8}.directory-tab.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:#8062ef}
.directory-surface .toolbar{background:#fff;border-color:#edf0f7;padding:20px 25px}
.table{font-family:Jakarta,sans-serif;font-size:.81rem;--bs-table-color:#34415f}.table thead th{background:#f8f9fe;color:#929ab0;font-size:.6rem;letter-spacing:.75px;font-weight:700;padding:14px 24px;border-color:#edf0f7}
.table td{padding:18px 24px;border-color:#eff1f8}.table tbody tr:hover{--bs-table-bg:#faf9ff}
.person{font-weight:650;color:#27334f}.person .avatar{width:39px;height:39px;border-radius:12px;background:#eee9ff;color:#7958bd;font-weight:800;font-size:.86rem}
.person small{font-size:.63rem;color:#8d98af;margin-top:4px;font-weight:500;display:flex;align-items:center;gap:10px}.member-contact{border-left:1px solid #e0e4f0;padding-left:10px;font-weight:400;color:#8994ab}
.person .avatar-tone-0{background:#e8f5ef;color:#328b6b}.person .avatar-tone-1{background:#f0eaff;color:#9063d6}.person .avatar-tone-2{background:#fff0e4;color:#c08b42}.person .avatar-tone-3{background:#e7f1ff;color:#5d8ac8}.person .avatar-tone-4{background:#ffeaf2;color:#c76f96}
.badge-soft{border:0;padding:5px 9px;font-size:.63rem;font-weight:650;border-radius:6px}.badge-active,.badge-paid{background:#e5f7ee;color:#258863}.badge-on-hold,.badge-partial,.badge-enquiry{background:#fff3dd;color:#b8862d}
.action-icon{background:#f8f8fe;border-color:#eeedf9;color:#9a91c4;border-radius:7px;padding:6px 9px}
.form-control,.form-select{font-family:Jakarta,sans-serif;background-color:#fdfdff;border-color:#e1e5f1;font-size:.81rem;min-height:41px;border-radius:8px;color:#2a3653}
.form-control:focus,.form-select:focus{border-color:#ab97ef;box-shadow:0 0 0 3px #7656dd0c;background:#fff}
.form-control::placeholder{color:#a1a9bd}.form-label{font-size:.75rem;color:#495777;font-weight:650}.form-text{color:#8b95ad;font-size:.68rem}.form-section{color:#7c6bac;font-weight:750;border-color:#edeaf8}
.toolbar .search-box i{top:12px;color:#a19bbb}.table-footer{background:#fff;border-color:#edf0f7}
.app-footer{color:#9ca5bc}.billing-total{background:linear-gradient(130deg,#f5f0ff,#f7f8ff);border-color:#e7defa}
.quick-link{font-size:.76rem;color:#4e5b78}.quick-link>i:first-child{background:#f3efff;color:#8867d1;border-color:#ece4ff;border-radius:9px}.quick-link small{color:#8c97af}
@media(min-width:1600px){.main-content{padding-top:38px}.command-hero{min-height:245px}.hero-orbit{left:60%;width:200px;height:200px}}
@media(max-width:1199.98px){.hero-orbit{left:57%;opacity:.65}.hero-pulse{min-width:170px;padding:20px}.directory-metrics{gap:12px}.directory-metric{padding:18px 15px;gap:12px}.directory-icon{width:39px;height:42px}.directory-metric>div>span{font-size:.64rem}}
@media(max-width:991.98px){.hero-orbit{display:none}.command-hero{padding:27px}.directory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:28px 24px}.sidebar .offcanvas-header{background:#171c35}.topbar{padding:0 24px}.stat-card.finance .stat-value{font-size:1.8rem}}
@media(max-width:575.98px){.main-content{padding:25px 16px}.topbar{height:64px;padding:0 16px}h1{font-size:1.6rem;line-height:1.35}.subtext{font-size:.76rem}.page-heading .btn{min-height:37px;font-size:.69rem}.page-heading>div:last-child{flex-wrap:wrap}.command-hero{padding:25px;min-height:0;border-radius:13px;align-items:flex-start}.command-hero h2{font-size:1.5rem}.command-hero p{font-size:.73rem}.command-hero p br{display:none}.hero-pulse{display:none}.stat-card{padding:20px 16px;min-height:160px}.stat-icon{top:18px;right:14px;width:28px;height:28px;font-size:.9rem;border-radius:9px}.stat-label{font-size:.65rem;padding-right:26px;min-height:34px}.stat-value{font-size:2rem;margin-top:10px}.stat-card.finance .stat-value{font-size:1.45rem;margin-top:14px}.stat-note{font-size:.6rem}.stat-card:before{left:16px;right:16px}.directory-metric{padding:16px 12px;gap:10px}.directory-icon{width:34px;height:38px;font-size:1.05rem;border-radius:10px}.directory-metric>div>span{font-size:.58rem}.directory-metric strong{font-size:1.45rem}.directory-tabs{gap:23px;padding:0 18px}.directory-tab{font-size:.7rem}.directory-surface .toolbar{padding:16px}.surface-header{padding:19px}.surface-title{font-size:.85rem}.surface-body{padding:20px}.chart-summary{align-items:flex-start;flex-direction:column;gap:5px}.chart-summary>strong{font-size:1.6rem}.period-chip{font-size:.56rem;padding:6px 8px}.table td,.table thead th{padding:15px 17px}.person small{display:block}.member-contact{display:block;border:0;padding:0;margin-top:2px}.person{white-space:nowrap}.overview-banner{font-size:.68rem}.hero-actions .btn{font-size:.71rem}.coverage-visual{max-width:185px}.collections-chart{min-height:150px}.topbar-path{font-size:.68rem}.login-form-wrap h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}
@media print{.command-hero{display:none}.surface{box-shadow:none}}

/* Keep the daily metrics and analytics visible together on desktop. */
.command-hero{min-height:200px;padding:25px 32px}
.command-hero h2{margin:10px 0 8px}
.command-hero p{margin-bottom:16px}
@media(min-width:1600px){.command-hero{min-height:205px}}
@media(max-width:575.98px){.command-hero{padding:24px;min-height:0}}

.panel-caption{display:block;color:#8b94ab;font-size:.67rem;margin-top:3px}.result-count{font-size:.67rem;color:#8d97af}

/* Native disclosure navigation supports mouse, touch and keyboard without JS. */
.sidebar-group{min-width:0}
.sidebar-group>summary{list-style:none;cursor:pointer;user-select:none}
.sidebar-group>summary::-webkit-details-marker{display:none}
.sidebar-group>summary::marker{content:""}
.sidebar-group>summary.active:after{display:none}
.sidebar-group>summary .nav-chevron{margin-left:auto;font-size:.65rem;color:#7e89ad;transition:transform .18s ease}
.sidebar-group[open]>summary .nav-chevron{transform:rotate(90deg);color:#cbc2ff}
.sidebar-group>summary:focus-visible{outline:2px solid #b7a4ff;outline-offset:2px}
.sidebar-subnav{position:relative;margin:7px 0 10px 20px;padding:2px 0 2px 23px}
.sidebar-subnav:before{content:"";position:absolute;left:1px;top:7px;bottom:7px;width:1px;background:#ffffff12}
.sidebar .subnav-link{position:relative;display:block;padding:9px 10px;color:#98a5c5;font-size:.72rem;font-weight:500;line-height:1.5;text-decoration:none;border-radius:6px;margin:2px 0}
.sidebar .subnav-link:before{content:"";position:absolute;width:5px;height:5px;border:1px solid #657293;background:#161c33;border-radius:50%;left:-24px;top:50%;transform:translateY(-50%)}
.sidebar .subnav-link:hover{background:#ffffff07;color:#f1edff}
.sidebar .subnav-link.active{background:#8d74f414;color:#d7caff;font-weight:650}
.sidebar .subnav-link.active:before{background:#a58aff;border-color:#a58aff;box-shadow:0 0 0 3px #a58aff12}

/* Member CRM workspace */
.profile-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
.profile-breadcrumb a{color:#77819c;text-decoration:none;font-size:.74rem;font-weight:550}
.profile-breadcrumb>span{font-size:.56rem;color:#a0a7bd;letter-spacing:1.6px;font-weight:650}
.member-profile{margin-bottom:24px;overflow:hidden}
.profile-cover{height:100px;position:relative;overflow:hidden;background:linear-gradient(110deg,#5c43c5,#9272eb 75%,#c0aaf7);display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:23px 29px;color:#e9dfff;font-size:.56rem;font-weight:650;letter-spacing:1.5px}
.profile-cover:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff18;border-radius:50%;right:12%;top:-240px;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04}
.profile-cover-label{font-weight:450;letter-spacing:.3px;font-size:.64rem}
.profile-identity{display:flex;align-items:center;gap:22px;padding:0 29px 25px;position:relative}
.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:94px;height:94px;border:5px solid #fff;box-shadow:0 5px 14px #47338216;border-radius:25px;background:linear-gradient(135deg,#f0e8ff,#e0d9ff);color:#7b57c5;font-size:1.9rem;letter-spacing:-2px;font-weight:800;margin-top:-32px}
.profile-name{padding-top:20px;min-width:0}.profile-name h1{font-size:1.55rem;margin:0;letter-spacing:-.7px;font-weight:800}
.profile-name>p{color:#8b96af;font-size:.71rem;margin:7px 0 8px}.profile-separator{padding:0 9px;color:#c3c8d9}
.profile-contact{display:flex;gap:18px;flex-wrap:wrap;color:#8690aa;font-size:.67rem}.profile-contact a,.profile-contact span{display:inline-flex;gap:7px;align-items:center;overflow-wrap:anywhere;max-width:100%;color:#7c88a4;text-decoration:none}
.profile-contact i{color:#b0a4ce}.profile-edit{margin-left:auto;margin-top:18px;flex-shrink:0}
.profile-actionbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 29px;background:#fdfcff;border-top:1px solid #f0edf8}
.profile-assignment{display:flex;align-items:center;gap:10px;flex-shrink:0}.profile-assignment .avatar{width:33px;height:33px;background:#efedf9;color:#9a8ac0}
.profile-assignment small{display:block;font-size:.5rem;letter-spacing:1.1px;color:#9d94b0;font-weight:650}.profile-assignment strong{display:block;font-size:.73rem;color:#625b79;font-weight:600}
.profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-actions .btn{font-size:.7rem;padding:.55rem .8rem}
.profile-checked{display:flex;align-items:center;gap:7px;color:#259779;font-size:.7rem;font-weight:600;margin-right:5px}.profile-checked i{color:#37ae90}
.profile-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:25px}
.profile-metric{padding:21px 23px;min-height:139px}
.profile-metric-label{font-size:.66rem;color:#7e88a3;font-weight:500;display:flex;gap:8px;align-items:center;margin-bottom:15px}.profile-metric-label i{color:#a38acb;font-size:.85rem}
.profile-metric>strong{display:block;font-size:1.7rem;color:#3a3555;font-weight:750;letter-spacing:-.6px;line-height:1.4}.profile-metric>strong small{font-size:.72rem;font-weight:500;color:#a093b3;letter-spacing:0}
.profile-metric>strong.profile-plan-name{font-size:.98rem;font-weight:700;letter-spacing:-.2px;line-height:1.55;min-height:36px}
.profile-metric>span{display:block;font-size:.6rem;color:#98a0b5;margin-top:9px;line-height:1.7}
.profile-metric>strong.profile-amount-due{color:#ce9362}.profile-metric>strong.profile-amount-clear{color:#3ca58c}
.profile-tabs{gap:32px}.profile-tab-count{display:inline-block;font-size:.56rem;background:#eeeaf9;color:#9380b8;margin-left:7px;padding:1px 6px;border-radius:5px}
.profile-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}
.profile-details{padding:29px;border-right:1px solid #eeedf5}.profile-details .detail-list{gap:23px 28px;margin-bottom:28px}.profile-details .detail-list:last-child{margin-bottom:0}
.profile-details .detail-list dt{font-size:.65rem;color:#9d96b0;margin-bottom:5px}.profile-details .detail-list dd{font-size:.77rem;color:#625e76;font-weight:550;margin-bottom:0}
.profile-details .form-section{font-size:.62rem;color:#9583b2;letter-spacing:1px;border-color:#eeeaf6;margin-bottom:23px}
.profile-overview-aside{background:#fdfcff;padding:27px}
.profile-side-section{margin-bottom:28px}.profile-side-section:last-child{margin-bottom:0}.profile-side-section h2{font-size:.8rem;color:#605877;margin:0;font-weight:700}.profile-side-section .d-flex>a{font-size:.61rem;text-decoration:none;color:#a18abd}
.profile-invoice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0edf7}
.profile-invoice:last-child{border:0}.profile-invoice a{font-size:.7rem;font-weight:650;text-decoration:none;color:#82709f}.profile-invoice small{font-size:.6rem;display:block;margin-top:5px;color:#aca1ba}.profile-invoice strong{font-size:.7rem;font-weight:600;color:#908099;display:block;margin-bottom:5px}.profile-invoice .badge-soft{font-size:.54rem}
.profile-visit{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0edf7}.profile-visit:last-child{border:0}.profile-visit-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:32px;border-radius:10px;background:#eaf7f0;color:#63ad91;font-size:.95rem}
.profile-visit strong{display:block;font-size:.69rem;color:#8a7e9c;font-weight:600}.profile-visit small{display:block;font-size:.59rem;color:#b0a4be;margin-top:4px}
.profile-emergency{background:#f7f2fc;border:1px solid #ede2f6;border-radius:11px;padding:21px;color:#ac96bf}
.profile-emergency>i{font-size:1.2rem;color:#b397cb;display:block;margin-bottom:11px}.profile-emergency h2{font-size:.72rem;margin-bottom:13px;color:#a28ab6}
.profile-emergency strong{font-size:.75rem;display:block;font-weight:650;color:#977cae}.profile-emergency span{display:block;font-size:.6rem;color:#baa6ca;margin-top:5px}.profile-emergency p{font-size:.69rem;margin:13px 0 0;color:#9b7fb2;overflow-wrap:anywhere}
.profile-ledger-total{text-align:right}.profile-ledger-total span{display:block;color:#9b8eaf;font-size:.6rem}.profile-ledger-total strong{font-size:1.1rem;color:#78608d;font-weight:750}
.profile-admin{margin:25px 0 0;font-size:.7rem;color:#a99bb6}.profile-admin>summary{cursor:pointer;width:fit-content;list-style:none}.profile-admin>summary::-webkit-details-marker{display:none}.profile-admin>summary:focus-visible{outline:2px solid #b5a3da;outline-offset:5px}.profile-admin>summary:hover{color:#8b74a6}
@media(max-width:1199.98px){.profile-actionbar{align-items:flex-start}.profile-actions{justify-content:flex-end}.profile-name h1{font-size:1.3rem}.profile-contact{gap:10px}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.profile-overview-grid{grid-template-columns:1fr}.profile-details{border-right:0;border-bottom:1px solid #eeedf5}.profile-overview-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.profile-side-section{margin:0}.profile-cover{height:95px}}
@media(max-width:575.98px){.profile-breadcrumb>span{display:none}.profile-cover{height:85px;padding:20px}.profile-cover>span:first-child{font-size:.46rem;letter-spacing:1px}.profile-cover-label{display:none}.profile-identity{flex-wrap:wrap;gap:13px;padding:0 20px 21px}.profile-avatar{width:73px;height:73px;font-size:1.5rem;border-radius:21px;align-self:flex-start}.profile-name{padding-top:15px;flex:1;min-width:170px}.profile-name h1{font-size:1.13rem}.profile-name>p{font-size:.63rem}.profile-edit{margin:0 0 0 86px;font-size:.65rem}.profile-contact{font-size:.6rem;gap:8px}.profile-actionbar{padding:17px 20px;flex-direction:column;gap:17px}.profile-actions{justify-content:flex-start;gap:8px}.profile-actions .btn{font-size:.64rem;padding:.55rem .65rem}.profile-metrics{gap:12px}.profile-metric{padding:18px 15px;min-height:143px}.profile-metric-label{font-size:.57rem;gap:6px;align-items:flex-start;line-height:1.6}.profile-metric>strong{font-size:1.25rem}.profile-metric>strong.profile-plan-name{font-size:.8rem;min-height:36px}.profile-metric>span{font-size:.55rem}.profile-tabs{gap:25px;padding:0 20px}.profile-details{padding:23px 20px}.profile-details .detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.profile-details .detail-list dd{font-size:.7rem}.profile-details .detail-list dt{font-size:.59rem}.profile-overview-aside{display:block;padding:23px 20px}.profile-side-section{margin-bottom:26px}.profile-side-section:last-child{margin:0}.profile-workspace .table{min-width:560px}.profile-workspace .table td{font-size:.74rem}.profile-ledger-total strong{font-size:.85rem}}

/* Keep profile content legible against the softer surfaces. */
.profile-name>p,.profile-contact a,.profile-contact span{color:#69758f}
.profile-assignment strong,.profile-side-section h2{color:#35415e}
.profile-details .detail-list dd{color:#37435f}.profile-details .detail-list dt{color:#7a849d}
.profile-details .form-section{color:#7d65a0}.profile-metric>span{color:#818ca3}
.profile-side-section .d-flex>a,.profile-invoice a{color:#8a64b6}
.profile-invoice strong,.profile-visit strong{color:#65708d}
.profile-invoice small,.profile-visit small{color:#8b94ab}
.profile-emergency h2,.profile-emergency strong{color:#8d68ac}
.profile-emergency span{color:#a089b3}.profile-emergency p{color:#8d70a7}
.profile-plan-name{overflow-wrap:anywhere}

/* Reporting workspace */
.report-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 25px}
.report-nav-card{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid #e6e9f3;border-radius:11px;text-decoration:none;color:#76819d;box-shadow:0 3px 10px #202b5903;transition:border-color .15s,box-shadow .15s}
.report-nav-card.selected{background:linear-gradient(120deg,#f6f2ff,#fcfbff);border-color:#bba7f4;box-shadow:0 4px 13px #7150d30a}
.report-nav-card:hover{border-color:#beace9;color:#7454bd}.report-nav-card>i{font-size:.65rem;color:#b3a5ce}
.report-nav-icon{width:39px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#f3effb;color:#9a81c8;border-radius:11px;font-size:1.1rem}.report-nav-card.selected .report-nav-icon{background:#eae1ff;color:#8458d0}
.report-nav-card strong{display:block;font-size:.78rem;font-weight:650;color:#626480}.report-nav-card.selected strong{color:#7754b7}.report-nav-card small{font-size:.59rem;color:#9f9bb0;display:block;margin-top:4px}
.report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:15px;padding:24px}
.report-filters>div{flex:1;min-width:145px}.report-filters .report-search{flex:1.65;min-width:200px}.report-filters .report-filter-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}
.report-metrics .directory-metric{gap:13px;padding:22px 18px;align-items:flex-start}.report-metrics .directory-icon{width:39px;height:42px;font-size:1.1rem}
.report-metrics .directory-metric strong{font-size:1.48rem;letter-spacing:-.7px;white-space:nowrap;margin:8px 0 6px}.report-metrics .directory-metric small{font-size:.57rem;line-height:1.7;color:#a1a1b4;display:block}
.report-results .table td{font-size:.75rem;white-space:nowrap}.report-results .table th{font-size:.56rem}
.report-explainer{display:flex;gap:10px;align-items:flex-start;padding:15px 24px;background:#fdfcff;border-bottom:1px solid #efecf8;color:#a197b5;font-size:.64rem;line-height:1.9}.report-explainer>i{color:#b5a2d0;margin-top:3px;flex-shrink:0}.report-explainer p{margin:0}
@media(max-width:1199.98px){.report-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters>div{min-width:160px}.report-metrics .directory-metric strong{font-size:1.4rem}}
@media(max-width:575.98px){.report-navigation{gap:11px}.report-nav-card{padding:14px 12px;gap:8px}.report-nav-icon{width:29px;height:33px;font-size:.9rem;border-radius:9px}.report-nav-card strong{font-size:.62rem}.report-nav-card small{font-size:.5rem}.report-nav-card>i{display:none}.report-filters{padding:20px;gap:13px}.report-filters>div{min-width:calc(50% - 7px)}.report-filters .report-search{min-width:100%}.report-filters .report-filter-actions{flex:1 0 100%}.report-filter-actions .btn{flex:1}.report-metrics .directory-metric{flex-direction:column;padding:17px 14px;gap:9px}.report-metrics .directory-metric strong{font-size:1.15rem}.report-metrics .directory-metric>div>span{font-size:.62rem}.report-metrics .directory-metric small{font-size:.53rem}.report-explainer{padding:15px 19px}.report-results .surface-header{align-items:flex-start}.report-results .surface-header>div{min-width:0}.report-results .period-chip{flex-shrink:0}}

.report-explainer{color:#7d859e;font-size:.66rem}.report-nav-card strong{color:#515c79}.report-metrics .directory-metric small{color:#8b94aa}

.attendance-list-heading{border-top:1px solid var(--line)}.profile-access-warning{font-size:.7rem;color:#b38553}.profile-checkin-note{padding:12px 29px;background:#fffbf3;border-top:1px solid #f6ecd7;color:#a7824a;font-size:.71rem}.attendance-filters .report-search{flex:2}@media(max-width:575.98px){.profile-checkin-note{padding:12px 20px}.attendance-list-heading{align-items:flex-start}}

/* Compact attendance register: one line per visit, including on narrow screens. */
.attendance-table{font-size:.77rem}
.attendance-table thead th{padding:11px 16px;font-size:.57rem}
.attendance-table tbody td{padding:10px 16px;line-height:1.45;white-space:nowrap;vertical-align:middle}
.attendance-table .attendance-member-no{color:#8a94ab;font-size:.7rem;font-variant-numeric:tabular-nums}
.attendance-member-name{text-decoration:none;font-weight:600;color:#53617f}
.attendance-member-name:hover{color:var(--engine)}
.attendance-time{font-variant-numeric:tabular-nums}
.attendance-filters{padding:18px 22px}
.attendance-list-heading{padding:15px 22px}
.attendance-list-heading .surface-title{font-size:.85rem}
@media(max-width:575.98px){.attendance-table tbody td{padding:10px 14px;font-size:.73rem}.attendance-table thead th{padding:10px 14px}.attendance-filters{padding:18px}.attendance-list-heading{padding:15px 18px}}

/* Compact analytical dashboard; other workspaces retain their own density. */
.dashboard-content{padding:22px 28px}
.analytics-dashboard .page-heading{margin-bottom:16px;gap:14px}
.analytics-dashboard h1{font-size:1.35rem;letter-spacing:-.5px;font-weight:700;margin-bottom:4px}
.analytics-dashboard .subtext{font-size:.69rem}
.analytics-dashboard .btn{min-height:30px;font-size:.65rem;padding:6px 10px;border-radius:5px;box-shadow:none}
.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:16px}
.analytics-dashboard .surface{border-radius:7px;box-shadow:none;border-color:#e1e5ef}
.analytics-dashboard .stat-card{min-height:0;height:100%;padding:14px 16px}
.analytics-dashboard .stat-card:before,.analytics-dashboard .stat-card:after{display:none}
.analytics-dashboard .stat-label{font-size:.65rem;font-weight:500;color:#79849a;padding-right:20px;min-height:0}
.analytics-dashboard .stat-value,.analytics-dashboard .stat-card.finance .stat-value{font-size:1.55rem;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin:9px 0 5px;color:#2a3551}
.analytics-dashboard .stat-note{font-size:.55rem;color:#99a2b4;max-width:none}
.analytics-dashboard .stat-icon{position:absolute;right:14px;top:14px;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;color:#9b8bcc;font-size:.85rem}
.analytics-dashboard .stat-icon.green{background:none;color:#65aa96}
.analytics-dashboard .stat-icon.blue{background:none;color:#8c80c3}
.analytics-dashboard .surface-header{padding:12px 15px;min-height:44px}
.analytics-dashboard .surface-title{font-size:.77rem;font-weight:650;letter-spacing:-.1px}
.analytics-dashboard .surface-body{padding:14px 16px}
.analytics-dashboard .period-chip{padding:4px 7px;font-size:.55rem;background:#fafbfe;border-color:#edf0f6;border-radius:4px}
.analytics-dashboard .panel-caption{font-size:.57rem;margin-top:3px}
.analytics-dashboard .surface-header .small{font-size:.61rem}
.analytics-dashboard .chart-summary{margin:0 0 7px;gap:12px}
.analytics-dashboard .chart-summary>strong{font-size:1.35rem;font-weight:700;letter-spacing:-.4px}
.analytics-dashboard .chart-summary>span{font-size:.57rem}
.analytics-dashboard .collections-chart{height:148px;min-height:0;max-height:148px;width:100%}
.analytics-dashboard .chart-label{font-size:10px;fill:#8d98ac}
.analytics-dashboard .chart-data{font-size:.57rem;margin-top:3px}
.analytics-dashboard .health-panel .surface-body{display:flex;align-items:center;justify-content:center;gap:18px;min-height:203px}
.analytics-dashboard .coverage-visual{width:128px;max-width:128px;flex-shrink:0;margin:0}
.analytics-dashboard .coverage-visual strong{font-size:1.75rem;letter-spacing:-.7px;font-weight:700}
.analytics-dashboard .coverage-visual strong small{font-size:.85rem}
.analytics-dashboard .coverage-visual span{font-size:.5rem}
.analytics-dashboard .coverage-legend{gap:14px;margin:0;flex:1;max-width:200px}
.analytics-dashboard .coverage-legend>span{font-size:.59rem;gap:6px}
.analytics-dashboard .legend-dot{width:5px;height:5px}
.analytics-dashboard .table thead th{padding:10px 14px;font-size:.53rem;letter-spacing:.6px;font-weight:600}
.analytics-dashboard .table td{padding:9px 14px;font-size:.7rem;line-height:1.4;white-space:nowrap}
.analytics-dashboard .badge-soft{font-size:.54rem;padding:3px 7px;border-radius:4px}
.analytics-dashboard .action-icon{padding:3px 6px;min-height:24px;font-size:.65rem}
.dashboard-member-name{color:#505f7d;text-decoration:none;font-weight:600}
.dashboard-member-name:hover{color:var(--engine)}
.dashboard-secondary{color:#98a2b6}
.analytics-dashboard .empty-state{padding:23px 16px;font-size:.63rem}
.analytics-dashboard .empty-state>i{font-size:1.25rem;margin-bottom:8px}
.analytics-dashboard .empty-state h3{font-size:.72rem;margin-bottom:6px}
.dashboard-panel-footer{padding:10px 14px;border-top:1px solid #edf0f6;font-size:.6rem}
.dashboard-panel-footer a{text-decoration:none}
.dashboard-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:13px 2px 0}
.dashboard-shortcuts a{font-size:.6rem;text-decoration:none;color:#8a92a9;display:inline-flex;gap:6px;align-items:center}
.dashboard-shortcuts a:hover{color:var(--engine)}
@media(max-width:1399.98px){.analytics-dashboard .health-panel .surface-body{gap:10px}.analytics-dashboard .coverage-visual{width:108px}.analytics-dashboard .coverage-legend>span{font-size:.56rem}}
@media(max-width:1199.98px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-dashboard .health-panel .surface-body{min-height:160px}.analytics-dashboard .coverage-legend{max-width:250px}.analytics-dashboard .coverage-visual{width:120px}}
@media(max-width:575.98px){.dashboard-content{padding:20px 16px}.analytics-dashboard .page-heading{gap:12px}.analytics-dashboard h1{font-size:1.2rem}.analytics-dashboard .subtext{font-size:.61rem}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-dashboard .stat-card{padding:12px 13px}.analytics-dashboard .stat-label{font-size:.59rem;padding-right:18px}.analytics-dashboard .stat-value,.analytics-dashboard .stat-card.finance .stat-value{font-size:1.25rem;margin-top:9px}.analytics-dashboard .stat-icon{right:12px;top:12px;font-size:.75rem}.analytics-dashboard .stat-note{font-size:.5rem}.analytics-dashboard .chart-summary{flex-direction:row;flex-wrap:wrap;align-items:center}.analytics-dashboard .chart-summary>strong{font-size:1.18rem}.analytics-dashboard .chart-summary>span{font-size:.5rem}.analytics-dashboard .collections-chart{height:140px;max-height:140px}.analytics-dashboard .table td{font-size:.66rem}.analytics-dashboard .health-panel .surface-body{min-height:145px}.analytics-dashboard .coverage-visual{width:110px}}

.analytics-dashboard .stat-label{font-size:.69rem}.analytics-dashboard .stat-note{font-size:.6rem}.analytics-dashboard .table td{font-size:.75rem}.analytics-dashboard .table thead th{font-size:.56rem}@media(max-width:575.98px){.analytics-dashboard .stat-label{font-size:.61rem}.analytics-dashboard .stat-note{font-size:.54rem}.analytics-dashboard .table td{font-size:.7rem}}

.analytics-dashboard .dashboard-kpi-card{cursor:pointer;transition:border-color .15s,background-color .15s}
.analytics-dashboard .dashboard-kpi-card:hover{border-color:#b6a4ef;background:#fcfaff}
.analytics-dashboard .dashboard-kpi-card:focus-within{outline:2px solid #8b72dd;outline-offset:2px;border-color:#b6a4ef}
.dashboard-kpi-link:focus-visible{outline:none}

/* Shared compact list density: resource indexes, attendance, reports and audit. */
.compact-index{padding:20px 24px}
.compact-index .page-heading{margin-bottom:15px;gap:12px}
.compact-index .page-heading .eyebrow{display:none}
.compact-index h1{font-size:1.35rem;letter-spacing:-.5px;font-weight:700;margin-bottom:4px;line-height:1.3}
.compact-index .subtext{font-size:.69rem;line-height:1.6;color:#7b859b}
.compact-index .surface,.compact-index .card{border-radius:7px;box-shadow:none;border-color:#e2e6ef}
.compact-index .surface-header,.compact-index .surface-body,.compact-index .card-body{padding:13px 16px}
.compact-index .surface-header{min-height:42px}
.compact-index .surface-title{font-size:.79rem;letter-spacing:-.1px;font-weight:650}
.compact-index .panel-caption{font-size:.59rem;margin-top:3px}
.compact-index .btn,.compact-index .page-heading .btn{min-height:30px;font-size:.68rem;padding:6px 10px;border-radius:5px;box-shadow:none}
.compact-index .action-icon{min-height:26px;padding:3px 7px;font-size:.67rem}
.compact-index .btn:hover{transform:none}
.compact-index .form-control,.compact-index .form-select{min-height:33px;padding:6px 9px;border-radius:5px;font-size:.74rem}
.compact-index .form-label{font-size:.65rem;font-weight:600;margin-bottom:5px}
.compact-index .toolbar,.compact-index .directory-surface .toolbar{padding:12px 15px;gap:10px}
.compact-index .toolbar>.small{font-size:.62rem}
.compact-index .search-box{max-width:340px}
.compact-index .search-box input{padding-left:31px}
.compact-index .search-box>i{top:9px;left:11px;font-size:.72rem}
.compact-index .directory-metrics{gap:12px;margin-bottom:15px}
.compact-index .directory-metric,.compact-index .report-metrics .directory-metric{padding:13px 15px;gap:11px;border-radius:7px;box-shadow:none;align-items:center}
.compact-index .directory-icon,.compact-index .report-metrics .directory-icon{width:29px;height:31px;font-size:.95rem;border-radius:7px;box-shadow:none}
.compact-index .directory-metric>div>span{font-size:.62rem;color:#8490a7}
.compact-index .directory-metric strong,.compact-index .report-metrics .directory-metric strong{font-size:1.25rem;line-height:1.3;margin:4px 0 0;font-weight:700;letter-spacing:-.3px}
.compact-index .report-metrics .directory-metric small{font-size:.53rem;margin-top:4px;line-height:1.5}
.compact-index .directory-tabs{padding:0 16px;gap:24px}
.compact-index .directory-tab{padding:12px 0 11px;font-size:.68rem}
.compact-index .directory-tab.selected:after{height:2px}
.compact-index .table{font-size:.75rem}
.compact-index .table thead th{padding:10px 14px;font-size:.55rem;letter-spacing:.6px;font-weight:600}
.compact-index .table tbody td{padding:8px 14px;font-size:.75rem;line-height:1.4;white-space:nowrap;vertical-align:middle}
.compact-index .table .person{gap:9px;font-size:.75rem;white-space:nowrap;line-height:1.4}
.compact-index .table .person>.avatar{display:none}
.compact-index .table .person>span{display:inline-flex;align-items:center;gap:10px}
.compact-index .table .person small{display:inline-flex!important;align-items:center;font-size:.63rem;font-weight:400;gap:9px;margin:0;color:#98a2b5}
.compact-index .table .member-contact{display:inline;border-left:1px solid #e4e7f0;padding-left:9px;font-size:.63rem;margin:0}
.compact-index .table td>small.d-block{display:inline!important;margin-left:9px;font-size:.64rem;color:#8f99ae!important}
.compact-index .badge-soft{padding:3px 7px;font-size:.56rem;border-radius:4px;line-height:1.4}
.compact-index .table-footer{padding:11px 14px;min-height:0}
.compact-index .table-footer p,.compact-index .result-count{font-size:.6rem}
.compact-index .pagination{--bs-pagination-font-size:.65rem;--bs-pagination-padding-x:.6rem;--bs-pagination-padding-y:.3rem}
.compact-index .empty-state{padding:28px 18px;font-size:.69rem}
.compact-index .empty-state>i{font-size:1.4rem;margin-bottom:10px}
.compact-index .empty-state h3{font-size:.8rem}
.compact-index .billing-filters{padding:14px 16px;gap:10px}
.compact-index .billing-summary{padding:13px 16px;gap:16px}
.compact-index .billing-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.compact-index .billing-summary>div+div{padding-left:16px}
.compact-index .billing-summary span{font-size:.63rem;margin:0}
.compact-index .billing-summary strong{font-size:1.1rem;font-weight:700;letter-spacing:-.3px}
.compact-index .report-navigation{gap:12px;margin-bottom:15px}
.compact-index .report-nav-card{padding:12px 14px;gap:10px;border-radius:7px;box-shadow:none}
.compact-index .report-nav-icon{width:29px;height:31px;border-radius:7px;font-size:.9rem}
.compact-index .report-nav-card strong{font-size:.7rem}
.compact-index .report-nav-card small{font-size:.54rem;margin-top:3px}
.compact-index .report-filters,.compact-index .attendance-filters{padding:14px 16px;gap:11px}
.compact-index .report-explainer{padding:10px 16px;font-size:.61rem;line-height:1.7}
.compact-index .period-chip{padding:4px 7px;font-size:.57rem;border-radius:4px}
.compact-index .surface.mb-4{margin-bottom:15px!important}
.compact-index .table details>summary{font-size:.67rem;cursor:pointer}
.compact-index .table pre{white-space:pre-wrap;min-width:280px;max-width:500px;font-size:.65rem}
@media(max-width:1199.98px){.compact-index{padding:20px}.compact-index .billing-summary>div{display:block}.compact-index .billing-summary span{margin-bottom:4px}}
@media(max-width:575.98px){.compact-index{padding:18px 14px}.compact-index h1{font-size:1.2rem}.compact-index .subtext{font-size:.64rem}.compact-index .page-heading{gap:10px}.compact-index .directory-metrics{gap:10px}.compact-index .directory-metric,.compact-index .report-metrics .directory-metric{padding:11px 12px;gap:9px;flex-direction:row;align-items:flex-start}.compact-index .directory-icon,.compact-index .report-metrics .directory-icon{width:24px;height:27px;font-size:.8rem}.compact-index .directory-metric>div>span{font-size:.55rem}.compact-index .directory-metric strong,.compact-index .report-metrics .directory-metric strong{font-size:1.1rem}.compact-index .report-metrics .directory-metric{flex-direction:column}.compact-index .report-filters>div{min-width:calc(50% - 6px)}.compact-index .report-filters .report-search{min-width:100%}.compact-index .report-filters .report-filter-actions{flex:1 0 100%;min-width:100%}.compact-index .table tbody td{font-size:.71rem;padding:8px 12px}.compact-index .table thead th{padding:9px 12px}.compact-index .directory-tabs{gap:22px;padding:0 14px}.compact-index .billing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-index .billing-summary>div+div{padding-left:10px;padding-top:0;border-top:0;border-left:1px solid #e7ebf0}.compact-index .billing-summary span{font-size:.55rem;line-height:1.6}.compact-index .billing-summary strong{font-size:.85rem}.compact-index .report-nav-card{padding:11px 10px;gap:8px}.compact-index .report-nav-card strong{font-size:.61rem}.compact-index .report-nav-card small{font-size:.49rem}}