:root{
  --cf-bg:#f4f7fb;--cf-card:#fff;--cf-text:#162033;--cf-muted:#6b778c;--cf-line:#e5eaf1;
  --cf-navy:#10284a;--cf-navy-2:#183a66;--cf-accent:#2d6cdf;--cf-green:#1e9e66;--cf-danger:#d44;
  --cf-radius:18px;--cf-shadow:0 8px 30px rgba(16,40,74,.08);--cf-top:72px;--cf-side:250px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.count-family{margin:0;background:var(--cf-bg);color:var(--cf-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.cf-skip{position:fixed;left:-10000px}.cf-skip:focus{left:12px;top:12px;z-index:99999;background:#fff;padding:10px 14px;border-radius:10px}.cf-topbar{height:var(--cf-top);position:fixed;top:0;left:0;right:0;z-index:1040;background:linear-gradient(135deg,var(--cf-navy),var(--cf-navy-2));display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.14)}.cf-brand-wrap,.cf-brand,.cf-topbar-right,.cf-user-pill{display:flex;align-items:center}.cf-brand{gap:11px;color:#fff;text-decoration:none}.cf-brand img{height:42px;max-width:180px;object-fit:contain}.cf-brand-mark{width:40px;height:40px;border-radius:13px;background:#fff;color:var(--cf-navy);display:grid;place-items:center;font-weight:800;font-size:22px}.cf-brand-copy{display:flex;flex-direction:column}.cf-brand-copy strong{font-size:17px;letter-spacing:.2px}.cf-brand-copy small{opacity:.72;font-size:11px}.cf-topbar-right{gap:14px}.cf-user-pill{gap:8px;background:rgba(255,255,255,.12);padding:7px 10px;border-radius:999px}.cf-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cf-navy);font-weight:700}.cf-user-name{font-size:13px}.cf-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:25px;padding:5px 8px;margin-right:7px}.cf-shell{padding-top:var(--cf-top)}.cf-sidebar{position:fixed;left:0;top:var(--cf-top);bottom:0;width:var(--cf-side);background:#fff;border-right:1px solid var(--cf-line);z-index:1030}.cf-sidebar-scroll{height:100%;overflow:auto;padding:18px 14px}.cf-sidebar .menu{list-style:none;padding:0;margin:0}.cf-sidebar .menu li{margin:4px 0}.cf-sidebar .menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:12px;color:#344158;text-decoration:none;font-weight:600;font-size:14px}.cf-sidebar .menu a:hover,.cf-sidebar .menu .active>a{background:#edf4ff;color:var(--cf-accent)}.cf-main{margin-left:var(--cf-side);min-height:calc(100vh - var(--cf-top));padding:22px}.no-sidebar .cf-main{margin-left:0}.cf-dashboard-top,.cf-dashboard-main{display:grid;gap:16px}.cf-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.cf-content-grid:not(:has(.cf-right-rail)){grid-template-columns:1fr}.cf-content,.cf-right-rail{min-width:0}.cf-card,.card,.moduletable{background:var(--cf-card);border:1px solid var(--cf-line);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow);padding:18px;margin-bottom:16px}.cf-card h1,.cf-card h2,.cf-card h3,.card h1,.card h2,.card h3{margin-top:0}.cf-footer{padding:18px 2px 88px;color:var(--cf-muted);font-size:12px}.cf-footer-copy{text-align:center}.cf-mobile-nav{display:none}.cf-overlay{display:none}.btn{border-radius:11px}.form-control,.form-select,input[type="text"],input[type="email"],input[type="number"],input[type="date"],textarea,select{max-width:100%;border-radius:11px!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1100px){.cf-content-grid{grid-template-columns:1fr}.cf-right-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cf-right-rail>*{margin-bottom:0}}
@media(max-width:820px){:root{--cf-top:62px}.cf-topbar{padding:0 12px}.cf-menu-toggle{display:inline-flex}.cf-brand-copy small{display:none}.cf-brand-copy strong{font-size:15px}.cf-user-name{display:none}.cf-sidebar{transform:translateX(-104%);transition:.25s ease;width:min(82vw,300px);box-shadow:12px 0 35px rgba(0,0,0,.18)}body.cf-menu-open .cf-sidebar{transform:translateX(0)}body.cf-menu-open .cf-overlay{display:block;position:fixed;inset:var(--cf-top) 0 0 0;background:rgba(8,20,38,.46);z-index:1020}.cf-main{margin-left:0;padding:14px 12px 92px}.cf-right-rail{grid-template-columns:1fr}.cf-card,.card,.moduletable{padding:15px;border-radius:16px}.cf-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1050;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid var(--cf-line);padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-shadow:0 -8px 28px rgba(16,40,74,.09)}.cf-mobile-nav a,.cf-mobile-nav button{border:0;background:none;text-decoration:none;color:#657187;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;font-size:19px}.cf-mobile-nav span{font-size:10px;font-weight:650}.cf-more-btn{cursor:pointer}.cf-footer{padding-bottom:20px}.table{font-size:13px}.joomla-alert{margin:10px 0}.pagination{flex-wrap:wrap}}
@media(max-width:480px){.cf-brand img{height:36px;max-width:130px}.cf-topbar-right{gap:7px}.cf-user-pill{padding:5px}.cf-main{padding-left:9px;padding-right:9px}.cf-card,.card,.moduletable{padding:13px;border-radius:14px}.btn{min-height:42px}}


/* COUNT Family Home Dashboard v0.2 */
.cf-home-dashboard{display:grid;gap:18px;margin-bottom:18px}.cf-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#10284a,#1d4d86);color:#fff;box-shadow:0 14px 35px rgba(16,40,74,.16);overflow:hidden;position:relative}.cf-welcome:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-110px;background:rgba(255,255,255,.07)}.cf-welcome h1{font-size:28px;line-height:1.15;margin:5px 0 7px}.cf-welcome p{margin:0;opacity:.8;max-width:700px}.cf-eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#5d7da6}.cf-welcome .cf-eyebrow{color:#9dc2f3}.cf-date-badge{position:relative;z-index:1;min-width:90px;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 14px}.cf-date-badge span{display:block;font-size:28px;font-weight:800;line-height:1}.cf-date-badge small{font-size:10px;opacity:.8}.cf-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cf-stat-card{background:#fff;border:1px solid var(--cf-line);border-radius:18px;padding:17px;display:flex;gap:13px;align-items:flex-start;box-shadow:var(--cf-shadow)}.cf-stat-card.cf-stat-primary{border-color:#cfe0fb}.cf-stat-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#eef4fd;display:grid;place-items:center;font-size:18px;color:var(--cf-accent)}.cf-stat-card small,.cf-stat-card span{display:block}.cf-stat-card small{color:var(--cf-muted);font-size:11px;font-weight:700}.cf-stat-card strong{display:block;font-size:19px;margin:2px 0 4px}.cf-stat-card span{font-size:10px;color:#8591a5}.cf-home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:16px;align-items:start}.cf-home-main,.cf-home-side{display:grid;gap:16px}.cf-panel{background:#fff;border:1px solid var(--cf-line);border-radius:20px;padding:18px;box-shadow:var(--cf-shadow)}.cf-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.cf-panel-head h2{margin:3px 0 0;font-size:17px}.cf-panel-head a{font-size:11px;text-decoration:none;color:var(--cf-accent);font-weight:700}.cf-agenda-list{display:grid}.cf-agenda-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--cf-line)}.cf-agenda-item:first-child{border-top:0;padding-top:0}.cf-agenda-date{width:48px;height:50px;border-radius:13px;background:#f1f6fd;display:grid;place-items:center;align-content:center}.cf-agenda-date strong{font-size:17px;line-height:1}.cf-agenda-date span{font-size:9px;color:var(--cf-muted);font-weight:800}.cf-agenda-copy strong,.cf-agenda-copy span{display:block}.cf-agenda-copy strong{font-size:13px}.cf-agenda-copy span{font-size:10px;color:var(--cf-muted);margin-top:2px}.cf-chip{font-size:9px;font-weight:800;background:#eff5fd;color:#3867a6;padding:5px 8px;border-radius:999px}.cf-budget-row{padding:9px 0}.cf-budget-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:7px}.cf-budget-row span{color:var(--cf-muted)}.cf-progress{height:7px;background:#edf1f6;border-radius:999px;overflow:hidden}.cf-progress i{display:block;height:100%;background:linear-gradient(90deg,#2d6cdf,#5e9af2);border-radius:inherit}.cf-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cf-quick-grid a{min-height:76px;border:1px solid var(--cf-line);border-radius:14px;text-decoration:none;color:var(--cf-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:750;background:#fbfcfe}.cf-quick-grid a:hover{border-color:#bdd1ef;background:#f2f7ff}.cf-quick-grid span{font-size:20px}.cf-info-list{display:grid;gap:5px}.cf-info-list>div{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--cf-line)}.cf-info-list>div:first-child{border-top:0;padding-top:0}.cf-info-list>div>span{font-size:20px;width:31px}.cf-info-list p{margin:0}.cf-info-list strong,.cf-info-list small{display:block}.cf-info-list strong{font-size:12px}.cf-info-list small{font-size:10px;color:var(--cf-muted);margin-top:1px}
@media(max-width:1200px){.cf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-home-grid{grid-template-columns:1fr}.cf-home-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.cf-welcome{padding:20px;border-radius:19px}.cf-welcome h1{font-size:22px}.cf-welcome p{font-size:12px}.cf-date-badge{min-width:72px}.cf-stat-grid{gap:9px}.cf-stat-card{padding:13px}.cf-stat-card strong{font-size:15px}.cf-home-side{grid-template-columns:1fr}.cf-panel{padding:15px;border-radius:17px}}
@media(max-width:520px){.cf-welcome{align-items:flex-start}.cf-date-badge{display:none}.cf-stat-grid{grid-template-columns:1fr 1fr}.cf-stat-card{display:block}.cf-stat-icon{width:36px;height:36px;margin-bottom:9px}.cf-stat-card strong{font-size:14px;white-space:nowrap}.cf-stat-card span{display:none}.cf-agenda-item{grid-template-columns:47px minmax(0,1fr)}.cf-agenda-item .cf-chip{display:none}.cf-quick-grid{grid-template-columns:repeat(3,1fr)}}


/* v0.2.1 - Component rendering fix */
.count-component-page{width:100%;min-height:60vh}
body.count-component-mode .count-built-in-dashboard,
body.count-component-mode .count-dashboard-demo,
body.count-component-mode #count-dashboard,
body.count-component-mode .home-dashboard-demo{display:none!important}
body.count-component-mode .count-component-page{display:block!important}