.page-main{padding-top:64px;min-height:100vh}.page-inner{max-width:900px;margin:0 auto;padding:48px 24px 96px;display:flex;flex-direction:column;gap:32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.plan-badge{display:inline-flex;align-items:center;gap:7px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:9999px;padding:5px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8125rem;font-weight:700;color:#a5b4fc}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-indigo)}.next-payment{display:flex;align-items:center;gap:7px;font-size:.875rem;color:var(--text-muted)}.warning-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;flex-wrap:wrap}.warning-banner.amber{background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.warn-title{font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:700;color:#fcd34d}.warn-sub{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.btn-warn{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#ef4444)!important;box-shadow:0 4px 20px #ef44444d!important;white-space:nowrap}.billing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.invoices-card{grid-column:1 / -1}.billing-card{padding:28px;display:flex;flex-direction:column;gap:20px}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}.ls-note{font-size:.875rem;color:var(--text-muted);line-height:1.65}.ls-note strong{color:var(--text-secondary)}.ls-portal-btn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;text-decoration:none}.info-list{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.info-row:last-child{border-bottom:none}.info-row dt{font-size:.875rem;color:var(--text-muted)}.info-row dd{font-size:.875rem;color:var(--text-primary);font-weight:500}.sub-summary{display:flex;flex-direction:column;gap:8px}.sub-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-plan-name{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.8125rem;font-weight:600}.status-badge.active{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.status-badge.cancelled{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.status-badge.past-due{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sub-renewal{font-size:.875rem;color:var(--text-muted)}.sub-renewal strong{color:var(--text-secondary)}.btn-sm{padding:9px 18px!important;font-size:.8125rem!important;border-radius:8px!important}.invoices-header{display:flex;justify-content:space-between;align-items:center}.view-all{font-size:.875rem;color:var(--accent-indigo);text-decoration:none;font-weight:600;transition:color .15s}.view-all:hover{color:#a5b4fc}.invoice-table-wrap{overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:12px 16px;text-align:left;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.04)}.invoice-table th{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.invoice-table td{color:var(--text-secondary)}.invoice-table tr:last-child td{border-bottom:none}.invoice-no{font-family:DM Sans,monospace;font-size:.8125rem;color:var(--text-muted)!important}.badge-paid{display:inline-block;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:9999px}.badge-failed{display:inline-block;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:9999px}.btn-dl{display:inline-flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:5px 10px;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}.btn-dl:hover{border-color:var(--border-glass);color:var(--text-secondary)}.no-invoices{padding:24px;text-align:center;font-size:.875rem;color:var(--text-muted)}.sk-row{height:18px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;margin:6px 0}.sk-row.sk-short{width:60%}.sk-inline{display:inline-block;width:120px;height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;vertical-align:middle}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.billing-grid{grid-template-columns:1fr}.invoices-card{grid-column:auto}}