@layer components{.payment-package-option{--pkg-accent: #7ecf91;position:relative;display:flex;flex-direction:column;gap:.5rem;border:1.5px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff08;padding:1rem 1.1rem;text-align:right;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.payment-package-option[data-accent=blue]{--pkg-accent: #5fbfe8}.payment-package-option[data-accent=gold]{--pkg-accent: #d8b765}.payment-package-option[data-accent=violet]{--pkg-accent: #a78bfa}.payment-package-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pkg-accent) 34%,transparent)}.payment-package-option.is-selected{border-color:color-mix(in srgb,var(--pkg-accent) 55%,transparent);background:color-mix(in srgb,var(--pkg-accent) 9%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--pkg-accent) 22%,transparent)}.payment-package-option-header{display:flex;align-items:center;gap:.6rem}.payment-package-option-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--pkg-accent)}.payment-package-option-name{flex:1;color:var(--foreground);font-size:.95rem;font-weight:700}.payment-package-radio{width:1rem;height:1rem;flex-shrink:0;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.payment-package-option.is-selected .payment-package-radio{border-color:var(--pkg-accent);background:var(--pkg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pkg-accent) 20%,transparent)}.payment-package-option-price{display:flex;align-items:baseline;gap:.3rem}.payment-package-option-price strong{color:var(--foreground);font-size:1.5rem;font-weight:900}.payment-package-option-price span{color:#e8e8dc99;font-size:.82rem}.payment-package-option-tagline{color:#e8e8dc94;font-size:.82rem;line-height:1.5}html:not(.dark) .payment-package-option{border-color:#1022191a;background:#ffffffb8}html:not(.dark) .payment-package-radio{border-color:#1022193d}html:not(.dark) .payment-package-option-price span,html:not(.dark) .payment-package-option-tagline{color:#10221994}.payment-method-option{position:relative;display:flex;min-height:8.2rem;flex-direction:column;gap:.55rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff0a;padding:1rem;text-align:right;color:#f5faf6e0;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.payment-method-option:before{content:"";position:absolute;inset:auto 0 0;height:3px;opacity:0;transition:opacity .18s ease}.payment-method-option[data-method=card]:before{background:linear-gradient(90deg,#1a4fd7,#62a8ff)}.payment-method-option[data-method=mada]:before{background:linear-gradient(90deg,#158a47,#68d391)}.payment-method-option[data-method=apple_pay]:before{background:linear-gradient(90deg,#111827,#8d99ae)}.payment-method-option:hover{transform:translateY(-1px);border-color:#5fd29a5c;background:linear-gradient(145deg,#5fd29a1c,#ffffff09),#ffffff0e}.payment-method-option[data-selected=true]{border-color:#5fd29a94;background:linear-gradient(145deg,#5fd29a2e,#ffffff0b),#ffffff12;box-shadow:0 0 0 1px #5fd29a2e,0 14px 36px #0c3d2624}.payment-method-option[data-selected=true]:before{opacity:1}.payment-method-option-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.payment-method-option-icon{width:1.35rem;height:1.35rem;color:#5fd29a}.payment-method-option-meta{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0f;padding:.18rem .48rem;color:#f5faf6ad;font-size:.68rem;font-weight:800;direction:ltr}.payment-method-option-label{color:var(--foreground);font-size:.95rem;font-weight:900;line-height:1.35}.payment-method-option-desc{color:#e8e8dc99;font-size:.78rem;line-height:1.55}.payment-card-fields{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:linear-gradient(180deg,#ffffff13,#ffffff06),#ffffff0a;padding:1rem;box-shadow:inset 0 1px #ffffff14}.payment-card-fields:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(95,210,154,.08),transparent),radial-gradient(circle at 8% 0%,rgba(95,210,154,.16),transparent 28%);opacity:.72}.payment-card-fields>*{position:relative;z-index:1}.payment-card-brand-strip{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;background:#02080729;padding:.35rem;box-shadow:inset 0 1px #ffffff14;direction:ltr}.payment-brand-mark{position:relative;display:inline-flex;height:2.1rem;min-width:3.4rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(95,210,154,.24);border-radius:.72rem;background:#ffffff14;padding:.18rem .58rem;font-weight:950;direction:ltr;letter-spacing:0;opacity:.46;transform:translateZ(0) scale(.98);transition:opacity .16s ease,transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.payment-brand-mark[data-compact=false]{height:2.35rem;min-width:4.2rem;border-radius:.82rem}.payment-brand-mark[data-active=true]{border-color:#ffffff52;background:#fffffff0;box-shadow:0 8px 20px #0000001f;opacity:1;transform:translateZ(0) scale(1)}.payment-brand-mark[data-brand=visa]{color:#163c8c}.payment-brand-mark[data-brand=mastercard]{min-width:3.6rem;background:#ffffff1a}.payment-brand-mark[data-brand=mada]{color:#087a45}.payment-brand-mark[data-brand=unknown]{min-width:2.6rem;color:#5fd29a}.payment-visa-word{font-size:.92rem;font-style:italic;font-weight:950;transform:skew(-11deg)}.payment-mada-word{color:#087a45;font-size:.84rem;font-weight:950}.payment-mastercard-symbol{position:relative;display:inline-flex;width:2.55rem;height:1.58rem;align-items:center;justify-content:center}.payment-mastercard-symbol span{position:absolute;width:1.56rem;height:1.56rem;border-radius:999px;box-shadow:inset 0 -.08rem #00000014}.payment-mastercard-symbol span:first-child{left:.18rem;background:#eb001b}.payment-mastercard-symbol span:last-child{right:.18rem;background:#f79e1b;mix-blend-mode:multiply}.payment-card-preview{position:relative;width:100%;max-width:100%;min-height:12.8rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:linear-gradient(135deg,#ffffff29,#ffffff08),linear-gradient(145deg,#10243c,#081019 56%,#12281f);padding:1.05rem;color:#f8fff9;box-shadow:inset 0 1px #fff3,0 22px 46px #02080738;transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0);transform-origin:center;transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.payment-card-preview[data-focused=true]{transform:perspective(900px) rotateX(3deg) rotateY(-4deg) translate3d(0,-2px,0);box-shadow:inset 0 1px #ffffff3b,0 28px 56px #02080747}.payment-card-preview[data-brand=visa]{background:radial-gradient(circle at 18% 10%,rgba(96,165,250,.36),transparent 32%),linear-gradient(145deg,#102b66,#07142e 56%,#081b34)}.payment-card-preview[data-brand=mastercard]{background:radial-gradient(circle at 15% 12%,rgba(247,158,27,.42),transparent 30%),radial-gradient(circle at 85% 18%,rgba(235,0,27,.32),transparent 34%),linear-gradient(145deg,#18120e,#07100d 58%,#241814)}.payment-card-preview[data-brand=mada]{background:radial-gradient(circle at 18% 10%,rgba(104,211,145,.34),transparent 32%),linear-gradient(145deg,#0f3a2b,#061711 58%,#102d20)}.payment-card-preview-shine{position:absolute;inset:-38% -24% auto;height:74%;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.22),transparent 58%);opacity:.6;transform:translate3d(-28%,0,0) rotate(8deg);animation:payment-card-shine 4.8s ease-in-out infinite}.payment-card-preview-top,.payment-card-preview-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.payment-card-chip{width:2.7rem;height:2rem;border:1px solid rgba(95,74,28,.28);border-radius:.5rem;background:linear-gradient(90deg,transparent 46%,rgba(111,83,30,.36) 47% 53%,transparent 54%),linear-gradient(180deg,#f2d27a,#c79c3b);box-shadow:inset 0 0 0 .28rem #ffffff29,0 7px 14px #00000024}.payment-card-preview-number{position:relative;z-index:1;margin-top:2rem;color:#fffffff0;font-size:clamp(1.08rem,3.2vw,1.55rem);font-weight:850;font-variant-numeric:tabular-nums;line-height:1.2;text-align:left;text-shadow:0 1px 14px rgba(0,0,0,.32)}.payment-card-preview-bottom{margin-top:1.7rem;color:#ffffffe0;font-size:.82rem;font-weight:850;text-transform:uppercase}.payment-card-preview-bottom span{display:grid;gap:.18rem;min-width:0}.payment-card-preview-bottom span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-card-preview-bottom small{color:#ffffff80;font-size:.56rem;font-weight:800;letter-spacing:0}.payment-input-shell{position:relative}.payment-input-brand{position:absolute;top:50%;right:.55rem;display:flex;transform:translateY(-50%);pointer-events:none}.payment-input-brand .payment-brand-mark{height:1.55rem;min-width:2.55rem;border-radius:.52rem;padding:.1rem .42rem}.payment-input-brand .payment-visa-word{font-size:.72rem}.payment-input-brand .payment-mastercard-symbol{width:1.75rem;height:1.08rem}.payment-input-brand .payment-mastercard-symbol span{width:1.08rem;height:1.08rem}.payment-input-brand .payment-mastercard-symbol span:first-child{left:.12rem}.payment-input-brand .payment-mastercard-symbol span:last-child{right:.12rem}.payment-input-brand .payment-mada-word{font-size:.68rem}.payment-field-label{display:block;margin-bottom:.45rem;color:#e8e8dcc2;font-size:.76rem;font-weight:800}.payment-card-fields .payment-input{display:flex;align-items:center;height:3rem;border-color:#ffffff1f;border-radius:.85rem;background:#02080733;color:var(--foreground);box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000000a}.payment-card-fields div.payment-input{padding-inline:.9rem;color:#e8e8dc75;cursor:text}.payment-card-fields .payment-input-with-brand{padding-right:3.5rem}.payment-card-fields .payment-input[data-selected=true],.payment-card-fields .payment-input:focus-visible{border-color:#5fd29a94;box-shadow:0 0 0 3px #5fd29a26,inset 0 1px #ffffff14}.payment-input-ltr{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}.payment-apple-pay-panel{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 38%),#06080b;padding:1rem;box-shadow:inset 0 1px #ffffff24,0 18px 46px #00000038}@keyframes payment-card-shine{0%,52%,to{transform:translate3d(-42%,0,0) rotate(8deg);opacity:0}64%{transform:translate3d(38%,0,0) rotate(8deg);opacity:.68}}.payment-apple-pay-mark{display:inline-flex;height:3.15rem;min-width:6.8rem;align-items:center;justify-content:center;gap:.35rem;border-radius:.85rem;background:#fff;color:#050505;font-size:1rem;font-weight:900;direction:ltr}.payment-apple-pay-check{width:1.35rem;height:1.35rem;color:#5fd29a}html:not(.dark) .payment-method-option{border-color:#1022191a;background:linear-gradient(145deg,#ffffffeb,#ffffffb3),#ffffffd1;color:#102219d6}html:not(.dark) .payment-method-option:hover{border-color:#18854f47;background:linear-gradient(145deg,#18854f14,#ffffffd6),#ffffffeb}html:not(.dark) .payment-method-option[data-selected=true]{border-color:#18854f70;background:linear-gradient(145deg,#18854f1f,#ffffffdb),#fffffff2;box-shadow:0 0 0 1px #18854f1f,0 14px 34px #29471f1a}html:not(.dark) .payment-method-option-icon{color:#18854f}html:not(.dark) .payment-method-option-meta{border-color:#1022191f;background:#1022190a;color:#10221999}html:not(.dark) .payment-method-option-desc{color:#1022198f}html:not(.dark) .payment-card-fields{border-color:#1022191a;background:linear-gradient(180deg,#ffffffdb,#f7fbf3bd),#ffffffd6}html:not(.dark) .payment-card-fields:before{background:linear-gradient(90deg,transparent,rgba(24,133,79,.06),transparent),radial-gradient(circle at 8% 0%,rgba(24,133,79,.13),transparent 28%)}html:not(.dark) .payment-card-brand-strip{border-color:#1022191a;background:#ffffffb8}html:not(.dark) .payment-brand-mark{border-color:#1022191f;background:#1022190a}html:not(.dark) .payment-brand-mark[data-active=true]{border-color:#1022191f;background:#fff;box-shadow:0 8px 20px #29471f1a}html:not(.dark) .payment-field-label{color:#102219a8}html:not(.dark) .payment-card-fields .payment-input{border-color:#10221921;background:#ffffffb8}html:not(.dark) .payment-card-fields div.payment-input{color:#1022196b}@media(max-width:640px){.payment-apple-pay-panel{grid-template-columns:1fr;text-align:center}.payment-apple-pay-mark{width:100%}.payment-apple-pay-check{margin-inline:auto}.payment-card-brand-strip{width:100%;justify-content:center}.payment-card-preview{min-height:11.6rem}}@media(prefers-reduced-motion:reduce){.payment-card-preview,.payment-brand-mark,.payment-method-option{transition:none}.payment-card-preview[data-focused=true]{transform:none}.payment-card-preview-shine{animation:none;opacity:.22;transform:translateZ(0) rotate(8deg)}}.admin-package-card{--admin-accent: #7ecf91;position:relative;border:none;border-radius:1rem;outline:1.5px solid color-mix(in srgb,var(--admin-accent) 18%,var(--border));background:var(--card);padding:1.5rem;box-shadow:0 4px 24px #0000000f;transition:outline-color .2s ease}.admin-package-card[data-tier=professional]{--admin-accent: #5fbfe8}.admin-package-card[data-tier=gold]{--admin-accent: #d8b765}.admin-package-card[data-tier=full_access]{--admin-accent: #a78bfa}.admin-package-card:hover{outline-color:color-mix(in srgb,var(--admin-accent) 36%,transparent)}.admin-package-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.admin-package-accent-bar{width:4px;height:2.5rem;flex-shrink:0;border-radius:999px}.admin-package-price-preview{border:1px solid color-mix(in srgb,var(--admin-accent) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--admin-accent) 10%,transparent);padding:.25rem .75rem;color:color-mix(in srgb,var(--admin-accent) 90%,var(--foreground));font-size:.9rem;font-weight:800;white-space:nowrap}.admin-package-section{margin-top:1.1rem}.admin-package-section+.admin-package-section{padding-top:1rem;border-top:1px solid var(--border)}.admin-package-section-title{margin-bottom:.6rem;color:var(--muted-foreground);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.admin-package-save-btn{border-radius:.6rem;background:color-mix(in srgb,var(--btn-accent, #7ecf91) 80%,#07100c)!important;color:#07100c!important;font-weight:800}.admin-package-save-btn:hover{filter:brightness(1.08)}}@layer utilities{.admin-kpi-glass{background:linear-gradient(145deg,color-mix(in oklch,var(--color-card) 94%,oklch(.72 .18 245) 6%),color-mix(in oklch,var(--color-card) 98%,transparent 2%));box-shadow:0 1px #ffffff14 inset,0 4px 16px #0000000f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .admin-kpi-glass{background:linear-gradient(145deg,#101623d9,#0b0f19b8);box-shadow:0 1px #ffffff0f inset,0 6px 24px #00000040}.admin-hero-card{background:linear-gradient(140deg,color-mix(in oklch,var(--color-card) 92%,oklch(.72 .18 245) 8%),var(--color-card) 60%,color-mix(in oklch,var(--color-card) 95%,oklch(.72 .115 154) 5%));box-shadow:0 1px #ffffff1a inset,0 8px 40px #00000014}.dark .admin-hero-card{background:linear-gradient(140deg,#0f1625e5,#0a1019cc 55%,#0a1319b8);box-shadow:0 1px #ffffff12 inset,0 12px 48px #0000004d}.admin-chart-glass{background:#00000005;border:1px solid oklch(0 0 0 / 6%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .admin-chart-glass{background:#ffffff08;border:1px solid oklch(1 0 0 / 8%)}.admin-alert-band-warning{background:linear-gradient(90deg,#ffd07733,#ffd07714);border-color:#ffd07759;border-right-width:3px}.dark .admin-alert-band-warning{background:linear-gradient(90deg,#f1ba4b2e,#f1ba4b0f);border-color:#f1ba4b61}.admin-alert-band-danger{background:linear-gradient(90deg,#f3625f29,#f3625f0f);border-color:#f3625f52;border-right-width:3px}.dark .admin-alert-band-danger{background:linear-gradient(90deg,#f14d4f2e,#f14d4f0f);border-color:#f14d4f5c}.admin-table-row-selected{background:#3bacff0f;background:oklch(.72 .18 245 / 6%);box-shadow:inset 3px 0 #3bacff99;box-shadow:inset 3px 0 oklch(.72 .18 245 / 60%)}.dark .admin-table-row-selected{background:#3bacff14;background:oklch(.72 .18 245 / 8%);box-shadow:inset 3px 0 #3bacff7f;box-shadow:inset 3px 0 oklch(.72 .18 245 / 50%)}.admin-section-accent-indigo{border-right:3px solid oklch(.72 .18 245 / 70%)}.admin-section-accent-success{border-right:3px solid oklch(.72 .115 154 / 70%)}.admin-section-accent-warning{border-right:3px solid oklch(.88 .12 82 / 70%)}.admin-section-accent-danger{border-right:3px solid oklch(.68 .18 24 / 70%)}.admin-timeline-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-card);position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.admin-chat-bubble-admin{background:linear-gradient(135deg,#3bacff2e,#3bacff1a);background:linear-gradient(135deg,color(xyz 0.351 0.377 1.116 / 0.18),color(xyz 0.351 0.377 1.116 / 0.102));border:1px solid oklch(.72 .18 245 / 25%);border-radius:1rem .25rem 1rem 1rem}.dark .admin-chat-bubble-admin{background:linear-gradient(135deg,#3bacff33,#3bacff1f);background:linear-gradient(135deg,color(xyz 0.351 0.377 1.116 / 0.2),color(xyz 0.351 0.377 1.116 / 0.122));border-color:#3bacff4d;border-color:oklch(.72 .18 245 / 30%)}.admin-chat-bubble-candidate{background:var(--color-muted);border:1px solid var(--color-border);border-radius:.25rem 1rem 1rem}.admin-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.admin-sparkline{opacity:.85;transition:opacity .2s ease}.admin-sparkline:hover{opacity:1}@keyframes admin-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-skeleton{background:linear-gradient(90deg,var(--color-muted) 25%,color-mix(in oklch,var(--color-muted) 70%,var(--color-background) 30%) 50%,var(--color-muted) 75%);background-size:200% 100%;animation:admin-shimmer 1.6s ease-in-out infinite;border-radius:6px}.admin-health-ok:before,.admin-health-err:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.admin-health-ok:before{background:#66ba83;box-shadow:0 0 6px #66ba8399}.admin-health-err:before{background:#f3625f;box-shadow:0 0 6px #f3625f7f}.admin-metric-tile{border:1px solid color-mix(in oklch,var(--color-border) 82%,oklch(.72 .18 245) 18%);background:radial-gradient(120% 120% at 0% 0%,oklch(.72 .115 154 / 9%) 0%,transparent 38%),radial-gradient(140% 140% at 100% 100%,oklch(.68 .075 205 / 7%) 0%,transparent 52%),linear-gradient(145deg,color-mix(in oklch,var(--color-card) 97%,oklch(.72 .18 245) 3%),color-mix(in oklch,var(--color-card) 95%,oklch(.72 .115 154) 5%));box-shadow:0 1px #ffffffa6 inset,0 12px 30px #0000001a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-metric-tile-icon{background:#66ba8329;color:#006736;color:oklch(.45 .12 154)}.admin-metric-tile-subtle{color:var(--color-muted-foreground)}.dark .admin-metric-tile{border:1px solid oklch(.41 .04 245 / 52%);background:radial-gradient(120% 120% at 0% 0%,oklch(.72 .115 154 / 10%) 0%,transparent 38%),radial-gradient(140% 140% at 100% 100%,oklch(.68 .075 205 / 8%) 0%,transparent 52%),linear-gradient(145deg,#09121cf5,#03080efa);box-shadow:0 1px #ffffff12 inset,0 18px 42px #0000003d}.dark .admin-metric-tile-icon{background:#66ba8324;color:#6ed091}.dark .admin-metric-tile-subtle{color:#a9bac5}}