html{scroll-behavior:smooth}.citizen-letter-body:has(.cdx-page) .citizen-back-bar{display:none}
.cdx-page{padding:0 0 96px;background:#fafbfd}.cdx-wrap{width:calc(100% - 52px);max-width:1500px;margin:0 auto}
.cdx-top{display:flex;align-items:center;gap:18px;min-height:66px}.portal-body .cdx-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ffbda0;border-radius:99px;background:#fff;color:#e8501a;font-size:13.5px;font-weight:800;white-space:nowrap}.cdx-back:hover{background:#fff4ec}.cdx-back .off-svg{font-size:18px}.cdx-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;color:#5f708a;font-size:13px}.cdx-crumb i{font-style:normal}.cdx-crumb b{color:var(--theme-navy,#082654)}
.cdx-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.portal-body .cdx-tool{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--theme-navy,#082654);font-size:22px}.cdx-tool:hover{background:#fff0e6}.cdx-tool:focus-visible,.cdx-back:focus-visible,.cdx-account>summary:focus-visible{outline:2px solid #ff5b1b;outline-offset:2px}.cdx-tool b{position:absolute;right:2px;top:1px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border:2px solid #fafbfd;border-radius:99px;background:#e8301f;color:#fff;font-size:10px;font-weight:800}
.cdx-account{position:relative}.cdx-account>summary{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:12px;cursor:pointer;list-style:none}.cdx-account>summary::-webkit-details-marker{display:none}.cdx-account>summary:hover,.cdx-account[open]>summary{background:#eef3f8}.cdx-account img{width:46px;height:46px;border-radius:50%;object-fit:cover}.cdx-account strong,.cdx-account small{display:block;white-space:nowrap}.cdx-account strong{color:var(--theme-navy,#082654);font-size:14px;font-weight:800}.cdx-account small{color:#5f708a;font-size:12px}.cdx-account summary i{color:#27466f;font-size:18px}.cdx-account>div{position:absolute;right:0;top:60px;z-index:60;width:220px;padding:7px;border:1px solid #e8edf3;border-radius:13px;background:#fff;box-shadow:0 18px 42px #152b4826}.portal-body .cdx-account>div a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:var(--theme-navy,#082654);font-size:13px;font-weight:700}.cdx-account>div a:hover{background:#f4f6f9}.portal-body .cdx-account>div a.out{color:#c92a3b}.cdx-account>div .off-svg{font-size:18px}
.cdx-hero{position:relative;min-height:150px;margin-bottom:13px;padding:14px 22px;box-sizing:border-box;display:flex;align-items:center;gap:20px;border-radius:17px;background:linear-gradient(100deg,#f2f8ff,#fbfdff 55%);overflow:hidden}.cdx-hero>img{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:right bottom;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%);mask-image:linear-gradient(90deg,transparent,#000 16%)}.cdx-hero-icon{position:relative;width:80px;height:80px;flex:none;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff7a24,#f4490f);color:#fff;font-size:44px;box-shadow:0 9px 18px #ff5a2530}.cdx-hero>div{position:relative;min-width:0;max-width:48%}.cdx-hero h1{margin:0 0 5px;color:var(--theme-navy,#082654);font:900 clamp(32px,3vw,46px)/1.1 Nunito,Arial,sans-serif;letter-spacing:-.02em}.cdx-hero p{margin:0;color:#4e6c91;font-size:15px;line-height:1.45}.cdx-flash{margin:0 0 13px}
.cdx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:15px}.cdx-metrics>*{--c:var(--theme-accent,#f0501a);--bg:#fff7f0;--line:#fbe6d6;--track:#fde8d8;position:relative;min-width:0;min-height:134px;padding:16px 20px;box-sizing:border-box;display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--theme-navy,#082654)}.cdx-metrics .green{--c:#0c8a4c;--bg:#f0fbf5;--line:#d3f0df;--track:#c5efd7}.cdx-metrics .red{--c:#d92d40;--bg:#fff4f5;--line:#fbdde0;--track:#fde0e3}a.red:hover{box-shadow:0 8px 18px #d92d4018}.cdx-icon{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--c);color:#fff;font-size:33px;box-shadow:0 7px 15px #26344c1f}.cdx-metrics div{flex:1;min-width:0}.cdx-metrics small{display:block;font-size:13.5px;font-weight:800}.cdx-metrics strong{display:block;margin:3px 0;color:var(--c);font-size:27px;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.cdx-metrics em{display:block;color:var(--c);font-size:13px;font-style:normal;font-weight:600}.cdx-bar{display:block;height:9px;margin-top:8px;border-radius:9px;background:var(--track,#e6edf5);overflow:hidden}.cdx-bar i{display:block;height:100%;border-radius:9px;background:var(--c,#16a765)}.cdx-mark{position:absolute;right:16px;top:16px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffffb8;color:var(--c);font-size:22px}
.cdx-card{margin-bottom:15px;padding:16px 26px;border:1px solid #edf0f4;border-radius:17px;background:#fff;box-shadow:0 8px 22px #26344c0a;scroll-margin-top:14px}.cdx-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:12px}.cdx-head>span{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:26px}.cdx-head .blue{background:#3d6fe8}.cdx-head .purple{background:#7c3fe0}.cdx-head>div{flex:1 1 300px;min-width:0}.cdx-head h2{margin:0 0 2px;color:var(--theme-navy,#082654);font:900 20px/1.2 Nunito,Arial,sans-serif}.cdx-head p{margin:0;color:#526d91;font-size:13px}.portal-body .cdx-report{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 17px;border-radius:10px;background:linear-gradient(90deg,#ff7a24,#f4490f);color:#fff;font-size:13.5px;font-weight:800;box-shadow:0 7px 14px #ff552b2e}.cdx-report:hover{filter:brightness(1.05)}.cdx-report .off-svg{font-size:18px}
.cdx-empty{display:flex;align-items:center;justify-content:center;gap:40px;padding:14px 0 6px;border-top:1px solid #eef1f5}.cdx-empty img{width:220px;max-width:40%;-webkit-mask-image:radial-gradient(closest-side,#000 85%,transparent);mask-image:radial-gradient(closest-side,#000 85%,transparent)}.cdx-empty h3{margin:0 0 6px;color:var(--theme-navy,#082654);font:900 20px/1.2 Nunito,Arial,sans-serif}.cdx-empty p{margin:0 0 14px;color:#526d91;font-size:14px}.portal-body .cdx-outline{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid #ffbda0;border-radius:12px;color:#e8501a;font-size:13.5px;font-weight:800}.cdx-outline:hover{background:#fff4ec}.cdx-outline .off-svg{font-size:21px}
.cdx-dues{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding-top:14px;border-top:1px solid #eef1f5}.cdx-due{padding:15px;border:1px solid #edf0f4;border-radius:14px;background:#fff;scroll-margin-top:14px}.cdx-due:target{border-color:#ff7a45;box-shadow:0 0 0 3px #ff6a3522}.cdx-due-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cdx-kind{padding:3px 10px;border-radius:99px;background:#eaf1f9;color:#1d4fa8;font-size:11.5px;font-weight:800}.cdx-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:800;white-space:nowrap}.cdx-badge.verified{background:#d9f6e5;color:#0a7a43}.cdx-badge.pending{background:#fff0d4;color:#9a5b00}.cdx-badge.returned,.cdx-badge.unpaid{background:#ffe6e8;color:#b81f30}.cdx-due h3{margin:0;color:var(--theme-navy,#082654);font-size:16px;font-weight:800}.cdx-due>p{margin:2px 0 10px;color:#526d91;font-size:12.5px;overflow-wrap:anywhere}.cdx-amount{padding:11px 13px;border-radius:11px;background:#f6f9fd}.cdx-amount small{display:block;color:#465f80;font-size:12px}.cdx-amount strong{display:block;margin:2px 0 0;color:#d92d40;font-size:22px;font-weight:900}.cdx-amount .cdx-bar{--c:#16a765;margin:8px 0 5px}
.cdx-pay{display:grid;gap:10px;margin:12px 0 0}.cdx-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-body .cdx-pay label{display:grid;gap:5px;margin:0;color:#0a2858;font-size:12.5px;font-weight:800}.cdx-pay label[hidden]{display:none!important}.portal-body .cdx-pay input,.portal-body .cdx-pay select{width:100%;min-width:0;height:40px;box-sizing:border-box;margin:0;padding:0 10px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:var(--theme-navy,#082654);font-family:inherit;font-size:13px;font-weight:500}.portal-body .cdx-pay input[type=file]{height:auto;padding:7px}.cdx-pay small{color:#5f708a;font-size:11.5px;font-weight:400}.portal-body .cdx-pay button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;background:linear-gradient(90deg,#ff7a24,#f4490f);color:#fff;font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 7px 14px #ff552b2e}.cdx-pay button:disabled{opacity:.65;cursor:wait}.cdx-wait,.cdx-done{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700}.cdx-wait{background:#fff6e3;color:#8a5200}.cdx-done{background:#e9f9f1;color:#0a7a43}.cdx-wait .off-svg,.cdx-done .off-svg{font-size:19px}
.cdx-year{display:flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 10px 0 12px;border:1px solid #d7e0eb;border-radius:10px;color:#27466f;font-size:18px}.portal-body .cdx-year select{height:40px;margin:0;padding:0 4px;border:0;outline:0;background:transparent;color:var(--theme-navy,#082654);font-family:inherit;font-size:13px;font-weight:700;box-shadow:none}.cdx-scroll{overflow-x:auto;border:1px solid #edf0f4;border-radius:12px}.portal-body .cdx-table{width:100%;min-width:760px;border-collapse:collapse;background:transparent;box-shadow:none}.portal-body .cdx-table th{padding:12px 16px;border:0;background:#fff4ea;color:#0a2858;font-size:13px;font-weight:800;text-align:left}.portal-body .cdx-table td{padding:11px 16px;border:0;border-top:1px solid #eef1f5;color:#27466f;font-size:13px;line-height:1.35;vertical-align:middle}.cdx-table td small{display:block;margin-top:2px;color:#5f708a;font-size:11.5px}.cdx-table tr[hidden]{display:none}.portal-body .cdx-note a{color:#1467c9;font-weight:700}.portal-body .cdx-retry{color:#e8501a;font-weight:800;white-space:nowrap}.portal-body .cdx-none{padding:18px;color:#6b7c94;text-align:center}.cdx-none .off-svg{margin:0 auto 6px;color:#c3ccd8;font-size:34px}
@media(max-width:1350px){.cdx-hero>img{opacity:.4;width:62%}.cdx-hero>div{max-width:none}}
@media(max-width:1180px){.cdx-metrics{grid-template-columns:minmax(0,1fr)}.cdx-crumb{display:none}}
@media(max-width:950px){.cdx-wrap{width:calc(100% - 24px)}.cdx-card{padding:14px}.cdx-tools{display:none}.cdx-hero>img{display:none}.cdx-empty{flex-direction:column;gap:12px;text-align:center}.cdx-dues{grid-template-columns:minmax(0,1fr)}.cdx-pay-row{grid-template-columns:minmax(0,1fr)}.cdx-hero-icon{width:58px;height:58px;font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}