@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Geist:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--font-display: "Cairo", "Geist", ui-sans-serif, system-ui, sans-serif;--font-sans: "Cairo", "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 28px;--r-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur: .25s;--dur-slow: .42s;--primary: #c1121f;--primary-dark: #9b0d18;--primary-light: #ef4444;--primary-glow: rgba(193, 18, 31, .38);--primary-soft: rgba(193, 18, 31, .14);--primary-text: #ffffff;--bg: #050505;--bg-2: #0a0a0a;--surface: #0f0f10;--card: #141416;--card-2: #1a1a1d;--card-border: rgba(255, 255, 255, .06);--card-border-2: rgba(255, 255, 255, .1);--fg: #fafafa;--fg-2: #e4e4e7;--fg-3: #a1a1aa;--fg-4: #71717a;--fg-muted: #52525b;--divider: rgba(255, 255, 255, .07);--divider-2: rgba(255, 255, 255, .12);--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 6px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65);--shadow-primary: 0 6px 28px var(--primary-glow);--shadow-cta: 0 14px 44px var(--primary-glow)}.mode-light{--bg: #f6f5f1;--bg-2: #fafaf7;--surface: #ffffff;--card: #ffffff;--card-2: #fafaf7;--card-border: rgba(20, 20, 20, .07);--card-border-2: rgba(20, 20, 20, .12);--fg: #18181b;--fg-2: #27272a;--fg-3: #52525b;--fg-4: #71717a;--fg-muted: #a1a1aa;--divider: rgba(0, 0, 0, .06);--divider-2: rgba(0, 0, 0, .1);--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 8px rgba(0, 0, 0, .04);--shadow-md: 0 6px 20px rgba(0, 0, 0, .06), 0 12px 40px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);font-weight:900;letter-spacing:-.025em;line-height:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.bignum{font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;line-height:.95;color:var(--fg);font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl)}.card-2{background:var(--card-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill);font-weight:800;padding:12px 22px;transition:all var(--dur) var(--ease);font-size:14px;letter-spacing:-.005em;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-cta)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--fg-2);border:1px solid var(--card-border-2)}.btn-ghost:hover{background:var(--card-2)}.btn-soft{background:var(--primary-soft);color:var(--primary);border:1px solid transparent}.btn-soft:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:800;letter-spacing:.02em;background:var(--card-2);color:var(--fg-3);border:1px solid var(--card-border);text-transform:uppercase}.pill-primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.pill-success{background:var(--success-soft);color:var(--success);border-color:transparent}.pill-warn{background:var(--warning-soft);color:var(--warning);border-color:transparent}.pill-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.divider{height:1px;background:var(--divider);border:0;margin:0}.bar{height:6px;border-radius:999px;background:var(--card-border);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width var(--dur-slow) var(--ease)}.switch{width:38px;height:22px;border-radius:999px;background:var(--card-border);position:relative;transition:background var(--dur) var(--ease);flex-shrink:0}.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--dur) var(--ease)}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(16px)}.check-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--card-border-2);background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur) var(--ease);flex-shrink:0}.check-circle.checked{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--card-border-2);border-radius:999px}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-pop{animation:pop .3s var(--ease-spring) both}.anim-fade-up{animation:fade-up .4s var(--ease) both}.client-shell{min-height:100vh}.client-sidebar{display:none}.client-main{max-width:520px;margin:0 auto;min-height:100vh;padding-bottom:120px}@media (min-width: 900px){.client-shell{display:flex;align-items:flex-start;max-width:1440px;margin:0 auto}.client-sidebar{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;width:248px;flex-shrink:0;height:100vh;padding:24px 16px;border-right:1px solid var(--card-border)}.client-main{max-width:none;margin:0;flex:1;min-width:0;padding-bottom:48px}.client-content{max-width:1040px;margin:0 auto;padding:8px 24px 0}.client-bottom-nav{display:none}}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{display:none}.admin-sidebar-inner{display:flex;flex-direction:column;min-height:100%}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:60px;background:var(--bg);border-bottom:1px solid var(--card-border)}.admin-content{padding:18px 16px}.admin-hamburger{width:38px;height:38px;border-radius:10px;background:var(--card-2);border:1px solid var(--card-border);color:var(--fg-2);display:grid;place-items:center;flex-shrink:0}.admin-search{display:none}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40}.admin-drawer{position:fixed;top:0;left:0;bottom:0;z-index:41;width:264px;background:var(--bg-2);border-right:1px solid var(--card-border);padding:20px 14px;overflow-y:auto}@media (min-width: 900px){.admin-sidebar{display:block;width:240px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--bg-2);border-right:1px solid var(--card-border);padding:20px 14px}.admin-hamburger{display:none}.admin-search{display:flex;align-items:center;gap:8px;width:240px;height:36px;padding:0 14px;border-radius:999px;background:var(--card-2);border:1px solid var(--card-border)}.admin-content{padding:24px 28px}.admin-drawer,.admin-drawer-backdrop{display:none}}.client-cols>*{margin-top:0!important;margin-bottom:16px!important;break-inside:avoid}.client-narrow{width:100%}@media (min-width: 900px){.client-cols{column-count:2;column-gap:16px}.client-narrow{max-width:680px;margin:0 auto}}.builder-layout{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 1000px){.builder-layout{grid-template-columns:1fr 300px;align-items:start}}