/* CreativeWarga v0.9.0 — Portal, pembayaran, backup, dan PWA */
:root{
  --cw-navy:#0b1830;--cw-navy-2:#112849;--cw-blue:#1768e8;--cw-blue-dark:#0f57c8;
  --cw-green:#1c9a67;--cw-amber:#d79524;--cw-red:#d75252;--cw-ink:#17243a;
  --cw-muted:#758297;--cw-line:#e2e9f2;--cw-bg:#f3f6fa;--cw-card:#fff;
  --cw-radius:20px;--cw-shadow:0 10px 30px rgba(18,37,65,.065);
}
html{background:var(--cw-bg);color:var(--cw-ink)}
.app-body{background:radial-gradient(circle at 92% 2%,#e7effc 0,transparent 24%),var(--cw-bg)}
.app-shell{grid-template-columns:276px minmax(0,1fr)}
.sidebar{width:276px;padding:19px 15px 14px;background:linear-gradient(180deg,#0b1830,#0f2341 70%,#0b1c35);color:#d8e4f6;box-shadow:8px 0 30px rgba(8,24,47,.08)}
.sidebar-brand{gap:12px;padding:4px 7px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand .brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#2f82f0,#1768e8 55%,#2bad76);box-shadow:0 9px 22px rgba(23,104,232,.28)}
.sidebar-brand strong{font-size:17px;letter-spacing:-.25px}.sidebar-brand small{margin-top:2px;font-size:9px;color:#8da3c3}
.sidebar-nav{gap:3px;padding:10px 2px 6px;overflow-y:auto}.nav-group-label{display:block;padding:12px 10px 5px;color:#7087aa;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sidebar-nav a,.sidebar-bottom a{min-height:40px;gap:11px;padding:9px 11px;border-radius:11px;color:#aebed5;font-size:12px;font-weight:700}
.sidebar-nav a span,.sidebar-bottom a span{display:grid;place-items:center;width:19px;flex:0 0 19px}.sidebar-nav svg,.sidebar-bottom svg{width:18px;height:18px}.sidebar-nav a b,.sidebar-bottom a b{font-weight:700}
.sidebar-nav a.active{background:linear-gradient(135deg,#1768e8,#246fda);color:#fff;box-shadow:0 8px 20px rgba(14,88,201,.28)}.sidebar-nav a:hover,.sidebar-bottom a:hover{background:rgba(255,255,255,.07);color:#fff}
.sidebar-bottom{gap:4px;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.08)}
.main{grid-column:2;width:100%;max-width:none;padding:20px 26px 110px}
.topbar{position:sticky;z-index:18;top:12px;min-height:70px;margin:0 0 18px;padding:11px 13px 11px 17px;border:1px solid rgba(219,227,238,.9);border-radius:18px;background:rgba(255,255,255,.89);box-shadow:0 8px 28px rgba(21,42,70,.06);backdrop-filter:blur(18px)}
.topbar-title h1{margin:1px 0 0;font-size:22px;letter-spacing:-.55px}.topbar-title>.eyebrow{font-size:8px;color:#77869a}.topbar-title>small{display:block;margin-top:2px;color:#98a3b2;font-size:8px}
.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-add{display:flex;align-items:center;gap:7px;height:42px;padding:0 13px;border-radius:12px;background:#edf4ff;color:var(--cw-blue);font-size:10px;font-weight:850}.topbar-add span{display:grid;place-items:center}.topbar-add svg{width:17px;height:17px}
.user-chip{min-height:42px;padding:5px 10px 5px 5px;border:0;border-radius:13px;background:#f5f8fc;box-shadow:none}.user-chip .avatar{width:32px;height:32px;border-radius:10px;font-size:11px}.user-chip strong{font-size:10px}.user-chip small{font-size:8px}
.panel,.form-card,.work-card,.family-bill-card,.transaction-card,.premium-section{border:1px solid var(--cw-line);border-radius:var(--cw-radius);background:rgba(255,255,255,.96);box-shadow:var(--cw-shadow)}
.panel,.form-card{padding:20px}.form-card{max-width:1080px}.panel-head h3,.premium-section-heading h2{color:var(--cw-ink);font-size:16px;letter-spacing:-.2px}.panel-head p,.premium-section-heading p{color:var(--cw-muted);font-size:10px;line-height:1.5}
.btn{min-height:42px;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--cw-blue),#2677e8);box-shadow:0 8px 17px rgba(23,104,232,.18)}.btn.ghost,.btn.secondary{border-color:#dce5ef;background:#fff;color:#43536a}
.form-grid{gap:13px}.form-grid label,.simple-form label{color:#46566c;font-size:10px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.simple-form input,.simple-form select,.simple-form textarea{border-color:#dce4ee;border-radius:12px;background:#fbfcfe;color:#203047}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#5b9af0;box-shadow:0 0 0 3px #e8f2ff}
.alert{border:1px solid transparent;border-radius:14px;font-size:10px;line-height:1.5}.alert.success{border-color:#ccebdc}.alert.warning{border-color:#f1dfb8}.alert.danger{border-color:#f1cece}
.toolbar{padding:12px;border:1px solid var(--cw-line);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(18,37,65,.04)}.search-box{border-color:#e0e7f0;background:#f8fafc}.search-box input{font-size:12px}.filter-bar select{border-color:#e0e7f0;background:#f8fafc;font-size:11px}
.table-wrap table{min-width:820px}.table-wrap th{padding:11px 12px;background:#f8fafc;color:#7b899d;font-size:8px}.table-wrap th:first-child{border-radius:11px 0 0 11px}.table-wrap th:last-child{border-radius:0 11px 11px 0}.table-wrap td{padding:14px 12px;color:#33445b;font-size:11px}.table-wrap tbody tr:hover{background:#f9fbfe}.actions a,.actions button{font-size:9px}
.family-mobile-list{display:none}
.badge,.status-pill{border-radius:99px;font-size:8px}.page-intro{margin-bottom:14px;color:var(--cw-muted);font-size:11px}
.scan-hero,.announcement-hero,.letter-hero,.report-hero,.letter-intro,.portal-admin-hero,.premium-page-hero{border-radius:24px;background:linear-gradient(130deg,#0b2449,#155fcf 58%,#238a64);box-shadow:0 16px 34px rgba(19,84,176,.16)}
.scan-hero h2,.announcement-hero h2,.letter-hero h2,.report-hero h2,.letter-intro h2,.portal-admin-hero h2,.premium-page-hero h2{letter-spacing:-.5px}
.portal-admin-hero>.btn.primary,.announcement-hero>.btn.primary,.letter-hero>.btn.primary,.report-hero>.btn.primary{border-color:#1768e8!important;background:linear-gradient(135deg,#1768e8,#2879ea)!important;color:#fff!important;box-shadow:0 8px 18px rgba(9,48,112,.22)!important}
.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.menu-link{position:relative;overflow:hidden;min-height:112px;padding:18px;border:1px solid var(--cw-line);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(18,37,65,.04);transition:.17s}.menu-link:after{position:absolute;right:-20px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:#edf4ff;content:""}.menu-link:hover{transform:translateY(-2px);border-color:#bfd3ee;box-shadow:var(--cw-shadow)}.menu-link strong{position:relative;z-index:1;color:#26374d;font-size:13px}.menu-link small{position:relative;z-index:1;margin-top:6px;color:#7c899c;font-size:9px;line-height:1.55}
.menu-sections{display:grid;gap:14px}.menu-section .premium-section-heading{margin-bottom:12px}.menu-section .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-link{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:92px;padding:13px}.menu-link-icon{position:relative;z-index:1;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#eaf3ff;color:var(--cw-blue)}.menu-link-icon svg{width:19px;height:19px}.menu-link>span:nth-child(2){position:relative;z-index:1;min-width:0}.menu-link strong,.menu-link small{display:block}.menu-link b{position:relative;z-index:1;color:var(--cw-blue);font-size:8px}.menu-logout{display:inline-flex;margin-top:14px}

/* Premium dashboard */
.dashboard-premium-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:15px;margin-bottom:14px;padding:25px;border-radius:25px;background:linear-gradient(125deg,#0a2144,#1260d4 60%,#218d67);color:#fff;box-shadow:0 17px 38px rgba(17,82,174,.18)}
.dashboard-welcome .eyebrow{color:#bad5fa}.dashboard-welcome h2{margin:5px 0 7px;font-size:26px;letter-spacing:-.7px}.dashboard-welcome>p:not(.eyebrow){max-width:650px;margin:0;color:#d8e8fc;font-size:11px;line-height:1.6}.dashboard-hero-actions{display:flex;gap:8px;margin-top:18px}.dashboard-hero-actions .btn{min-height:38px}.btn.light{background:#fff;color:#155fcf}.btn.glass{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}
.dashboard-location-card{align-self:stretch;padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.dashboard-location-card>span,.dashboard-location-card>small,.dashboard-location-card>strong{display:block}.dashboard-location-card>span{color:#bad3f3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.dashboard-location-card>strong{margin:8px 0 4px;font-size:18px}.dashboard-location-card>small{color:#d1e3f8;font-size:9px}.dashboard-location-card>div{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.dashboard-location-card b,.dashboard-location-card em{font-size:8px;font-style:normal}
.attention-strip{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px;border:1px solid #efdbae;border-radius:17px;background:#fffaf0}.attention-strip>div{min-width:170px;padding:4px 9px}.attention-strip>div strong,.attention-strip>div span{display:block}.attention-strip>div strong{font-size:11px}.attention-strip>div span{margin-top:2px;color:#94733b;font-size:8px}.attention-strip>a{display:flex;align-items:center;gap:8px;min-height:41px;padding:8px 11px;border-radius:11px;background:#fff;color:#76551f}.attention-strip>a b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff0d0;font-size:10px}.attention-strip>a span{font-size:9px;font-weight:700}
.premium-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.premium-metric-grid>a{position:relative;overflow:hidden;padding:17px;border:1px solid var(--cw-line);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(18,37,65,.045)}.premium-metric-grid>a:after{position:absolute;right:-22px;top:-28px;width:80px;height:80px;border-radius:50%;background:#eff3f8;content:""}.premium-metric-grid>a.positive:after{background:#e6f7ef}.premium-metric-grid>a.warning:after{background:#fff2d9}.premium-metric-grid>a.blue:after{background:#e6f0ff}.premium-metric-grid span,.premium-metric-grid strong,.premium-metric-grid small{position:relative;z-index:1;display:block}.premium-metric-grid span{color:#728096;font-size:9px}.premium-metric-grid strong{overflow:hidden;margin:7px 0 4px;color:#1b2c44;font-size:19px;letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap}.premium-metric-grid small{color:#8b97a7;font-size:8px}
.premium-section{padding:19px}.premium-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.premium-section-heading h2{margin:0 0 3px}.premium-section-heading p{margin:0}.premium-section-heading>a{color:var(--cw-blue);font-size:9px;font-weight:800;white-space:nowrap}
.dashboard-tasks{margin-bottom:14px}.dashboard-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboard-task-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid #e6ebf2;border-radius:14px;background:#fbfcfe}.dashboard-task-grid>a:hover{border-color:#bad1ef;background:#f6faff}.dashboard-task-grid>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:var(--cw-blue)}.dashboard-task-grid svg{width:19px;height:19px}.dashboard-task-grid strong,.dashboard-task-grid small{display:block}.dashboard-task-grid strong{font-size:10px}.dashboard-task-grid small{margin-top:3px;color:#8290a3;font-size:8px}
.premium-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.premium-info-list,.premium-family-list,.premium-payment-list{display:grid}.premium-info-list>a{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px 10px 11px 14px;border-bottom:1px solid #edf1f5}.premium-info-list>a:before{position:absolute;left:2px;top:13px;bottom:13px;width:3px;border-radius:99px;background:#9aa6b5;content:""}.premium-info-list>a.priority-penting:before{background:var(--cw-amber)}.premium-info-list>a.priority-darurat:before{background:var(--cw-red)}.premium-info-list span{grid-column:1;color:#77869a;font-size:7px;text-transform:uppercase}.premium-info-list strong{font-size:10px}.premium-info-list small{grid-column:2;grid-row:1/3;align-self:center;color:#8c98a8;font-size:8px}
.premium-family-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #edf1f5}.premium-family-list>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:var(--cw-blue);font-size:10px;font-weight:900}.premium-family-list strong,.premium-family-list small{display:block}.premium-family-list strong{font-size:10px}.premium-family-list small{overflow:hidden;margin-top:3px;color:#8491a3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.premium-family-list b{padding:5px 7px;border-radius:99px;background:#edf7f1;color:#21805c;font-size:7px}
.premium-empty{padding:28px 12px;border:1px dashed #dce4ee;border-radius:14px;background:#fafcff;color:#8390a2;font-size:10px;text-align:center}.dashboard-footnote{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:12px 15px;border:1px dashed #cdd8e6;border-radius:15px;background:#f8fbff}.dashboard-footnote>div{display:flex;align-items:center;gap:8px}.dashboard-footnote strong{font-size:9px}.dashboard-footnote p{margin:0;color:#758499;font-size:8px}

/* Tambah Cepat */
.premium-page-hero{margin-bottom:14px;padding:23px 24px;color:#fff}.premium-page-hero h2{margin:5px 0 6px;font-size:23px}.premium-page-hero p:not(.eyebrow){max-width:720px;margin:0;color:#d7e7fb;font-size:11px;line-height:1.55}.premium-page-hero .eyebrow{color:#bed5f3}.quick-add-groups{display:grid;gap:14px}.quick-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-add-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #e3e9f1;border-radius:15px;background:#fcfdff;transition:.16s}.quick-add-card:hover{transform:translateY(-2px);border-color:#bad0ed;box-shadow:0 9px 22px rgba(18,37,65,.07)}.quick-add-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f2ff;color:var(--cw-blue)}.quick-add-card.tone-green>span{background:#e6f7ef;color:var(--cw-green)}.quick-add-card.tone-amber>span{background:#fff2dd;color:#b9780c}.quick-add-card.tone-navy>span{background:#e8edf5;color:#263f64}.quick-add-card svg{width:20px;height:20px}.quick-add-card strong,.quick-add-card small{display:block}.quick-add-card strong{font-size:10px}.quick-add-card small{margin-top:3px;color:#8290a3;font-size:8px}.quick-add-card>b{color:var(--cw-blue);font-size:8px}

/* Pusat Keuangan */
.finance-premium-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:24px;border-radius:24px;background:linear-gradient(125deg,#0c2b37,#126849 65%,#17845b);color:#fff;box-shadow:0 16px 32px rgba(18,105,74,.16)}.finance-premium-hero p,.finance-premium-hero strong,.finance-premium-hero span{display:block}.finance-premium-hero p{margin:0;color:#b9d8cc;font-size:9px}.finance-premium-hero strong{margin:6px 0 4px;font-size:30px;letter-spacing:-.8px}.finance-premium-hero span{color:#cfe2db;font-size:9px}.finance-premium-actions{display:flex;gap:8px}.finance-premium-actions>a{padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1);font-size:9px;font-weight:800}.finance-premium-actions>a:first-child{background:#fff;color:#176f4f}
.finance-metrics>a.negative:after{background:#ffeded}.finance-task-list{display:grid}.finance-task-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f5}.finance-task-list>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf7f2;color:#19805a}.finance-task-list svg{width:18px;height:18px}.finance-task-list strong,.finance-task-list small{display:block}.finance-task-list strong{font-size:10px}.finance-task-list small{margin-top:3px;color:#8491a3;font-size:8px}.finance-task-list b{color:#1a7c59;font-size:8px}.premium-payment-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #edf1f5}.premium-payment-list strong,.premium-payment-list small{display:block}.premium-payment-list strong{font-size:10px}.premium-payment-list small{margin-top:3px;color:#8491a3;font-size:8px}.premium-payment-list>a>b{color:#18805a;font-size:10px;white-space:nowrap}
.finance-page .finance-workspace{max-width:1180px}.finance-page .view-tabs{border:1px solid #e0e7ef;background:#edf2f7}.finance-page .view-tabs a.selected{color:var(--cw-blue);box-shadow:0 4px 12px rgba(18,37,65,.06)}.finance-page .btn.primary{border-color:var(--cw-blue);background:linear-gradient(135deg,var(--cw-blue),#2879ea)}.finance-page .btn.secondary,.finance-page .btn.ghost{border-color:#dce5ef;background:#fff;color:#42536a}.finance-page .cash-hero{background:linear-gradient(125deg,#0c2b37,#126849 65%,#17845b);box-shadow:0 16px 32px rgba(18,105,74,.15)}.finance-page .money-card,.finance-page .work-card,.finance-page .family-bill-card,.finance-page .transaction-card{border-color:var(--cw-line);box-shadow:0 8px 24px rgba(18,37,65,.05)}.finance-page .family-bill-card .btn.primary{box-shadow:none}.finance-page .simple-form input:focus,.finance-page .simple-form select:focus,.finance-page .search-controls input:focus{outline:0;border-color:#5c9af0;box-shadow:0 0 0 3px #e8f2ff}.finance-page .payment-total{background:#edf5ff}.finance-page .bill-option:has(input:checked){border-color:#72a7ef;background:#f2f7ff}.finance-page .bill-option input{accent-color:var(--cw-blue)}

/* Portal warga dan login ikut premium */
.citizen-body{background:radial-gradient(circle at 85% 3%,#e4eefc 0,transparent 26%),#eef3f8}.citizen-shell{background:#f5f8fc}.citizen-header{border-bottom-color:#e2e9f2}.citizen-welcome{background:linear-gradient(125deg,#0a2144,#1260d4 60%,#218d67)}.citizen-section,.citizen-balance-card,.citizen-member-card{box-shadow:0 8px 24px rgba(18,37,65,.045)}.citizen-bottom-nav{border-radius:22px;box-shadow:0 14px 38px rgba(21,42,70,.18)}
.citizen-bottom-nav a.center>span{position:absolute!important;top:-19px!important;left:50%!important;transform:translateX(-50%)!important;width:53px!important;height:53px!important;border-radius:50%!important;border:5px solid #f5f8fc!important;background:linear-gradient(135deg,#1768e8,#4f46e5)!important;color:#fff!important;box-shadow:0 9px 20px rgba(23,104,232,.32)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.auth-body{background:radial-gradient(circle at 16% 12%,#dcecff 0,transparent 30%),radial-gradient(circle at 88% 82%,#e2f5eb 0,transparent 27%),#f4f7fb}.auth-card{border-radius:26px;box-shadow:0 25px 75px rgba(19,40,70,.13)}
.secure-note{line-height:1.5}.secure-note:before,.secure-note:after{display:none!important;content:none!important}

@media(max-width:1180px){
  .app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{width:250px}.main{padding:18px 20px 105px}
  .premium-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-section .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .dashboard-premium-hero{grid-template-columns:1fr}.dashboard-location-card{display:none}.premium-two-column{grid-template-columns:1fr}.dashboard-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .app-body{background:#f4f7fb}.app-shell{display:block}.main,.finance-page .main{padding:10px 11px calc(108px + env(safe-area-inset-bottom,0px))}
  .topbar{top:6px;min-height:61px;margin-bottom:10px;padding:9px 10px 9px 13px;border-radius:16px}.topbar-title h1{font-size:18px}.topbar-title>.eyebrow{font-size:7px}.topbar-title>small{display:none}.topbar-actions{gap:5px}.topbar-add{display:none}.user-chip{background:transparent;padding:3px}.user-chip .avatar{width:34px;height:34px}.user-chip>div:last-child{display:none}
  .dashboard-premium-hero{display:block;padding:20px;border-radius:21px}.dashboard-welcome h2{font-size:22px}.dashboard-hero-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-hero-actions .btn{width:100%}
  .attention-strip{display:grid;grid-template-columns:1fr 1fr;padding:9px}.attention-strip>div{grid-column:span 2;min-width:0}.attention-strip>a{min-width:0}
  .premium-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.premium-metric-grid>a{padding:14px 12px;border-radius:16px}.premium-metric-grid strong{font-size:15px;white-space:normal}.premium-metric-grid small{line-height:1.4}
  .premium-section{padding:14px;border-radius:17px}.dashboard-task-grid{grid-template-columns:1fr 1fr;gap:7px}.dashboard-task-grid>a{grid-template-columns:33px minmax(0,1fr);gap:8px;padding:9px}.dashboard-task-grid>a>span{width:33px;height:33px}.dashboard-task-grid small{display:none}
  .dashboard-footnote{display:block}.dashboard-footnote p{margin-top:6px;line-height:1.5}.premium-page-hero{padding:19px;border-radius:20px}.premium-page-hero h2{font-size:20px}
  .quick-add-grid{grid-template-columns:1fr}.quick-add-card{padding:12px}.quick-add-card>b{display:none}.finance-premium-hero{align-items:stretch;flex-direction:column;padding:20px;border-radius:20px}.finance-premium-hero strong{font-size:26px}.finance-premium-actions{display:grid;grid-template-columns:1fr 1fr}.finance-premium-actions>a{text-align:center}
  .menu-grid{grid-template-columns:1fr 1fr;gap:8px}.menu-link{min-height:102px;padding:14px}.toolbar{display:grid;padding:9px}.toolbar-actions{grid-template-columns:1fr 1fr}.panel,.form-card{padding:14px;border-radius:17px}
  .form-grid{gap:11px}.photo-upload-card{border-radius:14px}.table-wrap tr{border-color:var(--cw-line);background:#fff;box-shadow:0 6px 18px rgba(18,37,65,.035)}
  .scan-hero,.announcement-hero,.letter-hero,.report-hero,.letter-intro,.portal-admin-hero{padding:18px;border-radius:20px}
  .magic-nav.bottom-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:68px;padding:5px;border-color:#dce5ef;border-radius:21px;box-shadow:0 14px 38px rgba(21,42,70,.2);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
  .magic-nav a{height:57px;padding:0 0 5px;justify-content:flex-end;color:#8290a2}.magic-nav a small{font-size:8px;font-weight:750}.magic-nav .nav-symbol{top:7px;width:28px;height:28px;color:#526176}
  .magic-nav a.active{color:var(--cw-blue)}.magic-nav a.active .nav-symbol{top:7px;width:28px;height:28px;border:0;border-radius:0;background:transparent;color:var(--cw-blue);box-shadow:none}.magic-nav a.active .nav-symbol svg{width:21px;height:21px}
  .magic-nav .nav-main-action .nav-symbol,.magic-nav .nav-main-action.active .nav-symbol{top:-19px;width:53px;height:53px;border:5px solid #f4f7fb;border-radius:50%;background:linear-gradient(135deg,#239e6a,#32b978);color:#fff;box-shadow:0 9px 20px rgba(33,157,104,.28)}
  .magic-nav .nav-main-action .nav-symbol svg,.magic-nav .nav-main-action.active .nav-symbol svg{width:22px;height:22px}.magic-nav .nav-main-action small{margin-top:0;color:#23875f;font-weight:850}
  .main{font-size:14px}.topbar-title>.eyebrow{font-size:9px}.topbar-title h1{font-size:20px}.page-intro{font-size:14px;line-height:1.55}.panel-head h3,.premium-section-heading h2{font-size:18px}.panel-head p,.premium-section-heading p{font-size:13px}.btn{min-height:46px;font-size:14px}.badge,.status-pill{font-size:11px}.form-grid label,.simple-form label{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.simple-form input,.simple-form select,.simple-form textarea,.auth-card input,.setup-card input,.setup-card select{font-size:16px}.table-wrap td{font-size:14px}.table-wrap td:before{font-size:11px}.table-wrap td small{font-size:12px}.actions a,.actions button{font-size:12px}.empty,.muted{font-size:13px}.menu-link{grid-template-columns:42px minmax(0,1fr);min-height:90px;padding:12px}.menu-link-icon{width:42px;height:42px}.menu-link strong{font-size:14px}.menu-link small{font-size:12px}.menu-link>b{display:none}.premium-metric-grid span{font-size:11px}.premium-metric-grid strong{font-size:18px}.premium-metric-grid small{font-size:11px}.dashboard-task-grid strong{font-size:13px}.dashboard-task-grid small{font-size:11px}.premium-info-list strong,.premium-family-list strong,.premium-payment-list strong{font-size:13px}.premium-info-list small,.premium-family-list small,.premium-payment-list small{font-size:11px}.quick-add-card strong,.finance-task-list strong{font-size:13px}.quick-add-card small,.finance-task-list small{font-size:11px}.magic-nav a small{font-size:10px}
  .page-families .toolbar{gap:9px}.page-families .toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-families .toolbar-actions .btn{width:100%;padding:10px 8px}.page-families .search-box{max-width:none}.page-families .search-box input{font-size:16px}.page-families .family-list-panel{padding:0;border:0;background:transparent;box-shadow:none}.page-families .family-list-panel>.panel-head{margin:0 1px 11px}.family-desktop-table{display:none}.family-mobile-list{display:grid;gap:10px}.family-mobile-card{overflow:hidden;border:1px solid #dde6f0;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(18,37,65,.055)}.family-mobile-main{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:14px}.family-mobile-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9f2ff;color:#1768e8;font-size:18px;font-weight:900}.family-mobile-copy{min-width:0}.family-mobile-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.family-mobile-title strong{overflow:hidden;color:#1c2b41;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.family-mobile-title .badge{flex:0 0 auto;font-style:normal}.family-mobile-copy>small{display:-webkit-box;overflow:hidden;margin-top:5px;color:#6f7e92;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.family-mobile-meta{display:grid;grid-template-columns:1.35fr .65fr;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fafcff}.family-mobile-meta>span{min-width:0;padding:11px 14px}.family-mobile-meta>span+span{border-left:1px solid #e8edf3}.family-mobile-meta small,.family-mobile-meta strong{display:block}.family-mobile-meta small{color:#8793a4;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.family-mobile-meta strong{overflow:hidden;margin-top:4px;color:#33445b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.family-mobile-actions{display:flex;align-items:center;gap:7px;padding:10px}.family-mobile-actions a{flex:1;min-height:39px;display:grid;place-items:center;padding:8px;border:1px solid #dce5ef;border-radius:11px;background:#fff;color:#506176;font-size:11px;font-weight:800;text-align:center}.family-mobile-actions a.primary{border-color:#1768e8;background:#1768e8;color:#fff}
  .citizen-body{font-size:15px}.citizen-header{min-height:68px}.citizen-brand strong{font-size:17px}.citizen-brand small{font-size:11px}.citizen-main{padding:15px 13px 112px}.citizen-alert{font-size:13px}.citizen-password-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px}.citizen-password-reminder strong,.citizen-password-reminder span{display:block}.citizen-password-reminder span{margin-top:3px;font-size:11px}.citizen-password-reminder a{flex:0 0 auto;padding:8px 10px;border-radius:10px;background:#fff;color:#8d5e08;font-size:11px;font-weight:850}.citizen-welcome p{font-size:11px}.citizen-welcome h1{font-size:24px}.citizen-welcome span{font-size:13px}.citizen-family-count span{font-size:10px}.citizen-balance-card span{font-size:12px}.citizen-balance-card small{font-size:11px}.citizen-balance-card>a{font-size:12px}.citizen-shortcuts strong{font-size:14px}.citizen-shortcuts small{font-size:11px}.citizen-section-head h2{font-size:18px}.citizen-section-head p,.citizen-section-head>a{font-size:12px}.citizen-empty{font-size:13px}.citizen-info-card>div span,.citizen-info-card time,.citizen-info-card>small{font-size:10px}.citizen-info-card h3{font-size:15px}.citizen-info-card p{font-size:13px}.citizen-status-list strong{font-size:13px}.citizen-status-list small{font-size:11px}.citizen-badge{font-size:10px}.citizen-page-title p{font-size:10px}.citizen-page-title h1{font-size:24px}.citizen-page-title span{font-size:13px}.citizen-kk-card>div span,.citizen-kk-card dt{font-size:10px}.citizen-kk-card>div strong{font-size:20px}.citizen-kk-card dd{font-size:13px}.citizen-member-head h3{font-size:15px}.citizen-member-head p{font-size:11px}.citizen-detail-grid dt{font-size:10px}.citizen-detail-grid dd{font-size:13px}.citizen-sensitive-number{font-size:15px!important}.citizen-due-list article>div:first-child strong,.citizen-payment-list article>div strong,.citizen-letter-row strong{font-size:13px}.citizen-due-list article>div:first-child small,.citizen-payment-list article>div small,.citizen-letter-row small{font-size:11px}.citizen-due-amount>strong,.citizen-payment-list article>strong{font-size:14px}.citizen-due-amount>small{font-size:10px}.citizen-letter-form label,.citizen-password-form label{font-size:13px}.citizen-letter-form select,.citizen-letter-form textarea,.citizen-password-form input{font-size:16px}.citizen-button,.citizen-logout,.citizen-contact{font-size:13px}.citizen-letter-list article>p{font-size:13px}.citizen-profile-card h2{font-size:18px}.citizen-profile-card p{font-size:12px}.citizen-profile-card dt{font-size:10px}.citizen-profile-card dd{font-size:13px}.citizen-bottom-nav{z-index:100;pointer-events:auto}.citizen-bottom-nav a{min-width:0;pointer-events:auto;touch-action:manipulation}.citizen-bottom-nav a>span,.citizen-bottom-nav a>small{pointer-events:none}.citizen-bottom-nav small{font-size:10px}.citizen-bottom-nav a.center{justify-content:flex-end!important;padding-bottom:5px!important}.citizen-bottom-nav a.center svg{width:22px!important;height:22px!important;stroke:#fff!important}.citizen-bottom-nav a.center small{margin-top:0!important;color:#1768e8!important;font-weight:850!important}
}
@media(max-width:390px){
  .premium-metric-grid{grid-template-columns:1fr 1fr}.premium-metric-grid strong{font-size:16px}.dashboard-task-grid{grid-template-columns:1fr}.dashboard-task-grid small{display:block}.menu-grid,.menu-section .menu-grid{grid-template-columns:1fr}.attention-strip{grid-template-columns:1fr}.attention-strip>div{grid-column:span 1}.finance-premium-actions{grid-template-columns:1fr}.family-mobile-title{align-items:flex-start;flex-direction:column}.family-mobile-title strong{width:100%}
}
@media print{.topbar-add,.premium-page-hero,.dashboard-premium-hero,.attention-strip,.dashboard-tasks,.dashboard-footnote{display:none!important}.premium-section{box-shadow:none}}

.account-last-login{display:block;margin-top:6px;color:#7a8899;font-size:11px}.payment-review-hero,.backup-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.payment-review-stats,.backup-table-summary{margin-bottom:18px}.payment-review-list{display:grid;gap:14px}.payment-review-card{padding:17px;border:1px solid #dce5ef;border-radius:18px;background:#fbfdff}.payment-review-main{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.payment-review-main h3{margin:8px 0 4px}.payment-review-main p{margin:0;color:#758398;font-size:12px}.payment-review-main>strong{font-size:19px}.payment-review-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0}.payment-review-card dl>div{padding:10px;border-radius:11px;background:#f1f5f9}.payment-review-card dl>div.wide{grid-column:1/-1}.payment-review-card dl>div.rejected{background:#fff0f0}.payment-review-card dt{color:#7d8a9b;font-size:10px;text-transform:uppercase}.payment-review-card dd{margin:4px 0 0;font-size:12px;font-weight:750}.payment-review-actions,.payment-review-decision{display:flex;flex-wrap:wrap;gap:8px}.payment-review-decision{margin-top:13px;padding-top:13px;border-top:1px solid #e2e8f0}.payment-review-decision details[open]{width:100%}.payment-review-decision details form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:9px;padding:12px;border-radius:13px;background:#fff3f3}.payment-review-decision label{display:grid;gap:5px;font-size:12px;font-weight:750}.payment-review-decision input{min-height:42px;border:1px solid #e3bcbc;border-radius:10px;padding:0 11px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.backup-table-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.backup-table-summary>div,.backup-local-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;background:#f1f5f9}.backup-table-summary span{font-size:11px}.backup-table-summary strong{font-size:15px}.backup-local-list{display:grid;gap:8px}.backup-local-list span{color:#718095;font-size:11px}
@media(max-width:760px){.payment-review-hero,.backup-hero{display:block}.payment-review-hero .btn,.backup-hero .btn{width:100%;margin-top:14px}.payment-review-card dl,.backup-grid{grid-template-columns:1fr}.payment-review-card dl>div.wide{grid-column:auto}.payment-review-decision details form{grid-template-columns:1fr}.payment-review-main>strong{font-size:17px}.backup-table-summary{grid-template-columns:1fr}}