@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_176161{font-family:Inter,Inter Fallback;font-style:normal}.__variable_176161{--f-latin:"Inter","Inter Fallback"}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai Fallback;src:local("Arial");ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.00%;size-adjust:106.33%}.__className_a4b65b{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.__variable_a4b65b{--f-thai:"Noto Sans Thai","Noto Sans Thai Fallback"}:root{--color-ink:#1d1d1f;--color-ink-2:#6e6e73;--color-mist:oklch(84% 0.012 262);--color-stone:oklch(62% 0.015 260);--color-placeholder:oklch(52% 0.015 260);--color-paper:oklch(97.5% 0.008 80);--color-paper-2:oklch(93.5% 0.012 75);--color-orange:oklch(70% 0.185 45);--color-orange-deep:oklch(55% 0.17 40);--color-mint:oklch(86% 0.09 165);--color-white:oklch(100% 0 0);--color-focus:oklch(55% 0.17 40);--color-success-ink:oklch(45% 0.09 165);--color-success-soft:oklch(95.5% 0.035 165);--color-warn-soft:oklch(95.5% 0.04 70);--color-danger:oklch(50% 0.19 27);--color-danger-soft:oklch(95.5% 0.025 27);--color-bg:var(--color-paper);--color-surface:var(--color-white);--color-text:var(--color-ink);--color-text-muted:var(--color-ink-2);--color-border:oklch(22% 0.035 262/0.14);--color-border-strong:oklch(22% 0.035 262/0.4);--color-primary:var(--color-orange);--color-primary-hover:oklch(66% 0.185 45);--color-on-primary:var(--color-ink);--font-display:"Anuphan","IBM Plex Sans Thai",system-ui,sans-serif;--font-body:"IBM Plex Sans Thai","Anuphan",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);--text-display:clamp(2.75rem,1.4rem + 6vw,6.5rem);--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:7rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--rule-hair:1px solid oklch(22% 0.035 262/0.14);--shadow-sm:0 1px 2px oklch(22% 0.035 262/0.12);--shadow-md:0 1px 2px oklch(22% 0.035 262/0.12),0 8px 24px oklch(22% 0.035 262/0.08);--shadow-lg:0 12px 40px oklch(22% 0.035 262/0.18);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.55,0,1,0.45);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:140ms;--dur-med:240ms}.mono,[class*=mono],code{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-btn{--btn-bg:var(--color-primary);--btn-fg:var(--color-on-primary);--btn-bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-sm);border:1.5px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.cp-btn svg{width:18px;height:18px;flex:none}.cp-btn.is-hover,.cp-btn:hover{--btn-bg:var(--color-primary-hover)}.cp-btn.is-focus,.cp-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cp-btn.is-active,.cp-btn:active{transform:translateY(1px)}.cp-btn:disabled,.cp-btn[aria-disabled=true]{--btn-bg:var(--color-paper-2);--btn-fg:var(--color-stone);--btn-bd:transparent;cursor:not-allowed;transform:none}.cp-btn[data-state=loading]{cursor:progress}.cp-btn[data-state=loading]:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:cp-spin .8s linear infinite}.cp-btn[data-state=success]{--btn-bg:var(--color-mint);--btn-fg:var(--color-ink)}.cp-btn[data-state=error]{--btn-bg:var(--color-danger-soft);--btn-fg:var(--color-danger);--btn-bd:var(--color-danger)}.cp-btn--secondary{--btn-bg:var(--color-ink);--btn-fg:var(--color-paper)}.cp-btn--secondary.is-hover,.cp-btn--secondary:hover{--btn-bg:var(--color-ink-2)}.cp-btn--outline{--btn-bg:var(--color-surface);--btn-fg:var(--color-ink);--btn-bd:var(--color-border-strong)}.cp-btn--outline.is-hover,.cp-btn--outline:hover{--btn-bg:var(--color-paper-2);--btn-bd:var(--color-ink)}.cp-btn--ghost{--btn-bg:transparent;--btn-fg:var(--color-ink)}.cp-btn--ghost.is-hover,.cp-btn--ghost:hover{--btn-bg:var(--color-paper-2)}.cp-btn--danger{--btn-bg:var(--color-surface);--btn-fg:var(--color-danger);--btn-bd:var(--color-danger)}.cp-btn--danger.is-hover,.cp-btn--danger:hover{--btn-bg:var(--color-danger-soft)}.cp-btn--sm{min-height:36px;padding:0 var(--space-md);font-size:var(--text-sm)}.cp-btn--block{width:100%}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-field{display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs);min-width:0}.cp-label{font:600 var(--text-sm)/1.4 var(--font-body);color:var(--color-text)}.cp-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.cp-input,.cp-select{width:100%;min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:400 var(--text-md)/1.4 var(--font-body);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cp-input::placeholder{color:var(--color-placeholder)}.cp-input.is-hover,.cp-input:hover,.cp-select:hover{border-color:var(--color-ink-2)}.cp-input.is-focus,.cp-input:focus-visible,.cp-select:focus-visible{outline:none;border-color:var(--color-ink);box-shadow:0 0 0 3px oklch(55% .17 40/.35)}.cp-input:disabled{background:var(--color-paper-2);color:var(--color-stone);cursor:not-allowed}.cp-input[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-soft)}.cp-input.is-valid{border-color:var(--color-success-ink)}.cp-input--mono{font-family:var(--font-mono);letter-spacing:.02em}.cp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-2xl);background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.cp-error{display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--text-xs);font-weight:600;color:var(--color-danger)}.cp-error svg,.cp-ok svg{width:14px;height:14px;flex:none}.cp-ok{display:flex;gap:var(--space-2xs);font-size:var(--text-xs);font-weight:600;color:var(--color-success-ink)}.cp-check,.cp-ok{align-items:center}.cp-check{display:inline-flex;gap:var(--space-xs);min-height:44px;cursor:pointer;font-size:var(--text-md)}.cp-check input{width:20px;height:20px;margin:0;accent-color:var(--color-ink)}.cp-check input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cp-seg{display:inline-flex;padding:3px;gap:3px;border-radius:var(--radius-sm);background:var(--color-paper-2)}.cp-seg input{position:absolute;opacity:0;pointer-events:none}.cp-seg label{min-width:72px;min-height:40px;display:grid;place-items:center;padding:0 var(--space-md);border-radius:4px;cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--color-ink-2);transition:background-color var(--dur-fast) var(--ease-out);white-space:nowrap}.cp-seg label:hover{background:oklch(100% 0 0/.6)}.cp-seg input:checked+label{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.cp-seg input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:1px}.cp-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font:600 var(--text-xs)/1 var(--font-body);white-space:nowrap}.cp-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.cp-badge--paid{background:var(--color-success-soft);color:var(--color-success-ink)}.cp-badge--due{background:var(--color-warn-soft);color:var(--color-ink)}.cp-badge--due:before{background:var(--color-orange)}.cp-badge--late{background:var(--color-danger-soft);color:var(--color-danger)}.cp-badge--upcoming{background:var(--color-paper-2);color:var(--color-ink-2)}.cp-badge--checked{background:var(--color-mint);color:var(--color-ink)}.cp-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:start;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--alert-bd);background:var(--alert-bg);font-size:var(--text-sm)}.cp-alert svg{width:20px;height:20px;color:var(--alert-ic)}.cp-alert strong{display:block;font-weight:600}.cp-alert--info{--alert-bg:var(--color-surface);--alert-bd:var(--color-ink);--alert-ic:var(--color-ink)}.cp-alert--success{--alert-bg:var(--color-success-soft);--alert-bd:var(--color-success-ink);--alert-ic:var(--color-success-ink)}.cp-alert--warn{--alert-bg:var(--color-warn-soft);--alert-bd:var(--color-orange);--alert-ic:var(--color-orange-deep)}.cp-alert--error{--alert-bg:var(--color-danger-soft);--alert-bd:var(--color-danger);--alert-ic:var(--color-danger)}.cp-alert .cp-btn{min-height:32px}.cp-card{display:grid;grid-template-rows:auto 1fr;background:var(--color-surface);border:var(--rule-hair);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.cp-card.is-hover,.cp-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.cp-card:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.cp-card-media{aspect-ratio:4/3;background:var(--color-paper-2);display:grid;place-items:center;position:relative}.cp-card-media .cp-badge{position:absolute;left:var(--space-sm);top:var(--space-sm)}.cp-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-2xs)}.cp-card-title{font:600 var(--text-lg)/1.25 var(--font-display)}.cp-card-spec{font:400 var(--text-xs)/1.4 var(--font-mono)}.cp-card-price,.cp-card-spec{color:var(--color-text-muted)}.cp-card-price{margin-top:var(--space-sm);font-size:var(--text-xs)}.cp-card-price b{display:block;font:600 1.5rem/1.15 var(--font-mono);color:var(--color-text)}.cp-card-total{font:400 var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-muted)}.cp-card-body .cp-btn{margin-top:var(--space-md)}.cp-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface)}.cp-table th{text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:1.5px solid var(--color-ink)}.cp-table td,.cp-table th{padding:var(--space-sm) var(--space-md);white-space:nowrap}.cp-table td{border-bottom:var(--rule-hair)}.cp-table .num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-table tr.is-next td{background:var(--color-warn-soft)}.cp-table tfoot td{font-weight:600;border-bottom:0;border-top:1.5px solid var(--color-ink)}.cp-header{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:var(--rule-hair)}.cp-header nav{display:flex;gap:var(--space-2xs);margin-right:auto}.cp-header nav a{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}.cp-header nav a:hover{background:var(--color-paper-2);color:var(--color-ink)}.cp-header nav a[aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-orange);border-radius:0}.cp-tabs{display:flex;gap:var(--space-lg);border-bottom:var(--rule-hair)}.cp-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:var(--space-sm) 0;font:600 var(--text-sm)/1 var(--font-body);color:var(--color-ink-2);cursor:pointer;box-shadow:inset 0 -2px 0 transparent;white-space:nowrap;min-height:44px}.cp-tab:hover{color:var(--color-ink)}.cp-tab[aria-selected=true]{color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--color-orange)}.cp-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cp-toast{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);box-shadow:var(--shadow-lg)}.cp-toast svg{width:18px;height:18px;color:var(--color-mint);flex:none}.cp-toast button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--color-orange);font:600 var(--text-sm)/1 var(--font-body);cursor:pointer;padding:var(--space-xs);min-height:32px}.cp-empty{display:grid;justify-items:center;text-align:center;grid-gap:var(--space-xs);gap:var(--space-xs);padding:var(--space-2xl) var(--space-lg);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}.cp-empty svg{width:36px;height:36px;color:var(--color-ink-2)}.cp-empty p{max-width:34ch;color:var(--color-text-muted);font-size:var(--text-sm)}.cp-empty strong{font:600 var(--text-lg)/1.3 var(--font-display)}@media (prefers-reduced-motion:reduce){.cp-btn[data-state=loading]:before{animation-duration:2.4s}}