/* SERPL member UI. Presentation only. System fonts, no external assets. */
body.serpl-ui-page{margin:0;background:#f3f5f8!important;color:#202731;}
.serpl-members.serpl-app{--serpl-ink:#202731;--serpl-muted:#536170;--serpl-line:#dce2ea;--serpl-accent:#2459c4;--serpl-ok:#236748;--serpl-warn:#85421f;--surface:#fff;--ground:#f3f5f8;--soft:#eef3fc;--serpl-radius:12px;box-sizing:border-box;max-width:1220px;margin:0 auto;padding:0 36px 32px;color:var(--serpl-ink);font:400 15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;}
.serpl-app *{box-sizing:border-box;min-width:0;}
.serpl-app a{color:var(--serpl-accent);text-underline-offset:3px;}
.serpl-app a:hover{text-decoration:underline;}
.serpl-app a:focus-visible,.serpl-app button:focus-visible,.serpl-app input:focus-visible,.serpl-app summary:focus-visible{outline:3px solid var(--serpl-accent);outline-offset:4px;}
.serpl-app .serpl-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 20px;}
.serpl-app .serpl-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:720;letter-spacing:-.4px;color:var(--serpl-ink);text-decoration:none;}
.serpl-app .serpl-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--serpl-accent);color:#fff;border-radius:8px;font-size:20px;font-weight:800;}
.serpl-app .serpl-support{font-size:13px;padding:8px 0;}
.serpl-app .serpl-nav{display:flex;flex-wrap:wrap;gap:3px 19px;padding:0 0 14px;border-bottom:1px solid var(--serpl-line);}
.serpl-app .serpl-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:550;color:var(--serpl-muted);text-decoration:none;}
.serpl-app .serpl-nav a:hover{color:var(--serpl-accent);}
.serpl-app .serpl-hero{margin:0;padding:32px 0 26px;}
.serpl-app .serpl-eyebrow{font-size:11px!important;font-weight:650;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px!important;}
.serpl-app h1,.serpl-app h2,.serpl-app h3{color:var(--serpl-ink);font-family:inherit;font-style:normal;text-transform:none;letter-spacing:-.025em;}
.serpl-app h1{font-size:clamp(29px,3.7vw,42px);font-weight:700;line-height:1.1;margin:0 0 12px;}
.serpl-app h2{font-size:21px;line-height:1.2;font-weight:650;margin:0 0 18px;}
.serpl-app h3{font-size:15px;line-height:1.3;font-weight:650;margin:0 0 8px;}
.serpl-app p{font:inherit;margin:0 0 14px;max-width:68ch;}
.serpl-app .serpl-hero>p:last-child{font-size:16px;color:var(--serpl-muted);margin:0;}
.serpl-app .serpl-card{background:var(--surface);border:1px solid var(--serpl-line);border-radius:var(--serpl-radius);padding:26px;margin:0 0 20px;}
.serpl-app .serpl-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.serpl-app .serpl-overview>.serpl-card{margin-bottom:20px;}
.serpl-app .serpl-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;align-items:start;}
.serpl-app .serpl-workspace>aside{position:sticky;top:24px;}
.serpl-app .serpl-help{font-size:13px;line-height:1.65;color:var(--serpl-muted);margin:10px 0 0;}
.serpl-app .serpl-status-card{border:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;}
.serpl-app .serpl-status{display:inline-flex;align-items:center;max-width:100%;font-size:12px;line-height:1.4;font-weight:600;text-transform:none;letter-spacing:0;padding:5px 9px;border:1px solid var(--serpl-line);border-radius:5px;color:var(--serpl-muted);background:var(--ground);}
.serpl-app .serpl-status--active{color:var(--serpl-ok);border-color:currentColor;background:transparent;}
.serpl-app .serpl-status--cancelled,.serpl-app .serpl-status--check_billing,.serpl-app .serpl-status--error,.serpl-app .serpl-status--revoked{color:var(--serpl-warn);border-color:currentColor;background:transparent;}
.serpl-app .serpl-status-meta{font-size:13px;color:var(--serpl-muted);overflow-wrap:anywhere;}
.serpl-app .serpl-kv{margin:18px 0 0;padding:0;}
.serpl-app .serpl-kv>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--serpl-line);}
.serpl-app .serpl-kv dt{font-size:13px;color:var(--serpl-muted);margin:0;}
.serpl-app .serpl-kv dd{font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere;}
.serpl-app code{font-family:ui-monospace,Consolas,monospace;background:var(--ground);border-radius:4px;color:var(--serpl-ink);padding:2px 4px;font-size:.88em;overflow-wrap:anywhere;}
.serpl-app .serpl-btn,.serpl-app .serpl-dbx-form .button,.serpl-app input[type=submit],.serpl-app button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;background:var(--serpl-accent);color:#fff;border:1px solid var(--serpl-accent);border-radius:7px;font:600 14px/1.3 inherit;line-height:1.3;padding:12px 17px;text-decoration:none;cursor:pointer;white-space:normal;text-align:center;margin:12px 0 0;}
.serpl-app .serpl-btn:hover,.serpl-app input[type=submit]:hover{filter:brightness(.93);text-decoration:none;}
.serpl-app .serpl-btn--ghost{background:transparent!important;color:var(--serpl-accent)!important;}
.serpl-app .serpl-dbx-form label,.serpl-app form label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px;}
.serpl-app input[type=email],.serpl-app input[type=text],.serpl-app input[type=password]{display:block;width:100%;max-width:100%;min-height:46px;border:1px solid #8b98a9;border-radius:7px;background:var(--surface);color:var(--serpl-ink);font:inherit;padding:10px 12px;box-shadow:none;}
.serpl-app .serpl-steps{list-style:none;counter-reset:setup;margin:0;padding:0;}
.serpl-app .serpl-steps li{counter-increment:setup;position:relative;padding:0 0 22px 42px;margin:0;}
.serpl-app .serpl-steps li:before{content:counter(setup);display:grid;place-items:center;position:absolute;left:0;top:0;width:28px;height:28px;border:1px solid var(--serpl-line);border-radius:7px;font-size:13px;font-weight:650;color:var(--serpl-accent);background:var(--ground);}
.serpl-app .serpl-steps li:last-child{padding-bottom:4px;}
.serpl-app .serpl-steps p{font-size:14px;color:var(--serpl-muted);}
.serpl-app .serpl-note{border-top:1px solid var(--serpl-line);margin:16px 0 0;padding:18px 0 0;}
.serpl-app .serpl-note p{font-size:14px;color:var(--serpl-muted);}
.serpl-app details{border-top:1px solid var(--serpl-line);padding:8px 0;}
.serpl-app summary{cursor:pointer;font-size:14px;line-height:1.5;font-weight:600;padding:10px 0;min-height:44px;color:var(--serpl-ink);}
.serpl-app details p,.serpl-app details>a{font-size:13px;line-height:1.7;color:var(--serpl-muted);}
.serpl-app .serpl-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.serpl-app .serpl-billing-grid p{font-size:14px;color:var(--serpl-muted);}
.serpl-app .serpl-text-action{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;}
.serpl-app .serpl-refund-details{margin:22px 0 0;}
.serpl-app .serpl-fair{padding:18px 0 8px;border-top:1px solid var(--serpl-line);}
.serpl-app .serpl-fair>div{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,3fr);gap:24px;padding:12px 0;}
.serpl-app .serpl-fair h2{font-size:18px;}
.serpl-app .serpl-fair h3{font-size:13px;letter-spacing:0;margin-top:3px;}
.serpl-app .serpl-fair p{font-size:13px;color:var(--serpl-muted);margin:0;}
.serpl-app .serpl-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--serpl-line);padding:22px 0;font-size:12px;color:var(--serpl-muted);}
.serpl-app .serpl-login{max-width:560px;}
.serpl-app .serpl-notice{background:var(--soft);color:var(--serpl-ink);font-size:14px;padding:14px;border:1px solid var(--serpl-line);border-left:3px solid var(--serpl-accent);margin:12px 0;border-radius:7px;}
.serpl-app .serpl-skip{position:absolute;left:-10000px;top:auto;}
.serpl-app .serpl-skip:focus{left:20px;top:20px;background:var(--surface);padding:12px;z-index:10000;}
@media(prefers-color-scheme:dark){body.serpl-ui-page{background:#151a21!important;}.serpl-members.serpl-app{--serpl-ink:#eef2f8;--serpl-muted:#acb9ca;--serpl-line:#36404d;--serpl-accent:#9abcff;--serpl-ok:#91d4b2;--serpl-warn:#f4ba94;--surface:#1c232d;--ground:#151a21;--soft:#222f43;}.serpl-app .serpl-btn,.serpl-app .serpl-dbx-form .button,.serpl-app input[type=submit],.serpl-app button[type=submit]{background:#2459c4;color:#fff;border-color:#9abcff;}.serpl-app .serpl-mark{background:#2459c4;}}
@media(max-width:780px){.serpl-members.serpl-app{padding:0 20px 20px;}.serpl-app .serpl-workspace{grid-template-columns:1fr;gap:0;}.serpl-app .serpl-workspace>aside{position:static;}.serpl-app .serpl-fair>div{grid-template-columns:1fr;gap:4px;}}
@media(max-width:560px){.serpl-members.serpl-app{padding:0 16px 16px;}.serpl-app .serpl-top{padding-top:20px;align-items:flex-start;}.serpl-app .serpl-support{max-width:100px;text-align:right;line-height:1.4;}.serpl-app .serpl-nav{gap:0 17px;}.serpl-app .serpl-hero{padding:26px 0 22px;}.serpl-app .serpl-overview,.serpl-app .serpl-billing-grid{grid-template-columns:1fr;gap:0;}.serpl-app .serpl-billing-grid>div+div{border-top:1px solid var(--serpl-line);padding-top:20px;margin-top:20px;}.serpl-app .serpl-card{padding:21px;margin-bottom:16px;}.serpl-app .serpl-kv>div{grid-template-columns:85px minmax(0,1fr);gap:10px;}.serpl-app .serpl-footer{display:block;}.serpl-app .serpl-footer a{display:block;min-height:44px;padding-top:8px;}}
@media(prefers-reduced-motion:reduce){.serpl-app *{scroll-behavior:auto!important;transition:none!important;}}