:root{--sub-navy:#071d3a;--sub-blue:#1264d8;--sub-cyan:#36a7ff;--sub-ink:#14243a;--sub-muted:#63748a;--sub-line:#dce5ef;--sub-soft:#f3f7fb;--sub-success:#087a55;--sub-warning:#a65b00;--sub-danger:#b42318}
*{box-sizing:border-box}.renewal-page{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sub-ink);background:radial-gradient(circle at 85% 10%,rgba(54,167,255,.26),transparent 31rem),linear-gradient(145deg,#06162d 0%,#0b3265 52%,#0c5db0 100%)}
.renewal-page button,.renewal-page input{font:inherit}.renewal-shell{width:min(1080px,100%);min-height:100vh;margin:auto;padding:30px 22px;display:grid;grid-template-rows:auto 1fr auto;gap:22px}.renewal-brand,.renewal-footer{display:flex;align-items:center;justify-content:space-between;color:#dcecff}.renewal-brand img{width:164px;max-height:42px}.renewal-brand span{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.renewal-card{align-self:center;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:clamp(24px,4vw,46px);box-shadow:0 28px 80px rgba(1,15,35,.38)}
.renewal-status{display:flex;gap:18px;align-items:flex-start}.renewal-status>span{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:16px;background:#e9f7f1;color:var(--sub-success);font-size:1.35rem;font-weight:900}.renewal-status.is-expired>span{background:#fff0ef;color:var(--sub-danger)}.renewal-status small,.renewal-summary small,.license-stat small,.admin-price-editor small{display:block;color:var(--sub-blue);font-size:.7rem;font-weight:900;letter-spacing:.12em}.renewal-status h1{max-width:720px;margin:5px 0 8px;font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.08;letter-spacing:-.035em}.renewal-status p{margin:0;color:var(--sub-muted)}
.renewal-alert{margin:22px 0 -4px;padding:14px 16px;display:flex;gap:6px;flex-direction:column;border-radius:13px}.renewal-alert.error{background:#fff0ef;color:#861d16}.renewal-alert.success{background:#e9f7f1;color:#075d42}.renewal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.renewal-summary article{padding:17px;border:1px solid var(--sub-line);border-radius:15px;background:var(--sub-soft)}.renewal-summary b{display:block;margin:4px 0;font-size:1.05rem}.renewal-summary span{font-size:.82rem;color:var(--sub-muted)}
.renewal-form{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--sub-line);box-shadow:0 12px 34px rgba(24,54,90,.08)}.renewal-form label>span{display:block;margin-bottom:8px;font-weight:850}.renewal-form label>small{display:block;margin-top:9px;color:var(--sub-muted);font-size:.78rem}.renewal-key-field{display:grid;grid-template-columns:1fr auto;border:2px solid #aebed0;border-radius:12px;overflow:hidden;transition:.2s}.renewal-key-field:focus-within{border-color:var(--sub-blue);box-shadow:0 0 0 4px rgba(18,100,216,.12)}.renewal-key-field input{width:100%;min-width:0;border:0;outline:0;padding:16px 18px;font-family:"SFMono-Regular",Consolas,monospace;font-size:clamp(.88rem,2vw,1.16rem);font-weight:800;letter-spacing:.075em;color:#0b2e59}.renewal-key-field button{border:0;border-left:1px solid var(--sub-line);padding:0 18px;background:#f5f8fb;color:var(--sub-blue);font-weight:800;cursor:pointer}.renewal-submit{width:100%;margin-top:16px;border:0;border-radius:12px;padding:15px 18px;display:flex;justify-content:center;gap:10px;background:linear-gradient(135deg,#0756ba,#1676e8);color:#fff;font-weight:850;box-shadow:0 10px 24px rgba(18,100,216,.25);cursor:pointer}.renewal-submit:disabled{opacity:.65}.renewal-security{display:flex;gap:12px;align-items:center;margin-top:18px;color:var(--sub-muted)}.renewal-security>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e9f7f1;color:var(--sub-success);font-weight:900}.renewal-security b,.renewal-security small{display:block}.renewal-security b{color:var(--sub-ink);font-size:.88rem}.renewal-security small{font-size:.76rem}.renewal-footer{font-size:.8rem}.renewal-footer form{margin:0}.renewal-footer button{border:1px solid rgba(255,255,255,.4);border-radius:9px;padding:8px 13px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.subscription-strip{margin:0 0 14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d6e5f5;border-radius:12px;background:#f4f9ff;color:#1a4879}.subscription-strip strong{font-size:.86rem}.subscription-strip span{font-size:.78rem}.subscription-strip a{white-space:nowrap;color:#075fc9;font-size:.78rem;font-weight:800;text-decoration:none}.subscription-strip.is-warning{background:#fff8eb;border-color:#f3d39d;color:#7a4800}.subscription-strip.is-danger{background:#fff0ef;border-color:#f0b9b5;color:#8d251d}.subscription-ribbon-days{display:block!important;margin-top:2px!important;color:inherit!important;font-size:.67rem!important;font-weight:750!important;opacity:.85}.subscription-login-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:0;border-radius:20px;box-shadow:0 25px 80px rgba(5,24,49,.35)}.subscription-login-dialog::backdrop{background:rgba(2,14,30,.62);backdrop-filter:blur(3px)}.subscription-login-dialog>div{padding:28px}.subscription-login-dialog .dialog-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f2ff;color:var(--sub-blue);font-size:1.3rem;font-weight:900}.subscription-login-dialog h2{margin:16px 0 8px;font-size:1.45rem}.subscription-login-dialog p{margin:0;color:var(--sub-muted);line-height:1.55}.subscription-login-dialog .dialog-summary{margin:18px 0;padding:14px;border-radius:12px;background:var(--sub-soft);display:flex;justify-content:space-between;gap:12px}.subscription-login-dialog .dialog-summary b,.subscription-login-dialog .dialog-summary small{display:block}.subscription-login-dialog .dialog-summary small{color:var(--sub-muted)}.subscription-login-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:9px}.subscription-login-dialog button,.subscription-login-dialog a{border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.subscription-login-dialog button{border:1px solid var(--sub-line);background:#fff}.subscription-login-dialog a{background:var(--sub-blue);color:#fff}
.admin-cycle-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.admin-cycle-prices span{padding:10px;border-radius:10px;background:#f3f7fb;border:1px solid #e2eaf2}.admin-cycle-prices small,.admin-cycle-prices b{display:block}.admin-cycle-prices small{color:#6a7d91;font-size:.65rem;font-weight:850;letter-spacing:.08em}.admin-cycle-prices b{margin-top:3px;color:#16395f}.admin-license-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.8fr);gap:18px;align-items:start}.license-generator,.license-results{border-radius:18px}.license-generated{padding:18px;border:1px solid #b7d5f6;border-radius:14px;background:#eef7ff}.license-generated-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.license-generated-list{display:grid;gap:8px;margin:13px 0}.license-generated-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #c9d9e9;border-radius:9px;background:#fff}.license-generated-code code{color:#0b3769;font-size:.88rem;font-weight:850;letter-spacing:.04em}.license-generated-code button{border:0;background:none;color:var(--sub-blue);font-weight:850}.license-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.license-stat{padding:14px;border:1px solid #dfe8f0;border-radius:13px;background:#fff}.license-stat b{display:block;margin-top:4px;font-size:1.45rem}.license-mask{font-family:Consolas,monospace;font-size:.8rem;font-weight:750;color:#27496c}.license-help{padding:13px;border-radius:11px;background:#f3f7fb;color:#53677d;font-size:.8rem;line-height:1.5}.admin-plan-commerce{padding:18px;border:1px solid #dce6ef;border-radius:15px;background:#f8fbfe}.admin-plan-commerce h3{margin:0 0 4px}.admin-price-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.admin-price-editor label{margin:0}.admin-user-create{padding:16px;border-radius:14px;background:#f5f9fd;border:1px solid #dce7f1}.admin-user-create-grid{display:grid;grid-template-columns:1.2fr 1.4fr .8fr 1fr auto;gap:8px;align-items:end}.admin-user-create-grid label{margin:0}.admin-user-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-user-actions form{margin:0}.credential-reveal{margin-bottom:16px;padding:16px;border:1px solid #a9d4bf;border-radius:13px;background:#edf9f3}.credential-reveal code{display:block;margin:8px 0;padding:10px;border-radius:8px;background:#fff;color:#075d42;font-size:.9rem}.trial-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e9f3ff;color:#075fc9;font-size:.67rem;font-weight:900;letter-spacing:.05em}
@media(max-width:820px){.renewal-shell{padding:18px 14px}.renewal-brand{align-items:flex-start}.renewal-brand img{width:138px}.renewal-brand span{font-size:.65rem}.renewal-summary{grid-template-columns:1fr}.renewal-card{border-radius:20px;padding:22px}.renewal-status>span{width:42px;height:42px;flex-basis:42px}.renewal-status h1{font-size:1.55rem}.renewal-footer{align-items:flex-start;gap:14px}.admin-license-grid{grid-template-columns:1fr}.license-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-price-editor{grid-template-columns:1fr}.admin-user-create-grid{grid-template-columns:1fr 1fr}.admin-user-create-grid button{grid-column:1/-1}.subscription-strip{align-items:flex-start}.subscription-strip span{display:block}.admin-cycle-prices{grid-template-columns:1fr}}
@media(max-width:520px){.renewal-brand span{display:none}.renewal-status{gap:12px}.renewal-summary{margin:20px 0}.renewal-form{padding:16px}.renewal-key-field{grid-template-columns:1fr}.renewal-key-field input{text-align:center;padding:14px 8px;font-size:.79rem;letter-spacing:.035em}.renewal-key-field button{border-left:0;border-top:1px solid var(--sub-line);padding:10px}.renewal-footer{flex-direction:column}.license-stat-grid,.admin-user-create-grid{grid-template-columns:1fr}.subscription-login-dialog .dialog-summary{flex-direction:column}.subscription-login-dialog .dialog-actions{flex-direction:column}.subscription-login-dialog .dialog-actions>*{text-align:center}}