:root{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-2: #1c2333;--color-surface-3: #21262d;--color-border: #30363d;--color-border-subtle: #21262d;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #484f58;--color-accent: #ecc94b;--color-accent-dark: #d69e2e;--color-accent-light: #f6e05e;--color-accent-glow: rgba(236, 201, 75, .15);--color-success: #48bb78;--color-success-bg: rgba(72, 187, 120, .12);--color-error: #fc8181;--color-error-bg: rgba(252, 129, 129, .12);--color-warning: #f6ad55;--color-warning-bg: rgba(246, 173, 85, .12);--color-info: #63b3ed;--color-info-bg: rgba(99, 179, 237, .12);--chart-1: #ecc94b;--chart-2: #63b3ed;--chart-3: #68d391;--chart-4: #fc8181;--chart-5: #b794f4;--chart-6: #f6ad55;--sidebar-width: 240px;--topbar-height: 64px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 24px rgba(236, 201, 75, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh;background:var(--color-bg)}.page-container{padding:2rem;max-width:1400px;margin:0 auto}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;padding:1.5rem 0;transition:transform var(--transition-base)}.sidebar-logo{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.sidebar-logo h1{font-size:1.1rem;font-weight:700;color:var(--color-accent);letter-spacing:.02em}.sidebar-logo span{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-top:2px}.sidebar-nav{flex:1;padding:0 .75rem}.nav-section-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.5rem .75rem;margin-top:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--color-surface-3);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid rgba(236,201,75,.2)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:var(--color-bg);flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:#161b22f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:99}.topbar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.topbar-actions{display:flex;align-items:center;gap:.75rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.5rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--color-border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.billing-logs-tablist{display:flex;flex-wrap:wrap;gap:.25rem;margin:-.25rem 0 1.25rem;padding:0;border-bottom:1px solid var(--color-border);list-style:none}.billing-logs-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.65rem 1rem;cursor:pointer;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.billing-logs-tab:hover{color:var(--color-text-primary);background:var(--color-surface-3)}.billing-logs-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.billing-logs-tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-accent-glow)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.kpi-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:.25rem}.kpi-value.accent{color:var(--color-accent)}.kpi-value.success{color:var(--color-success)}.kpi-value.info{color:var(--color-info)}.kpi-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-surface-3);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(252,129,129,.2)}.btn-danger:hover:not(:disabled){background:#fc818133}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn-sm{padding:.375rem .75rem;font-size:var(--font-size-xs)}.btn-icon{padding:.5rem;border-radius:var(--border-radius)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent)}.badge-muted{background:var(--color-surface-3);color:var(--color-text-secondary)}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead{background:var(--color-surface-2)}thead th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-surface-2)}tbody tr:last-child{border-bottom:none}tbody td{padding:.75rem 1rem;color:var(--color-text-primary);vertical-align:middle}td.amount{font-variant-numeric:tabular-nums;text-align:right;font-weight:500;color:var(--color-accent)}td.amount-negative{color:var(--color-error)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:.375rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(236,201,75,.06) 0%,transparent 60%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);letter-spacing:-.02em}.auth-logo p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:.5rem}.auth-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;text-align:center}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:1.5rem}.dropzone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface-2)}.dropzone:hover,.dropzone.active{border-color:var(--color-accent);background:var(--color-accent-glow)}.dropzone-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--color-accent)}.dropzone-text{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.dropzone-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.pending{background:var(--color-warning)}.status-dot.processing{background:var(--color-info);animation:pulse 1.5s infinite}.status-dot.completed{background:var(--color-success)}.status-dot.error{background:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-overlay{display:flex;align-items:center;justify-content:center;padding:3rem}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.5rem}.chart-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.06em}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.page-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.empty-state svg{width:64px;height:64px;margin:0 auto 1rem;opacity:.4}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.alert{padding:.875rem 1rem;border-radius:var(--border-radius);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(252,129,129,.2)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(72,187,120,.2)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(246,173,85,.2)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(99,179,237,.2)}.subscription-inactive-banner{align-items:flex-start;padding:1rem 1.25rem;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;box-shadow:var(--shadow-sm);gap:1rem}.subscription-inactive-banner__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background:#0000002e}.alert-warning .subscription-inactive-banner__icon{color:var(--color-warning)}.alert-error .subscription-inactive-banner__icon{color:var(--color-error)}.alert-info .subscription-inactive-banner__icon{color:var(--color-info)}.subscription-inactive-banner__icon-svg{width:1.35rem;height:1.35rem}.subscription-inactive-banner__body{flex:1;min-width:0}.subscription-inactive-banner__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.35rem}.subscription-inactive-banner__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.35}.subscription-inactive-banner__status{text-transform:uppercase;letter-spacing:.04em}.subscription-inactive-banner .subscription-inactive-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55;margin:0 0 .875rem}.subscription-inactive-banner__text:last-child{margin-bottom:0}.subscription-inactive-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-top:.125rem}@media (max-width: 520px){.subscription-inactive-banner{flex-direction:column;padding:1rem}.subscription-inactive-banner__icon{width:2.25rem;height:2.25rem}.subscription-inactive-banner__actions{flex-direction:column;align-items:stretch}.subscription-inactive-banner__actions .btn{justify-content:center}}.subscription-inactive-banner--in-card{margin-bottom:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn var(--transition-fast)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:2rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-base)}.modal-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:1rem}.modal-message{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-overlay--stack{z-index:1100}.payment-gateway-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.payment-gateway-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:1rem;background:var(--color-surface-3);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.3;transition:border-color var(--transition-fast),background var(--transition-fast)}.payment-gateway-option:hover{border-color:var(--color-accent)}.payment-gateway-option--selected{border-color:var(--color-accent);background:var(--color-accent-glow)}.payment-gateway-option__left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.payment-gateway-option__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);font-weight:800;font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface)}.payment-gateway-option__icon--stripe{color:var(--color-accent)}.payment-gateway-option__icon--paypal{color:#0070ba}.payment-gateway-option__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.payment-gateway-option__title{font-weight:600;font-size:var(--font-size-sm)}.payment-gateway-option__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.payment-gateway-option__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-accent);color:var(--color-bg)}.payment-gateway-option__check-icon{width:.65rem;height:.65rem;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-bar{height:4px;background:var(--color-surface-3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:2px;transition:width var(--transition-slow)}.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.topbar{left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-container{padding:1rem}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}}.admin-stripe-top-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem;align-items:start}@media (min-width: 900px){.admin-stripe-top-grid{grid-template-columns:1fr 1fr}}.admin-stripe-card-compact{margin-bottom:0}.admin-stripe-card-heading{margin:0 0 1rem;font-size:var(--font-size-base)}.admin-stripe-setup-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.admin-stripe-setup-item{display:flex;align-items:center;gap:.75rem;min-width:0}.admin-stripe-setup-step-num{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);line-height:1;background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.admin-stripe-setup-item-title{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.admin-stripe-webhook-url-heading{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.admin-stripe-webhook-url-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:1rem}.admin-stripe-webhook-url-code{flex:1 1 12rem;min-width:0;word-break:break-all;font-size:var(--font-size-xs);padding:.65rem .75rem;border-radius:var(--border-radius);background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border);line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-stripe-webhook-events-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:0 0 .4rem}.admin-stripe-webhook-events-list{margin:0;padding-left:1.25rem;font-size:var(--font-size-xs);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55;color:var(--color-text-primary)}.admin-stripe-webhook-events-list li{margin-bottom:.2rem}.admin-stripe-webhook-events-list li:last-child{margin-bottom:0}.admin-stripe-api-form{max-width:none}.admin-stripe-credential-input-wrap{position:relative;display:block;width:100%}.admin-stripe-credential-input{padding-right:2.75rem;box-sizing:border-box}.admin-stripe-credential-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.admin-stripe-credential-toggle:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-2)}.admin-stripe-credential-toggle:disabled{cursor:not-allowed;opacity:.65}.admin-stripe-credential-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.admin-stripe-credential-toggle-spinner{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:admin-stripe-toggle-spin .65s linear infinite}@keyframes admin-stripe-toggle-spin{to{transform:rotate(360deg)}}.admin-stripe-linked-panel{margin-top:.5rem;margin-bottom:1.25rem;padding:.85rem 1rem;border-radius:var(--border-radius);background:var(--color-surface-2);border:1px solid var(--color-border)}.admin-stripe-linked-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.admin-stripe-linked-header .admin-stripe-linked-title{margin:0}.admin-stripe-linked-title{margin:0 0 .75rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.admin-stripe-linked-verified-badge{flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;color:var(--color-success, #16a34a)}.admin-stripe-linked-price-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-stripe-linked-price-line .admin-stripe-linked-code{flex:1 1 12rem;min-width:0}.admin-stripe-linked-badge-warning{flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;padding:.2rem .45rem;border-radius:var(--border-radius);background:color-mix(in srgb,var(--color-warning, #eab308) 18%,transparent);color:var(--color-text-primary)}.admin-stripe-linked-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.admin-stripe-linked-refresh{display:inline-flex;align-items:center;gap:.35rem}.admin-stripe-linked-btn-spinner{display:inline-block;width:.85rem;height:.85rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:admin-stripe-toggle-spin .65s linear infinite;vertical-align:-.12em}.admin-stripe-linked-error{margin:0;font-size:var(--font-size-xs);color:var(--color-error, #dc2626);line-height:1.45}.admin-stripe-linked-rows{display:flex;flex-direction:column;gap:.55rem}.admin-stripe-linked-row{display:flex;flex-direction:column;gap:.25rem;min-width:0}.admin-stripe-linked-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);line-height:1.3}.admin-stripe-linked-code{display:block;width:100%;box-sizing:border-box;margin:0;word-break:break-all;font-size:var(--font-size-xs);padding:.5rem .65rem;border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-stripe-linked-value{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.45}.admin-stripe-linked-muted{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.45}.admin-stripe-linked-warning{margin:.65rem 0 0;font-size:var(--font-size-xs);color:var(--color-warning, #eab308);line-height:1.4}.admin-stripe-create-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.subscription-page{flex:1;min-height:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(236,201,75,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(99,179,237,.06),transparent 50%),var(--color-bg)}.subscription-page__container{max-width:1200px;padding-top:1.5rem;padding-bottom:3rem}.subscription-page__alert{margin-bottom:1.25rem}.subscription-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:clamp(2rem,4vw,3.5rem);align-items:start}@media (max-width: 900px){.subscription-container{grid-template-columns:1fr}.subscription-pricing{order:-1}}.subscription-info{padding-top:.5rem}.subscription-page__eyebrow{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.subscription-page__title{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-4xl));font-weight:700;line-height:1.15;color:var(--color-text-primary);margin-bottom:1rem;letter-spacing:-.02em}.subscription-page__lead{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.65;max-width:36rem;margin-bottom:2rem}.subscription-features{list-style:none;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.subscription-feature{display:flex;gap:1rem;align-items:flex-start}.subscription-feature__icon-wrap{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--border-radius-lg);background:var(--color-accent-glow);border:1px solid rgba(236,201,75,.22);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),border-color var(--transition-base)}.subscription-feature:hover .subscription-feature__icon-wrap{transform:translateY(-2px);border-color:#ecc94b59}.subscription-feature__icon{color:var(--color-accent)}.subscription-feature__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.subscription-feature__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55;margin:0}.subscription-trust{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.subscription-trust__item{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.subscription-trust__icon{flex-shrink:0;color:var(--color-accent-dark);opacity:.9}.subscription-trust__check{color:var(--color-success)}.subscription-pricing{position:relative}.pricing-card{position:relative;margin:0;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--border-radius-xl);background:linear-gradient(145deg,var(--color-surface-2) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);box-shadow:var(--shadow-lg),0 0 0 1px #ecc94b0f inset;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.pricing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(236,201,75,.25),transparent 45%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pricing-card:hover{border-color:#ecc94b33;box-shadow:var(--shadow-lg),var(--shadow-glow),0 0 0 1px #ecc94b14 inset}.pricing-card__header{margin-bottom:1.5rem}.pricing-card__heading{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.pricing-card__sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55;margin:0}.brand-selector{margin-bottom:1.5rem}.brand-selector__label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:.6rem}.brand-selector__hint{margin:.5rem 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.quantity-input{display:flex;align-items:stretch;max-width:100%;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background:var(--color-surface-3);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.quantity-input:focus-within{border-color:var(--color-accent-dark);box-shadow:0 0 0 3px var(--color-accent-glow)}.quantity-input__btn{flex:0 0 3rem;min-height:3rem;border:none;background:var(--color-surface);color:var(--color-text-primary);font-size:1.35rem;font-weight:500;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.quantity-input__btn:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-accent)}.quantity-input__btn:disabled{opacity:.35;cursor:not-allowed}.quantity-input__field{flex:1;min-width:0;margin:0!important;border:none!important;border-radius:0!important;background:transparent!important;text-align:center;font-size:var(--font-size-lg);font-weight:600;font-variant-numeric:tabular-nums;color:#e6edf3!important;-webkit-text-fill-color:#e6edf3!important;-moz-appearance:textfield;-webkit-appearance:none}input[type=number].quantity-input__field{color:#e6edf3!important;-webkit-text-fill-color:#e6edf3!important}.quantity-input__field::-webkit-outer-spin-button,.quantity-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-breakdown{padding:1.25rem;border-radius:var(--border-radius-lg);background:#0003;border:1px solid var(--color-border-subtle);margin-bottom:1.5rem}.price-breakdown__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.price-breakdown__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.price-breakdown__value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.price-breakdown__unit{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.price-breakdown__total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.price-breakdown__total-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.price-breakdown__total-price{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:transform var(--transition-fast)}.pricing-card:focus-within .price-breakdown__total-price,.pricing-card:hover .price-breakdown__total-price{text-shadow:0 0 24px rgba(236,201,75,.25)}.pricing-card__cta{width:100%;justify-content:center;font-weight:600;min-height:3rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pricing-card__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.pricing-card__cta:disabled{transform:none}.pricing-card__fine-print{margin:1rem 0 0;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.45}