:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius: var(--radius-md);--text-xs: .72rem;--text-sm: .82rem;--text-base: .92rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: clamp(1.4rem, 3vw, 1.75rem);--text-3xl: clamp(1.7rem, 4vw, 2.4rem);--text-4xl: clamp(2.1rem, 5.5vw, 3.5rem);--leading-tight: 1.14;--leading-snug: 1.35;--leading-relaxed: 1.65;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--t-fast: .18s var(--ease-out);--t-base: .28s var(--ease-out);--t-slow: .45s var(--ease-out);--container-max: 1200px;--container-narrow: 900px;--side-w: 264px;--bottom-nav-space: 6rem;--font-display: "Outfit", "Plus Jakarta Sans", "Cairo", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Outfit", "Cairo", system-ui, sans-serif;--font-serif: "Instrument Serif", "Outfit", Georgia, "Times New Roman", serif;--pattern-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%2300a83e' stroke-width='1.1'%3E%3Cpath d='M36 2 70 36 36 70 2 36Z'/%3E%3Cpath d='M12 12h48v48H12z'/%3E%3Ccircle cx='36' cy='36' r='13'/%3E%3C/g%3E%3C/svg%3E")}:root,[data-theme=dark]{--gold: var(--brand-primary, #008631);--gold-deep: var(--brand-primary-deep, #005e23);--teal: var(--brand-primary, #006b27);--teal-bright: var(--brand-accent, #00a83e);--primary: var(--gold);--primary-deep: var(--gold-deep);--primary-bright: var(--teal-bright);--primary-tint: color-mix(in srgb, var(--gold) 12%, transparent);--primary-tint-strong: color-mix(in srgb, var(--gold) 20%, transparent);--primary-line: color-mix(in srgb, var(--gold) 30%, transparent);--primary-glow: color-mix(in srgb, var(--gold) 26%, transparent);--on-primary: #ffffff;--bg: var(--brand-bg, #071410);--bg-soft: var(--brand-bg-soft, #0b1c16);--bg-elevated: var(--brand-bg-elevated, #0f2419);--bg-card: rgba(255, 255, 255, .035);--ink: var(--brand-ink, #eff4f0);--ink-strong: var(--brand-ink-strong, #ffffff);--muted: var(--brand-muted, #92a99d);--faint: var(--brand-faint, #6d8478);--danger: #ef7676;--danger-tint: rgba(239, 118, 118, .14);--warn: #e8b567;--warn-tint: rgba(232, 181, 103, .14);--ok: #2ecc71;--ok-tint: rgba(46, 204, 113, .14);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--shadow: 0 22px 60px rgba(0, 0, 0, .5);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .32);--shadow-lift: 0 26px 60px rgba(0, 0, 0, .55);--surface-glass: rgba(255, 255, 255, .04);--surface-glass-hover: rgba(255, 255, 255, .07);--surface-elevated: var(--brand-card-bg, rgba(18, 40, 30, .92));--surface-overlay: rgba(4, 12, 9, .72);--surface-inset: rgba(0, 0, 0, .28);--header-bg: var(--brand-header-bg, rgba(9, 24, 18, .72));--side-bg: var(--brand-side-bg, rgba(9, 24, 18, .9));--input-bg: rgba(0, 0, 0, .3);--autofill-bg: #0f271c;--card-bg: var(--brand-card-bg, var(--surface-glass));--card-border: var(--line);--card-shadow: var(--shadow-sm);--hero-bg: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 24%, transparent) 0%, rgba(9, 25, 18, .96) 72%);--hero-border: color-mix(in srgb, var(--gold) 28%, transparent);--hero-shadow: 0 24px 60px rgba(0, 0, 0, .5);--hero-badge-bg: color-mix(in srgb, var(--gold) 16%, transparent);--hero-badge-border: color-mix(in srgb, var(--gold) 42%, transparent);--hero-badge-text: var(--brand-icon-color, #8ef0b3);--icon-bg: color-mix(in srgb, var(--gold) 15%, transparent);--icon-border: color-mix(in srgb, var(--gold) 30%, transparent);--icon-color: var(--brand-icon-color, #8ef0b3);--pattern-opacity: .045;--scrim: linear-gradient(180deg, rgba(4, 14, 10, .35) 0%, rgba(4, 14, 10, .78) 55%, rgba(4, 14, 10, .95) 100%);--video-filter: brightness(.55) saturate(1.05)}[data-theme=light]{--gold: var(--brand-light-gold, #c9a24a);--gold-deep: var(--brand-light-gold-deep, #8f6e2e);--teal: var(--brand-light-gold, #c9a24a);--teal-bright: var(--brand-light-gold-bright, #d4b56a);--primary: var(--gold);--primary-deep: var(--gold-deep);--primary-bright: var(--teal-bright);--primary-tint: color-mix(in srgb, var(--gold) 14%, transparent);--primary-tint-strong: color-mix(in srgb, var(--gold) 22%, transparent);--primary-line: color-mix(in srgb, var(--gold) 32%, transparent);--primary-glow: color-mix(in srgb, var(--gold) 22%, transparent);--on-primary: #1a1408;--bg: var(--brand-light-bg, #f5f9f6);--bg-soft: var(--brand-light-bg-soft, #ffffff);--bg-elevated: var(--brand-light-bg-elevated, #ffffff);--bg-card: #ffffff;--ink: var(--brand-light-ink, #10201a);--ink-strong: var(--brand-light-ink-strong, #06120d);--muted: var(--brand-light-muted, #5a7268);--faint: var(--brand-light-faint, #83988c);--danger: #cf3535;--danger-tint: rgba(207, 53, 53, .08);--warn: #b8761b;--warn-tint: rgba(184, 118, 27, .1);--ok: #0f7a37;--ok-tint: rgba(15, 122, 55, .1);--line: #dde7e1;--line-strong: #c6d6cc;--shadow: 0 18px 44px rgba(9, 51, 30, .08);--shadow-sm: 0 8px 24px rgba(9, 51, 30, .06);--shadow-lift: 0 24px 54px rgba(9, 51, 30, .12);--surface-glass: rgba(255, 255, 255, .78);--surface-glass-hover: #ffffff;--surface-elevated: var(--brand-light-card-bg, #ffffff);--surface-overlay: rgba(11, 30, 22, .45);--surface-inset: #f1f6f2;--header-bg: var(--brand-light-header-bg, rgba(255, 255, 255, .82));--side-bg: var(--brand-light-side-bg, rgba(255, 255, 255, .92));--input-bg: #ffffff;--autofill-bg: #f0f7f3;--card-bg: var(--brand-light-card-bg, #ffffff);--card-border: #e2ebe5;--card-shadow: var(--shadow-sm);--hero-bg: linear-gradient(150deg, color-mix(in srgb, var(--gold) 14%, transparent) 0%, #ffffff 60%, color-mix(in srgb, var(--gold) 8%, transparent) 100%);--hero-border: color-mix(in srgb, var(--gold) 22%, transparent);--hero-shadow: 0 20px 48px rgba(9, 51, 30, .08);--hero-badge-bg: color-mix(in srgb, var(--gold) 12%, transparent);--hero-badge-border: color-mix(in srgb, var(--gold) 32%, transparent);--hero-badge-text: var(--gold-deep);--icon-bg: color-mix(in srgb, var(--gold) 12%, transparent);--icon-border: color-mix(in srgb, var(--gold) 28%, transparent);--icon-color: var(--gold-deep);--pattern-opacity: .035;--scrim: linear-gradient(180deg, rgba(244, 250, 246, .4) 0%, rgba(244, 250, 246, .82) 55%, rgba(244, 250, 246, .96) 100%);--video-filter: brightness(1.02) saturate(1.02)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-base),color var(--t-base)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;transition:background var(--t-base)}[data-theme=dark] body:before{background:radial-gradient(1100px 620px at 8% -12%,var(--primary-glow),transparent 58%),radial-gradient(900px 520px at 92% 2%,var(--primary-tint),transparent 55%),linear-gradient(165deg,var(--bg) 0%,var(--bg-soft) 48%,var(--bg) 100%)}[data-theme=light] body:before{background:radial-gradient(1100px 620px at 8% -12%,var(--primary-tint),transparent 58%),radial-gradient(800px 480px at 95% 4%,var(--primary-glow),transparent 55%),linear-gradient(165deg,var(--bg) 0%,var(--bg-soft) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:var(--pattern-star);background-size:72px 72px;opacity:var(--pattern-opacity)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video,svg{max-width:100%}::selection{background:var(--primary-tint-strong);color:var(--ink-strong)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-line);background-clip:content-box}:focus-visible{outline:2px solid var(--primary-bright);outline-offset:2px;border-radius:var(--radius-xs)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:var(--leading-snug);letter-spacing:-.015em}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0 0 var(--space-2);color:var(--ink-strong)}.page-subtitle{color:var(--muted);font-size:var(--text-base);margin:0;max-width:68ch}.eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-bright);margin-bottom:var(--space-2)}.font-serif{font-family:var(--font-serif);font-weight:400;letter-spacing:0}.text-gradient-primary{background:linear-gradient(115deg,var(--primary-bright) 0%,var(--primary) 55%,var(--primary-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.muted{color:var(--muted)}.faint{color:var(--faint)}.text-center{text-align:center}.page-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) clamp(3rem,7vw,4.5rem)}.page-container.narrow{max-width:var(--container-narrow)}.page-container.flush{padding-top:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-header-text{min-width:0;display:grid;gap:.35rem}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stack{display:grid;gap:var(--space-4)}.stack-sm{display:grid;gap:var(--space-2)}.cluster{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--space-4)}.form-grid{display:grid;gap:var(--space-3)}.topup-form{display:grid;gap:1.15rem}.topup-form-header{display:flex;align-items:flex-start;gap:.9rem}.topup-form-header h3{margin:0 0 .35rem;font-size:1.12rem}.topup-form-header p{margin:0;font-size:.88rem;line-height:1.5;max-width:52rem}.topup-form-icon{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;flex-shrink:0;border-radius:14px;color:var(--gold);background:linear-gradient(165deg,#00a83e2e,#08161066);border:1px solid var(--primary-line);box-shadow:inset 0 1px #ffffff14}.topup-fields{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(240px,1.35fr);gap:1rem;align-items:start}.topup-field{gap:.5rem}.topup-field .req{color:var(--danger)}.topup-stepper{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--input-bg)}.topup-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint-strong)}.topup-stepper button{width:2.7rem;min-height:46px;border:0;background:var(--primary-tint);color:var(--ink);font-size:1.2rem;font-weight:700;cursor:pointer}.topup-stepper button:hover:not(:disabled){background:var(--primary-tint-strong)}.topup-stepper button:disabled{opacity:.4;cursor:not-allowed}.topup-stepper input{border:0;border-radius:0;text-align:center;font-size:1.05rem;font-weight:700;min-height:46px;box-shadow:none;background:transparent;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.topup-stepper input::-webkit-outer-spin-button,.topup-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.topup-stepper input:focus{box-shadow:none}.topup-promo{display:flex;gap:.5rem;align-items:stretch}.topup-promo input{text-transform:uppercase;letter-spacing:.06em;font-weight:700}.topup-promo .btn{flex-shrink:0;white-space:nowrap;padding:0 1rem;min-height:46px}.topup-alert{margin:0;font-size:.88rem;padding:.7rem 1rem}.topup-alert.is-ok{background:#00863126;border-color:var(--ok);color:var(--ink)}.topup-invoice{display:grid;gap:.55rem;padding:1rem 1.1rem .95rem;border-radius:14px;border:1px solid var(--primary-line);background:linear-gradient(165deg,#00a83e1a,#08161061 55%,#0000002e)}.topup-invoice-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.15rem}.topup-invoice-head h4{margin:0;font-size:.95rem;color:var(--ink)}.topup-invoice-row,.topup-invoice-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem}.topup-invoice-row.is-discount{color:var(--ok)}.topup-invoice-total{margin-top:.25rem;padding-top:.7rem;border-top:1px dashed var(--line);font-size:1.12rem;font-weight:800}.topup-invoice-total span:last-child{color:var(--gold);font-variant-numeric:tabular-nums}.topup-submit{justify-content:center;min-height:50px;font-size:.98rem}.topup-success{padding:1.2rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--card-border);border-left:4px solid var(--gold);background:var(--card-bg);display:grid;gap:.9rem}.topup-success-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap}.topup-success-head h3{margin:.15rem 0 0}.topup-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.topup-success-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.topup-success-meta>div{display:grid;gap:.2rem}.topup-total-value{color:var(--gold);font-size:1.2rem}.topup-success-note{margin:0;font-size:.88rem;line-height:1.5}.turnstile-wrap{display:grid;gap:.7rem;padding:.85rem .9rem .8rem;border-radius:var(--radius-md);border:1px solid var(--primary-line);background:linear-gradient(165deg,#00a83e1a,#08161073 48%,#00000038);box-shadow:inset 0 1px #ffffff12,0 12px 28px #00140c38}html[data-theme=light] .turnstile-wrap,:root[data-theme=light] .turnstile-wrap{background:linear-gradient(165deg,#0086310f,#ffffffe6);box-shadow:inset 0 1px #fffc,0 8px 20px #0028140f}.turnstile-wrap.is-verified{border-color:#00a83e8c;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #00a83e2e,0 14px 32px #00863129}.turnstile-head{display:flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}.turnstile-wrap.is-verified .turnstile-head{color:var(--primary-bright)}.turnstile-head-icon{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;color:var(--primary-bright);background:var(--primary-tint);border:1px solid var(--primary-line)}.turnstile-slot{min-height:65px;display:flex;justify-content:stretch;overflow:hidden;border-radius:12px;background:#00000047}html[data-theme=light] .turnstile-slot,:root[data-theme=light] .turnstile-slot{background:#0b1e160a}.turnstile-slot iframe{width:100%!important;max-width:100%;border:0}.turnstile-status{margin:0;font-size:.82rem;display:grid;gap:.45rem}.divider{height:1px;background:var(--line);border:0;margin:var(--space-5) 0}.hide-mobile{display:initial}.hide-desktop{display:none}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.btn{position:relative;border:0;border-radius:var(--radius-pill);padding:.8rem 1.4rem;min-height:44px;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),color var(--t-fast),opacity var(--t-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--primary-bright) 0%,var(--primary) 48%,var(--primary-deep) 100%);color:var(--on-primary);box-shadow:0 10px 26px var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 16px 34px var(--primary-glow)}.btn-secondary{background:var(--surface-glass);color:var(--ink);border:1px solid var(--line-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-line);background:var(--primary-tint);color:var(--primary-bright)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--primary-bright);background:var(--primary-tint)}.btn-outline{background:transparent;color:var(--primary-bright);border:1.5px solid var(--primary-line)}.btn-outline:hover:not(:disabled){background:var(--primary-tint);border-color:var(--primary-bright)}.btn-danger{background:var(--danger-tint);color:var(--danger);border:1px solid rgba(239,118,118,.4)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:.45rem .9rem;min-height:36px;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-pill)}.btn-lg{padding:1rem 1.9rem;min-height:54px;font-size:var(--text-md)}.btn-block{width:100%}.btn-icon{padding:0;width:40px;min-height:40px;border-radius:50%}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--surface-glass);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:all var(--t-fast)}.theme-toggle-btn:hover{border-color:var(--primary-line);background:var(--primary-tint);transform:rotate(-12deg)}label,.color-field{display:grid;gap:.4rem;color:var(--muted);font-size:var(--text-base);font-weight:500}input,select,textarea{width:100%;min-width:0;min-height:46px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--input-bg);color:var(--ink);padding:.7rem .9rem;outline:none;transition:background-color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}textarea{min-height:96px;resize:vertical}input[type=color]{width:44px;min-height:36px;padding:2px;cursor:pointer}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--primary);cursor:pointer}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint-strong)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--ink)!important;-webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;transition:background-color 5000s ease-in-out 0s}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:2.5rem}.input-icon-wrap .input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--muted);pointer-events:none}.password-field{position:relative}.password-field input{padding-right:2.8rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:2.1rem;height:2.1rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:var(--ink);background:var(--primary-tint)}.field-hint{font-size:var(--text-sm);color:var(--faint)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);width:100%}.filter-bar>*{min-width:0}.filter-bar input,.filter-bar select{flex:1 1 180px;min-height:42px}.filter-bar .cluster{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding-bottom:.2rem}.filter-bar .cluster::-webkit-scrollbar{display:none}.orders-search-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;width:100%}.date-filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.85rem;padding:.75rem .85rem;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:14px;width:100%;box-sizing:border-box}.date-filter-group{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;box-sizing:border-box}.date-filter-label{font-size:.78rem;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.date-filter-inputs{display:flex;align-items:center;gap:.35rem;width:100%;box-sizing:border-box}.date-filter-group input[type=date],.date-filter-bar input[type=date]{flex:1 1 0;min-width:0;width:100%;min-height:40px;padding:.35rem .5rem;border-radius:9px;border:1px solid var(--card-border);font-size:.78rem;background:var(--input-bg, var(--card-bg));color:var(--ink);box-sizing:border-box}.date-filter-sep{font-size:.82rem;color:var(--muted);flex-shrink:0;font-weight:700}.date-filter-group .btn,.date-filter-bar .btn{width:100%;white-space:nowrap;min-height:38px;padding:.35rem .75rem;border-radius:9px;font-size:.78rem;justify-content:center}@media (min-width: 769px){.date-filter-bar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.65rem}.date-filter-group{flex-direction:row;align-items:center;width:auto;flex:1 1 auto;gap:.45rem}.date-filter-inputs{width:auto;flex:1 1 200px}.date-filter-group input[type=date],.date-filter-bar input[type=date]{width:auto;flex:1 1 90px}.date-filter-group .btn,.date-filter-bar .btn{width:auto;flex-shrink:0}}.panel,.glass-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--card-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background var(--t-base),border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.panel h2,.panel h3,.glass-card h2,.glass-card h3{font-family:var(--font-display);margin:0 0 var(--space-3)}.panel.interactive:hover,.glass-card.interactive:hover{transform:translateY(-3px);border-color:var(--primary-line);box-shadow:var(--shadow-lift)}.panel.accent{border-color:var(--primary-line)}.panel.lux:before,.glass-card.lux:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--primary-line),transparent)}.section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.1rem,3vw,1.75rem);box-shadow:var(--card-shadow)}.welcome-hero-card{position:relative;overflow:hidden;background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,3.5vw,2rem);box-shadow:var(--hero-shadow);margin-bottom:var(--space-6);transition:background var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.welcome-hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-star);background-size:72px 72px;opacity:calc(var(--pattern-opacity) * 1.6);pointer-events:none}.welcome-hero-card>*{position:relative;z-index:1}.calc-banner{width:100%;max-width:100%;overflow:hidden;background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,3.5vw,2.25rem);box-shadow:var(--hero-shadow);transition:background var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.calc-result-panel{width:100%;max-width:100%;text-align:center;background:var(--card-bg);border:1px solid var(--primary-line);border-radius:var(--radius-lg);padding:clamp(1.25rem,3.5vw,1.75rem);box-shadow:var(--card-shadow);transition:all var(--t-base)}.stat-card{position:relative;overflow:hidden;padding:clamp(1rem,2.5vw,1.35rem);border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.stat-card:hover{transform:translateY(-3px);border-color:var(--primary-line);box-shadow:var(--shadow-lift)}.stat-card strong{display:block;font-size:clamp(1.5rem,4vw,2rem);line-height:1.1;margin-top:.35rem;font-family:var(--font-display);color:var(--ink-strong)}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.stat-card-label{font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.icon-tile{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--icon-bg);border:1px solid var(--icon-border);color:var(--icon-color);display:grid;place-items:center;transition:all var(--t-base)}.icon-tile.lg{width:56px;height:56px;border-radius:var(--radius-md)}.empty-state{display:grid;place-items:center;gap:var(--space-3);text-align:center;padding:clamp(2rem,6vw,3.5rem) var(--space-4);color:var(--muted)}.empty-state .icon-tile{width:60px;height:60px;border-radius:var(--radius-lg)}.empty-state h3{margin:0;color:var(--ink)}.empty-state p{margin:0;max-width:46ch;font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-pill);padding:.3rem .7rem;font-size:var(--text-sm);font-weight:600;line-height:1.2;border:1px solid var(--line);background:var(--surface-glass);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok);background:var(--ok-tint);border-color:#2ecc7159}.badge.warn{color:var(--warn);background:var(--warn-tint);border-color:#e8b56759}.badge.danger{color:var(--danger);background:var(--danger-tint);border-color:#ef767659}.badge.info{color:var(--primary-bright);background:var(--primary-tint);border-color:var(--primary-line)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.tag{display:inline-flex;align-items:center;gap:.3rem;border-radius:var(--radius-xs);padding:.22rem .55rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;border:1px solid var(--line);background:var(--surface-glass);color:var(--muted);white-space:nowrap}.tag-gold,.tag-primary{color:var(--primary-bright);background:var(--primary-tint);border-color:var(--primary-line)}.tag-danger{color:var(--danger);background:var(--danger-tint);border-color:#ef767659}.nav-bubble-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:var(--text-xs);font-weight:800;line-height:1.4;box-shadow:0 2px 8px #ef767673}.error-box{background:var(--danger-tint);border:1px solid rgba(239,118,118,.35);color:var(--danger);padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:var(--text-base)}.success-box{background:var(--ok-tint);border:1px solid rgba(46,204,113,.35);color:var(--ok);padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:var(--text-base)}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}.table th,.table td{padding:.55rem .7rem;vertical-align:middle;border-bottom:1px solid var(--card-border);white-space:nowrap}.table th{font-weight:700;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-inset);border-bottom:1px solid var(--line-strong);position:sticky;top:0;z-index:1}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--primary-tint)}.table-panel-title{margin:0 0 .7rem;font-size:1.05rem}.table-panel-heading{margin-bottom:.7rem}.table-panel-heading .table-panel-title{margin-bottom:.15rem}.table-panel-desc{font-size:.82rem}.datatable-container{display:grid;gap:.85rem;width:100%;max-width:100%;min-width:0}.datatable-toolbar{display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:0}.datatable-toolbar-custom{width:100%;min-width:0}.datatable-toolbar-main{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;width:100%;min-width:0;box-sizing:border-box}.datatable-search{position:relative;display:flex;align-items:center;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.datatable-search input{width:100%;min-height:40px;padding:.45rem .85rem .45rem 2.4rem!important;font-size:.85rem;border-radius:10px;border:1px solid var(--card-border);background:var(--input-bg, var(--card-bg));color:var(--ink);box-sizing:border-box;display:block}.datatable-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;z-index:2}.datatable-toolbar-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;box-sizing:border-box}.datatable-entries-select{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm)}.datatable-entries-select select{width:auto;min-width:4rem;min-height:38px;padding:.3rem .6rem;border-radius:8px;border:1px solid var(--card-border);font-size:.82rem;background:var(--input-bg, var(--card-bg));color:var(--ink)}@media (min-width: 769px){.datatable-toolbar-main{flex-direction:row;justify-content:space-between;align-items:center}.datatable-search{flex:1 1 240px;max-width:320px}.datatable-toolbar-actions{width:auto;justify-content:flex-end;gap:.6rem}}.datatable-export-buttons{display:inline-flex;align-items:center;gap:.4rem}.datatable-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-base)}.datatable-page-indicator{padding:0 .5rem;font-weight:700;color:var(--ink)}.sort-indicator{font-size:.65rem;color:var(--muted)}.sort-indicator.active{color:var(--primary-bright)}.table th.is-num,.table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.table td.dt-cell-stack,.table th.dt-cell-stack{white-space:normal;min-width:9.5rem;max-width:18rem}.dt-stack{display:grid;gap:.12rem;min-width:0}.dt-stack-title{font-weight:700;color:var(--ink);font-size:.86rem;line-height:1.35}.dt-stack-sub{font-size:.75rem;color:var(--muted);line-height:1.35}.dt-stack-sub.is-accent{color:var(--gold);font-weight:600}.dt-stack-gold{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--gold)}.dt-money{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-strong)}.btn-export-excel{border-color:#107c4173!important;color:#3dd68c!important;background:#107c411a!important}.btn-export-pdf{border-color:#c2410c73!important;color:#fb923c!important;background:#c2410c1a!important}html[data-theme=light] .btn-export-excel,:root[data-theme=light] .btn-export-excel{color:#0f7a3a!important}html[data-theme=light] .btn-export-pdf,:root[data-theme=light] .btn-export-pdf{color:#c2410c!important}.dt-cards{display:none;grid-template-columns:minmax(0,1fr);gap:.85rem;width:100%;min-width:0}.dt-card{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.15rem;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);transition:transform var(--t-fast),border-color var(--t-fast);width:100%;box-sizing:border-box;min-width:0}.dt-card.selected{border-color:var(--primary-line);background:var(--primary-tint)}.dt-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.dt-card-primary{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--primary-bright);word-break:break-word}.dt-card-primary a{color:var(--primary-bright);text-decoration:none}.dt-card-badge{flex-shrink:0}.dt-card-body{display:flex;flex-direction:column;gap:.45rem}.dt-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.35rem 0;border-top:1px dashed var(--line)}.dt-card-row:first-child{border-top:none;padding-top:0}.dt-card-label{flex-shrink:0;max-width:42%;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.35}.dt-card-value{text-align:right;font-size:.88rem;color:var(--ink-strong);min-width:0;word-break:break-word;font-weight:600;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.dt-card-value .dt-stack{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.1rem}.dt-card-value .dt-stack-title{color:var(--ink-strong);font-weight:700;font-size:.88rem}.dt-card-value .dt-stack-sub{color:var(--muted);font-size:.75rem}.dt-card-value .dt-stack-gold{color:var(--gold);font-size:.82rem;display:inline-flex;align-items:center;gap:.25rem;justify-content:flex-end}.dt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.dt-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.65rem;margin-top:.15rem;border-top:1px solid var(--line);position:relative;z-index:2;pointer-events:auto;width:100%}.dt-card-action-item{flex:1 1 100%;display:flex;width:100%}.dt-card-action-item .btn,.dt-card-action-item a.btn{width:100%;min-height:42px;border-radius:10px;justify-content:center;font-weight:600;font-size:.85rem;pointer-events:auto;touch-action:manipulation}.dt-card-actions .btn:active,.dt-card-actions a.btn:active{transform:scale(.98)}.table th.dt-cell-actions,.table td.dt-cell-actions{white-space:normal;min-width:13.5rem}.table td.dt-cell-actions .dt-actions,.table td.dt-cell-actions>div{flex-wrap:wrap}.site-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-shell.is-public-brand{--gold: var(--brand-landing-header);--gold-deep: var(--brand-landing-deep);--teal: var(--brand-landing-header);--teal-bright: var(--brand-landing-bg);--primary: var(--brand-landing-header);--primary-deep: var(--brand-landing-deep);--primary-bright: var(--brand-landing-bg);--primary-tint: color-mix(in srgb, var(--brand-landing-header) 12%, transparent);--primary-tint-strong: color-mix(in srgb, var(--brand-landing-header) 20%, transparent);--primary-line: color-mix(in srgb, var(--brand-landing-header) 30%, transparent);--primary-glow: color-mix(in srgb, var(--brand-landing-header) 26%, transparent);--on-primary: #ffffff;--hero-bg: radial-gradient( 120% 90% at 50% 0%, color-mix(in srgb, var(--brand-landing-header) 32%, transparent) 0%, color-mix(in srgb, var(--brand-landing-deep) 82%, #04100c) 74% );--hero-border: color-mix(in srgb, var(--brand-landing-header) 32%, transparent);--hero-badge-bg: color-mix(in srgb, var(--brand-landing-header) 18%, transparent);--hero-badge-border: color-mix(in srgb, var(--brand-landing-header) 40%, transparent);--hero-badge-text: var(--brand-landing-text)}[data-theme=light] .site-shell.is-public-brand{--hero-bg: linear-gradient( 150deg, color-mix(in srgb, var(--brand-landing-header) 22%, transparent) 0%, #ffffff 58%, color-mix(in srgb, var(--brand-landing-bg) 14%, transparent) 100% );--hero-badge-text: var(--brand-landing-header)}.site-nav{position:sticky;top:.85rem;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:calc(100% - 2rem);max-width:var(--container-max);margin:.85rem auto 0;padding:.6rem .85rem .6rem 1.35rem;border-radius:var(--radius-pill);background:var(--header-bg);border:1px solid var(--card-border);box-shadow:0 14px 40px #00000029;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);transition:all var(--t-base)}.brand{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;text-decoration:none;white-space:nowrap}.brand img,.brand .brand-mark-fallback{flex-shrink:0;height:34px;width:auto;object-fit:contain;display:block}.admin-side .brand.brand-mark-only{min-width:0}.brand .brand-text{display:inline-flex;align-items:center;gap:.3rem;line-height:1;white-space:nowrap}.brand .brand-u{color:var(--ink-strong);font-weight:800}.brand .brand-rawda{color:var(--primary-bright);font-weight:800}.nav-links{display:flex;align-items:center;gap:.2rem}.nav-links button.nav-item,.nav-drawer button.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font:inherit;text-align:inherit;color:inherit}.nav-drawer button.nav-item{width:100%}.footer-text-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font:inherit;text-align:inherit;padding:0;width:fit-content;color:var(--muted);font-size:var(--text-base);transition:color var(--t-fast),transform var(--t-fast)}.footer-text-link:hover{color:var(--primary-bright);transform:translate(2px)}.footer-inner-compact{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.nav-links a,.nav-links .nav-item{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.05rem;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-base);color:var(--muted);text-decoration:none;border:1px solid transparent;transition:all var(--t-fast)}.nav-links a:hover,.nav-links .nav-item:hover{color:var(--primary-bright);background:var(--primary-tint)}.nav-links a.active,.nav-links .nav-item.active{color:var(--primary-bright);font-weight:700;background:var(--primary-tint-strong);border-color:var(--primary-line)}[data-theme=light] .nav-links a.active,[data-theme=light] .nav-links .nav-item.active{color:var(--gold-deep)}.nav-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.nav-utility-group{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .3rem;border-radius:var(--radius-pill);background:var(--surface-glass);border:1px solid var(--line)}.nav-utility-group .theme-toggle-btn{width:32px;height:32px;background:transparent;border:0}.site-nav-mobile-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-glass);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:all var(--t-fast)}.site-nav-mobile-btn:hover{border-color:var(--primary-line);background:var(--primary-tint)}.desktop-only-action{display:inline-flex;align-items:center;gap:.4rem}.mobile-only-action,.nav-drawer{display:none}.site-main{flex:1;width:100%;min-width:0}.site-footer{position:relative;overflow:hidden;margin-top:auto;border-top:1px solid var(--line);background:var(--surface-glass);color:var(--muted);font-size:var(--text-base)}.site-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-star);background-size:72px 72px;opacity:calc(var(--pattern-opacity) * 1.4);pointer-events:none}.footer-inner{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem)}.footer-brand-block{display:grid;gap:var(--space-3);align-content:start}.footer-tagline{margin:0;max-width:34ch;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--muted)}.footer-col{display:grid;gap:.6rem;align-content:start}.footer-col-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0}.footer-col a{color:var(--muted);font-size:var(--text-base);transition:color var(--t-fast),transform var(--t-fast);width:fit-content}.footer-col a:hover{color:var(--primary-bright);transform:translate(2px)}.footer-bottom{position:relative;z-index:1;border-top:1px solid var(--line);padding:var(--space-4) clamp(1rem,4vw,2rem);max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--faint)}.admin-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;width:100%;max-width:100vw;overflow:hidden}.admin-side{width:var(--side-w);flex-shrink:0;border-right:1px solid var(--line);background:var(--side-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1.25rem .9rem .75rem;position:relative;top:auto;height:100%;overflow:hidden;z-index:200;display:flex;flex-direction:column;transition:transform var(--t-base),background-color var(--t-base)}.admin-side:before{content:"";position:absolute;inset:0 0 auto 0;height:140px;pointer-events:none;background:radial-gradient(90% 90% at 0% 0%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 72%);opacity:.85}.side-header{position:relative;z-index:1;display:grid;gap:.65rem;padding-bottom:var(--space-4);border-bottom:1px solid var(--line);flex-shrink:0}.side-brand-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.side-app-name{margin:0;font-family:var(--font-display);font-size:.98rem;font-weight:800;letter-spacing:-.03em;line-height:1.28;color:var(--ink-strong);overflow-wrap:anywhere;word-break:break-word}.side-user-name{margin:0;font-size:var(--text-base);font-weight:600;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}.side-mobile-title{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;font-size:.88rem;line-height:1.25;color:var(--ink-strong);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-side nav{position:relative;z-index:1;display:grid;gap:.2rem;margin-top:1.25rem;align-content:start;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:1rem;padding-right:.4rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--primary-line) transparent}.admin-side nav::-webkit-scrollbar{width:8px}.admin-side nav::-webkit-scrollbar-track{background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:99px}.admin-side nav::-webkit-scrollbar-thumb{background:var(--primary-line);border-radius:99px}.admin-side nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--surface-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--t-fast) both}.admin-content-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.admin-main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:clamp(1rem,3vw,1.75rem);box-sizing:border-box;min-width:0}.nav-section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin:.35rem 0 .5rem .6rem}.side-nav-item{position:relative;display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;font-size:var(--text-base);min-height:44px;transition:all var(--t-fast)}.side-nav-item:hover{color:var(--ink);background:var(--surface-glass-hover)}.side-nav-item.active{color:var(--ink-strong);background:var(--primary-tint-strong);font-weight:700}[data-theme=light] .side-nav-item.active{color:var(--gold-deep)}.side-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:var(--radius-pill);background:var(--primary-bright);box-shadow:0 0 10px var(--primary-glow)}.admin-side a{color:inherit}.admin-mobile-header{display:none;align-items:center;justify-content:space-between;gap:var(--space-2);padding:max(.65rem,env(safe-area-inset-top,.65rem)) 1rem .65rem;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0;width:100%;max-width:100%;box-sizing:border-box;z-index:100}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--surface-glass);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:all var(--t-fast)}.mobile-menu-btn:hover{border-color:var(--primary-line);background:var(--primary-tint)}.mobile-bottom-nav{display:none;position:fixed;bottom:max(.6rem,env(safe-area-inset-bottom,.6rem));left:50%;transform:translate(-50%);width:min(calc(100% - .75rem),480px);padding:.35rem .2rem;border-radius:20px;background:var(--surface-elevated);border:1px solid var(--primary-line);box-shadow:0 16px 40px #0006,0 0 24px var(--primary-glow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:120;align-items:stretch;justify-content:space-around;gap:.15rem;box-sizing:border-box}.mobile-bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;flex:1 1 0;min-width:0;min-height:48px;padding:.3rem .1rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.64rem;font-weight:600;text-align:center;text-decoration:none;transition:all var(--t-fast)}.mobile-bottom-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;letter-spacing:-.01em}.mobile-bottom-item:hover{color:var(--ink);background:var(--surface-glass-hover)}.mobile-bottom-item.active{color:#22c55e!important;background:#22c55e2e!important;border:1px solid rgba(34,197,94,.4)!important;box-shadow:0 0 14px #22c55e40!important}.mobile-bottom-item.active span{color:#22c55e!important;font-weight:800!important}.mobile-bottom-item.active .nav-icon{stroke:#22c55e!important}.mobile-bottom-item .nav-bubble-badge{position:absolute;top:.15rem;right:15%}.hub-tabs{position:relative;display:flex;gap:.4rem;margin-bottom:var(--space-6);padding-bottom:.6rem;border-bottom:1px solid var(--line);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;scroll-snap-align:start;padding:.6rem 1.05rem;min-height:42px;border-radius:var(--radius-pill);background:var(--surface-glass);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:all var(--t-fast)}.hub-tab:hover{color:var(--ink);background:var(--surface-glass-hover);border-color:var(--line-strong)}.hub-tab.active{color:var(--on-primary);background:linear-gradient(135deg,var(--primary-bright),var(--primary-deep));border-color:transparent;box-shadow:0 8px 22px var(--primary-glow)}.pending-approval-banner{display:grid;gap:.65rem;margin-bottom:1rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid rgba(201,162,39,.35);background:var(--card-bg);border-left:4px solid var(--gold)}.pending-approval-banner-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.pending-approval-banner-row span{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--ink)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-4)}.tabs button{border:1px solid var(--line);background:var(--surface-glass);color:var(--muted);border-radius:var(--radius-pill);padding:.5rem 1rem;min-height:40px;font-weight:600;cursor:pointer;transition:all var(--t-fast)}.tabs button.active{color:var(--primary-bright);border-color:var(--primary-line);background:var(--primary-tint)}.steps-bar{display:flex;align-items:center;gap:.35rem;margin-bottom:var(--space-6);padding:.4rem;border-radius:var(--radius-pill);background:var(--surface-glass);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.steps-bar::-webkit-scrollbar{display:none}.steps-bar span{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;border-radius:var(--radius-pill);padding:.5rem .9rem;font-size:var(--text-sm);font-weight:600;color:var(--muted);border:1px solid transparent;transition:all var(--t-base)}.steps-bar span.active{color:var(--on-primary);background:linear-gradient(135deg,var(--primary-bright),var(--primary-deep));box-shadow:0 6px 18px var(--primary-glow)}.steps-bar span.done{color:var(--ok);background:var(--ok-tint)}.steps-compact{display:none;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:.7rem 1rem;border-radius:var(--radius-lg);background:var(--surface-glass);border:1px solid var(--line)}.steps-compact-dots{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.steps-compact-dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:all var(--t-base)}.steps-compact-dot.done{background:var(--ok)}.steps-compact-dot.active{width:22px;border-radius:var(--radius-pill);background:var(--primary-bright);box-shadow:0 0 10px var(--primary-glow)}.steps-compact-label{min-width:0;display:grid;gap:.1rem}.steps-compact-label strong{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink-strong);line-height:1.2}.steps-compact-label small{font-size:var(--text-xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:var(--space-2)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.75rem;margin-top:var(--space-4)}.slot{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem;background:var(--surface-glass);cursor:pointer;text-align:left;color:inherit;transition:all var(--t-fast)}.slot:hover,.slot.active{border-color:var(--primary);background:var(--primary-tint);transform:translateY(-2px)}.slot strong{display:block;font-size:var(--text-lg);font-family:var(--font-display)}.slot small{color:var(--muted)}.slot-picker{display:grid;gap:var(--space-4)}.slot-picker-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.slot-picker-toolbar label{min-width:0;flex:1 1 200px}.slot-picker-months{display:flex;gap:.35rem;border-bottom:1px solid var(--line);padding-bottom:.5rem;overflow-x:auto;scrollbar-width:none}.slot-picker-months::-webkit-scrollbar{display:none}.slot-picker-month{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--text-base);font-weight:600;padding:.5rem .6rem;min-height:42px;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t-fast)}.slot-picker-month:hover{color:var(--ink)}.slot-picker-month.active{color:var(--ink-strong);border-bottom-color:var(--primary-bright)}.slot-picker-month-badge{font-size:var(--text-xs);font-weight:700;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-xs);padding:.12rem .4rem}.slot-picker-dates{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .6rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.slot-picker-dates::-webkit-scrollbar{display:none}.slot-picker-date{flex:0 0 auto;scroll-snap-align:center;width:60px;min-height:68px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-glass);color:var(--ink);padding:.6rem .35rem;display:grid;gap:.15rem;place-items:center;cursor:pointer;font:inherit;transition:all var(--t-fast)}.slot-picker-date:hover{border-color:var(--primary-line);background:var(--primary-tint)}.slot-picker-date strong{font-family:var(--font-display);font-size:var(--text-lg);line-height:1}.slot-picker-date small{color:var(--muted);font-size:var(--text-xs);text-transform:capitalize}.slot-picker-date.active{border-color:var(--primary-bright);background:var(--primary-tint-strong);box-shadow:0 0 0 1px var(--primary-line),0 8px 20px var(--primary-glow)}.slot-picker-date.active small{color:var(--primary-bright)}.slot-picker-day-panel{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);padding:clamp(.9rem,3vw,1.25rem);box-shadow:var(--card-shadow)}.slot-picker-day-panel h3{margin:0 0 .85rem;font-size:var(--text-lg);font-weight:700;color:var(--ink-strong);padding-bottom:.6rem;border-bottom:1px solid var(--card-border)}.slot-picker-times{list-style:none;margin:0;padding:.25rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:.6rem}.slot-picker-times li{border:0;min-width:0}.slot-picker-time{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;padding:.7rem .8rem;min-height:64px;overflow:hidden;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--surface-glass);color:var(--ink);font:inherit;font-size:var(--text-md);font-weight:700;cursor:pointer;transition:all var(--t-fast)}.slot-picker-time:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.slot-picker-time.active{border-color:var(--primary-bright);background:var(--primary-tint-strong);box-shadow:0 0 0 1px var(--primary-line),0 8px 20px var(--primary-glow)}.slot-picker-time.sold-out,.slot-picker-time:disabled{cursor:not-allowed;opacity:.45;background:var(--surface-inset)}.slot-badge{font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-xs);padding:.22rem .5rem;max-width:100%;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.slot-badge.ok{background:var(--ok-tint);color:var(--ok);border:1px solid rgba(46,204,113,.4)}.slot-badge.habis{background:var(--danger-tint);color:var(--danger);border:1px solid rgba(239,118,118,.4)}.landing-container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,4vw,2rem) clamp(3rem,8vw,5rem)}.landing-hero-full{position:relative;isolation:isolate;overflow:hidden;min-height:min(760px,calc(100dvh - 120px));display:grid;place-items:center;padding:clamp(3rem,9vw,6rem) clamp(1rem,4vw,2rem);margin:clamp(1rem,3vw,1.75rem) auto 0;width:calc(100% - 2rem);max-width:var(--container-max);border-radius:var(--radius-2xl);border:1px solid var(--hero-border);box-shadow:var(--hero-shadow);background:var(--hero-bg)}.hero-video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:var(--video-filter)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--scrim)}.hero-scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-star);background-size:72px 72px;opacity:calc(var(--pattern-opacity) * 2)}.hero-content{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--space-5);text-align:center;max-width:920px}.hero-copy{display:grid;justify-items:center;gap:var(--space-5);text-align:center}@media (min-width: 980px){.hero-content.has-live-card{grid-template-columns:minmax(0,1.15fr) minmax(280px,360px);align-items:center;justify-items:stretch;text-align:left;max-width:1080px;gap:clamp(2rem,5vw,3.5rem);width:100%}.hero-content.has-live-card .hero-copy{justify-items:start;text-align:left}.hero-content.has-live-card .landing-title,.hero-content.has-live-card .landing-subtitle{max-width:none}.hero-content.has-live-card .hero-actions,.hero-content.has-live-card .trust-badges-row{justify-content:flex-start}.hero-content.has-live-card .live-appt-card{margin-inline:0;justify-self:end}}.live-appt-card{width:min(100%,380px);margin-inline:auto;padding:1rem 1.15rem .55rem;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff1f,0 18px 40px #000c0847;text-align:left}[data-theme=light] .live-appt-card{background:#ffffffb8;border-color:#0050281f;box-shadow:inset 0 1px #ffffffe6,0 14px 32px #001e1214}.live-appt-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;margin-bottom:.15rem;border-bottom:1px solid rgba(255,255,255,.12)}[data-theme=light] .live-appt-head{border-bottom-color:#0028141a}.live-appt-live{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}[data-theme=light] .live-appt-live{color:var(--ink-strong)}.live-appt-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:livePulse 1.8s ease-out infinite}.live-appt-title{font-size:.82rem;font-weight:600;color:#ffffffb8}[data-theme=light] .live-appt-title{color:var(--muted)}.live-appt-list{list-style:none;margin:0;padding:0}.live-appt-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.live-appt-list li:last-child{border-bottom:0}[data-theme=light] .live-appt-list li{border-bottom-color:#00281414}.live-appt-country{display:inline-flex;align-items:center;gap:.6rem;min-width:0;font-size:.95rem;font-weight:600;color:#fff}[data-theme=light] .live-appt-country{color:var(--ink-strong)}.live-appt-flag{width:22px;height:16px;object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #ffffff1f}.live-appt-flag-emoji{font-size:1.05rem;line-height:1}.live-appt-count{flex-shrink:0;font-size:.88rem;font-weight:700;color:#7dffa8;white-space:nowrap}[data-theme=light] .live-appt-count{color:var(--primary-deep)}@keyframes livePulse{0%{box-shadow:0 0 #22c55ea6}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.live-appt-dot{animation:none}}.hero-pill-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border-radius:var(--radius-pill);background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border);color:var(--hero-badge-text);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--ink-strong);max-width:22ch;margin:0;text-wrap:balance}.landing-title em{display:block;font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;color:var(--primary-bright)}.landing-subtitle{font-size:clamp(.98rem,2vw,1.15rem);color:var(--muted);max-width:60ch;margin:0;line-height:var(--leading-relaxed);text-wrap:pretty}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.trust-badges-row{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);flex-wrap:wrap;width:100%;margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line)}.trust-badge-item{display:flex;align-items:center;gap:.45rem;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.trust-badge-item svg{color:var(--primary-bright)}.hero-countries{width:min(100%,760px);margin-top:.15rem}.hero-countries-label{margin:0 0 .7rem;font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hero-countries-track-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero-countries-track{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem}.hero-countries-track.is-animated{flex-wrap:nowrap;width:max-content;justify-content:flex-start;animation:heroCountryMarquee 42s linear infinite}.hero-country-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .78rem;border-radius:var(--radius-pill);background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border);color:var(--ink-strong);white-space:nowrap;font-size:var(--text-sm);font-weight:650;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-country-flag{font-size:1.05rem;line-height:1}@keyframes heroCountryMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .hero-countries-track.is-animated{animation-name:heroCountryMarqueeRtl}@keyframes heroCountryMarqueeRtl{0%{transform:translate(0)}to{transform:translate(50%)}}@media (prefers-reduced-motion: reduce){.hero-countries-track.is-animated{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}.landing-section{margin-top:clamp(3rem,8vw,5.5rem)}.section-header{text-align:center;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:grid;justify-items:center;gap:.5rem}.section-tag{color:var(--primary-bright);font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin:0}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--ink-strong);margin:0;max-width:24ch;text-wrap:balance}.section-subtitle{color:var(--muted);font-size:var(--text-md);max-width:58ch;margin:0}.feature-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.75rem);display:flex;flex-direction:column;height:100%;box-shadow:var(--card-shadow);transition:all var(--t-base)}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary-line);box-shadow:var(--shadow-lift)}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--icon-bg);border:1px solid var(--icon-border);display:grid;place-items:center;margin-bottom:var(--space-4);color:var(--icon-color);transition:all var(--t-base)}.feature-card:hover .feature-icon-wrapper{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.feature-card h3{font-size:var(--text-lg);margin:0 0 .5rem;color:var(--ink-strong)}.feature-card p{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.step-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--space-4)}.step-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.6rem);box-shadow:var(--card-shadow);display:grid;gap:.5rem;align-content:start;transition:all var(--t-base)}.step-card:hover{transform:translateY(-4px);border-color:var(--primary-line);box-shadow:var(--shadow-lift)}.step-number{font-family:var(--font-serif);font-size:2.4rem;line-height:1;color:var(--primary-bright);opacity:.9}.step-card h3{margin:0;font-size:var(--text-md);color:var(--ink-strong)}.step-card p{margin:0;font-size:var(--text-base);color:var(--muted);line-height:var(--leading-relaxed)}.stat-banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-5);background:var(--hero-bg);border:1px solid var(--hero-border);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:var(--card-shadow)}.stat-box{text-align:center;display:grid;gap:.2rem}.stat-box strong{display:block;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.05;color:var(--primary-bright)}.stat-box span{color:var(--muted);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em}.faq-grid{display:grid;gap:.75rem;max-width:860px;margin:0 auto}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:clamp(1rem,2.5vw,1.35rem);cursor:pointer;box-shadow:var(--card-shadow);transition:all var(--t-fast)}.faq-item:hover,.faq-item.open{border-color:var(--primary-line)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-md);color:var(--ink);text-align:left}.faq-toggle-icon{flex-shrink:0;color:var(--primary-bright);transition:transform var(--t-base)}.faq-item.open .faq-toggle-icon{transform:rotate(45deg)}.faq-answer{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--line);color:var(--muted);font-size:var(--text-base);line-height:var(--leading-relaxed);animation:fadeInDown var(--t-base) both}.cta-banner{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,var(--primary-bright) 0%,var(--primary) 40%,#04381a 100%);border-radius:var(--radius-2xl);padding:clamp(2.25rem,6vw,3.5rem) clamp(1.25rem,4vw,2rem);box-shadow:0 22px 55px var(--primary-glow);color:#fff}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-star);background-size:72px 72px;opacity:.08}.cta-banner>*{position:relative;z-index:1}.cta-banner h2{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);color:#fff;margin:0 0 var(--space-3);text-wrap:balance}.cta-banner p{font-size:var(--text-md);opacity:.92;max-width:56ch;margin:0 auto var(--space-6)}.cta-banner .btn-secondary{background:#ffffff29;border-color:#fff6;color:#fff}.cta-banner .btn-secondary:hover{background:#fff;color:var(--primary-deep)}.hero{min-height:calc(100vh - 140px);display:grid;align-content:center;gap:1.2rem;animation:rise var(--t-slow) both}.hero-brand{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);line-height:.95;margin:0}.hero-brand em{font-style:normal;color:var(--primary-bright)}.hero h1{font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);margin:0;max-width:18ch}.hero p{color:var(--muted);max-width:44ch;font-size:var(--text-md);line-height:var(--leading-relaxed)}.how-steps{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.85rem;max-width:760px}.how-steps li{border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.15rem;background:var(--card-bg);box-shadow:var(--card-shadow);display:grid;gap:.35rem;transition:all var(--t-base)}.how-steps li:hover{border-color:var(--primary-line);transform:translateY(-3px)}.how-steps strong{font-family:var(--font-display);font-size:var(--text-lg)}.how-steps span{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-snug)}.tasreh-ticket{position:relative;overflow:hidden;max-width:940px;margin:0 auto;border-radius:var(--radius-xl);border:1px solid var(--primary-line);background:var(--bg-card);box-shadow:var(--shadow),0 0 40px var(--primary-glow);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.tasreh-ticket:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern-star);background-size:72px 72px;opacity:calc(var(--pattern-opacity) * 1.8);pointer-events:none}.ticket-main,.ticket-side{position:relative;z-index:1;padding:clamp(1.35rem,4vw,2.25rem)}.ticket-side{display:grid;gap:var(--space-4);align-content:start;background:var(--surface-inset);border-left:2px dashed var(--primary-line)}.ticket-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--line);margin-bottom:var(--space-5)}.ticket-brand{display:flex;align-items:center;gap:.6rem}.ticket-brand img{height:34px;width:auto;object-fit:contain}.ticket-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem}.ticket-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink-strong);margin:0;word-break:break-word}.ticket-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;font-size:var(--text-md)}.ticket-order-number{font-family:var(--font-serif);font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1;color:var(--primary-bright);margin:0;word-break:break-word}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.ticket-status-hero{display:grid;justify-items:center;gap:var(--space-2);text-align:center;padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);background:var(--primary-tint);border:1px solid var(--primary-line)}.ticket-status-hero .icon-tile{width:56px;height:56px;border-radius:50%;background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 0 26px var(--primary-glow)}.ticket-status-hero strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink-strong)}.ticket-status-hero span{font-size:var(--text-base);color:var(--muted)}.ticket-actions{display:grid;gap:.6rem}.ticket-note{font-size:var(--text-sm);color:var(--faint);line-height:var(--leading-relaxed);margin:0}.ticket-perforation{position:absolute;top:0;bottom:0;left:0;width:0}.timeline{display:grid;gap:0;margin:var(--space-4) 0}.timeline-item{position:relative;display:flex;gap:.85rem;align-items:flex-start;padding-bottom:var(--space-4);color:var(--muted);font-size:var(--text-base)}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:6px;top:18px;bottom:2px;width:2px;border-radius:var(--radius-pill);background:var(--line)}.timeline-item.done:not(:last-child):before{background:var(--primary-line)}.timeline-item.done{color:var(--ok)}.timeline-item.current{color:var(--ink-strong);font-weight:700}.timeline-dot{position:relative;z-index:1;width:14px;height:14px;flex-shrink:0;margin-top:4px;border-radius:50%;background:var(--bg-soft);border:2px solid currentColor}.timeline-item.done .timeline-dot{background:currentColor}.timeline-item.current .timeline-dot{border-color:var(--primary-bright);background:var(--primary-bright);box-shadow:0 0 0 4px var(--primary-tint)}.summary-list{display:grid;gap:0}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:.7rem 0;border-bottom:1px dashed var(--line)}.summary-row:last-child{border-bottom:none}.summary-row dt,.summary-label{font-size:var(--text-base);color:var(--muted);margin:0;flex-shrink:0}.summary-row dd,.summary-value{margin:0;text-align:right;font-weight:600;color:var(--ink);min-width:0;word-break:break-word}.summary-row.total{border-top:1px solid var(--line-strong);border-bottom:none;margin-top:.35rem;padding-top:var(--space-4)}.summary-row.total .summary-value,.summary-row.total dd{font-family:var(--font-display);font-size:var(--text-xl);color:var(--primary-bright)}.auth-shell{position:relative;isolation:isolate;min-height:calc(100dvh - 90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,3rem);max-width:var(--container-max);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem)}.auth-aside{position:relative;overflow:hidden;display:grid;align-content:center;gap:var(--space-5);padding:clamp(1.75rem,4vw,2.75rem);border-radius:var(--radius-2xl);border:1px solid var(--hero-border);box-shadow:var(--hero-shadow);background:var(--hero-bg)}.auth-aside>*{position:relative;z-index:1}.auth-aside-title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--ink-strong);margin:0;text-wrap:balance}.auth-aside-title em{display:block;font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--primary-bright)}.auth-benefits{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.auth-benefits li{display:flex;align-items:flex-start;gap:.7rem;font-size:var(--text-base);color:var(--muted)}.auth-benefits li svg{flex-shrink:0;margin-top:3px;color:var(--primary-bright)}.auth-card{align-self:center;width:100%;max-width:460px;margin:0 auto;padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--surface-elevated);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-card-header{display:grid;gap:.4rem;margin-bottom:var(--space-6);text-align:center}.auth-card-header h1{font-size:var(--text-2xl);margin:0;color:var(--ink-strong)}.auth-card-header p{margin:0;color:var(--muted);font-size:var(--text-base)}.auth-footnote{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-base);color:var(--muted)}.auth-footnote a{color:var(--primary-bright);font-weight:700}.legal-doc{display:grid;gap:clamp(1.5rem,4vw,2rem);line-height:var(--leading-relaxed)}.legal-section h2{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:var(--text-lg);color:var(--primary-bright)}.legal-section-number{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-xs);background:var(--primary-tint);border:1px solid var(--primary-line);color:var(--primary-bright);font-size:var(--text-sm);font-weight:800}.legal-section p{margin:0;color:var(--ink);font-size:var(--text-base)}.legal-section ul{margin:.6rem 0 0;padding-left:1.25rem;color:var(--muted);font-size:var(--text-base)}.legal-section li{margin-bottom:.35rem}.chart-bars{display:grid;gap:.6rem}.chart-row{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr) 52px;gap:.6rem;align-items:center;font-size:var(--text-base)}.chart-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.chart-track{height:8px;border-radius:var(--radius-pill);background:var(--surface-inset);overflow:hidden}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-bright),var(--primary));transition:width var(--t-slow)}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,1.5rem);background:var(--surface-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;animation:fadeIn var(--t-fast) both}.modal-content,.modal-dialog{position:relative;width:100%;max-width:540px;max-height:min(90dvh,900px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(1.25rem,4vw,1.85rem);border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--surface-elevated);color:var(--ink);box-shadow:0 30px 80px #00000073;animation:modalPopUp var(--t-base) both}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.modal-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink-strong)}.modal-subtitle{margin:.25rem 0 0;font-size:var(--text-base);color:var(--muted)}.modal-close{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-glass);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all var(--t-fast)}.modal-close:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-tint)}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}.notice-box:empty,.error-box:empty{display:none!important}.notice-box,.error-box:not(.inline){position:fixed;top:auto;bottom:calc(var(--bottom-nav-space) + .5rem);left:50%;right:auto;transform:translate(-50%);z-index:999999;width:min(440px,calc(100vw - 2rem));max-width:min(440px,calc(100vw - 2rem));padding:.9rem 1.15rem;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);line-height:var(--leading-snug);box-shadow:0 20px 50px #0006;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;gap:.7rem}.notice-box:not(.inline),.error-box:not(.inline){animation:slideToastTimed 4.5s var(--ease-out) forwards}.notice-box{background:var(--surface-elevated);border:1px solid var(--ok);color:var(--ink)}.error-box:not(.inline){background:var(--surface-elevated);border:1px solid var(--danger);color:var(--danger)}.notice-box:before,.error-box:not(.inline):before{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;color:#fff;font-weight:800;font-size:.8rem}.notice-box:before{content:"";background:var(--ok);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 14px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 14px no-repeat}.error-box:not(.inline):before{content:"";background:var(--danger);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center / 12px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center / 12px no-repeat}.pay-steps{margin:0 0 1.25rem;padding-left:1.25rem;color:var(--muted);font-size:var(--text-base);line-height:1.7}.pay-steps li+li{margin-top:.25rem}.toast{position:fixed;z-index:100000;display:flex;align-items:center;gap:.7rem;width:min(420px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--surface-elevated);color:var(--ink);box-shadow:0 20px 50px #0006;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:slideToastTimed 4.5s var(--ease-out) forwards;bottom:calc(var(--bottom-nav-space) + .75rem);left:50%;transform:translate(-50%)}@media (min-width: 769px){.toast{top:1.25rem;right:1.25rem;bottom:auto;left:auto;transform:none}}.toast-success{border-color:var(--ok)}.toast-error{border-color:var(--danger);color:var(--danger)}.toast-info{border-color:var(--primary-line)}.toast-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--primary-tint);color:var(--primary-bright)}.toast-error .toast-icon{background:var(--danger-tint);color:var(--danger)}.toast-message{flex:1;font-size:var(--text-base);font-weight:600;min-width:0}.toast-close{flex-shrink:0;width:28px;height:28px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:inline-grid;place-items:center}.lang-switch{position:relative;display:inline-block}.lang-switch-trigger{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:0 .7rem 0 .55rem;border-radius:var(--radius-pill);background:var(--card-bg);border:1px solid var(--card-border);color:var(--ink);font-weight:700;font-size:var(--text-xs);letter-spacing:.08em;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.lang-switch-trigger.open,.lang-switch-trigger:hover{border-color:var(--primary-line);box-shadow:0 0 0 2px var(--primary-tint)}.lang-switch-iso{font-family:var(--font-display)}.lang-switch-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:99999;min-width:240px;max-height:380px;overflow-y:auto;padding:.55rem;border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--surface-elevated);box-shadow:var(--shadow)}.lang-switch-head{display:flex;justify-content:space-between;align-items:center;padding:.4rem .65rem .65rem;margin-bottom:.25rem;border-bottom:1px solid var(--line);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.lang-switch-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.lang-switch-item:hover,.lang-switch-item.active{background:var(--primary-tint);color:var(--primary-bright)}.lang-switch-name{display:grid;gap:.1rem}.lang-switch-name strong{font-size:var(--text-base);font-weight:650}.lang-switch-name span{font-size:var(--text-xs);color:var(--muted);font-weight:500}.notice-box.inline,.error-box.inline{position:static;transform:none;width:100%;max-width:100%;box-shadow:none;animation:none;bottom:auto;left:auto}.notice-box.inline:before{display:none}.page-loading{min-height:50vh;display:grid;place-items:center;gap:var(--space-3);color:var(--muted)}.pulse-glow-spinner{position:relative;width:52px;height:52px;display:grid;place-items:center}.pulse-glow-spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-bright);border-right-color:var(--primary);animation:spin .9s var(--ease-soft) infinite}.spinner-inner-ring{width:34px;height:34px;border-radius:50%;border:2.5px solid transparent;border-bottom-color:var(--primary);border-left-color:var(--primary-bright);animation:spinReverse .7s linear infinite}.spinner-core-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--primary-bright);box-shadow:0 0 12px var(--primary-glow);animation:pulseDot 1.2s ease-in-out infinite alternate}.live-pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary-bright);box-shadow:0 0 8px var(--primary-glow);animation:pulseDot .9s ease-in-out infinite alternate}.skeleton-card-shimmer{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.25rem}.skeleton-row-shimmer{position:relative;overflow:hidden;height:48px;background:var(--card-bg);border-bottom:1px solid var(--line);border-radius:var(--radius-xs);margin-bottom:.5rem}.skeleton-card-shimmer:after,.skeleton-row-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,var(--primary-tint) 50%,transparent 100%);animation:shimmer 1.5s infinite}.skeleton-line{background:var(--primary-tint);border-radius:var(--radius-xs);margin-bottom:.6rem}.skeleton-line.header-line{height:18px;width:45%}.skeleton-line.body-line{height:32px;width:75%}.skeleton-line.short-line{height:14px;width:30%;margin-bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes modalPopUp{0%{opacity:0;transform:scale(.95) translateY(14px)}to{opacity:1;transform:none}}@keyframes slideToastTimed{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.94)}10%,85%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(12px) scale(.96);visibility:hidden;pointer-events:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulseDot{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.3);opacity:1}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:none}}@media (max-width: 1024px){.admin-shell{display:block;height:auto;min-height:100dvh;width:100%;max-width:100vw;overflow:visible;overflow-x:hidden}.admin-content-area{overflow:visible}.admin-side{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:min(300px,84vw);transform:translate(-100%);box-shadow:none;visibility:hidden;pointer-events:none;transition:transform var(--t-base),visibility var(--t-base);z-index:300;overflow:hidden}.admin-side.open{transform:translate(0);visibility:visible;pointer-events:auto;box-shadow:var(--shadow)}.admin-mobile-header,.mobile-bottom-nav{display:flex}.admin-main{padding:clamp(.85rem,3vw,1.25rem) clamp(.85rem,3vw,1.25rem) calc(var(--bottom-nav-space) + env(safe-area-inset-bottom,0px) + .5rem);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.tasreh-ticket{grid-template-columns:minmax(0,1fr)}.ticket-side{border-left:0;border-top:2px dashed var(--primary-line)}}@media (max-width: 1024px){.grid-3,.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner-compact{grid-template-columns:minmax(0,1fr)}.dt-table-wrap{display:none!important}.dt-cards{display:grid!important}.datatable-toolbar-main{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important}.datatable-search{max-width:100%!important;width:100%!important;flex:1 1 100%!important}.datatable-toolbar-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.datatable-entries-label{display:none!important}.date-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.75rem .85rem!important;width:100%!important}.date-filter-group{flex-direction:column!important;align-items:stretch!important;gap:.35rem!important;width:100%!important;flex:1 1 100%!important}.date-filter-inputs{display:flex!important;align-items:center!important;gap:.35rem!important;width:100%!important;flex:1 1 100%!important}.date-filter-group input[type=date],.date-filter-bar input[type=date]{flex:1 1 0!important;min-width:0!important;width:100%!important;min-height:40px!important}.date-filter-group .btn,.date-filter-bar .btn{width:100%!important;min-height:38px!important;justify-content:center!important}.datatable-footer{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.65rem!important;width:100%!important}.datatable-footer .cluster{justify-content:center!important;width:100%!important;gap:.5rem!important}}@media (max-width: 768px){.grid-2,.grid-3,.topup-fields,.topup-success-meta{grid-template-columns:minmax(0,1fr)}.hide-mobile{display:none!important}.hide-desktop{display:initial}.site-nav{top:.5rem;width:calc(100% - 1rem);margin-top:.5rem;padding:.5rem .6rem .5rem .9rem;gap:.5rem;z-index:1250}.brand img{height:30px}.site-nav-mobile-btn{display:inline-flex}.desktop-only-action,.nav-links{display:none!important}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);z-index:1200;display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:4.75rem 1.1rem 1.6rem;background:var(--surface-elevated);border-left:1px solid var(--card-border);box-shadow:-20px 0 60px #0006;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(110%);transition:transform .22s ease;visibility:hidden;pointer-events:none}.nav-drawer.open{transform:none;visibility:visible;pointer-events:auto}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem;padding-bottom:.75rem;border-bottom:1px solid var(--card-border);color:var(--ink);font-weight:700;font-size:var(--text-md)}.nav-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-glass);border:1px solid var(--line);color:var(--ink);cursor:pointer}.nav-drawer .nav-item{display:flex;align-items:center;justify-content:flex-start;padding:.9rem 1rem;min-height:48px;border-radius:var(--radius-sm);background:var(--surface-glass);border:1px solid var(--card-border);color:var(--ink);font-size:var(--text-md);text-decoration:none;font-weight:600}.nav-drawer .nav-item.active{background:var(--primary-tint-strong);border-color:var(--primary-line);color:var(--primary-bright)}.mobile-only-action{display:grid;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--card-border)}.nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--t-fast) both}.page-title{font-size:clamp(1.4rem,6vw,1.9rem)}.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn,.hero-actions .btn{width:100%}.steps-bar{display:none}.steps-compact{display:flex}.dt-table-wrap{display:none!important}.dt-cards{display:grid!important}.datatable-toolbar{flex-wrap:wrap;overflow:visible;width:100%}.datatable-toolbar-main{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important}.datatable-search{max-width:100%!important;width:100%!important;flex:1 1 100%!important}.datatable-toolbar-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.datatable-entries-label{display:none!important}.datatable-footer{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.65rem!important;width:100%!important}.datatable-footer .cluster{justify-content:center!important;width:100%!important;gap:.5rem!important}.datatable-footer .btn-sm{min-height:40px;padding:.35rem .85rem}.date-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.75rem .85rem!important;width:100%!important}.date-filter-group{flex-direction:column!important;align-items:stretch!important;gap:.35rem!important;width:100%!important;flex:1 1 100%!important}.date-filter-inputs{display:flex!important;align-items:center!important;gap:.35rem!important;width:100%!important;flex:1 1 100%!important}.date-filter-group input[type=date],.date-filter-bar input[type=date]{flex:1 1 0!important;min-width:0!important;width:100%!important;min-height:40px!important}.date-filter-group .btn,.date-filter-bar .btn{width:100%!important;min-height:38px!important;justify-content:center!important}.footer-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.footer-bottom{justify-content:center;text-align:center}.auth-shell{grid-template-columns:minmax(0,1fr);padding:1.25rem 1rem 2.5rem}.auth-aside{display:none}.modal-content,.modal-dialog{max-height:min(88dvh,900px);padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.modal-footer{gap:.5rem}.modal-footer .btn,.modal-content .cta-row .btn,.modal-content .form-grid>div:last-child .btn{min-height:44px}.table th,.table td{padding:.65rem .75rem;font-size:var(--text-sm)}.landing-hero-full{width:calc(100% - 1rem);border-radius:var(--radius-xl);min-height:auto;padding:clamp(2.5rem,12vw,4rem) 1.15rem}}@media (max-width: 480px){.hide-mobile-sm{display:none!important}.nav-utility-group{padding:.15rem .2rem}.page-container{padding-left:.9rem;padding-right:.9rem}.panel,.glass-card{border-radius:var(--radius-md)}.slot-picker-times{grid-template-columns:minmax(0,1fr)}.chart-row{grid-template-columns:minmax(0,1fr);gap:.25rem}.mobile-bottom-item{font-size:.66rem}.stat-banner-grid{gap:var(--space-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-video-layer{display:none}}@media print{body:before,body:after,.site-nav,.site-footer,.admin-side,.admin-mobile-header,.mobile-bottom-nav,.hub-tabs,.ticket-actions,.hero-video-layer{display:none!important}body{background:#fff;color:#000}.panel,.glass-card,.tasreh-ticket{box-shadow:none;border:1px solid #cccccc}}.payment-selector-container{width:100%;position:relative}.payment-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;align-items:stretch}.payment-method-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:20px;padding:1.5rem;box-shadow:var(--card-shadow);transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base);overflow:hidden}.payment-method-card.is-recommended{border-color:#0284c766;background:linear-gradient(180deg,rgba(2,132,199,.04) 0%,var(--card-bg) 100%);box-shadow:0 12px 36px #0284c714}.payment-method-card.is-recommended:hover{border-color:#0284c7;box-shadow:0 16px 44px #0284c729}.card-badge-recommended{position:absolute;top:0;right:0;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.35rem 1.15rem;border-bottom-left-radius:12px;box-shadow:0 4px 14px #0284c759;z-index:5}.payment-method-header{margin-bottom:1.25rem}.payment-method-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--ink-strong);margin:0;line-height:1.2}.payment-method-tagline{font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.payment-method-desc{margin:.65rem 0 0;font-size:.88rem;line-height:1.45;color:var(--ink)}.payment-method-desc strong{color:var(--primary-bright)}.icon-tile.is-online{background:#0284c71f;border-color:#0284c74d;color:#0284c7}.icon-tile.is-bank{background:#0086311f;border-color:#0086314d;color:var(--gold)}.payment-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.5rem;flex:1}.payment-channel-item{display:flex;flex-direction:column;padding:.9rem;border-radius:14px;background:var(--bg-soft, var(--card-bg));border:1.5px solid var(--card-border);cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none}.payment-channel-item:hover{border-color:var(--primary-bright);transform:translateY(-2px);background:var(--surface-glass-hover)}.payment-channel-item.active{border-color:#0284c7;background:#0284c714;box-shadow:0 4px 16px #0284c726}.payment-channel-head{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-bottom:.4rem}.payment-channel-title{font-weight:700;font-size:.88rem;color:var(--ink-strong)}.payment-channel-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--card-border);position:relative;flex-shrink:0}.payment-channel-item.active .payment-channel-radio{border-color:#0284c7}.payment-channel-item.active .payment-channel-radio:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:#0284c7}.payment-channel-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.45rem}.channel-pill{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;background:#0000000f;border:1px solid var(--card-border);color:var(--ink)}html[data-theme=dark] .channel-pill{background:#ffffff14}.payment-channel-desc{font-size:.76rem;color:var(--muted);line-height:1.35;margin:auto 0 0}.bank-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.5rem;flex:1}.bank-account-card{display:flex;flex-direction:column;padding:.9rem;border-radius:14px;background:var(--bg-soft, var(--card-bg));border:1.5px solid var(--card-border);cursor:pointer;transition:all var(--t-fast)}.bank-account-card:hover{border-color:var(--gold);transform:translateY(-2px)}.bank-account-card.active{border-color:var(--gold);background:#0086310f;box-shadow:0 4px 16px #0086311f}.bank-card-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.45rem}.bank-brand-badge{font-size:.74rem;font-weight:800;padding:.15rem .5rem;border-radius:6px;background:var(--surface-glass);border:1.5px solid;color:var(--ink);line-height:1.25;max-width:100%}.btn-copy-rek{font-size:.72rem!important;padding:.2rem .45rem!important;min-height:28px!important;gap:.25rem!important}.bank-rek-number{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--gold);letter-spacing:.02em;margin-bottom:.15rem;overflow-wrap:anywhere}.bank-rek-holder{font-size:.8rem;color:var(--muted);margin-bottom:.2rem}.bank-branch-name{font-size:.72rem;color:var(--faint);margin-top:auto}.payment-card-footer{margin-top:auto;display:flex;flex-direction:column;gap:.65rem}.btn-success-action{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;box-shadow:0 8px 24px #10b98159!important;font-weight:700!important;min-height:48px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all var(--t-fast)!important}.btn-success-action:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98173!important}.payment-security-notice{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.76rem;color:var(--muted);text-align:center}.toast-float-pill{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-weight:700;font-size:.85rem;padding:.6rem 1.25rem;border-radius:30px;box-shadow:0 10px 30px #10b98166;z-index:1500;display:inline-flex;align-items:center;gap:.45rem;animation:fadeInDown .25s ease-out both}.file-drop-zone{border:2px dashed var(--card-border);border-radius:14px;padding:1.5rem 1rem;text-align:center;background:var(--bg-soft, var(--card-bg));cursor:pointer;transition:all var(--t-fast)}.file-drop-zone:hover{border-color:var(--primary-bright);background:#0086310a}.drop-zone-label{display:flex;flex-direction:column;align-items:center;cursor:pointer}.proof-preview-wrap{margin-top:.5rem;padding:.5rem;background:var(--surface-glass);border:1px solid var(--card-border);border-radius:12px}.proof-preview-img{max-height:180px;width:auto;border-radius:8px;display:block;margin:0 auto;object-fit:contain}.order-summary-box-compact{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:12px;background:var(--bg-soft, var(--card-bg));border:1px solid var(--card-border)}@media (max-width: 900px){.payment-options-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}}@media (max-width: 600px){.payment-channel-grid,.bank-account-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.payment-method-card{padding:1.15rem 1rem;border-radius:16px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lp-page{--lp-green: var(--brand-landing-bg, #00a54c);--lp-green-deep: var(--brand-landing-deep, #007a38);--lp-header: var(--brand-landing-header, #00863f);--lp-ink: var(--brand-landing-text, #ffffff);--lp-muted: var(--brand-landing-muted, rgba(255, 255, 255, .88));--lp-cta-bg: var(--brand-landing-cta-bg, #ffffff);--lp-cta-text: var(--brand-landing-cta-text, #007a38);--lp-card-bg: var(--brand-landing-card-bg, #ffffff);--lp-card-ink: var(--brand-landing-card-text, #14331f);--lp-fab: var(--brand-support, #2f80ed);--lp-radius-card: 22px;--lp-radius-btn: 16px;position:relative;isolation:isolate;min-height:100dvh;background:radial-gradient(920px 420px at 8% -12%,color-mix(in srgb,var(--lp-header) 42%,transparent),transparent 58%),radial-gradient(780px 360px at 96% 4%,color-mix(in srgb,var(--lp-green-deep) 72%,transparent),transparent 62%),radial-gradient(640px 420px at 70% 110%,color-mix(in srgb,var(--lp-green-deep) 88%,transparent),transparent 68%),linear-gradient(165deg,var(--lp-green) 0%,var(--lp-green-deep) 100%);color:var(--lp-ink);overflow-x:hidden}.lp-plus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--brand-landing-plus);background-size:56px 56px;opacity:.42}.lp-glow{position:absolute;inset:auto 6% 6% auto;z-index:0;width:min(46vw,420px);height:min(46vw,420px);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--lp-header) 28%,transparent),transparent 72%);filter:blur(10px)}.lp-header-wrap,.lp-body,.lp-drawer-wrap{position:relative;z-index:1}.lp-glass{position:relative;isolation:isolate;background:linear-gradient(145deg,var(--brand-glass-fill, rgba(0, 56, 26, .78)) 0%,var(--brand-glass-deep, #002913) 100%);backdrop-filter:blur(22px) saturate(160%) contrast(1.04);-webkit-backdrop-filter:blur(22px) saturate(160%) contrast(1.04);border:1px solid var(--brand-glass-border, rgba(0, 75, 35, .42));box-shadow:inset 0 1px 0 var(--brand-glass-highlight, rgba(0, 80, 37, .34)),inset 0 -1px 0 var(--brand-glass-tint, rgba(0, 41, 19, .4)),0 18px 48px var(--brand-glass-shadow, rgba(0, 70, 35, .45))}.lp-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 16% 0%,var(--brand-glass-highlight, rgba(0, 80, 37, .4)),transparent 42%),linear-gradient(90deg,color-mix(in srgb,var(--lp-green) 18%,transparent),transparent 48%,color-mix(in srgb,var(--lp-green-deep) 22%,transparent))}.lp-glass:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb,var(--lp-green) 22%,transparent)}.lp-header-wrap{position:sticky;top:0;z-index:30;padding:max(.85rem,env(safe-area-inset-top)) 1rem 0}.lp-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:min(100%,980px);min-height:56px;max-height:72px;margin:0 auto;padding:.34rem .38rem .34rem .8rem;border-radius:999px}.lp-header>*{position:relative;z-index:1}.lp-brand{display:flex;align-items:center;gap:.55rem;min-width:0;color:var(--lp-ink);text-decoration:none;font-weight:700;font-size:.92rem}.lp-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw}.lp-brand-logo,.lp-brand .brand-mark-fallback{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:10px;background:color-mix(in srgb,var(--lp-cta-bg) 82%,transparent)}.brand-mark-fallback{display:inline-grid;place-items:center;background:var(--primary, #008631);color:#fff;font-weight:800;border-radius:8px;line-height:1}.lp-nav-desktop{display:none;align-items:center;gap:.2rem}.lp-nav-link{display:inline-flex;align-items:center;min-height:38px;padding:0 .85rem;border:0;border-radius:999px;background:transparent;color:var(--lp-ink);font:inherit;font-size:.86rem;font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap}.lp-nav-link:hover,.lp-nav-link:focus-visible{background:color-mix(in srgb,var(--lp-ink) 14%,transparent)}.lp-menu-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:color-mix(in srgb,var(--lp-ink) 10%,transparent);color:var(--lp-ink);cursor:pointer;border-radius:999px}.lp-menu-btn:hover,.lp-menu-btn:focus-visible{background:color-mix(in srgb,var(--lp-ink) 18%,transparent)}.lp-body{width:min(100%,1120px);margin:0 auto;padding:1.15rem 1.1rem 3.2rem;padding-bottom:max(3.2rem,calc(env(safe-area-inset-bottom) + 2rem))}.lp-hero-grid{display:grid;gap:1.15rem}.lp-hero{display:grid;justify-items:start;align-content:start;gap:1rem;padding-top:.35rem}.lp-title{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,7vw,2.45rem);font-weight:800;line-height:1.16;letter-spacing:-.03em;text-wrap:balance;color:var(--lp-ink)}.lp-sub{margin:0;max-width:42ch;font-size:.98rem;line-height:1.55;color:var(--lp-muted)}.lp-actions{display:flex;flex-wrap:wrap;gap:.65rem;width:100%}.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.15rem;border-radius:var(--lp-radius-btn);font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s ease,box-shadow .16s ease}.lp-actions .lp-btn{flex:1 1 12rem}.lp-btn:active{transform:scale(.98)}.lp-btn:disabled{opacity:.7;cursor:wait}.lp-btn:focus-visible,.lp-nav-link:focus-visible,.lp-menu-btn:focus-visible{outline:2px solid var(--lp-ink);outline-offset:2px}.lp-btn-primary{color:var(--lp-cta-text);background:linear-gradient(180deg,var(--brand-cta-glass-strong, rgba(255, 255, 255, .94)),var(--brand-cta-glass, rgba(255, 255, 255, .78)));backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:var(--brand-glass-border, rgba(255, 255, 255, .42));box-shadow:inset 0 1px 0 var(--brand-glass-highlight, rgba(255, 255, 255, .58)),0 12px 28px var(--brand-glass-shadow, rgba(0, 70, 35, .22))}.lp-btn-ghost{color:var(--lp-ink);background:linear-gradient(180deg,var(--brand-glass-fill, rgba(0, 56, 26, .72)),var(--brand-glass-deep, #002913));backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:var(--brand-glass-border, rgba(0, 75, 35, .4));box-shadow:inset 0 1px 0 var(--brand-glass-highlight, rgba(0, 80, 37, .32))}.lp-btn-solid{color:var(--lp-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--lp-ink) 18%,var(--lp-green)),var(--lp-green));backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-color:color-mix(in srgb,var(--lp-ink) 28%,var(--lp-green));box-shadow:inset 0 1px color-mix(in srgb,var(--lp-ink) 32%,transparent),0 10px 22px color-mix(in srgb,var(--lp-green-deep) 28%,transparent)}.lp-card{position:relative;overflow:hidden;padding:1.2rem 1.2rem 1.3rem;border-radius:var(--lp-radius-card);color:var(--lp-card-ink);background:linear-gradient(165deg,color-mix(in srgb,var(--lp-ink) 10%,var(--lp-card-bg)),var(--lp-card-bg));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid color-mix(in srgb,var(--lp-ink) 26%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--lp-ink) 36%,transparent),0 20px 44px color-mix(in srgb,var(--lp-green-deep) 20%,transparent);transition:transform .22s cubic-bezier(.16,1,.3,1)}.lp-card>*{position:relative;z-index:1}.lp-card-icon{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:.75rem;border-radius:12px;color:var(--lp-green-deep);background:color-mix(in srgb,var(--lp-green) 14%,var(--lp-card-bg));border:1px solid color-mix(in srgb,var(--lp-green) 22%,transparent)}.lp-bento{display:grid;gap:.85rem;margin-top:1.25rem}.lp-bento-item h2{margin:0 0 .4rem;font-size:1.05rem;line-height:1.25;color:inherit}.lp-bento-item p{margin:0;font-size:.9rem;line-height:1.5;color:color-mix(in srgb,currentColor 72%,transparent)}.lp-bento-item-1{color:var(--lp-ink);background:linear-gradient(165deg,color-mix(in srgb,var(--lp-ink) 12%,var(--lp-header)),var(--lp-green-deep));border-color:color-mix(in srgb,var(--lp-ink) 24%,transparent)}.lp-bento-item-1:after{content:"";position:absolute;inset:auto -18% -28% auto;width:180px;height:180px;pointer-events:none;background-image:var(--brand-landing-plus);background-size:28px 28px;opacity:.35;transform:rotate(12deg)}.lp-bento-item-1 .lp-card-icon{color:var(--lp-ink);background:color-mix(in srgb,var(--lp-ink) 14%,transparent);border-color:color-mix(in srgb,var(--lp-ink) 24%,transparent)}.lp-bento-item-3{background:linear-gradient(165deg,color-mix(in srgb,var(--lp-green) 26%,var(--lp-card-bg)),var(--lp-card-bg))}.lp-bento-item-4{background:linear-gradient(120deg,color-mix(in srgb,var(--lp-header) 16%,var(--lp-card-bg)),var(--lp-card-bg) 55%)}.lp-track{padding:1.25rem 1.2rem 1.35rem;color:#111}.lp-track h2,.lp-track p,.lp-track strong,.lp-track input,.lp-track label,.lp-track code,.lp-track-head p,.lp-track-grid span,.lp-track-uhajj{color:#111}.lp-track-form input::placeholder{color:#11111173}.lp-track .lp-btn-solid{color:var(--lp-ink)}.lp-track:before{content:"";position:absolute;top:1.15rem;bottom:1.15rem;left:0;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--lp-green),var(--lp-header))}.lp-track-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.lp-track-head h2{margin:0 0 .25rem;font-size:1.08rem;color:#111}.lp-track-head p{margin:0;font-size:.86rem;line-height:1.45;color:#111}.lp-track-head .lp-card-icon{margin-bottom:0;flex-shrink:0}.lp-track-form{display:flex;flex-wrap:wrap;gap:.55rem}.lp-track-field{flex:1 1 12rem;margin:0}.lp-track-form input,.lp-login-card input{width:100%;min-height:48px;padding:.6rem .85rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--lp-card-ink) 16%,transparent);background:color-mix(in srgb,var(--lp-green) 6%,var(--lp-card-bg));color:#111;font-size:1rem}.lp-track-form .lp-btn{flex:0 0 auto;min-width:8.5rem}.lp-track-error{margin-top:.85rem;padding:.7rem .8rem;border-radius:12px;background:color-mix(in srgb,#b42318 10%,var(--lp-card-bg));color:#8a1f16;font-size:.88rem}.lp-track-result{margin-top:1rem;padding:.9rem;border-radius:16px;background:color-mix(in srgb,var(--lp-green) 8%,var(--lp-card-bg));border:1px solid color-mix(in srgb,var(--lp-green) 18%,transparent)}.lp-track-result-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.7rem;margin-bottom:.7rem;border-bottom:1px solid color-mix(in srgb,var(--lp-card-ink) 10%,transparent)}.lp-track-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lp-track-grid span{display:block;font-size:.72rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:#111}.lp-track-grid strong{display:block;margin-top:.2rem;font-size:.92rem}.lp-track-uhajj{margin:.85rem 0 0;font-size:.84rem}.lp-drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.lp-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:color-mix(in srgb,var(--lp-green-deep) 45%,#041c10);cursor:pointer}.lp-drawer{position:absolute;top:.7rem;right:.7rem;bottom:.7rem;width:min(88vw,340px);padding:.85rem .9rem 1.25rem;color:var(--lp-ink);display:grid;align-content:start;gap:.2rem;border-radius:28px;overflow:auto}.lp-drawer>*{position:relative;z-index:1}.lp-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.lp-drawer-head .lp-brand span{max-width:10rem}.lp-drawer-link{display:block;width:100%;text-align:left;padding:.85rem .55rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--lp-ink) 14%,transparent);background:transparent;color:var(--lp-ink);font:inherit;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;border-radius:12px}.lp-drawer-lang{margin-top:1rem}.lp-foot{margin-top:2.8rem;padding:1.05rem 1.2rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;border-radius:22px;color:var(--lp-ink);box-shadow:inset 0 1px color-mix(in srgb,var(--lp-ink) 28%,transparent),0 14px 32px color-mix(in srgb,var(--lp-green-deep) 24%,transparent)}.lp-foot-brand{display:flex;align-items:center;gap:.8rem;min-width:0}.lp-foot-logo{flex-shrink:0;filter:drop-shadow(0 6px 12px rgba(4,28,16,.22))}.lp-foot .brand-mark-fallback{background:color-mix(in srgb,var(--lp-ink) 16%,transparent);color:var(--lp-ink)}.lp-foot-brand strong{display:block;font-size:.94rem;letter-spacing:.06em;font-weight:750}.lp-foot-brand p{margin:.18rem 0 0;max-width:28rem;font-size:.78rem;line-height:1.45;color:color-mix(in srgb,var(--lp-ink) 78%,transparent)}.lp-foot-copy{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--lp-ink) 72%,transparent)}.lp-foot>*{position:relative;z-index:1}.lp-page .lang-switch-trigger{color:var(--lp-ink);border-color:color-mix(in srgb,var(--lp-ink) 32%,transparent);background:color-mix(in srgb,var(--lp-ink) 10%,transparent)}.lp-page .lang-switch-menu{z-index:40}.lp-login{display:grid;justify-items:stretch;padding-top:.35rem}.lp-login-card{width:min(100%,420px);margin:0 auto}.lp-login-card h1{margin:0 0 .3rem;font-size:1.45rem;color:var(--lp-card-ink)}.lp-login-card>p{margin:0 0 1.15rem;color:color-mix(in srgb,var(--lp-card-ink) 68%,transparent)}.lp-login-card label{display:grid;gap:.35rem;font-size:.86rem;font-weight:700;color:var(--lp-card-ink)}.lp-login-foot{margin:1.15rem 0 0;padding-top:.95rem;border-top:1px solid color-mix(in srgb,var(--lp-card-ink) 12%,transparent);text-align:center;font-size:.78rem;letter-spacing:.03em;color:color-mix(in srgb,var(--lp-card-ink) 62%,transparent)}@media (max-width: 639px){.lp-actions .lp-btn,.lp-track-form .lp-btn{width:100%;flex-basis:100%}.lp-track-grid{grid-template-columns:1fr}.lp-brand span{max-width:48vw}.lp-title{font-size:clamp(1.55rem,6.5vw,2.2rem)}.lp-sub{font-size:.94rem;max-width:none}}@media (min-width: 900px){.lp-menu-btn{display:none}.lp-nav-desktop{display:flex}.lp-header-wrap{padding-left:2.25rem;padding-right:2.25rem}.lp-body{padding:1.5rem 1.5rem 4rem}.lp-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.88fr);align-items:start;gap:2rem;padding-top:1.1rem}.lp-title{font-size:clamp(2.15rem,3.4vw,2.75rem);max-width:16ch}.lp-actions .lp-btn{flex:0 1 auto;min-width:11.5rem;width:auto}.lp-bento{margin-top:1.75rem;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:.95rem}.lp-bento-item:nth-child(1),.lp-bento-item-1{grid-column:1;grid-row:1 / span 2;padding:1.55rem 1.4rem 1.6rem;display:flex;flex-direction:column;justify-content:flex-end}.lp-bento-item:nth-child(1) h2,.lp-bento-item-1 h2{font-size:1.4rem;max-width:12ch}.lp-bento-item:nth-child(2){grid-column:2;grid-row:1}.lp-bento-item:nth-child(3){grid-column:3;grid-row:1}.lp-bento-item:nth-child(4){grid-column:2 / span 2;grid-row:2}}@media (prefers-reduced-transparency: reduce){.lp-glass,.lp-btn-primary,.lp-btn-ghost,.lp-btn-solid,.lp-card{backdrop-filter:none;-webkit-backdrop-filter:none}.lp-glass{background:color-mix(in srgb,var(--lp-ink) 16%,var(--lp-header))}.lp-card{background:var(--lp-card-bg)}.lp-bento-item-1{background:var(--lp-header)}.lp-btn-primary{background:var(--lp-cta-bg)}.lp-btn-solid{background:var(--lp-green);color:var(--lp-ink)}}@media (prefers-reduced-motion: reduce){.lp-btn,.lp-card,.lp-hero{transition:none;animation:none}}@media (prefers-reduced-motion: no-preference){.lp-hero,.lp-track,.lp-bento-item{animation:lp-rise .7s cubic-bezier(.16,1,.3,1) both}.lp-bento-item:nth-child(2){animation-delay:.05s}.lp-bento-item:nth-child(3){animation-delay:.1s}.lp-bento-item:nth-child(4){animation-delay:.15s}}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.lp-bento-item:hover{transform:translateY(-3px)}}[dir=rtl] .lp-header{padding:.34rem .8rem .34rem .38rem}[dir=rtl] .lp-track:before{left:auto;right:0;border-radius:4px 0 0 4px}[dir=rtl] .lp-page .lang-switch-menu{right:auto;left:0}.settings-logo-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.settings-logo-preview{width:72px;height:72px;border-radius:12px;border:1px solid var(--line);background:var(--input-bg);display:grid;place-items:center;overflow:hidden}.settings-logo-preview img{width:100%;height:100%;object-fit:contain}.settings-logo-actions{min-width:0;flex:1}.settings-file-btn{display:inline-flex!important;align-items:center;justify-content:center;margin:0;cursor:pointer}.theme-landing-preview{overflow:hidden;border-radius:14px;border:1px solid var(--line)}.theme-landing-preview-bar{display:flex;align-items:center;gap:.5rem;min-height:42px;padding:.4rem .75rem;font-size:.88rem}.theme-landing-preview-pill{width:calc(100% - 1.2rem);margin:.7rem auto 0;border-radius:999px;background:linear-gradient(145deg,var(--brand-glass-fill, color-mix(in srgb, currentColor 18%, transparent)),var(--brand-glass-deep, color-mix(in srgb, currentColor 8%, #000)));border:1px solid var(--brand-glass-border, color-mix(in srgb, currentColor 28%, transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-landing-preview-bar img,.theme-landing-preview-bar .brand-mark-fallback{width:22px;height:22px;object-fit:contain;border-radius:4px;background:#fff}.theme-landing-preview-body{padding:.9rem .85rem 1rem;display:grid;gap:.45rem}.theme-landing-preview-body strong{font-size:.98rem;line-height:1.3}.theme-landing-preview-body p{margin:0;font-size:.78rem;line-height:1.45;opacity:.88;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.theme-landing-preview-cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-top:.2rem;padding:.45rem .85rem;border-radius:16px;font-size:.72rem;font-weight:800;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff73}.theme-landing-preview-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:.45rem;margin-top:.75rem}.theme-landing-preview-mini{min-height:52px;padding:.55rem .6rem;border-radius:12px;font-size:.72rem;font-weight:700;line-height:1.25}.settings-card-editor{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-inset, transparent)}.theme-dash-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:.35rem 0 1rem}.theme-dash-preview{overflow:hidden;border-radius:14px;border:1px solid var(--line);min-height:118px;display:grid;grid-template-columns:72px 1fr}.theme-dash-preview-side{padding:.7rem .55rem;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.78}.theme-dash-preview-main{padding:.7rem;display:grid;gap:.45rem}.theme-dash-preview-card{border-radius:10px;min-height:42px;padding:.5rem .6rem;font-size:.72rem;font-weight:700;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.theme-landing-preview-hero{display:grid;justify-items:start;gap:.55rem;padding:1.15rem 1rem 1.25rem;border-radius:18px;border:1px solid color-mix(in srgb,#fff 16%,transparent);margin-bottom:1rem}.theme-landing-preview-hero strong{font-family:var(--font-display);font-size:1.05rem;line-height:1.25;letter-spacing:-.03em;max-width:28ch}.theme-landing-preview-hero em{font-family:var(--font-serif);font-style:italic;font-size:.95rem;opacity:.92}.theme-landing-preview-pill-badge{display:inline-flex;align-items:center;max-width:100%;padding:.28rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:color-mix(in srgb,currentColor 12%,transparent);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.theme-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.75rem;margin-top:1rem}.theme-palette-card{display:grid;gap:.4rem;align-content:start;text-align:left;padding:.85rem .85rem .95rem;border-radius:14px;border:1px solid var(--line);background:var(--surface-glass);color:var(--ink);cursor:pointer;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.theme-palette-card:hover{border-color:var(--primary-line);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-palette-card.is-selected{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 0 0 1px var(--primary-glow)}.theme-palette-card strong{font-size:.9rem;font-weight:800;color:var(--ink-strong)}.theme-palette-card span{font-size:.75rem;line-height:1.4;color:var(--muted)}.theme-palette-swatches{display:flex;gap:.35rem;margin-bottom:.15rem}.theme-palette-swatches i{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid color-mix(in srgb,#000 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 18%,transparent)}