:root{color-scheme:light}body{background:#f6f5f3;color:#25282c;font:16px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:25px auto;padding:24px}a{color:#1784a3}main>a:first-child{font-weight:750;text-decoration:none;color:#264975;font-size:24px}#mode{font-size:25px;margin:16px 0 4px}#details{color:#7b8188;font-size:14px}#status{border:0;padding:0;font-size:13px;color:#687584;margin:12px 0}#subscriptions{margin:20px 0}#offer{background:#fff;border-color:#e2e3e7;color:#26364f}.secondary{background:#e3e9f2;color:#294260}button{margin:0}#refresh,#reconcile{font-size:13px;padding:9px 14px;background:#e8edf3;color:#3f5268}nav a{font-size:12px}main>p>a{font-size:14px}main>nav{border-top:1px solid #ddd;padding-top:20px}
.billing-screen{background:#fff;border:1px solid #f2f2f2;box-shadow:0 2px 7px #2433490d;border-radius:20px;overflow:hidden}.billing-screen-head{display:flex;align-items:center;position:relative;gap:18px;padding:25px 30px;border-bottom:1px solid #eee}.billing-screen h2{font-size:25px;line-height:1.35;margin:0;font-weight:650}.billing-screen button{font:600 15px/1.4 system-ui;cursor:pointer}.billing-close,.billing-back{border:0;background:none;color:#26292e;min-width:36px;padding:0;font-size:30px!important}.billing-close{margin-left:auto}.billing-row{padding:28px 30px;border-bottom:1px solid #eee;display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.billing-row:last-child{border-bottom:0}.billing-row small{color:#858585;font-size:14px;font-weight:600}.billing-row h3{font-size:20px;font-weight:500;margin:16px 0}.billing-row p{margin:14px 0 0}.billing-row button{padding:0;background:none;color:#333;border:0;white-space:nowrap}.billing-badge{display:inline-block;vertical-align:middle;padding:5px 11px;border-radius:10px;background:#dff7fa;color:#168297;font-size:13px;font-weight:650;margin-left:8px}.billing-muted{color:#888!important;font-size:13px!important}.billing-change-body{padding:28px 30px}.billing-plan{border:2px solid #4f87ed;border-radius:18px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}.billing-plan h3{font-size:25px;margin:0 0 8px}.billing-plan p{max-width:470px;color:#818181;font-size:17px;margin:0 0 7px}.billing-plan>strong{white-space:nowrap;font-size:26px}.billing-plan strong small{font-size:15px;color:#888;font-weight:400}.billing-totals{margin:35px 0 5px}.billing-totals>div{display:flex;justify-content:space-between;gap:25px;margin:20px 0}.billing-totals dd{margin:0;text-align:right}.billing-totals>div:last-child{border-top:1px solid #eee;padding-top:18px;font-weight:650}.billing-actions{display:flex;justify-content:space-between;gap:20px;padding:22px 30px;border-top:1px solid #eee}.billing-primary{background:#4079e7;color:white;border:0;border-radius:12px;padding:13px 26px}.billing-danger{background:#fff;color:#d92f3c;border:1px solid #ddd;border-radius:12px;padding:13px 22px}.billing-cancel-body{padding:30px}.billing-cancel-body>p:first-child{font-size:20px;line-height:1.7;margin:0 0 30px}.billing-cancel-body label{display:block;font-weight:650;margin-bottom:10px}.billing-cancel-body select,.billing-select select{border:1px solid #cbd0d6;border-radius:11px;width:100%;padding:15px;background:#fff;font:inherit;color:#565b64}.billing-cancel-body select[aria-invalid=true]{border-color:#f34c5c}.billing-error{color:#df3346;margin:10px 0;font-size:14px}.billing-screen form .billing-actions{justify-content:flex-end}.billing-unavailable{padding:12px 30px;color:#7b8188;font-size:13px}.billing-empty{padding:25px}.billing-select{display:block;padding:20px 30px;font-size:13px}
@media(max-width:600px){main{padding:16px;margin:10px auto}.billing-screen-head{padding:20px}.billing-screen h2{font-size:21px}.billing-row{display:block;padding:23px 20px}.billing-row button{margin-top:18px;width:auto;font-size:14px}.billing-change-body,.billing-cancel-body{padding:20px}.billing-plan{display:block;padding:20px}.billing-plan p{font-size:14px}.billing-plan>strong{display:block;margin-top:14px;font-size:22px}.billing-totals{font-size:13px}.billing-totals>div{gap:15px}.billing-totals dd{max-width:56%}.billing-actions{padding:20px;gap:12px}.billing-actions button{width:auto;font-size:13px;padding:12px 16px}.billing-cancel-body>p:first-child{font-size:17px}.billing-cancel-body select{font-size:14px}button{width:auto}.billing-close,.billing-back{margin:0}.billing-close{margin-left:auto}}