:root{--color-primary:#f05;--color-secondary:#f90;--color-success:#0c0;--color-danger:red;--color-warning:#ffea00;--color-gummy-orange:#ff7f00;--color-gummy-green:#7ed321;--color-bg-consumer:#ffd6e0;--color-bg-seller:#fff8f0;--color-bg-admin:#f4f6f9;--color-surface:#fff;--color-border:#e8eaed;--color-text-primary:#2f3542;--color-text-muted:#747d8c;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024;--shadow-brand:0 8px 24px #ff005540;--shadow-panic:0 8px 30px #f006;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:9999px;--radius-card:16px;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f26875e;--glass-blur:blur(12px);--glass-bg-dark:#0009;--glass-border-dark:#ffffff1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-display:clamp(2.5rem, 6vw, 4.5rem);--text-h1:clamp(2rem, 4vw, 3rem);--text-h2:clamp(1.5rem, 3vw, 2rem);--text-h3:1.25rem;--text-h4:1rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-label:.75rem;--text-price:1.5rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-base:0;--z-float:10;--z-overlay:100;--z-modal:200;--z-toast:300}@keyframes gummy-bounce{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{opacity:1;transform:scale(1.1)translateY(-8px)}80%{transform:scale(.97)translateY(3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes jiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-4deg)scale(1.08)}40%{transform:rotate(4deg)scale(1.05)}60%{transform:rotate(-2deg)scale(1.02)}80%{transform:rotate(2deg)scale(1.01)}}@keyframes panic-pulse{0%,to{box-shadow:0 0 0 0 #ff0000b3, var(--shadow-panic)}50%{box-shadow:0 0 0 20px #f000, var(--shadow-panic)}}@keyframes fab-pulse{0%,80%,to{transform:scale(1)}40%{transform:scale(1.1)rotate(5deg)}}@keyframes float-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drip{0%{opacity:0;height:0}60%{opacity:1}to{opacity:1;height:18px}}@keyframes check-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-gummy-bounce{animation:.7s cubic-bezier(.36,.07,.19,.97) both gummy-bounce}.animate-jiggle{animation:.6s ease-in-out jiggle}.animate-float-in{animation:float-in-up .4s var(--transition-normal) both}.animate-fade-in{animation:.3s both fade-in}.animate-slide-up{animation:.35s cubic-bezier(.32,.72,0,1) both slide-up}.animate-slide-right{animation:.3s both slide-in-right}.animate-check-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both check-pop}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}body{font-family:var(--font-body);color:var(--color-text-primary);font-size:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}.portal-consumer{background-color:var(--color-bg-consumer);min-height:100vh}.portal-seller{background-color:var(--color-bg-seller);min-height:100vh}.portal-admin{background-color:var(--color-bg-admin);min-height:100vh}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-6);border-radius:var(--radius-pill);height:48px;font-family:var(--font-heading);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){transform:translateY(-1px)scale(1.02);box-shadow:0 12px 30px #ff005559}.btn-secondary{color:var(--color-secondary);border:2px solid var(--color-secondary);background:0 0}.btn-secondary:hover:not(:disabled){background:#ff990014;transform:translateY(-1px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes panicPulse{0%{box-shadow:inset 0 0 #f000}50%{box-shadow:inset 0 0 60px #f009}to{box-shadow:inset 0 0 #f000}}@keyframes sirenLight{0%,to{background:var(--color-danger);color:#fff}50%{color:#fff;background:#ff7676;transform:scale(1.05)}}.animate-float-in{opacity:0;animation:.4s forwards fadeIn;transform:translateY(10px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-panic-pulse{border-radius:50%;animation:1s ease-in-out infinite sirenLight}.chamoy-drip{background:var(--color-primary);color:#fff;margin-bottom:30px;padding:2rem 1rem 3rem;position:relative}.chamoy-drip:after{content:"";background-image:radial-gradient(circle at 20px 0, transparent 20px, var(--color-primary) 21px);z-index:10;background-repeat:repeat-x;background-size:40px 40px;width:100%;height:40px;position:absolute;bottom:-20px;left:0}.panic-overlay{pointer-events:none;z-index:9999;animation:1.5s ease-in-out infinite panicPulse;position:fixed;inset:0}.btn-ghost{color:var(--color-text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:#0000000d}.btn-danger{background:var(--color-danger);color:#fff;animation:1.8s ease-in-out infinite panic-pulse}.btn-whatsapp{color:#fff;background:#25d366;box-shadow:0 4px 16px #25d3664d}.btn-whatsapp:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #25d36666}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-body-sm)}.btn-lg{height:56px;padding:0 var(--space-8);font-size:1.125rem}.btn-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:var(--space-6);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{box-shadow:var(--shadow-sm)}.stat-card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.stat-card .stat-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-card .stat-value{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1.75rem;font-weight:800}.stat-card .stat-sub{font-size:var(--text-body-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card.on-target{border-left-color:var(--color-success)}.stat-card.at-risk{border-left-color:var(--color-warning)}.stat-card.critical{border-left-color:var(--color-danger)}.badge{padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;align-items:center;font-weight:600;display:inline-flex}.badge-success{color:#0a0;background:#00cc001f}.badge-danger{color:#c00;background:#ff00001a}.badge-warning{color:#970;background:#ffea0040}.badge-info{color:var(--color-primary);background:#ff00551a}.badge-neutral{background:var(--color-border);color:var(--color-text-muted)}.input-field{width:100%;height:48px;padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff00551f}.input-field::placeholder{color:var(--color-text-muted)}.input-field.error{border-color:var(--color-danger)}.input-label{font-size:var(--text-body-sm);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.input-group{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;display:flex}.input-error{font-size:var(--text-body-sm);color:var(--color-danger);margin-top:var(--space-1)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.toast{bottom:var(--space-6);background:var(--color-text-primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-size:var(--text-body-sm);box-shadow:var(--shadow-lg);z-index:var(--z-toast);white-space:nowrap;font-weight:500;animation:.3s both float-in-up;position:fixed;left:50%;transform:translate(-50%)translateY(0)}.toast.success{background:#0a0}.toast.error{background:var(--color-danger)}.toast.warning{background:#a70}.single-drip{position:relative;overflow:visible}.single-drip:after{content:"";top:100%;left:var(--drip-left,20%);background:var(--color-primary);border-radius:0 0 50% 50%;width:10px;height:18px;animation:.6s ease-out both drip;position:absolute}.spice-meter{gap:2px;display:flex}.spice-meter span{transition:opacity var(--transition-fast);font-size:.9rem}.spice-meter span.off{opacity:.2}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);height:64px;z-index:var(--z-float);padding-bottom:env(safe-area-inset-bottom);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex;position:relative}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item .nav-icon{font-size:1.4rem;line-height:1}.bottom-nav-item .nav-badge{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite badge-pulse;position:absolute;top:6px;right:calc(50% - 18px)}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-logo{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border)}.admin-sidebar-logo span{font-family:var(--font-heading);color:var(--color-primary);font-size:1.1rem;font-weight:800}.admin-nav{padding:var(--space-4) 0;flex:1}.admin-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);text-align:left;border:none;border-radius:0;width:100%;font-size:.9rem;font-weight:500;display:flex;position:relative}.admin-nav-item:hover{color:var(--color-primary);background:#ff00550d}.admin-nav-item.active{color:var(--color-primary);background:#ff005514;font-weight:700}.admin-nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.admin-nav-item .nav-icon{text-align:center;width:22px;font-size:1.1rem}.admin-nav-divider{background:var(--color-border);height:1px;margin:var(--space-3) var(--space-4)}.admin-sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-body-sm);color:var(--color-text-muted)}.admin-content{flex:1;min-width:0;overflow-x:hidden}.admin-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--space-8);align-items:center;gap:var(--space-4);z-index:var(--z-float);display:flex;position:sticky;top:0}.admin-page{padding:var(--space-8)}.admin-page-header{margin-bottom:var(--space-8)}.admin-page-title{font-size:var(--text-h2);color:var(--color-text-primary);font-weight:800}.admin-page-subtitle{color:var(--color-text-muted);margin-top:var(--space-1)}.kpi-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.whatsapp-fab{bottom:calc(var(--space-8) + 64px);right:var(--space-6);color:#fff;width:56px;height:56px;z-index:var(--z-float);transition:transform var(--transition-fast);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;text-decoration:none;animation:4s ease-in-out infinite fab-pulse;display:flex;position:fixed;box-shadow:0 4px 20px #25d36680}.whatsapp-fab:hover{transform:scale(1.1)}.whatsapp-fab.no-nav{bottom:var(--space-8)}.portal-footer{text-align:center;padding:var(--space-8) var(--space-4) var(--space-6);font-size:var(--text-body-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:auto}.portal-footer a{color:var(--color-primary)}.portal-footer .powered-by{margin-top:var(--space-2);opacity:.6;font-size:.7rem}@media (width<=768px){.admin-sidebar{display:none}.admin-layout{flex-direction:column}.admin-page{padding:var(--space-4)}}@media (width>=769px){.bottom-nav{display:none}.whatsapp-fab{bottom:var(--space-8)}}@media print{.admin-sidebar,.admin-page-header,.admin-topbar,.clients-table,button.hide-on-print,.bottom-nav,.whatsapp-fab{display:none!important}body{background:#fff;margin:0;padding:0}.modal-overlay,.modal-overlay *{height:auto!important;max-height:none!important;position:static!important;overflow:visible!important;transform:none!important}.card{box-shadow:none!important;border:none!important}#printable-agreement{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;padding:0!important}}