.license-intro{padding:30px 0 22px}
.license-intro h1{font-size:27px;margin:12px 0 8px}
.license-intro h1 span{color:#e9bd4c}
.license-intro p,.plans-heading p,.history-heading p{color:#929eb0;font-size:12px}
.section-caption{font-size:10px;letter-spacing:1.5px;color:#e9bd4c;font-weight:700}
.current-license{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;margin-bottom:32px}
.current-license h2{font-size:20px;margin:9px 0 5px}
.current-license p{font-size:12px;color:#929eb0;margin:0}
.license-status{font-size:10px;font-weight:800;letter-spacing:1px;padding:9px 13px;border-radius:7px;background:#263142;color:#aebbd0;white-space:nowrap}
.license-status.active{background:#173b30;color:#66e2ad}
.license-status.pending{background:#49391d;color:#f0c75b}
.plans-heading,.history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.plans-heading h2,.history-heading h2{font-size:18px;margin:0 0 5px}
.plans-heading p,.history-heading p{margin:0}
.period-switch{display:flex;gap:4px;padding:4px;background:#111722;border:1px solid #273244;border-radius:9px}
.period-button{background:transparent;color:#9aa6b7;border:0;padding:9px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}
.period-button.selected{background:#e9bd4c;color:#17130a}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-card{position:relative;background:#111722;border:1px solid #273244;border-radius:12px;padding:23px;display:flex;flex-direction:column;min-width:0}
.plan-card.featured{border-color:#d8ad43;box-shadow:0 0 25px #d8ad4310}
.plan-badge{position:absolute;right:15px;top:15px;background:#3c321b;color:#efc75b;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:800}
.plan-name{font-size:17px;font-weight:800;margin:0 0 9px}
.plan-description{color:#929eb0;font-size:11px;min-height:30px;line-height:1.6}
.plan-price{font-size:31px;font-weight:800;margin:17px 0 3px;letter-spacing:-1px}
.plan-price small{font-size:11px;color:#929eb0;font-weight:500;letter-spacing:0}
.plan-yearly{font-size:10px;color:#929eb0;min-height:16px}
.plan-divider{height:1px;background:#273244;margin:18px 0}
.plan-features{list-style:none;padding:0;margin:0 0 22px;flex:1}
.plan-features li{font-size:11px;color:#c3ccda;padding:7px 0}
.plan-features li:before{content:"✓";color:#e9bd4c;font-weight:800;margin-right:9px}
.plan-select{width:100%;padding:12px;border:1px solid #b88b31;border-radius:7px;background:transparent;color:#efc75b;font-size:11px;font-weight:800}
.plan-card.featured .plan-select{background:linear-gradient(110deg,#f0c75b,#c18b25);color:#17130a;border:0}
.plan-select:disabled{opacity:.65;cursor:not-allowed}
.plans-message{color:#929eb0;font-size:11px;margin-top:13px;line-height:1.6}
.loading,.empty-history{padding:28px;text-align:center;color:#929eb0;font-size:12px}
.license-history{margin-top:32px;padding:22px}
.history-content{overflow-x:auto}
.history-table{width:100%;border-collapse:collapse;font-size:11px;min-width:500px}
.history-table th,.history-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #273244}
.history-table th{color:#929eb0;font-weight:600}
.history-table td{color:#d8dfeb}
.history-pill{font-size:9px;font-weight:800;padding:5px 8px;border-radius:5px;background:#263142}
.history-pill.active{background:#173b30;color:#66e2ad}
.history-pill.pending{background:#49391d;color:#f0c75b}
.license-logout{margin-left:12px;padding:8px 12px;background:#171f2d;border:1px solid #39465b;border-radius:7px;color:#e8edf7;cursor:pointer;font-size:11px}
@media(max-width:1000px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .plans-grid{grid-template-columns:1fr}
 .plans-heading{align-items:flex-start;flex-direction:column}
 .current-license{align-items:flex-start;flex-direction:column}
 .plan-card{padding:20px}
 .license-intro h1{font-size:23px}
 .license-history{padding:15px}
}