:root,:host{--color-white-100:#fff;--color-white-30:#ffffff4d;--color-white-20:#fff3;--font-anybody:"Anybody", sans-serif;--font-inter:"Inter", sans-serif;--font-primary:var(--font-inter), sans-serif;--font-secondary:"Stack Sans Headline", var(--font-anybody), sans-serif;--text-h1:60px;--text-h1--line-height:1.1;--text-h2:40px;--text-h2--line-height:1.2;--text-h3:32px;--text-h3--line-height:1.2;--text-h4:28px;--text-h4--line-height:1.3;--text-h5:24px;--text-h5--line-height:1.4;--text-h1-mobile:40px;--text-h2-mobile:32px;--text-h3-mobile:28px;--text-h4-mobile:24px;--text-h5-mobile:20px;--text-subtitle:18px;--text-subtitle-mobile:16px;--text-subtitle--line-height:1.55;--text-subtitle-sm:16px;--text-subtitle-sm--line-height:1.5;--text-body-lg:16px;--text-body-lg--line-height:1.5;--text-body:14px;--text-body--line-height:1.428;--text-caption-lg:12px;--text-caption-lg--line-height:1.333;--text-caption:10px;--text-caption--line-height:1.4}@keyframes dropdown-enter{0%{opacity:0;filter:blur(8px);transform:translateY(-10px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes dropdown-exit{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(6px);transform:translateY(-6px)scale(.98)}}@keyframes admin-chart-enter{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes admin-chart-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@layer utilities{.animate-dropdown-in{animation:.22s cubic-bezier(.16,1,.3,1) dropdown-enter}.animate-dropdown-out{animation:.16s ease-in forwards dropdown-exit}.billing-page-shell{flex-direction:column;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:32px;display:flex}.billing-surface{border:1px solid var(--color-white-30);background:linear-gradient(#4a2b7ce6 0%,#351f59e0 100%);border-radius:28px;flex-direction:column;gap:48px;width:100%;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 48px #0003}.billing-surface-glow{pointer-events:none;background:radial-gradient(circle at top,#af2ecb3d,#0000 42%),linear-gradient(#ffffff08,#0000 18%);position:absolute;inset:0}.billing-summary-block{z-index:1;flex-direction:column;gap:32px;display:flex;position:relative}.billing-summary-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-upgrade-button{min-height:32px;color:var(--color-white-100);background:linear-gradient(90deg,#8e2de2 0%,#af2ecb 100%);border-radius:99px;justify-content:center;align-items:center;padding:8px 12px;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:inset 0 0 9px 1px #dc7ff3}.billing-upgrade-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.billing-usage-block{flex-direction:column;gap:12px;display:flex}.billing-usage-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-progress-track{background:#0003;border-radius:99px;width:100%;height:8px;overflow:hidden}.billing-progress-fill{background:#af2ecb;border-radius:99px;height:100%;box-shadow:0 0 18px #af2ecb73}.billing-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.billing-stat-card{border:1px solid var(--color-white-20);background:#0000001a;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.billing-stat-icon{border:1px solid var(--color-white-20);background:#ffffff1f;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:relative;box-shadow:0 0 4px #ffffff40}.billing-stat-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.billing-compare-section{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.billing-hero-title{font-family:var(--font-inter);text-align:center;-webkit-text-fill-color:transparent;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(#af2ecb 33.97%,#af2ecb00 79.73%);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,10vw,140px);font-weight:800;line-height:1}.billing-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px;width:100%;display:grid}.billing-plan-card{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#0e0a0f99;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;gap:36px;min-height:598px;padding:24px;display:flex}.billing-plan-card--featured{background:linear-gradient(#443149 -95%,#0e0a0f 100%);border-color:#af2ecb;min-height:650px;box-shadow:0 20px 40px #af2ecb24}.billing-plan-card-body{flex-direction:column;flex:1;gap:24px;display:flex}.billing-plan-header{border-bottom:1px solid #454545;flex-direction:column;gap:16px;padding-bottom:32px;display:flex}.billing-plan-popular{width:fit-content;min-height:36px;color:var(--color-white-100);font-family:var(--font-primary);background:linear-gradient(90deg,#8e2de2 0%,#af2ecb 100%);border-radius:99px;justify-content:center;align-items:center;padding:8px 20px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;box-shadow:inset 0 0 9px 1px #dc7ff3}.billing-price-row{align-items:flex-end;gap:6px;display:flex}.billing-price-value{color:var(--color-white-100);font-family:var(--font-inter);font-size:36px;font-weight:700;line-height:44px}.billing-price-suffix{color:var(--color-white-100);font-family:var(--font-primary);padding-bottom:4px;font-size:14px;font-weight:500;line-height:20px}.billing-plan-features{flex-direction:column;flex:1;gap:10px;padding-top:8px;display:flex}.billing-feature-row{align-items:flex-start;gap:24px;min-height:24px;display:flex}.billing-feature-icon{flex-shrink:0;width:24px;height:24px;position:relative}.billing-plan-button{border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 20px;transition:transform .2s,filter .2s,background-color .2s;display:inline-flex}.billing-plan-button:hover{transform:translateY(-1px)}.billing-plan-button--primary{color:var(--color-white-100);background:linear-gradient(90deg,#8e2de2 0%,#af2ecb 100%);box-shadow:inset 0 0 9px 1px #dc7ff3}.billing-plan-button--primary:hover{filter:brightness(1.05)}.billing-plan-button--outline{color:var(--color-white-100);border:1px solid var(--color-white-100);background:0 0}.billing-plan-button--outline:hover{background:#ffffff0f}.billing-button-icon{flex-shrink:0;width:16px;height:16px;position:relative}.admin-glass-table{border:1px solid #ffffff14;border-radius:22px;overflow:hidden}.admin-table-head{background:#ffffff14}.admin-table-row{background:linear-gradient(90deg,#ffffff05 0%,#af2ecb1a 100%)}.admin-table-footer{background:linear-gradient(#ffffff05 0%,#ffffff03 100%)}.admin-mobile-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:16px}.admin-icon-button{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.admin-icon-button:hover{color:var(--color-white-100);background:#ffffff1a}.admin-square-icon-button{background:#ffffff14;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,transform .2s;display:inline-flex}.admin-square-icon-button:hover{background:#ffffff1f}.admin-pagination-button{color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.admin-pagination-button:hover{color:var(--color-white-100);background:#ffffff0f}.admin-pagination-button--active{color:var(--color-white-100);background-image:linear-gradient(#af2ecbe6 0%,#8e2de2e6 100%);border-color:#db74ff4d;box-shadow:0 0 20px #af2ecb38}.admin-tab-button{white-space:nowrap;color:#ffffff8c;border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:500;line-height:1;transition:background-color .2s,color .2s,box-shadow .2s}.admin-tab-button:hover{color:var(--color-white-100);background:#ffffff0f}.admin-tab-button--active{color:var(--color-white-100);background-image:linear-gradient(90deg,#8e2de2f2 0%,#af2ecbf2 100%);box-shadow:inset 0 0 10px #ffffff2e,0 6px 18px #af2ecb33}.admin-status-pill{border-radius:9999px;align-items:center;width:fit-content;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.admin-chart-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-chart-legend-item{opacity:0;align-items:center;gap:8px;animation:.5s cubic-bezier(.22,1,.36,1) forwards admin-chart-fade-up;display:flex}.admin-chart-legend-dot{border-radius:9999px;flex-shrink:0;width:10px;height:10px}.admin-usage-chart-surface{transform-origin:50%;animation:.75s cubic-bezier(.16,1,.3,1) forwards admin-chart-enter;position:relative;overflow:hidden}.admin-chart-copy{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) 60ms forwards admin-chart-fade-up}.admin-usage-chart-surface:after{content:"";pointer-events:none;inset-inline:0;background:radial-gradient(circle at bottom,#af2ecb29,#0000 68%);height:128px;position:absolute;bottom:0}.admin-usage-chart-frame{z-index:1;height:280px;min-height:280px;position:relative}.admin-usage-chart .recharts-responsive-container,.admin-usage-chart .recharts-wrapper{width:100%!important;height:100%!important}.admin-usage-chart .recharts-surface{overflow:visible}.admin-usage-chart .recharts-cartesian-grid-horizontal line{stroke:#ffffff14}.admin-usage-chart .recharts-layer.recharts-cartesian-axis-tick text{fill:#ffffff7a;letter-spacing:.12em;font-size:10px;font-weight:500}.admin-chart-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0a0feb;border:1px solid #ffffff14;border-radius:16px;min-width:160px;padding:12px 14px;box-shadow:inset 0 1px #ffffff0d,0 16px 30px #0000003d}.admin-chart-tooltip-title{color:var(--color-white-100);font-family:var(--font-primary);letter-spacing:.12em;font-size:12px;font-weight:600;line-height:1.333}.admin-chart-tooltip-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.admin-chart-tooltip-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-chart-tooltip-label{color:#ffffffb8;font-family:var(--font-primary);font-size:12px;font-weight:500;line-height:1.333}.admin-chart-tooltip-value{color:var(--color-white-100);font-family:var(--font-primary);font-size:12px;font-weight:600;line-height:1.333}.admin-shell-scrollbar{scrollbar-width:thin;scrollbar-color:#bc65e9b8 #ffffff0a}.admin-shell-scrollbar::-webkit-scrollbar{width:8px}.admin-shell-scrollbar::-webkit-scrollbar-track{background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border-radius:9999px;margin-block:8px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 8px 18px #0000001f}.admin-shell-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#e4a0f7f2 0%,#af2ecbeb 55%,#6c37c7f5 100%) padding-box padding-box;border:2px solid #0000;border-radius:9999px;min-height:64px;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 18px #af2ecb2e}.admin-shell-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ecb7f9fa 0%,#c243dff5 55%,#8052e2fa 100%) padding-box padding-box;box-shadow:inset 0 0 0 1px #ffffff3d,0 0 22px #af2ecb3d}.admin-shell-scrollbar::-webkit-scrollbar-corner{background:0 0}.admin-shell-scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}@media (max-width:1279px){.billing-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plans-grid{grid-template-columns:1fr;max-width:400px}.billing-plan-card,.billing-plan-card--featured{min-height:auto}}@media (max-width:767px){.billing-page-shell{gap:20px;padding:20px 16px}.billing-surface{border-radius:20px;gap:32px;padding:20px}.billing-summary-header{flex-direction:column;align-items:flex-start}.billing-stats-grid{grid-template-columns:1fr;gap:12px}.billing-hero-title{font-size:clamp(44px,16vw,96px)}.admin-usage-chart-surface{padding-inline:12px;padding-bottom:12px}.admin-usage-chart .recharts-layer.recharts-cartesian-axis-tick text{letter-spacing:.08em;font-size:9px}}@media (min-width:768px){.admin-usage-chart-surface{padding-inline:20px;padding-bottom:20px}.admin-usage-chart-frame{height:320px;min-height:320px}}.text-style-h1{font-size:var(--text-h1-mobile);line-height:1.2}@media (min-width:1024px){.text-style-h1{font-size:var(--text-h1);line-height:var(--text-h1--line-height)}}.text-style-h1{font-weight:600;font-family:var(--font-primary);letter-spacing:-.02em}.text-style-h2{font-size:var(--text-h2-mobile);line-height:1.2}@media (min-width:1024px){.text-style-h2{font-size:var(--text-h2);line-height:var(--text-h2--line-height)}}.text-style-h2{font-weight:500;font-family:var(--font-primary);letter-spacing:-.02em}.text-style-h3{font-size:var(--text-h3-mobile);line-height:1.3}@media (min-width:1024px){.text-style-h3{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}}.text-style-h3{font-weight:600;font-family:var(--font-primary)}.text-style-h4{font-size:var(--text-h4-mobile);line-height:1.3}@media (min-width:1024px){.text-style-h4{font-size:var(--text-h4);line-height:var(--text-h4--line-height)}}.text-style-h4{font-weight:600;font-family:var(--font-primary)}.text-style-h5{font-size:var(--text-h5-mobile);line-height:1.3}@media (min-width:1024px){.text-style-h5{font-size:var(--text-h5);line-height:var(--text-h5--line-height)}}.text-style-h5{font-weight:600;font-family:var(--font-primary)}.text-style-subtitle-1{font-size:var(--text-subtitle-mobile)}@media (min-width:1024px){.text-style-subtitle-1{font-size:var(--text-subtitle)}}.text-style-subtitle-1{line-height:var(--text-subtitle--line-height);font-weight:600;font-family:var(--font-primary)}.text-style-subtitle-2{font-size:var(--text-subtitle-sm);line-height:var(--text-subtitle-sm--line-height);font-weight:600;font-family:var(--font-primary)}.text-style-body-1{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:400;font-family:var(--font-inter)}.text-style-body-2{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:400;font-family:var(--font-primary)}.text-style-body-3{font-size:var(--text-body);line-height:var(--text-body--line-height);font-weight:400;font-family:var(--font-primary)}.text-style-body-4{font-size:var(--text-body);line-height:var(--text-body--line-height);font-weight:500;font-family:var(--font-primary)}.text-style-caption-1{font-size:var(--text-caption-lg);line-height:var(--text-caption-lg--line-height);font-weight:400;font-family:var(--font-inter)}.text-style-caption-2{font-size:var(--text-caption-lg);line-height:var(--text-caption-lg--line-height);font-weight:500;font-family:var(--font-primary)}.text-style-caption-3{font-size:var(--text-caption);line-height:var(--text-caption--line-height);font-weight:500;font-family:var(--font-primary)}.text-style-button-giant{font-size:18px;font-weight:600;line-height:1.333;font-family:var(--font-primary)}.text-style-button-large{font-size:16px;font-weight:600;line-height:1.25;font-family:var(--font-primary)}.text-style-button-medium{font-size:14px;font-weight:600;line-height:1.142;font-family:var(--font-primary)}.text-style-button-small{font-size:12px;font-weight:600;line-height:1.333;font-family:var(--font-primary)}.text-style-button-tiny{font-size:10px;font-weight:600;line-height:1.2;font-family:var(--font-primary)}.text-style-hero{font-size:var(--text-h1-mobile);line-height:1.2}@media (min-width:1024px){.text-style-hero{font-size:var(--text-h1);line-height:var(--text-h1--line-height)}}.text-style-hero{font-weight:600;font-family:var(--font-secondary);letter-spacing:-.02em}.text-hero-gradient{background-image:linear-gradient(150deg,#e4a0f7e6 0%,#fff 93%)}.bg-primary-gradient{background-image:linear-gradient(90deg,#ff2ea1 0%,#af2ecb 100%)}@media (max-width:1023.9px){.text-title-gradient{background-image:linear-gradient(92.03deg,#fff 44.83%,#e4a0f7e6 92.6%);-webkit-background-clip:text;background-clip:text;color:#0000!important}}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:0 0}.scrollbar-custom::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:10px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box padding-box}}