:root{font-family:system-ui,sans-serif;color:#1c2420;background:#f4f5f0;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:32px 24px}header,.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-size:32px;font-weight:900;letter-spacing:-1px}.pill{font-size:13px;background:#fff0d2;border:1px solid #ceb789;border-radius:30px;padding:8px 14px}h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-1.3px;margin:36px 0 16px}h2{font-size:23px;margin:0 0 12px}.intro{max-width:680px;color:#4f6156}section{background:white;border:1px solid #d4ddd5;border-radius:20px;padding:26px;margin:24px 0}button{font:inherit;font-weight:650;padding:12px 18px;border:1px solid #bac9bf;border-radius:12px;background:#f2f6f2;color:inherit;cursor:pointer}button:hover{background:#e1eee4}button:focus-visible,input:focus-visible{outline:3px solid #006957;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.primary{background:#193c2e;color:white}.primary:hover{background:#26533f}.note,footer{font-size:14px;color:#526259}.locks,.frequencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.locks>div{background:#f5f5ef;border-radius:12px;padding:16px}.locks span{display:block;font-size:14px;color:#636552}.tier{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;background:#edf4ef;border-radius:14px;padding:18px;margin:14px 0}label{display:block;font-size:15px}input[type=number]{width:100%;margin-top:6px;font:inherit;padding:12px;border:1px solid #b0c1b5;border-radius:9px;background:white}.confirm{display:flex;gap:12px;align-items:start;margin:24px 0}.confirm input{margin-top:5px;width:18px;height:18px;flex:none}#message{padding:16px;background:#e1eee8;border-radius:12px}#message.error{background:#ffe5dc;color:#81280a}#history{padding-left:22px}#history li{padding:8px;overflow-wrap:anywhere}footer{padding:20px 0}section h2:not(:first-child){margin-top:30px}@media(max-width:600px){main{padding:22px 14px}section{padding:18px}.locks,.frequencies{grid-template-columns:1fr}.tier{grid-template-columns:1fr 1fr;gap:12px}.tier button{grid-column:1/-1}.actions button{width:100%}.brand{font-size:28px}}
:is(.frequency-row){display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) minmax(130px,1fr) auto;gap:16px;align-items:end;background:#edf4ef;border-radius:14px;padding:18px;margin:14px 0}.frequency-row select{width:100%;margin-top:6px;font:inherit;padding:12px;border:1px solid #b0c1b5;border-radius:9px;background:white;color:inherit}select:focus-visible{outline:3px solid #006957;outline-offset:3px}@media(max-width:760px){.frequency-row{grid-template-columns:1fr 1fr}.frequency-row button{align-self:end}}@media(max-width:380px){.frequency-row{grid-template-columns:1fr}}
:is(.game-fields){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-editor{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px}.game-editor .game-fields{grid-template-columns:1fr}.game-fields input[type=text]{width:100%;font:inherit;padding:12px;border:1px solid #b0c1b5;border-radius:9px;margin-top:6px}.game-preview{background:#fff3dd;border:1px solid #e2ba7e;border-radius:18px;padding:24px;align-self:start;overflow-wrap:anywhere}.game-preview h3{font-size:24px;line-height:1.2}.game-preview-button{display:inline-block;background:#ff7626;border-radius:24px;padding:12px 20px;font-weight:700}.game-preview hr{border:0;border-top:1px solid #dfc7a3;margin:24px 0}@media(max-width:760px){.game-fields,.game-editor{grid-template-columns:1fr}}
:is(#plans-list,#plans-history){padding-left:22px;overflow-wrap:anywhere}#plans-list>li{padding:18px;background:#edf4ef;border-radius:12px;margin:14px 0;list-style:none}#plans-list{padding:0}#plans-list p{margin:6px 0 12px}#plans-history li{padding:8px}
.program-card{border:1px solid #d4ddd5;border-radius:14px;padding:18px;margin:18px 0;overflow-wrap:anywhere}.program-card h3{margin:0}.program-editor{margin-top:24px;display:grid;gap:16px}.program-editor input:not([type=checkbox]),.program-editor select{width:100%;min-width:0;padding:12px;border:1px solid #b0c1b5;border-radius:9px;font:inherit;background:white}.program-editor fieldset{min-width:0;border:1px solid #d4ddd5;border-radius:12px}.program-editor .confirm{margin:12px 0}.program-editor [hidden]{display:none!important}
[hidden]{display:none!important}.app-nav{display:flex;gap:8px;border-bottom:1px solid #d4ddd5;margin-top:24px;padding-bottom:12px}.app-nav a{color:#193c2e;text-decoration:none;font-weight:650;padding:10px 16px;border-radius:10px}.app-nav a[aria-current]{background:#193c2e;color:white}.eyebrow{color:#526259;font-size:12px;font-weight:750;letter-spacing:1.6px;margin:0 0 6px}#contract-management{margin-top:24px}.subscription-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.subscription-summary>button{background:#f2f6f2;border:1px solid #e0e8e1;border-radius:12px;padding:18px}.subscription-summary strong{display:block;font-size:30px;line-height:1.2}.subscription-summary span{font-size:13px;color:#526259}.subscription-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:16px}.subscription-filters input,.subscription-filters select,#subscription-editor input,#subscription-editor select,#contract-consent{display:block;width:100%;min-width:0;margin-top:6px;padding:12px;font:inherit;color:inherit;border:1px solid #b0c1b5;border-radius:9px;background:white}.subscription-card{border:1px solid #d4ddd5;border-radius:14px;padding:22px;margin-top:18px;overflow-wrap:anywhere}.subscription-card-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.subscription-card h3{margin:0;font-size:20px}.customer-email{margin:3px 0;color:#526259;font-size:14px}.subscription-state{font-size:12px;text-transform:capitalize;font-weight:700;border-radius:30px;padding:5px 12px;background:#eef0ed;white-space:nowrap}.state-active{background:#e0f1e5;color:#245a35}.state-paused{background:#fff0ce;color:#71520a}.state-failed{background:#ffe5dc;color:#81280a}.subscription-box{list-style:none;padding:16px 0;margin:14px 0;border-top:1px solid #e5eae5;border-bottom:1px solid #e5eae5;display:grid;gap:8px}.subscription-box li{display:flex;justify-content:space-between;gap:18px;font-size:15px}.subscription-box li>span:last-child{white-space:nowrap}.subscription-meta{color:#526259;font-size:14px}.subscription-meta p{margin:5px 0}.subscription-actions{justify-content:flex-start;margin-top:18px;gap:10px}.subscription-actions button{font-size:14px}.danger-link{background:white;color:#932f20;border-color:#dfc8c2}.multiple-subscriptions{color:#365b73;background:#eef4f8;border-radius:8px;padding:7px 10px;font-size:13px;display:inline-block;margin:0}.subscription-warning{background:#fff0ce;padding:12px;border-radius:10px}.subscription-empty{padding:32px 12px;text-align:center;background:#f5f7f4;border-radius:12px}.action-history{margin-top:26px}.action-history summary{cursor:pointer;font-weight:650}.action-history li{padding:12px 0;overflow-wrap:anywhere}#app-settings>summary{cursor:pointer;border:1px solid #d4ddd5;background:white;border-radius:14px;padding:20px;font-weight:700}#app-settings>summary span{font-weight:400;font-size:14px;color:#526259;display:block;margin-top:4px}#subscription-editor,#contract-confirm{border:2px solid #193c2e;border-radius:14px;padding:22px;margin:24px 0;background:#f7faf7;scroll-margin-top:20px}#subscription-editor h3{margin-top:0}.subscription-edit-line{display:grid;grid-template-columns:minmax(0,3fr) minmax(85px,1fr);gap:14px;margin:18px 0}.edit-fields{margin:20px 0}.edit-total{font-weight:750}.action-history button{display:block;margin-top:8px}#subscription-editor h4{font-size:19px}#subscription-editor .actions{justify-content:flex-start;margin:20px 0}#subscription-editor button{margin-top:8px}#message{overflow-wrap:anywhere}#contract-consent-label{margin:16px 0}@media(max-width:600px){.subscription-summary{grid-template-columns:1fr 1fr;gap:8px}.subscription-summary>button{padding:14px}.subscription-filters{grid-template-columns:1fr}.subscription-card{padding:16px}.subscription-card-head{gap:8px}.subscription-card h3{font-size:18px}.subscription-state{font-size:11px;padding:5px 8px}.subscription-actions{gap:8px}.app-nav{font-size:14px}.app-nav a{padding:9px 12px}#subscription-editor,#contract-confirm{padding:16px}.subscription-box li{font-size:14px}}

.heading h2{margin-top:0!important}

.subscription-summary>.summary-card{text-align:left;color:#1c2420;font-weight:400;width:100%;transition:background .15s,border-color .15s}.subscription-summary>.summary-card:hover{background:#e1eee4;border-color:#61917a}.subscription-summary>.summary-card[aria-pressed=true]{background:#e1eee8;border-color:#193c2e;box-shadow:inset 0 0 0 1px #193c2e}.summary-card:focus-visible{outline:3px solid #006957;outline-offset:3px}.customer-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.customer-directory-card h3{margin:0}.customer-directory-card button{margin-top:10px}

@media(min-width:601px) and (max-width:900px){.subscription-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.subscription-summary>.summary-card:last-child{grid-column:1/-1}}

.subscription-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;padding:14px;background:#f2f6f2;border-radius:10px}.subscription-timeline dt{color:#526259;font-size:12px;margin-bottom:5px}.subscription-timeline dd{margin:0;font-size:15px;font-weight:650}@media(max-width:600px){.subscription-timeline{grid-template-columns:1fr;gap:10px}.subscription-timeline>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.subscription-timeline dt{margin:0}.subscription-timeline dd{text-align:right}}

.renewal-count{padding:0 4px;min-width:32px;border:0;border-radius:4px;background:transparent;color:#193c2e;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.renewal-count:hover{background:#dce9df}.renewal-count:focus-visible{outline:2px solid #193c2e;outline-offset:3px}.renewal-orders{border:1px solid #d4ddd5;background:#fafcf9;border-radius:10px;padding:16px;margin:16px 0}.renewal-orders-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.renewal-orders h4{margin:0;font-size:17px}.renewal-orders-heading button{font-size:13px;padding:7px 10px}.renewal-order-list{list-style:none;padding:0;margin:0}.renewal-order-list li{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;border-top:1px solid #e0e8e1;padding:12px 0;font-size:14px}.renewal-order-list a{color:#193c2e;font-weight:700}.renewal-order-list small{flex-basis:100%;color:#526259}

.renewal-order-list .order-kind{flex-basis:100%;font-size:12px;color:#526259;text-transform:uppercase;letter-spacing:.4px}

.subscription-first-order{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:15px}.subscription-first-order>span:first-child{font-weight:650}.subscription-first-order a{color:#193c2e;font-weight:750;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.subscription-first-order a:hover{color:#006957}.subscription-first-order a:focus-visible{outline:3px solid #006957;outline-offset:4px;border-radius:2px}