@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;0,9..144,900;1,9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--coral:#ff6b6b;--coral-dark:#e85555;--coral-light:#ff8e8e;--peach:#ff8e53;--peach-light:#ffb088;--navy:#1c1c3a;--cl-navy:#1c1c3a;--navy-light:#2d2d5e;--cream:#fffbf7;--cream-dark:#fff5ee;--cl-bg:#fffbf7;--cl-surface:#fff;--cl-surface2:#fff5ee;--cl-border:#e8ddd5;--cl-border2:#f0e8e0;--cl-text:#1c1c3a;--cl-muted:#7b6b63;--cl-muted2:#a0928a;--cl-coral:#ff6b6b;--cl-peach:#ff8e53;--cl-green:#10b981;--cl-green-bg:#ecfdf5;--cl-amber:#f59e0b;--cl-blue:#3b82f6;--adm-bg:#0b1120;--adm-bg2:#0f172a;--adm-surface:#1e293b;--adm-surface2:#263449;--adm-border:#2d3f55;--adm-border2:#374b62;--adm-text:#f0f4f8;--adm-text2:#cbd5e1;--adm-muted:#64748b;--adm-accent:#3b82f6;--adm-accent2:#60a5fa;--adm-green:#10b981;--adm-red:#ef4444;--adm-amber:#f59e0b;--adm-purple:#8b5cf6;--sa-bg:#060a12;--sa-surface:#0b1120;--sa-surface2:#111827;--sa-border:#1e293b;--sa-gold:#f59e0b;--sa-gold2:#fcd34d;--sa-text:#f8fafc;--sa-muted:#475569;--f-display:"Fraunces", Georgia, serif;--f-body:"Plus Jakarta Sans", sans-serif;--f-admin:"DM Sans", sans-serif;--f-mono:"DM Mono", "Courier New", monospace;--f-client:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 1px 3px #1c1c3a14;--shadow-md:0 4px 16px #1c1c3a1a;--shadow-lg:0 8px 32px #1c1c3a24;--shadow-xl:0 16px 48px #1c1c3a2e;--shadow-coral:0 8px 24px #ff6b6b47;--shadow-adm:0 4px 24px #0006;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px}html{scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--cl-text);-webkit-font-smoothing:antialiased;background:0 0;line-height:1.6}:is(#root:has(.page-adm),#root:has(.adm-nav-link)){background:var(--adm-bg);min-height:100vh}:is(#root:has(.page-cl),#root:has(.cl-nav-link)){background:var(--cl-bg);min-height:100vh}#root:has(.sa-nav-link){background:var(--sa-bg);min-height:100vh}#root{flex-direction:column;min-height:100svh;display:flex}.adm-scroll{scrollbar-width:thin;scrollbar-color:var(--adm-border) transparent}.adm-scroll::-webkit-scrollbar{width:4px}.adm-scroll::-webkit-scrollbar-track{background:0 0}.adm-scroll::-webkit-scrollbar-thumb{background:var(--adm-border);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes lf-fadeup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.fadeUp{animation:.45s forwards fadeUp}.fadeIn{animation:.3s forwards fadeIn}.slideIn{animation:.35s forwards slideIn}.floating{animation:3s ease-in-out infinite float}.pulsing{animation:1.8s ease-in-out infinite pulse}.lf-fadeup{animation:.4s forwards lf-fadeup}.pulse{animation:1.5s ease-in-out infinite pulse-dot}.d1{opacity:0;animation-delay:50ms}.d2{opacity:0;animation-delay:.1s}.d3{opacity:0;animation-delay:.15s}.d4{opacity:0;animation-delay:.2s}.d5{opacity:0;animation-delay:.25s}.d6{opacity:0;animation-delay:.3s}.btn-primary{background:linear-gradient(135deg, var(--coral), var(--peach));color:#fff;border-radius:var(--r-lg);font-family:var(--f-body);cursor:pointer;box-shadow:var(--shadow-coral);white-space:nowrap;border:none;padding:13px 28px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #ff6b6b61}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--cl-text);border:1.5px solid var(--cl-border);border-radius:var(--r-lg);font-family:var(--f-body);cursor:pointer;background:#fff;padding:12px 24px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.btn-secondary:hover{border-color:var(--coral);box-shadow:0 0 0 3px #ff6b6b14}.btn-adm{background:var(--adm-accent);color:#fff;border-radius:var(--r-md);font-family:var(--f-admin);cursor:pointer;border:none;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.btn-adm:hover{background:var(--adm-accent2);transform:translateY(-1px)}.card-cl{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .2s,border-color .2s}.card-cl:hover{box-shadow:var(--shadow-md)}.card-adm{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .15s}.card-adm:hover{border-color:var(--adm-accent);box-shadow:0 0 0 1px #3b82f626}.adm-card{transition:border-color .15s,box-shadow .15s}.adm-card:hover{box-shadow:0 0 0 1px #3b82f626;border-color:var(--adm-accent)!important}.input-cl{border:1.5px solid var(--cl-border);border-radius:var(--r-md);width:100%;font-family:var(--f-body);color:var(--cl-text);background:#fff;outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-cl:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff6b6b1a}.input-cl::placeholder{color:var(--cl-muted2)}.input-adm{border:1px solid var(--adm-border);border-radius:var(--r-md);width:100%;font-family:var(--f-admin);color:var(--adm-text);background:var(--adm-bg2);outline:none;padding:9px 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}.input-adm:focus{border-color:var(--adm-accent);box-shadow:0 0 0 2px #3b82f626}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge-red{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.badge-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.badge-gray{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.badge-coral{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.lbl{color:var(--cl-muted);letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.lbl-adm{color:var(--adm-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.divider{background:var(--cl-border);height:1px;margin:20px 0}.divider-adm{background:var(--adm-border);height:1px;margin:16px 0}.tag-pill{cursor:pointer;border:2px solid var(--cl-border);color:var(--cl-muted);font-size:13px;font-family:var(--f-body);background:#fff;border-radius:20px;padding:7px 14px;transition:all .15s}.tag-pill:hover{border-color:var(--coral);color:var(--coral)}.tag-pill.active{border-color:var(--coral);color:var(--coral);background:#ff6b6b14;font-weight:700}.progress-track{background:#f3f4f6;border-radius:8px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--coral), var(--peach));border-radius:8px;height:100%;transition:width .4s}.dot-green{background:var(--adm-green);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-amber{background:var(--adm-amber);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-red{background:var(--adm-red);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-blue{background:var(--adm-accent);border-radius:50%;width:8px;height:8px;display:inline-block}.shimmer{border-radius:var(--r-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.shimmer-adm{background:linear-gradient(90deg, var(--adm-surface) 25%, var(--adm-surface2) 50%, var(--adm-surface) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}.toast{z-index:9999;background:var(--navy);color:#fff;border-radius:var(--r-lg);font-family:var(--f-body);align-items:center;gap:10px;padding:14px 20px;font-size:14px;animation:.3s forwards fadeUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #00000040}.toast.success{border-left:3px solid var(--adm-green)}.toast.error{border-left:3px solid var(--adm-red)}.gradient-text{background:linear-gradient(135deg, var(--coral), var(--peach));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.empty-state{text-align:center;color:var(--cl-muted);padding:64px 32px}.empty-state-adm{text-align:center;color:var(--adm-muted);padding:48px 24px}.adm-table{border-collapse:collapse;width:100%;font-family:var(--f-admin);font-size:13px}.adm-table th{text-align:left;color:var(--adm-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--adm-border);white-space:nowrap;padding:10px 16px;font-size:10px;font-weight:600}.adm-table td{color:var(--adm-text2);vertical-align:middle;border-bottom:1px solid #2d3f5580;padding:12px 16px}.adm-table tr:hover td{background:#ffffff05}.adm-table tr:last-child td{border-bottom:none}.section-header{border-bottom:1px solid var(--adm-border);font-family:var(--f-admin);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-title{color:var(--adm-text);font-size:14px;font-weight:600}.adm-nav-link{border-radius:var(--r-md);font-family:var(--f-admin);color:var(--adm-muted);border-left:2px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:10px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.adm-nav-link:hover{color:var(--adm-text2);background:#ffffff0a}.adm-nav-link.active{color:var(--adm-accent);border-left-color:var(--adm-accent);background:#3b82f61f;font-weight:600}.cl-nav-link{border-radius:var(--r-lg);font-family:var(--f-body);color:var(--cl-muted);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:3px;padding:10px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.cl-nav-link:hover{color:var(--cl-text);background:#ff6b6b0d}.cl-nav-link.active{color:var(--coral);background:linear-gradient(135deg,#ff6b6b1a,#ff8e530f);border-color:#ff6b6b33;font-weight:700}.sa-nav-link{border-radius:var(--r-md);font-family:var(--f-admin);color:var(--sa-muted);border-left:2px solid #0000;align-items:center;gap:10px;margin-bottom:2px;padding:11px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.sa-nav-link:hover{color:var(--sa-text);background:#ffffff0a}.sa-nav-link.active{color:var(--sa-gold);border-left-color:var(--sa-gold);background:#f59e0b1a;font-weight:600}.page-cl{max-width:960px;font-family:var(--f-body);padding:28px 32px}.page-adm{font-family:var(--f-admin);color:var(--adm-text);padding:24px 28px}.page-sa{font-family:var(--f-admin);color:var(--sa-text);padding:28px 32px}.page-title-cl{font-family:var(--f-display);color:var(--cl-text);margin-bottom:4px;font-size:26px;font-weight:700}.page-title-adm{color:var(--adm-text);letter-spacing:-.4px;margin-bottom:4px;font-size:20px;font-weight:700}.page-title-sa{color:var(--sa-text);letter-spacing:-.4px;margin-bottom:4px;font-size:20px;font-weight:700}.page-sub{color:var(--cl-muted);margin-bottom:28px;font-size:13px}.page-sub-adm{color:var(--adm-muted);margin-bottom:24px;font-size:12px}.kpi-card{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--r-lg);padding:18px 20px;transition:border-color .15s}.kpi-card:hover{border-color:var(--adm-border2)}.kpi-label{color:var(--adm-muted);text-transform:uppercase;letter-spacing:.9px;margin-bottom:8px;font-size:10px;font-weight:600}.kpi-value{font-family:var(--f-mono);font-size:28px;font-weight:500;line-height:1}@media (width<=768px){.page-cl{padding:20px 16px}.page-adm{padding:16px}.hide-mobile{display:none!important}}