.dashboard-shell{width:calc(100vw - 48px);max-width:1440px}.dashboard-status{margin-bottom:18px}.billing-status{margin:16px 0 26px;padding:10px 0 10px 14px;border-left:3px solid #3b82f6;color:#38536b;font-size:14px;font-weight:650;line-height:1.5}.billing-status[hidden]{display:none}.billing-status[data-kind=success]{border-left-color:#16a34a;color:#166534}.billing-status[data-kind=warning]{border-left-color:#d97706;color:#9a3412}.billing-status[data-kind=error]{border-left-color:#dc2626;color:#b91c1c}.billing-page-header{margin-bottom:30px}.billing-page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.billing-title-group h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1.05;background:linear-gradient(135deg,#0b2b3b,#1c6e6b);background-clip:text;-webkit-background-clip:text;color:transparent}.billing-overview-kicker{margin:0 0 8px;color:#3b82f6;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.billing-sync-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:#eef2ff;color:#1e4a6b;font-size:13px;font-weight:600}.billing-sync-badge i{font-size:13px}.billing-page-desc{margin:12px 0 0;padding-left:16px;border-left:3px solid #3b82f6;color:#5b6e8c;font-size:15px;line-height:1.7}.billing-overview{margin-bottom:28px}.billing-overview-current{padding:18px 22px 12px;border-radius:24px;border:1px solid var(--overview-border, #e9edf4);background:var(--overview-bg, #ffffff);box-shadow:var(--overview-shadow, 0 8px 20px rgba(0, 0, 0, .02), 0 2px 6px rgba(0, 0, 0, .03))}.billing-overview-current h2{margin:0 0 14px;font-size:18px;font-weight:600;color:#1a2c3e}.billing-overview-current--free{--overview-bg: radial-gradient(circle at top left, rgba(255, 232, 208, .88), rgba(255, 247, 240, .98) 45%, #ffffff 100%);--overview-border: #ecd3bd;--overview-shadow: 0 10px 22px rgba(140, 90, 42, .08), 0 2px 6px rgba(140, 90, 42, .05)}.billing-overview-current--pro{--overview-bg: radial-gradient(circle at top left, rgba(241, 245, 251, .96), rgba(250, 251, 254, .98) 45%, #ffffff 100%);--overview-border: #d8dee8;--overview-shadow: 0 12px 24px rgba(100, 116, 139, .08), 0 3px 8px rgba(100, 116, 139, .05)}.billing-overview-current--edu{--overview-bg: radial-gradient(circle at top left, rgba(255, 245, 194, .9), rgba(255, 251, 231, .98) 45%, #ffffff 100%);--overview-border: #eadb90;--overview-shadow: 0 12px 24px rgba(180, 138, 20, .09), 0 3px 8px rgba(180, 138, 20, .05)}.billing-overview-current--team{--overview-bg: radial-gradient(circle at top left, rgba(224, 239, 255, .95), rgba(243, 248, 255, .98) 45%, #ffffff 100%);--overview-border: #c7d8f5;--overview-shadow: 0 12px 26px rgba(37, 99, 235, .1), 0 3px 8px rgba(37, 99, 235, .06)}.billing-current-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 16px}.billing-current-grid .kv-row{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0;border-bottom:none}.billing-current-grid .kv-row strong{font-size:16px;line-height:1.25;color:#1f3b4c}.billing-pricing-section{margin:40px 0 48px}.billing-plans-toolbar{margin-bottom:18px}.billing-plans-toolbar h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.billing-plans-subtitle{margin:8px 0 0;color:#6f7e95;font-size:14px}.billing-plans-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.billing-plan-card{position:relative;flex:1;min-width:280px;max-width:332px;display:flex;flex-direction:column;border-radius:32px;border:1px solid var(--plan-border, #e9edf4);background:var(--plan-bg, #ffffff);box-shadow:var(--plan-shadow, 0 8px 20px rgba(0, 0, 0, .02), 0 2px 6px rgba(0, 0, 0, .03));transition:all .25s ease}.billing-plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px -12px #0000001f;border-color:#cddfe7}.billing-plan-card--free{--plan-bg: radial-gradient(circle at top left, rgba(255, 232, 208, .92), rgba(255, 247, 240, .98) 42%, #ffffff 100%);--plan-border: #ecd3bd;--plan-shadow: 0 10px 22px rgba(140, 90, 42, .08), 0 2px 6px rgba(140, 90, 42, .05)}.billing-plan-card--pro{--plan-bg: radial-gradient(circle at top left, rgba(241, 245, 251, .96), rgba(250, 251, 254, .98) 45%, #ffffff 100%);--plan-border: #d8dee8;--plan-shadow: 0 12px 24px rgba(100, 116, 139, .08), 0 3px 8px rgba(100, 116, 139, .05)}.billing-plan-card--edu{--plan-bg: radial-gradient(circle at top left, rgba(255, 245, 194, .9), rgba(255, 251, 231, .98) 42%, #ffffff 100%);--plan-border: #eadb90;--plan-shadow: 0 12px 24px rgba(180, 138, 20, .09), 0 3px 8px rgba(180, 138, 20, .05)}.billing-plan-card--team{--plan-bg: radial-gradient(circle at top left, rgba(224, 239, 255, .95), rgba(243, 248, 255, .98) 42%, #ffffff 100%);--plan-border: #c7d8f5;--plan-shadow: 0 12px 26px rgba(37, 99, 235, .1), 0 3px 8px rgba(37, 99, 235, .06)}.billing-plan-card--default{--plan-bg: radial-gradient(circle at top left, rgba(255, 232, 208, .92), rgba(255, 247, 240, .98) 42%, #ffffff 100%);--plan-border: #ecd3bd;--plan-shadow: 0 10px 22px rgba(140, 90, 42, .08), 0 2px 6px rgba(140, 90, 42, .05)}.billing-plan-card--blue{--plan-bg: radial-gradient(circle at top left, rgba(219, 234, 254, .95), rgba(239, 246, 255, .98) 42%, #ffffff 100%);--plan-border: #bfdbfe;--plan-shadow: 0 12px 24px rgba(59, 130, 246, .08), 0 3px 8px rgba(59, 130, 246, .05)}.billing-plan-card--green{--plan-bg: radial-gradient(circle at top left, rgba(220, 252, 231, .92), rgba(240, 253, 244, .98) 42%, #ffffff 100%);--plan-border: #bbf7d0;--plan-shadow: 0 12px 24px rgba(34, 197, 94, .08), 0 3px 8px rgba(34, 197, 94, .05)}.billing-plan-card--purple{--plan-bg: radial-gradient(circle at top left, rgba(237, 233, 254, .92), rgba(245, 243, 255, .98) 42%, #ffffff 100%);--plan-border: #ddd6fe;--plan-shadow: 0 12px 24px rgba(139, 92, 246, .08), 0 3px 8px rgba(139, 92, 246, .05)}.billing-plan-card--orange{--plan-bg: radial-gradient(circle at top left, rgba(255, 237, 213, .92), rgba(255, 247, 237, .98) 42%, #ffffff 100%);--plan-border: #fed7aa;--plan-shadow: 0 12px 24px rgba(249, 115, 22, .08), 0 3px 8px rgba(249, 115, 22, .05)}.billing-plan-card.is-current{border-color:#b9e6c8}.billing-plan-card--pro .billing-plan-name,.billing-plan-card--team .billing-plan-name{color:#10283b}.billing-plan-card--edu .billing-plan-name{color:#6b4b00}.billing-plan-card--free .billing-plan-name{color:#76471d}.billing-plan-card.is-current:after{content:attr(data-current-label);position:absolute;top:16px;left:20px;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#e6f7ec;color:#2b6e3c;font-size:11px;font-weight:700;border:1px solid #b9e6c8}.billing-plan-badges{position:absolute;top:-12px;right:24px;z-index:2}.billing-plan-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:999px;background:#f97316;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 8px #f9731633;letter-spacing:.02em}.billing-plan-badge--current{display:none}.billing-plan-header{padding:28px 24px 20px;border-bottom:1px solid #eff2f9}.billing-plan-name{margin:0 0 12px;font-size:22px;font-weight:700;letter-spacing:-.02em}.billing-plan-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.billing-plan-price{font-size:36px;font-weight:800;color:#0f2b3d;letter-spacing:-.04em;line-height:1}.billing-plan-cycle{font-size:15px;color:#6f7e95;font-weight:500}.billing-plan-summary{margin:8px 0 0;color:#6f7e95;font-size:13px;line-height:1.5;min-height:40px}.billing-plan-code{display:none}.billing-plan-stats{padding:20px 24px 10px;display:grid;gap:14px}.billing-plan-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:none;background:none}.billing-plan-stat-label{color:#2d3a4b;font-size:14px}.billing-plan-stat-value{color:#1f3b4c;font-size:18px;font-weight:800}.billing-plan-features{list-style:none;padding:8px 24px 0;margin:0;flex:1;display:flex;flex-direction:column;gap:16px}.billing-plan-feature{display:flex;align-items:center;gap:12px;padding:0;border-bottom:none}.billing-plan-feature-main{flex:1}.billing-plan-feature-label{color:#2d3a4b;font-size:14px;font-weight:500}.billing-plan-feature-sub{margin-top:2px;color:#8a99b0;font-size:12px}.metric-highlight{font-weight:700;color:#1f3b4c}.billing-plan-feature-value{display:inline-flex;align-items:center;gap:8px;color:#2d3a4b;font-size:13px;font-weight:600}.billing-plan-feature-icon{width:24px;height:24px;border-radius:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.billing-plan-feature-icon.is-yes{color:#10b981}.billing-plan-feature-icon.is-no{color:#cbd5e1}.billing-plan-feature-value.is-no{color:#8a99b0}.billing-plan-actions{margin:18px 24px 28px}.btn-plan{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:0;padding:12px 0;border:none;border-radius:999px;background:#f1f5f9;color:#1e4a76;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.btn-plan.outline:hover{background:#e6edf4}.btn-plan.primary{background:#1e6f5c;color:#fff;box-shadow:0 2px 6px #1e6f5c33}.btn-plan.primary:hover{background:#0e5a4a;transform:scale(.98)}.billing-plan-actions .inline-action,.billing-plan-actions .pill,.billing-plan-actions .btn-plan{width:100%;justify-content:center}.billing-orders-section{margin-top:16px;padding:12px 0 8px;border-radius:28px;border:1px solid #eef2f8;background:#fff;box-shadow:0 4px 12px #00000005}.billing-orders-title{display:flex;justify-content:space-between;align-items:baseline;padding:20px 24px 8px}.billing-orders-title h2{margin:0;font-size:20px;font-weight:600}.billing-orders-table-wrapper{overflow-x:auto;padding:0 8px}.billing-orders-table{width:100%;border-collapse:collapse;table-layout:fixed}.billing-orders-table th{background:#fafcff;color:#40536e;font-weight:600}.billing-orders-table th,.billing-orders-table td{padding:16px;border-bottom:1px solid #f0f3fa;text-align:left;font-size:14px;vertical-align:top}.billing-status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:999px;background:#fef6e0;color:#b45309;font-size:12px;font-weight:600}.billing-status-badge.is-paid{background:#e3f7ec;color:#2b6e3c}.billing-status-badge i{font-size:12px}.billing-order-id{font-family:monospace;font-size:13px;letter-spacing:.2px;color:#52637a}.billing-order-action{background:none;border:1px solid #cbdde9;padding:5px 12px;border-radius:40px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;color:#256f6b}.billing-order-action:hover{background:#e6f4f1;border-color:#8fc1bc}@media (max-width: 1180px){.billing-current-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.dashboard-shell{width:calc(100vw - 32px)}.billing-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plans-grid{gap:20px}.billing-plan-card{min-width:260px}.billing-orders-title{flex-direction:column;gap:8px}}@media (max-width: 700px){.dashboard-shell{width:calc(100vw - 24px)}.billing-page-header-row{align-items:flex-start}.billing-current-grid{grid-template-columns:1fr}.billing-plans-grid{flex-direction:column;align-items:stretch}.billing-plan-card{max-width:none}}