:root{color-scheme:dark;--bg:#090e17;--panel:#121b29;--panel-2:#172334;--panel-3:#1c2a3d;--line:#26354a;--line-soft:#1e2b3d;--text:#f0f5fc;--muted:#8e9cb0;--subtle:#687a93;--teal:#49e1c4;--teal-deep:#0c615c;--purple:#a393fb;--blue:#75baff;--amber:#f6c374;--danger:#ff8795;--radius:18px;--shadow:0 18px 55px rgba(0,0,0,.2)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:disabled{cursor:not-allowed;opacity:.55}
::selection{background:#58d4c36b;color:white}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0d1623;color:var(--text);outline:none;padding:12px 14px;transition:border .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(73,225,196,.1)}
textarea{resize:vertical;min-height:80px}
input::placeholder,textarea::placeholder{color:#68788f}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%2395a9bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'%3E%3Cpath d='m3 5 4.5 4.5L12 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}
select option{background:#172334;color:var(--text)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.035em}
.muted,.page-subtitle{color:var(--muted)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin:0 0 12px}
.brand-mark{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.09em;line-height:1.1;white-space:nowrap}
.brand-mark small{display:block;margin-top:4px;color:var(--subtle);font-size:8px;font-weight:700;letter-spacing:.16em}
.brand-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(107,250,224,.4);border-radius:11px;background:linear-gradient(140deg,#255d5d,#12303c 55%,#17315b);color:#bbfff1;font-size:23px;font-style:italic;font-weight:800;box-shadow:0 0 22px rgba(73,225,196,.12)}
.pulse-dot,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(73,225,196,.1),0 0 13px rgba(73,225,196,.7)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:10px;font-weight:750;font-size:13px;transition:transform .18s,background .18s,border .18s,box-shadow .18s;white-space:nowrap}
.button:not(:disabled):hover{transform:translateY(-1px)}
.button-primary{background:var(--teal);color:#052d2b;box-shadow:0 9px 20px rgba(73,225,196,.13)}
.button-primary:not(:disabled):hover{background:#72efd8;box-shadow:0 11px 26px rgba(73,225,196,.2)}
.button-ghost{background:#1a2738;border-color:#314055;color:#d9e6f5}
.button-ghost:not(:disabled):hover{background:#24354a;border-color:#4b617b}
.button-danger{background:#492a35;border-color:#805061;color:#ffd8df}
.button-danger:not(:disabled):hover{background:#633445;border-color:#af6375}
.button-light{background:#f3f9ff;color:#112a35}
.button-block{width:100%;min-height:46px}
.text-button{border:0;background:none;color:var(--teal);font-size:12px;font-weight:750;padding:4px;white-space:nowrap}
.text-button:hover{text-decoration:underline}
.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:9px;background:#172334;color:#c7d8e9;font-size:20px;line-height:1}
.icon-button:hover{background:#233147}
.field-label{display:block;font-size:12px;color:#c8d6e6;font-weight:750;margin:17px 0 7px}
.field-hint{font-size:11px;color:var(--subtle);line-height:1.6;margin:8px 0 20px}
.form-error{min-height:18px;color:var(--danger);font-size:12px;margin:11px 0 0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid.three{grid-template-columns:1fr 1fr 1fr}
.toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:min(400px,calc(100vw - 40px));padding:13px 17px;background:#1e3441;border:1px solid #3f8e87;border-radius:12px;box-shadow:var(--shadow);color:#e9fff9;font-size:13px;animation:slide-in .22s ease}
.toast.error{background:#3d2735;border-color:#ba6677;color:#ffe3e8}
@keyframes slide-in{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Admin layout */
.admin-body{min-height:100vh;background:radial-gradient(circle at 78% -12%,rgba(24,86,101,.15),transparent 38%),var(--bg)}
.app-shell{display:flex;min-height:100vh}
.sidebar{display:flex;flex-direction:column;position:fixed;z-index:30;inset:0 auto 0 0;width:244px;overflow-y:auto;padding:26px 16px 16px;border-right:1px solid var(--line-soft);background:#0d1622}
.side-top{padding:0 10px}
.side-environment{display:flex;align-items:center;gap:10px;margin-top:33px;padding:11px 12px;border:1px solid #28404b;border-radius:11px;background:linear-gradient(100deg,#15352f,#172936);font-size:11px;font-weight:700;color:#c8e9e4}
.side-environment-tag{margin-left:auto;color:#7ee6d0;font-size:10px}
.side-nav{display:flex;flex-direction:column;gap:3px;margin-top:19px}
.nav-caption{padding:13px 12px 7px;color:#64758d;font-size:10px;font-weight:850;letter-spacing:.13em}
.nav-caption-gap{margin-top:11px}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:none;color:#93a3ba;text-align:left;font-size:12px;font-weight:700;transition:background .18s,color .18s,border .18s}
.nav-item:hover{background:#172334;color:#f2f8ff}
.nav-item.active{background:#173933;border-color:#275c54;color:#7ef0d8}
.nav-workspace{color:#bfd0e7}
.workspace-arrow{margin-left:auto;color:#7089a4;font-size:13px}
.nav-icon{display:grid;place-items:center;width:19px;font-size:16px;font-weight:500;line-height:1}
.side-bottom{margin-top:auto;display:grid;gap:14px}
.side-help{display:flex;align-items:center;gap:9px;padding:12px 10px;border-radius:11px;background:#172437}
.side-help-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#334363;color:#c3b3ff}
.side-help strong,.side-help small,.side-account strong,.side-account small{display:block}
.side-help strong,.side-account strong{font-size:11px}
.side-help small,.side-account small{margin-top:2px;color:var(--subtle);font-size:9px}
.side-help a{margin-left:auto;color:var(--teal);font-size:16px}
.side-account{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#111d2d;color:var(--text);text-align:left}
.side-account:hover{background:#1b2a3f}
.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#344b65;color:#d9f0ff;font-size:13px}
.logout-arrow{margin-left:auto;color:var(--subtle)}
.main-area{width:calc(100% - 244px);min-height:100vh;margin-left:244px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 36px;border-bottom:1px solid var(--line-soft);background:rgba(9,14,23,.86);backdrop-filter:blur(18px)}
.topbar-start,.topbar-end{display:flex;align-items:center;gap:18px}
.breadcrumb{font-size:12px;color:var(--subtle)}
.breadcrumb span{margin:0 7px;color:#3e4f67}
.breadcrumb strong{color:#dbe7f5}
.topbar-date{font-size:10px;color:#6c7c92;margin-top:2px}
.api-badge,.region-badge{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:8px 11px;background:#152a2a;color:#8fead6;font-size:10px;font-weight:800;white-space:nowrap}
.api-badge.offline{background:#382931;color:#f8a4aa}
.api-badge.offline .pulse-dot{background:var(--danger);box-shadow:none}
.region-badge{background:#1b283b;color:#aecdf3}
.region-badge span{color:#8ba4c4;font-weight:600}
.topbar-link{font-size:17px}
.mobile-menu{display:none}
.content-wrap{max-width:1510px;margin:auto;padding:32px 36px 64px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}
.page-head h1{margin:0 0 5px;font-size:30px;font-weight:850;line-height:1.2}
.page-head .eyebrow{margin-bottom:6px}
.page-subtitle{margin:0;font-size:12px}
.hero-banner{display:flex;justify-content:space-between;position:relative;min-height:238px;overflow:hidden;margin-bottom:21px;border:1px solid #376f74;border-radius:var(--radius);padding:30px 39px;background:linear-gradient(106deg,#1e776b 0%,#164348 48%,#172a50 100%)}
.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 44%);pointer-events:none}
.hero-banner>div:first-child{position:relative;z-index:2}
.hero-kicker{display:inline-block;margin-bottom:10px;padding:5px 9px;border:1px solid rgba(209,255,248,.3);border-radius:6px;color:#c6fbec;font-size:9px;font-weight:850;letter-spacing:.08em}
.hero-banner h2{margin:0;font-size:28px;line-height:1.25;color:white}
.hero-banner p{max-width:410px;margin:10px 0 17px;color:#b8e8e2;font-size:11px}
.hero-banner .button{min-height:35px;padding:7px 12px;font-size:11px}
.hero-graphic{position:relative;width:34%;min-width:270px}
.hero-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(159,246,230,.25);border-radius:50%;transform:translate(-50%,-50%)}
.ring-a{width:260px;height:260px}.ring-b{width:350px;height:350px}
.hero-card{position:absolute;top:24px;left:50%;display:flex;flex-direction:column;justify-content:space-between;width:208px;height:143px;padding:18px 19px;border:1px solid rgba(189,251,246,.46);border-radius:14px;background:linear-gradient(145deg,rgba(136,238,219,.23),rgba(15,70,79,.86) 52%,rgba(22,44,85,.82));box-shadow:0 16px 45px rgba(0,18,26,.42);transform:translateX(-50%) rotate(-11deg);backdrop-filter:blur(12px)}
.hero-card span{font-size:12px;font-weight:850;letter-spacing:.12em}.hero-card b{position:absolute;right:17px;top:17px;font-size:12px}.hero-card i{width:23px;height:19px;border:1px solid #c3e9db;border-radius:5px;background:linear-gradient(45deg,#ddd6a0,#869fb2)}.hero-card small{font-size:7px;letter-spacing:.18em}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}
.stat-card{position:relative;min-height:138px;padding:19px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.stat-icon{position:absolute;right:18px;top:17px;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:17px}
.stat-icon.teal{background:#18473f;color:var(--teal)}.stat-icon.purple{background:#332c50;color:var(--purple)}.stat-icon.blue{background:#213c57;color:var(--blue)}.stat-icon.amber{background:#4b3b2d;color:var(--amber)}
.stat-name{display:block;color:#9dafc6;font-size:11px;font-weight:700}
.stat-card strong{display:block;margin-top:14px;font-size:30px;font-weight:850;line-height:1}
.stat-card small{display:block;margin-top:12px;color:var(--subtle);font-size:10px}
.stat-uses-by-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 0}
.stat-uses-by-plan>div{min-width:0;padding-right:6px;border-right:1px solid var(--line-soft)}
.stat-uses-by-plan>div:last-child{padding-right:0;border-right:0}
.stat-uses-by-plan dt{color:#9dafc6;font-size:10px;font-weight:700;white-space:nowrap}
.stat-uses-by-plan dd{margin:6px 0 0;color:#e3fff4;font-size:23px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1;overflow-wrap:anywhere}
.stat-card-uses small{margin-top:13px}
.stat-card-vouchers .stat-uses-by-plan dd{color:#dac8ff}
.stat-card-results .stat-uses-by-plan>div:nth-child(1) dd{color:#92ead0}
.stat-card-results .stat-uses-by-plan>div:nth-child(2) dd{color:#ffabae}
.stat-card-results .stat-uses-by-plan>div:nth-child(3) dd{color:#a6cbff;font-size:20px}
.stat-card-vouchers small,.stat-card-results small{margin-top:13px}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.overview-bottom{grid-template-columns:1.05fr .95fr}
.surface{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 2px 14px rgba(0,0,0,.05)}
.overview-bottom .surface{padding:22px}
.surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.surface-head h2{margin:0;font-size:17px}
.surface-head p{margin:4px 0 0;color:var(--subtle);font-size:11px}
.mini-label{padding:6px 9px;border:1px solid #2f4b50;border-radius:7px;color:#8cdfd0;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.plan-summary{display:grid;gap:10px;margin-top:20px}
.plan-row{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line-soft);border-radius:11px;background:#172235}
.plan-bullet{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#1e514b;color:#7af0d4;font-weight:800}
.plan-row:nth-child(2) .plan-bullet{background:#373057;color:#c1acff}.plan-row:nth-child(3) .plan-bullet{background:#28405f;color:#9dc8ff}
.plan-row strong{font-size:12px}.plan-row small{display:block;color:var(--subtle);font-size:10px;margin-top:2px}.plan-row .plan-count{margin-left:auto;font-size:18px;font-weight:800}.plan-row .plan-count small{text-align:right}
.recent-orders{margin-top:15px}
.recent-order{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.recent-order:last-child{border-bottom:0}
.recent-order-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#233850;color:#90c7ff}
.recent-order-info{flex:1;min-width:0}.recent-order strong{font-size:11px;overflow-wrap:anywhere}.recent-order small{display:block;margin-top:2px;color:var(--subtle);font-size:10px}.recent-order .status-pill{flex:none;margin-left:auto}
.pool-overview{margin-top:21px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.pool-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.pool-summary-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:17px 19px;border:1px solid #31546b;border-radius:12px;background:linear-gradient(120deg,#17343e,#172538);color:inherit;text-align:left;transition:border-color .18s,transform .18s}
.pool-summary-card:hover{border-color:#6ab8bd;transform:translateY(-2px)}
.pool-summary-top{display:flex;align-items:center;justify-content:space-between;color:#d9ecf8;font-size:13px}
.pool-summary-top>span{color:#76c9c8}
.pool-summary-stock{color:#b7f0de;font-size:20px;font-weight:800}
.pool-summary-detail{color:#91aac1;font-size:11px}
.pool-workspace{display:flex;flex-direction:column;gap:19px}
.pool-workspace .page-head{margin-bottom:0}
.pool-source-switch{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel);width:fit-content;max-width:100%}
.pool-source-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:8px 16px;font-size:12px;font-weight:750}
.pool-source-switch button.active{background:#20504e;color:#c4f8ed;box-shadow:inset 0 0 0 1px #3c8277}
.pool-source-switch .status-pill{margin-left:12px}
.pool-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pool-metric{min-height:125px;padding:19px;display:flex;flex-direction:column;gap:4px}
.pool-metric span{font-size:11px;color:var(--muted)}
.pool-metric strong{font-size:25px;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pool-metric small{font-size:10px;color:var(--subtle)}
.pool-stock-surface,.pool-rules-surface,.pool-issue-surface,.pool-recovery{padding:22px}
.pool-plan-stock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pool-plan-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#101c2c}
.pool-plan-tile strong{display:block;font-size:12px}.pool-plan-tile small{color:var(--muted);font-size:10px}
.pool-plan-tile b{color:var(--teal);font-size:22px}
.pool-work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:18px;align-items:start}
.pool-rule-list{display:flex;flex-direction:column;gap:11px}
.pool-auto-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:11px;cursor:pointer}
.pool-auto-switch input,.pool-rule-heading input{width:auto;accent-color:var(--teal)}
.pool-auto-switch span{color:var(--text);font-weight:700}
.pool-rule-card{padding:15px;border:1px solid var(--line);border-radius:11px;background:#101b29}
.pool-rule-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.pool-rule-heading strong{font-size:12px}
.pool-rule-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pool-rule-fields .field-label{font-size:10px}
.pool-rule-fields input,.pool-rule-fields select{padding:9px 10px;font-size:11px}
.pool-rule-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.pool-rule-actions .field-hint{margin:0}
.pool-issue-surface form{display:flex;flex-direction:column;gap:10px}
.pool-issue-surface .field-label{margin-bottom:-5px}
.pool-issue-surface .field-hint{line-height:1.6}
.pool-issue-surface .button{align-self:flex-start}
.pool-list .list-toolbar .button{padding:8px 12px;font-size:11px}
.pool-recovery .surface-head{margin-bottom:10px}
.pool-recovery-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.pool-recovery-settings,.pool-recovery-preview{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#101b29}
.pool-recovery-subhead h3,.pool-recovery-records h3{margin:0;font-size:14px}
.pool-recovery-subhead p{margin:4px 0 16px;color:var(--muted);font-size:11px;line-height:1.6}
.pool-recovery-settings>.pool-auto-switch{margin-bottom:14px}
.pool-recovery-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pool-recovery-settings .button{margin-top:15px}
.pool-recovery-scan{display:flex;gap:8px}
.pool-recovery-scan input{min-width:0;flex:1}
.pool-recovery-scan .button{flex:none}
.pool-recovery-preview .field-hint{margin:12px 0;color:var(--muted);font-size:11px}
.pool-recovery-candidates{display:flex;flex-direction:column;gap:8px}
.pool-recovery-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#172535}
.pool-recovery-candidate strong,.pool-recovery-candidate small{display:block}
.pool-recovery-candidate strong{font-size:12px}
.pool-recovery-candidate small{font-size:10px;color:var(--muted)}
.pool-recovery-candidate .button{padding:8px 10px;font-size:10px;white-space:nowrap}
.pool-recovery-records{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#101b29}
.pool-recovery-records .list-toolbar{padding:12px 17px;min-height:64px}
.pool-recovery-records .list-toolbar .button{padding:8px 10px;font-size:11px}
.pool-recovery-records .pager{padding:12px 17px}
.pool-recovery-records td small{display:block;color:var(--muted);font-size:10px}
@media(max-width:1050px){.pool-recovery-grid{grid-template-columns:1fr}}
@media(max-width:620px){.pool-recovery-settings,.pool-recovery-preview{padding:14px}.pool-recovery-fields{gap:9px}.pool-recovery-scan{flex-direction:column}.pool-recovery-scan .button{width:100%}.pool-recovery-candidate{align-items:flex-start;flex-direction:column}.pool-recovery-candidate .button{width:100%}}
@media(max-width:1100px){.pool-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-work-grid{grid-template-columns:1fr}}
@media(max-width:620px){.pool-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pool-metric{padding:14px;min-height:105px}.pool-metric strong{font-size:21px}.pool-plan-stock{grid-template-columns:1fr}.pool-stock-surface,.pool-rules-surface,.pool-issue-surface,.pool-recovery{padding:16px}.pool-rule-fields{grid-template-columns:1fr 1fr}.pool-source-switch{width:100%}.pool-source-switch button{flex:1;padding:8px}.pool-source-switch .status-pill{margin-left:0}}
.empty-inline{padding:26px 10px;text-align:center;color:var(--subtle);font-size:11px}
.status-pill{display:inline-block;max-width:100%;padding:5px 9px;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}
.status-pill.success{background:#173b34;border-color:#286c59;color:#85e9c4}.status-pill.warn{background:#443726;border-color:#76542f;color:#f7c77a}.status-pill.error{background:#432c34;border-color:#70404f;color:#f49fa9}.status-pill.info{background:#253a58;border-color:#3e5e85;color:#abd0ff}.status-pill.neutral{background:#263246;border-color:#364962;color:#aec0d5}
.form-layout{align-items:start}.form-surface,.info-surface,.site-preview{padding:25px}
.form-surface .button{margin-top:3px}.form-surface .surface-head{margin-bottom:16px}
.info-surface>h2{font-size:18px;margin-bottom:25px}
.step-line{display:flex;gap:15px;padding:0 0 25px}
.step-line>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #356056;border-radius:10px;background:#1a3837;color:var(--teal);font-size:10px;font-weight:850}
.step-line strong{display:block;margin:1px 0 4px;font-size:12px}
.step-line p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.info-callout{margin-top:6px;padding:14px;border:1px solid #5b5139;border-radius:10px;background:#332d23;color:#e5cfa6;font-size:11px;line-height:1.7}
.list-surface{overflow:hidden}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:77px;padding:15px 21px;border-bottom:1px solid var(--line)}
.toolbar-title{display:flex;align-items:center;gap:9px}.toolbar-title h2{margin:0;font-size:15px}.count-pill{display:inline-block;padding:3px 7px;border-radius:7px;background:#22374b;color:#b8d6ea;font-size:10px;font-weight:800}
.filters{display:flex;align-items:center;gap:8px}.filters select{width:auto;min-width:121px;padding:8px 32px 8px 10px;font-size:11px}
.voucher-list-toolbar{flex-wrap:wrap}
.voucher-search-row,.card-search-row{display:flex;align-items:center;gap:15px;padding:13px 21px;border-bottom:1px solid var(--line-soft)}
.voucher-search,.card-search{display:flex;align-items:center;gap:8px;width:min(420px,100%);border:1px solid var(--line);border-radius:10px;background:#0d1623;padding:0 11px;color:var(--muted)}
.voucher-search:focus-within,.card-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(73,225,196,.1)}
.voucher-search input,.card-search input{min-width:0;border:0;background:transparent;box-shadow:none!important;padding:10px 0;font-size:12px}
.voucher-search-hint,.card-search-hint{font-size:10px;color:var(--subtle)}
.card-full-number{font-variant-numeric:tabular-nums;letter-spacing:.02em;user-select:text}
.card-delete-link{color:var(--danger)}
.card-swipe-hint{display:none;margin:0;padding:7px 15px;border-bottom:1px solid var(--line-soft);color:var(--subtle);font-size:10px}
.voucher-batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;padding:13px 21px;border-bottom:1px solid var(--line-soft);background:#152131}
.voucher-batch-toolbar strong{display:block;font-size:12px}.voucher-batch-toolbar small{display:block;color:var(--subtle);font-size:10px;margin-top:2px}
.voucher-batch-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.voucher-batch-actions .button{min-height:32px;padding:6px 10px;font-size:10px}
.voucher-batch-actions .text-button{font-size:10px}
.voucher-check-cell{width:42px;padding-left:19px!important;padding-right:5px!important}
.voucher-check-cell input{width:15px;height:15px;margin:0;accent-color:var(--teal);vertical-align:middle}
.voucher-email{display:inline-block;max-width:260px;overflow-wrap:anywhere;white-space:normal;color:#e1ecf8;user-select:text}
.voucher-email-empty{color:var(--subtle)}
.voucher-code-cell{display:flex;align-items:center;gap:8px;min-width:0;max-width:270px}.voucher-code-cell strong{min-width:0;overflow-wrap:anywhere;user-select:text}.voucher-code-cell .voucher-copy{flex:none;white-space:nowrap;font-size:10px}
.voucher-used-at{white-space:nowrap;font-variant-numeric:tabular-nums}
.voucher-note{display:inline-block;max-width:190px;overflow-wrap:anywhere;white-space:normal}
.voucher-delete-link{color:var(--danger)}
.voucher-swipe-hint{display:none;margin:0;padding:7px 15px;border-bottom:1px solid var(--line-soft);color:var(--subtle);font-size:10px}
.voucher-batch-results{max-height:min(45vh,380px);overflow:auto;border:1px solid var(--line);border-radius:10px}
.voucher-batch-result{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line-soft);font-size:11px}
.voucher-batch-result:last-child{border-bottom:0}.voucher-batch-result strong{max-width:62%;overflow-wrap:anywhere}.voucher-batch-result span{text-align:right;color:var(--teal)}.voucher-batch-result.is-skipped span{color:var(--amber)}
.table-scroll{overflow:auto;width:100%}
table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
th{padding:14px 21px;background:#15202f;color:#7488a2;font-size:10px;font-weight:800;letter-spacing:.05em}
td{padding:16px 21px;border-top:1px solid var(--line-soft);color:#b9c9db;font-size:11px}
td strong{color:#e3edf8;font-size:11px}td small{display:block;margin-top:3px;color:var(--subtle);font-size:10px}
td .text-button{font-size:11px}
.table-empty{padding:45px 10px;text-align:center;color:var(--subtle);font-size:12px}
.table-action{display:flex;gap:10px}
.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}
.pager span{color:var(--subtle);font-size:11px;margin-right:6px}.pager button{min-width:33px;height:31px;border:1px solid var(--line);border-radius:8px;background:#172334;color:#bed0e4;font-size:11px}.pager button:hover:not(:disabled){background:#25394d}
.site-preview{overflow:hidden;padding:0;background:#0b1420}.preview-browser{display:flex;align-items:center;gap:4px;height:36px;padding:0 14px;background:#1e2b3e;border-bottom:1px solid var(--line)}.preview-browser span{width:6px;height:6px;border-radius:50%;background:#65768a}.preview-browser span:first-child{background:#e9898f}.preview-browser span:nth-child(2){background:#eac980}.preview-browser span:nth-child(3){background:#84cfae}.preview-browser small{margin:auto;color:#7b8ba1;font-size:9px}
.preview-content{position:relative;min-height:365px;overflow:hidden;padding:34px}.preview-glow{position:absolute;top:-90px;right:-75px;width:260px;height:260px;border-radius:50%;background:#11685d;filter:blur(75px);opacity:.53}.preview-content>*:not(.preview-glow){position:relative}.preview-content h2{font-size:24px}.preview-content p{color:#94a9bb;font-size:11px}.preview-tiers{display:flex;gap:6px;margin:35px 0 22px}.preview-tiers span{padding:6px 9px;border:1px solid #3a615b;border-radius:6px;color:#9fe7d8;font-size:8px}.preview-input{height:32px;border:1px solid #344457;border-radius:7px;background:#172638}.preview-button{width:90px;height:26px;margin-top:11px;border-radius:6px;background:#49e1c4}
.stacked-surfaces{display:grid;gap:18px}.scope-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:11px}.scope-row span{color:var(--muted)}.scope-row strong{font-weight:750;text-align:right}.scope-row em{font-style:normal;color:var(--teal);margin-left:4px}.scope-note{margin:24px 0 0;color:var(--subtle);font-size:11px;line-height:1.7}

/* Dialogs and login */
.modal{width:min(510px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;padding:0;border:1px solid #3b4e65;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 35px 90px rgba(0,0,0,.55)}
.modal::backdrop{background:rgba(1,6,14,.75);backdrop-filter:blur(6px)}
.modal-content{padding:26px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-head h2{margin:0;font-size:21px}.modal-head .eyebrow{margin-bottom:5px}.modal-head .icon-button{flex:none}.modal-intro{margin:10px 0 18px;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.modal textarea[readonly]{font-family:ui-monospace,Consolas,monospace;font-size:12px}.detail-list{margin-top:20px}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:11px}.detail-row span{color:var(--muted)}.detail-row strong{min-width:0;max-width:70%;overflow-wrap:anywhere;text-align:right;font-weight:700}
.login-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 21% 50%,rgba(30,120,114,.22),transparent 35%),radial-gradient(circle at 80% 20%,rgba(69,57,130,.14),transparent 34%),#0a101a}
.login-art{position:relative;display:grid;place-items:center;min-height:100vh}.login-orbit{position:absolute;border:1px solid rgba(109,224,208,.14);border-radius:50%}.orbit-one{width:min(47vw,560px);height:min(47vw,560px)}.orbit-two{width:min(35vw,420px);height:min(35vw,420px);border-color:rgba(109,224,208,.27)}.login-core{display:grid;place-items:center;width:240px;height:240px;border:1px solid #5aafaa;border-radius:50%;background:radial-gradient(circle,#1c6d65,#1b3b50 61%,#142038);box-shadow:0 0 80px rgba(55,186,174,.2),inset 0 0 40px rgba(102,247,222,.08);color:#dcfff7;font-size:75px;font-weight:900;font-style:italic;letter-spacing:-.12em}.login-core span{color:var(--teal);font-size:.52em;align-self:end;margin-bottom:45px}
.login-card{width:min(390px,calc(100vw - 42px));margin:auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:rgba(19,30,44,.85);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.login-card .brand-mark{margin-bottom:40px}.login-card h1{margin:0 0 6px;font-size:29px}.login-card .muted{font-size:12px;line-height:1.7}.login-card .button{margin-top:22px}.login-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:30px;border-top:1px solid var(--line);padding-top:19px;color:var(--subtle);font-size:10px}.login-foot .dot{order:-1;width:5px;height:5px}

/* Public redemption site */
.redeem-body{background:radial-gradient(circle at 75% 10%,rgba(24,97,94,.18),transparent 32%),#080e17}
.redeem-container{width:min(1130px,calc(100% - 44px));margin:auto}
.redeem-header{position:relative;z-index:5;border-bottom:1px solid #1d2b3e;background:rgba(10,17,27,.85);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}.header-right{display:flex;align-items:center;gap:20px}.header-admin{color:#8fa2b8;font-size:11px;font-weight:750}.header-admin:hover{color:var(--teal)}
.redeem-hero{overflow:hidden;border-bottom:1px solid #1b2839;background:radial-gradient(circle at 77% 52%,rgba(27,117,105,.22),transparent 33%),linear-gradient(150deg,#0e1a29,#0a111c 60%)}.redeem-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:445px;gap:40px}.redeem-hero-copy{position:relative;z-index:2;padding:60px 0}.hero-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:7px 12px;border:1px solid #28594f;border-radius:99px;background:#152d2d;color:#9bf0d8;font-size:10px;font-weight:850;letter-spacing:.08em}.redeem-hero h1{font-size:clamp(35px,4.5vw,60px);line-height:1.16;letter-spacing:-.055em;margin:0 0 21px}.redeem-hero h1 em{font-style:normal;color:var(--teal)}.redeem-hero-copy>p{max-width:470px;color:#a6b7ca;font-size:14px;line-height:1.85}.redeem-hero-points{display:flex;flex-wrap:wrap;gap:19px;margin-top:27px;color:#9bb5bc;font-size:11px}.redeem-hero-points span:first-letter{color:var(--teal)}
.hero-visual{position:relative;height:400px}.visual-halo{position:absolute;top:16%;left:20%;width:70%;height:70%;border:1px solid rgba(113,228,206,.18);border-radius:50%;box-shadow:0 0 0 43px rgba(97,216,200,.026),0 0 0 91px rgba(97,216,200,.023)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(112,191,186,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(112,191,186,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 65%)}.visual-main-card{position:absolute;top:23%;left:13%;display:flex;flex-direction:column;justify-content:space-between;width:78%;height:56%;padding:25px 28px;border:1px solid rgba(141,231,217,.47);border-radius:20px;background:linear-gradient(130deg,rgba(60,181,165,.44),rgba(20,79,91,.94) 44%,rgba(26,44,86,.94));box-shadow:0 27px 60px rgba(0,0,0,.4);transform:rotate(-8deg)}.card-topline,.card-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.1em}.card-topline span:last-child{font-size:25px;font-weight:400}.card-chip{display:grid;grid-template-columns:repeat(2,12px);gap:2px;width:31px;padding:3px;border:1px solid #d8dbc1;border-radius:5px;background:#c1c4a9;transform:rotate(90deg)}.card-chip i{height:10px;border:1px solid #87958c;border-radius:2px}.card-plan{font-size:11px;letter-spacing:.25em;color:#a5f0e2}.card-bottomline{font-size:9px;color:#d8ecee}.card-bottomline strong{font-size:16px}.floating-tag{position:absolute;z-index:2;padding:9px 13px;border:1px solid #325959;border-radius:9px;background:rgba(19,46,50,.82);backdrop-filter:blur(8px);color:#a7ecdd;font-size:10px;font-weight:850;letter-spacing:.07em}.tag-top{top:15%;right:3%}.tag-bottom{left:4%;bottom:15%;display:flex;align-items:center;gap:10px}
.redeem-plans{padding:73px 0 82px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.section-heading h2{margin:0;font-size:27px}.section-heading>p{margin:0 0 3px;color:var(--muted);font-size:12px}.redeem-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.redeem-plan{position:relative;min-height:213px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#131e2d;overflow:hidden}.redeem-plan:after{content:"";position:absolute;top:-70px;right:-50px;width:170px;height:170px;border:1px solid rgba(106,209,194,.12);border-radius:50%}.redeem-plan.featured{background:linear-gradient(145deg,#1c3340,#182239);border-color:#3b6f69}.plan-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#195347;color:#7df0d5;font-size:22px}.plan-icon.pro-icon{background:#393257;color:#c2b4ff}.plan-icon.max-icon{background:#28445f;color:#a9d6ff}.plan-index{position:absolute;right:20px;top:24px;color:#738aa2;font-size:9px;font-weight:800;letter-spacing:.08em}.redeem-plan h3{margin:19px 0 3px;font-size:20px}.redeem-plan p{color:var(--muted);font-size:11px}.plan-region{display:inline-block;margin-top:10px;color:#78cbbb;font-size:10px;font-weight:750}
.redeem-workflow{border-top:1px solid #213147;background:linear-gradient(120deg,#101b2a,#0c1421);padding:80px 0 92px}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7%}.workflow-copy h2{font-size:33px;margin:0 0 9px}.workflow-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-bottom:33px}.workflow-copy .step-line{padding-bottom:27px}.workflow-copy .step-line>span{width:37px;height:37px;font-size:11px}.workflow-copy .step-line strong{font-size:13px}.workflow-copy .step-line p{font-size:11px}.privacy-note{display:flex;gap:14px;margin-top:18px;padding:17px;border:1px solid #39585d;border-radius:12px;background:#1a3037;color:#cce3df}.privacy-note>span{font-size:19px;color:var(--teal)}.privacy-note strong{font-size:11px}.privacy-note p{margin:4px 0 0;color:#92b2b3;font-size:10px;line-height:1.7}
.redeem-form-card{padding:30px;border:1px solid #375b60;border-radius:20px;background:linear-gradient(160deg,#1a2b3b,#141e2d 38%);box-shadow:0 20px 70px rgba(0,0,0,.18)}.form-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-card-top .eyebrow{margin:0}.secure-tag{display:flex;align-items:center;gap:9px;color:#94d4c8;font-size:10px}.redeem-form-card h2{margin:16px 0 4px;font-size:23px}.redeem-form-card>p{color:var(--muted);font-size:11px}.redeem-form-card .button-block{margin-top:24px}.redeem-form-card textarea{font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.6}.redeem-form-card .field-label{margin-top:18px}
.redeem-result{padding-top:12px}.result-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.result-head .eyebrow{margin:0 0 4px}.result-head h3{margin:0;font-size:18px}.result-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#285b56;color:#a4f5dc;font-size:22px}.redeem-result>p{color:#aabacc;font-size:12px;line-height:1.7}.result-meta{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.result-meta span,.result-updated{color:var(--subtle)}.result-meta strong{overflow-wrap:anywhere;text-align:right}.result-updated{margin:13px 0 0;font-size:10px!important}.redeem-result .button{margin-top:16px}.redeem-result .text-button{display:block;margin-top:16px}
.redeem-footer{border-top:1px solid #1e2d3d;background:#0a111b}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px}.footer-inner>span{color:#687a91;font-size:11px}

@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-bottom,.form-layout{grid-template-columns:1fr}.content-wrap{padding:29px 27px 55px}.topbar{padding:12px 27px}.hero-graphic{min-width:220px}.hero-card{top:34px}.workflow-grid{gap:4%}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop:not([hidden]){position:fixed;z-index:29;inset:0;display:block;border:0;background:rgba(0,0,0,.62)}.main-area{margin-left:0;width:100%}.mobile-menu{display:grid}.topbar{min-height:64px;padding:10px 19px}.content-wrap{padding:25px 19px 50px}.topbar-date{display:none}.topbar-end{gap:8px}.topbar-end .region-badge{display:none}.page-head h1{font-size:25px}.hero-banner{padding:27px}.hero-graphic{display:none}.redeem-hero-grid{grid-template-columns:1fr;min-height:auto}.redeem-hero-copy{padding:56px 0 20px}.hero-visual{height:300px;width:min(430px,100%);margin:auto}.redeem-plan-grid{grid-template-columns:1fr 1fr}.workflow-grid{grid-template-columns:1fr;gap:35px}.redeem-workflow{padding:60px 0}.login-stage{grid-template-columns:1fr}.login-art{display:none}.login-card{margin:10vh auto}}
@media(max-width:540px){.content-wrap{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.api-badge{font-size:0;padding:10px}.api-badge .pulse-dot{width:7px;height:7px}.page-head{align-items:flex-start}.page-head .button{font-size:11px;padding:8px}.stats-grid{gap:9px}.stat-card{min-height:120px;padding:15px}.stat-card strong{font-size:25px}.stat-icon{width:26px;height:26px;right:13px;top:13px}.hero-banner{min-height:220px}.hero-banner h2{font-size:23px}.pool-summary-grid{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.filters{width:100%}.filters select{flex:1;min-width:0}.list-toolbar{align-items:flex-start;flex-direction:column;padding:15px}.page-head{flex-wrap:wrap}.form-surface,.info-surface{padding:20px}.redeem-container{width:min(100% - 30px,1130px)}.redeem-header .brand-mark{font-size:11px}.redeem-header .brand-mark small{font-size:6px}.redeem-header .brand-symbol{width:30px;height:30px;font-size:18px}.header-right .region-badge{display:none}.header-admin{font-size:10px}.redeem-hero h1{font-size:37px}.hero-visual{height:230px}.visual-main-card{top:13%;height:68%;padding:17px}.redeem-plans{padding:55px 0}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:24px}.redeem-plan-grid{grid-template-columns:1fr;gap:10px}.workflow-copy h2{font-size:29px}.redeem-form-card{padding:22px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:13px;padding:25px 0}.footer-inner>span{font-size:9px}}
@media(max-width:540px){.stat-uses-by-plan{gap:3px}.stat-uses-by-plan dt{font-size:9px}.stat-uses-by-plan dd{font-size:18px}.stat-card-uses small{font-size:9px}}
@media(max-width:540px){.stat-card-results .stat-uses-by-plan>div:nth-child(3) dd{font-size:16px}.stat-card-vouchers small,.stat-card-results small{font-size:9px}}
@media(max-width:540px){.voucher-search-row,.card-search-row{align-items:stretch;flex-direction:column;gap:5px;padding:12px 15px}.voucher-search,.card-search{width:100%}.voucher-batch-toolbar{padding:12px 15px}.voucher-batch-actions{width:100%}.voucher-batch-actions .button{flex:1 1 40%}.voucher-batch-actions .text-button{margin-left:auto}.voucher-swipe-hint,.card-swipe-hint{display:block}}

/* Subscription lookup mirrors the light Pro20x account-check layout inside the dark admin shell. */
.subscription-query-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);align-items:start;gap:20px}
.subscription-query-stack{display:grid;gap:18px;min-width:0}
.subscription-query-form,.subscription-progress,.subscription-result{padding:25px;border-color:#dbe6e8;background:#fbfdfc;color:#172a32;box-shadow:0 14px 42px rgba(0,0,0,.14)}
.subscription-query-form .surface-head h2,.subscription-progress .surface-head h2,.subscription-result .surface-head h2{font-size:18px;color:#142932}
.subscription-query-form .surface-head p,.subscription-progress .surface-head p,.subscription-result .surface-head p{color:#6a7e84;font-size:12px}
.subscription-readonly-tag{flex:none;border:1px solid #c7e5d9;border-radius:99px;padding:5px 10px;background:#edf8f1;color:#22825a;font-size:10px;font-weight:800}
.subscription-query-form .field-label{color:#334a52;margin-top:25px}
.subscription-query-form textarea{min-height:230px;border-color:#cfdddf;background:#fff;color:#1b3038;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.55}
.subscription-query-form textarea::placeholder{color:#99aab0}
.subscription-query-form textarea:focus{border-color:#4aa875;box-shadow:0 0 0 3px rgba(66,172,112,.14)}
.subscription-input-actions{display:flex;gap:9px;margin-top:10px}
.subscription-input-actions .button{min-height:35px;padding:7px 15px;border-color:#d7e3e5;background:#fff;color:#32515a;font-size:12px;box-shadow:none}
.subscription-input-actions .button:hover{border-color:#9ccab3;background:#f4faf6}
.subscription-account-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0 20px;padding:11px 13px;border:1px solid #e0ece5;border-radius:10px;background:#f4faf6;font-size:11px}
.subscription-account-line>span{color:#69817a;font-weight:700}
.subscription-account-line strong{min-width:0;overflow-wrap:anywhere;color:#24483a;font-size:12px}
.subscription-account-line small{margin-left:auto;color:#6d897a;font-size:10px}
.subscription-query-error{margin:-6px 0 14px;color:#b94852;font-size:12px;line-height:1.5}
.subscription-query-form .button-primary{min-height:46px;background:#173339;color:#effff6;box-shadow:none}
.subscription-query-form .button-primary:not(:disabled):hover{background:#244e4d;box-shadow:0 7px 18px rgba(29,69,66,.13)}
.subscription-progress{border-color:#d4e9dd;background:#f5fbf6}
.subscription-progress-badge,.subscription-result-badge{flex:none;border:1px solid #d3e3dc;border-radius:99px;padding:5px 10px;background:#eaf5ec;color:#3b8e61;font-size:10px;font-weight:800}
.subscription-progress-badge.is-active,.subscription-result-badge.is-active{background:#e6f1ff;border-color:#c8dcf1;color:#386eaa}
.subscription-result-badge.is-success{background:#e8f8ed;border-color:#c3e7ce;color:#24854e}
.subscription-progress-badge.is-error,.subscription-result-badge.is-error{background:#fff0f0;border-color:#f1cece;color:#b0474c}
.subscription-progress-steps{list-style:none;margin:24px 0 0;padding:0}
.subscription-progress-steps li{position:relative;display:flex;gap:13px;min-height:60px;color:#9aaea4}
.subscription-progress-steps li:not(:last-child):before{content:"";position:absolute;left:14px;top:31px;bottom:0;width:2px;background:#dcebe2}
.subscription-progress-steps li>span{z-index:1;display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #dcebe2;border-radius:50%;background:#fff;color:#8da99a;font-size:10px;font-weight:800}
.subscription-progress-steps li strong{display:block;padding-top:1px;color:#5f776b;font-size:12px}
.subscription-progress-steps li small{display:block;margin-top:3px;font-size:10px}
.subscription-progress-steps li.is-active>span{border-color:#82bb9a;background:#d9f2e0;color:#246d43;box-shadow:0 0 0 4px rgba(89,179,119,.1)}
.subscription-progress-steps li.is-active strong,.subscription-progress-steps li.is-done strong{color:#26513b}
.subscription-progress-steps li.is-done>span{border-color:#73bc8c;background:#45a66b;color:#fff}
.subscription-progress-steps li.is-done:not(:last-child):before{background:#8ac7a0}
.subscription-progress-steps li.is-error>span{border-color:#e6b4b7;background:#fff0f0;color:#b0474c}
.subscription-progress-steps li.is-error strong{color:#b0474c}
.subscription-result{min-height:620px;font-variant-numeric:tabular-nums}
.subscription-result .surface-head h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:800}
.subscription-result .surface-head p{margin-top:6px;color:#526970;font-size:13px;line-height:1.5}
.subscription-result-badge{font-size:11px;line-height:1.4}
.subscription-result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:495px;padding:30px;text-align:center;color:#6a8187}
.subscription-result-empty>span{display:grid;place-items:center;width:60px;height:60px;margin-bottom:16px;border:1px solid #d8eae0;border-radius:18px;background:#f0f8f3;color:#5da878;font-size:30px}
.subscription-result-empty strong{color:#30494e;font-size:16px}
.subscription-result-empty p{max-width:330px;margin:8px 0 0;font-size:12px;line-height:1.7}
.subscription-result-details{padding-top:20px}
.subscription-summary-strip{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.75fr) minmax(0,1.2fr);gap:0;overflow:hidden;border:1px solid #dfe9e8;border-radius:12px;background:#f7faf9}
.subscription-summary-strip>div{min-width:0;padding:16px 16px;border-right:1px solid #e4ebeb}
.subscription-summary-strip>div:last-child{border-right:0}
.subscription-summary-strip span,.subscription-date-tile span,.subscription-property span{display:block;color:#526a70;font-size:12px;line-height:1.4;font-weight:650}
.subscription-summary-strip strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:#18333b;font-size:13px;line-height:1.5;font-weight:750}
.subscription-accounts-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 11px}
.subscription-accounts-heading h3{margin:0;color:#1b3740;font-size:17px;line-height:1.35;font-weight:800}
.subscription-accounts-heading small{color:#526e69;font-size:12px;font-weight:600}
.subscription-account-card{overflow:hidden;margin-top:12px;border:1px solid #dfe9e8;border-radius:14px;background:#fff}
.subscription-account-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 17px;border-bottom:1px solid #e4ecea;background:linear-gradient(110deg,#f7fbf8,#fff)}
.subscription-account-head h4{margin:0;color:#17383d;font-size:18px;line-height:1.3;font-weight:800}
.subscription-account-head small{display:block;margin-top:5px;color:#5b7473;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.subscription-valid-badge{border:1px solid #c3e7ce;border-radius:99px;padding:6px 11px;background:#e8f8ed;color:#24854e;font-size:11px;line-height:1.4;font-weight:800}
.subscription-valid-badge.is-inactive{border-color:#e7d8c5;background:#fff7e9;color:#a67435}
.subscription-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:17px}
.subscription-date-tile{min-width:0;border:1px solid #d9e9e7;border-radius:10px;padding:14px;background:#f3faf8}
.subscription-date-tile:nth-child(2){border-color:#dce8f4;background:#f3f8fd}
.subscription-date-tile:nth-child(3){border-color:#eee5d4;background:#fcf9f2}
.subscription-date-tile strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:#173a3e;font-size:13px;line-height:1.5;font-weight:750}
.subscription-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 17px 17px;overflow:hidden;border:1px solid #e1e9e9;border-radius:10px}
.subscription-property{min-width:0;min-height:72px;padding:13px 14px;border-right:1px solid #e1e9e9;border-bottom:1px solid #e1e9e9}
.subscription-property:nth-child(3n){border-right:0}
.subscription-property strong{display:block;margin-top:7px;overflow-wrap:anywhere;color:#19373d;font-size:13px;line-height:1.5;font-weight:750}
.subscription-property.is-final{grid-column:1/-1;border-right:0;border-bottom:0}
.subscription-no-accounts{margin-top:20px;padding:18px;border:1px solid #dfe9e8;border-radius:11px;background:#f8fbfa;color:#55706b;font-size:12px}
@media(max-width:1180px){.subscription-query-grid{grid-template-columns:1fr}.subscription-result{min-height:400px}.subscription-result-empty{min-height:280px}}
@media(max-width:650px){.subscription-query-grid{gap:14px}.subscription-query-form,.subscription-progress,.subscription-result{padding:18px}.subscription-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-summary-strip>div:nth-child(2){border-right:0}.subscription-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e4ebeb}.subscription-date-grid{grid-template-columns:1fr}.subscription-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-property:nth-child(3n){border-right:1px solid #e1e9e9}.subscription-property:nth-child(2n){border-right:0}}
@media(max-width:420px){.subscription-property-grid{grid-template-columns:1fr}.subscription-property{border-right:0!important}.subscription-summary-strip>div{padding:14px 12px}.subscription-summary-strip>div:first-child,.subscription-summary-strip>div:last-child{grid-column:1/-1;border-right:0}.subscription-summary-strip>div:nth-child(2){border-right:1px solid #e4ebeb}.subscription-summary-strip>div:nth-child(3){border-bottom:1px solid #e4ebeb}.subscription-summary-strip strong{font-size:13px}.subscription-account-line small{margin-left:0;width:100%}}