:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-400:#818cf8;--secondary-500:#6366f1;--secondary-600:#4f46e5;--bg-app:#f8fafc;--bg-surface:#fff;--bg-glass:#ffffffb3;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#f8fafc;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--backdrop-blur:blur(12px);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0 0 var(--space-4);line-height:1.2}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}p{margin:0 0 var(--space-4)}.page-container{margin:var(--space-6)auto var(--space-8)auto;padding:0 var(--space-8);width:100%;max-width:1400px}@media (width<=1024px){.page-container{padding:0 var(--space-6);max-width:1200px}}@media (width<=768px){.page-container{padding:0 var(--space-4);margin:var(--space-4)auto var(--space-6)auto;max-width:100%}}.content-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--primary-100)}.page-title{color:var(--primary-600);margin-bottom:var(--space-6);text-align:left;font-size:2rem;font-weight:700}.section-title{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border-color:var(--primary-200);background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-300)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(90%);transform:translateY(-1px)}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-control,.search-input{padding:var(--space-2)var(--space-3);font-size:var(--font-base);border:1px solid var(--primary-200);border-radius:var(--radius-md);background-color:var(--bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);color:var(--text-main);width:100%}.form-control:focus,.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal)ease-out forwards}header{background:var(--primary-600);background:linear-gradient(90deg,var(--primary-900)0%,var(--primary-700)100%);color:var(--text-light);padding:var(--space-3)var(--space-6);z-index:1000;box-shadow:var(--shadow-md);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-right{align-items:center;gap:15px;display:flex}nav{margin-left:var(--space-8);flex-grow:1;justify-content:space-between;align-items:center;display:flex}.nav-menu{gap:var(--space-2);align-items:center;margin:0;padding:0;list-style-type:none;display:flex}nav ul li{display:inline-block}nav ul li a,nav ul li button{color:#ffffffe6;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}nav ul li a:hover,nav ul li button:hover{color:#fff;background-color:#ffffff26;transform:translateY(-1px)}nav ul li a.active{color:#fff;background-color:#fff3;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff1a}.notification-bell{cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-fast);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.notification-bell:hover{background-color:#ffffff1a}.notification-bell .fas.fa-bell{color:var(--text-light);font-size:1.25rem}.notification-bell .badge{background-color:var(--error);color:#fff;border-radius:var(--radius-full);border:2px solid var(--primary-800);padding:2px 5px;font-size:.7rem;font-weight:700;position:absolute;top:6px;right:6px}.notifications-list{top:100%;right:var(--space-4);background-color:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:1100;border:1px solid var(--primary-100);margin-top:var(--space-2);width:300px;padding:0;animation:.2s ease-out slideInDown;position:absolute;overflow:hidden}.notification-item{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--primary-100);font-size:var(--font-sm);transition:background-color var(--transition-fast);cursor:pointer}.hamburger-menu{cursor:pointer;padding:var(--space-2);flex-direction:column;gap:5px;display:none}.hamburger-menu span{background-color:var(--text-light);transition:all var(--transition-fast);border-radius:2px;width:24px;height:2px}@media (width<=768px){header{padding:var(--space-3)var(--space-2);justify-content:flex-start;gap:10px}nav{flex-grow:1;justify-content:space-between;align-items:center;margin-left:0;display:flex}.logo img{height:35px!important}.hamburger-menu{display:flex;margin-right:5px!important}.header-actions{flex:1;justify-content:flex-end;min-width:0;gap:5px!important;margin-left:auto!important;overflow:visible!important}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.ai-trigger,.notification-bell,.user-dropdown-trigger{flex-shrink:0}.nav-menu{background:var(--bg-surface);padding:var(--space-4)0;box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius-lg)var(--radius-lg);z-index:999;border-top:1px solid var(--primary-100);flex-direction:column;gap:0;width:100%;display:none;position:absolute;top:100%;left:0}.nav-menu.active{animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}nav ul li{text-align:center;width:100%}nav ul li a,nav ul li button{margin:var(--space-1)auto;padding:var(--space-3);color:var(--text-secondary);background-color:var(--primary-50);border-radius:var(--radius-md);padding-left:var(--space-6);justify-content:flex-start;width:90%}nav ul li a.active{background-color:var(--primary-100);color:var(--primary-800);box-shadow:none}.user-dropdown-trigger{padding:5px}.username-text{display:none}}.user-dropdown-trigger{cursor:pointer;color:#ffffffe6;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;display:flex}.user-dropdown-trigger:hover{color:#fff;background-color:#ffffff26;transform:translateY(-1px)}.notification-bell{cursor:pointer;align-items:center;width:25px;height:25px;display:flex;position:relative}.notification-bell .fa-bell{color:#f0eeee;font-size:36px}.icon-wrapper{cursor:pointer;position:relative}.fas.fa-bell{color:#333;font-size:36px}.badge{color:#fff;background-color:red;border-radius:50%;padding:5px 8px;font-size:12px;position:absolute;top:-5px;right:-10px}.notifications-list{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:340px;position:absolute;top:35px;right:0;box-shadow:0 8px 24px #00000024,0 2px 8px #00000014}.notification-item{border-bottom:1px solid #eee;padding:10px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f7f7f7}.notification-bell .badge{color:#fff;background-color:red;border-radius:50%;padding:3px 6px;font-size:12px;font-weight:700;position:absolute;top:-5px;right:-5px}.header-right{align-items:center;margin-right:20px;display:flex}.sucursal-selector-container{z-index:1001;margin-right:15px;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative}.sucursal-trigger{cursor:pointer;color:#fff;backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:180px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sucursal-trigger:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.sucursal-trigger.active{color:#1e3a8a;background:#fffffff2;border-color:#fff;box-shadow:0 4px 15px #0003}.store-icon{opacity:.9;font-size:1.1rem}.chevron-icon{opacity:.7;font-size:.8rem;transition:transform .3s}.sucursal-trigger.active .chevron-icon{transform:rotate(180deg)}.sucursal-dropdown{transform-origin:100% 0;background:#fff;border-radius:12px;width:260px;padding:8px;animation:.2s ease-out forwards slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000026,0 0 0 1px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.sucursal-header-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #f1f5f9;margin-bottom:5px;padding:8px 12px;font-size:.7rem;font-weight:700}.sucursal-option{cursor:pointer;color:#334155;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.sucursal-option:hover{color:#0f172a;background-color:#f1f5f9}.sucursal-option.selected{color:#2563eb;background-color:#eff6ff;font-weight:600}.sucursal-option .check-icon{color:#2563eb;margin-left:auto;font-size:.9rem}.sucursal-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}@media (width<=768px){.sucursal-selector-container{flex:0 auto;width:auto;min-width:0;margin-right:5px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:static}.sucursal-selector-container.expanded{flex:1}.sucursal-trigger{background:#fff3;border:none;min-width:auto;padding:8px 10px;transition:all .3s}.sucursal-text{opacity:0;white-space:nowrap;width:auto;max-width:0;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block;overflow:hidden;transform:translate(-10px)}.sucursal-selector-container.expanded .sucursal-text{opacity:1;max-width:140px;margin-left:5px;transform:translate(0)}.chevron-icon{transition:all .2s;display:none}.sucursal-selector-container.expanded .chevron-icon{animation:.3s forwards fadeIn;display:block}.mobile-backdrop{z-index:1200;background:#00000080;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sucursal-dropdown{z-index:1201;transform-origin:100% 0;border-radius:12px;width:200px;max-height:300px;padding:5px;animation:.2s ease-out slideDown;position:absolute;inset:calc(100% + 5px) 0 auto auto;overflow-y:auto;box-shadow:0 10px 25px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sucursal-option{border-bottom:1px solid #f1f5f9;padding:15px;font-size:1rem}.sucursal-header-label{text-align:center;margin-bottom:15px;font-size:.8rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));width:var(--toastify-toast-width);box-sizing:border-box;color:#fff;padding:4px;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (width<=480px){.Toastify__toast-container{left:env(safe-area-inset-left);width:100vw;margin:0;padding:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y:0;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;border-radius:var(--toastify-toast-bd-radius);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;z-index:0;direction:ltr;justify-content:space-between;margin-bottom:1rem;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.Toastify__toast--stacked{transform:translate3d(0,var(--y),0)scale(var(--s));width:100%;transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g)*1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{flex:auto;align-items:center;margin:auto 0;padding:6px;display:flex}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;flex-shrink:0;width:20px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (width<=480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;align-self:flex-start;padding:0;transition:all .3s}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:var(--toastify-z-index);opacity:.7;transform-origin:0;border-bottom-left-radius:var(--toastify-toast-bd-radius);width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0)scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0)perspective(400px)}30%{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-drawer-overlay{z-index:10000;backdrop-filter:blur(2px);background:#0006;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.ai-drawer-container{z-index:10001;background:#f8fafc;flex-direction:column;width:400px;height:100vh;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 15px #0000001a}.ai-drawer-container.open{transform:translate(0)}.ai-drawer-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.ai-title{color:#1e293b;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.ai-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem}.ai-elapsed-label{color:#94a3b8;white-space:nowrap;font-size:.7rem}.ai-refresh-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:5px 8px;transition:all .2s;display:flex}.ai-refresh-btn:hover:not(:disabled):not(.cooldown){color:#2563eb;background:#f1f5f9;border-color:#2563eb}.ai-refresh-btn:disabled,.ai-refresh-btn.cooldown{opacity:.35;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-drawer-content{flex:1;padding:20px;overflow-y:auto}.insight-card{background:#fff;border-left:5px solid #3b82f6;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.insight-card.DEAD_STOCK{border-left-color:#ef4444}.insight-card.SALES_SPIKE{border-left-color:#10b981}.insight-card.EVENT{border-left-color:#f59e0b}.insight-category{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin-bottom:5px;font-size:.75rem;font-weight:700}.insight-message{color:#334155;font-size:1rem;line-height:1.5}.insight-score{color:#94a3b8;align-items:center;gap:5px;margin-top:10px;font-size:.8rem;display:flex}.history-section-title{color:#475569;margin-top:10px;margin-bottom:15px;font-size:1rem;font-weight:600}.history-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:10px;padding:12px}.history-item:last-child{border-bottom:none}.history-date{color:#94a3b8;margin-bottom:4px;font-size:.75rem}.ai-tabs{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 20px;display:flex}.ai-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:15px;font-size:.9rem;font-weight:600}.ai-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}@media (width<=480px){.ai-drawer-container{width:100%}}footer{background-color:var(--primary-900);color:var(--text-light);text-align:center;padding:var(--space-4)0;width:100%;margin-top:auto}footer p{font-size:var(--font-sm);opacity:.8;margin:0}.breadcrumbs-container{box-sizing:border-box;color:#6c757d;white-space:nowrap;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px;padding:10px 20px;font-size:.9rem;display:flex;overflow-x:auto}.breadcrumb-wrapper{align-items:center;display:flex}.breadcrumb-item{color:#007bff;align-items:center;text-decoration:none;transition:color .2s;display:flex}.breadcrumb-item:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.active{color:#495057;pointer-events:none;font-weight:600}.breadcrumb-item.home-icon{color:var(--primary-600);font-size:1.1rem}.breadcrumb-item.home-icon:hover{color:#007bff}.separator{color:#adb5bd;margin:0 8px;font-size:.7rem}@media (width<=768px){.breadcrumbs-container{justify-content:flex-start;padding:10px 16px;font-size:.85rem}}.table-responsive-container{flex-direction:column;gap:15px;width:100%;display:flex}.table-search-bar{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;box-shadow:0 2px 4px #0000000d}.search-input-wrapper{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.search-icon{color:#94a3b8;font-size:.9rem;position:absolute;left:12px}.universal-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 35px 10px 38px;font-size:.9rem;transition:all .3s}.universal-search-input:focus{border-color:var(--primary-500,#3b82f6);background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.clear-search{color:#fff;cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding-bottom:2px;font-size:14px;display:flex;position:absolute;right:12px}.clear-search:hover{background:#94a3b8}.search-results-count{color:#64748b;font-size:.85rem}@media (width<=768px){.table-search-bar{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.search-input-wrapper{max-width:100%}}.skeleton-row td{padding:15px!important}.skeleton-cell{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:18px;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{background-color:var(--primary-700,#1d4ed8)!important}.th-label-row{align-items:center;gap:6px;display:flex}.sort-icon{flex-shrink:0;font-size:.75rem;transition:opacity .15s}.sort-icon--neutral{opacity:.35}.sort-icon--active{opacity:1;color:#fbbf24}.col-filter-input{text-transform:none;letter-spacing:0;color:#fff;box-sizing:border-box;background:#ffffff1f;border:1px solid #fff3;border-radius:5px;outline:none;width:100%;margin-top:6px;padding:4px 8px;font-size:.78rem;font-weight:400;transition:background .2s,border-color .2s;display:block}.col-filter-input::placeholder{color:#ffffff80;font-style:italic}.col-filter-input:focus{background:#ffffff38;border-color:#ffffff73}.col-filter-input--active{background:#fbbf2438;border-color:#fbbf24}.clear-filters-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;margin-left:10px;padding:2px 8px;font-size:.8rem;transition:background .15s}.clear-filters-btn:hover{color:#475569;background:#f1f5f9}.col-filter-range{gap:4px;margin-top:6px;display:flex}.col-filter-half{flex:1;min-width:0;margin-top:0!important}select.col-filter-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.6)'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;padding-right:22px}select.col-filter-input option{color:#fff;background:#1e3a8a}input[type=date].col-filter-input::-webkit-calendar-picker-indicator{filter:invert(.7)brightness(1.5);cursor:pointer;width:14px;height:14px}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;margin-top:15px;position:relative;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a}.styled-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:600px}.styled-table thead,.table-header-standard{visibility:visible!important;opacity:1!important;height:auto!important;display:table-header-group!important}.table-header-standard th{text-align:left;background-color:var(--primary-600,#2563eb)!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.025em!important;z-index:20!important;padding:14px 18px!important;font-size:.9rem!important;font-weight:600!important;position:sticky!important;top:0!important}.styled-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 18px;font-size:.95rem}.styled-table tbody tr:last-child td{border-bottom:none}.styled-table tbody tr:hover td{background-color:#f8fafc}.no-data{text-align:center;color:#94a3b8;font-style:italic;padding:40px!important}@media (width>=769px){.styled-table thead th:first-child,.styled-table tbody td:first-child{background-color:#fff;border-right:1px solid #f1f5f9;left:0;box-shadow:2px 0 5px #0000000d;z-index:10!important;position:sticky!important}.styled-table thead th:first-child{z-index:30!important;background-color:var(--primary-600,#2563eb)!important}.sticky-actions-header,.sticky-actions-cell{z-index:25!important;background-color:#fff!important;border-left:1px solid #e2e8f0!important;position:sticky!important;right:0!important;box-shadow:-4px 0 10px #0000000d!important}.sticky-actions-header{z-index:40!important;background-color:var(--primary-600,#2563eb)!important;color:#fff!important}.styled-table tbody tr:hover td:first-child,.styled-table tbody tr:hover .sticky-actions-cell{background-color:#f8fafc!important}}.edit-btn.sm,.delete-btn.sm{margin-right:4px;padding:6px 10px;font-size:.8rem}@media (width<=768px){.table-responsive{box-shadow:none;background:0 0;padding:2px}.styled-table{width:100%;display:block;min-width:0!important}.styled-table thead{display:none!important}.styled-table tbody{width:100%;display:block}.styled-table tr{border:1px solid #e2e8f0;border-top:4px solid var(--primary-500,#3b82f6);background:#fff;border-radius:12px;margin-bottom:24px;padding:18px;display:block;position:relative;box-shadow:0 4px 15px #0000000d}.styled-table tr:hover td{background-color:#0000}.styled-table td{min-height:40px;text-align:right!important;background:0 0!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;padding:12px 0!important;font-size:.95rem!important;display:flex!important}.styled-table td:last-child{border-bottom:none!important}.td-content{text-align:right;color:#1e293b;word-break:break-word;flex:1;font-weight:500}.styled-table td:before{content:attr(data-label)": ";color:#64748b!important;text-transform:uppercase!important;text-align:left!important;letter-spacing:.05em!important;visibility:visible!important;flex-shrink:0!important;margin-right:20px!important;font-size:.7rem!important;font-weight:700!important;display:inline-block!important}.styled-table td:empty{display:none!important}.actions-cell{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;border-bottom:none!important;border-radius:0 0 12px 12px!important;justify-content:flex-end!important;gap:12px!important;min-height:auto!important;margin:15px -18px -18px!important;padding:15px!important;display:flex!important}.actions-cell:before{display:none!important}.edit-btn.sm,.delete-btn.sm{border-radius:8px!important;padding:10px 18px!important;font-size:.9rem!important}}.semaforo-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:8px;display:inline-block}.semaforo-green{background:#1cc88a;box-shadow:0 0 0 3px #1cc88a33}.semaforo-yellow{background:#f6c23e;box-shadow:0 0 0 3px #f6c23e33}.semaforo-done{background:#cbd5e1}.semaforo-red{background:#e74a3b;animation:1.4s ease-in-out infinite pulse-red;box-shadow:0 0 0 3px #e74a3b40}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.payment-modal-overlay{backdrop-filter:blur(4px);z-index:2000;background-color:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.payment-modal{background-color:var(--bg-surface);color:var(--text-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;width:95%;max-width:420px;max-height:90vh;padding:12px;animation:.3s ease-out modalSlideIn;display:flex;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-header{border-bottom:1px solid var(--primary-100);justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:8px;display:flex}.payment-header h2{color:var(--primary-900);margin:0;font-size:1.1rem}.payment-close-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #ef44444d;color:#fff!important;background:#e74a3b!important}.payment-close-btn:hover{transform:scale(1.1);background:#dc2626!important}.amount-display{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.95rem;display:flex}.amount-display .label{color:var(--text-secondary)}.amount-display .value{color:var(--text-main);font-weight:600}.amount-display.final-total{color:var(--success);border-top:1px solid var(--primary-100);margin-top:8px;padding-top:8px;font-size:1.4rem;font-weight:700}.tip-section,.payment-methods{background-color:var(--primary-50);border-radius:var(--radius-md);border:1px solid var(--primary-100);padding:10px}.tip-section h3,.payment-methods h3{color:var(--primary-800);text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:6px;font-size:.85rem}.tip-buttons,.method-options{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tip-buttons button,.method-options button{border:1px solid var(--primary-200);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:6px;flex:1;min-width:70px;padding:6px 10px;font-size:.8rem;transition:all .2s}.tip-buttons button:hover,.method-options button:hover{border-color:var(--primary-400);background-color:var(--primary-50)}.tip-buttons button.active,.method-options button.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}.custom-tip{margin-top:var(--space-3);align-items:center;gap:var(--space-3);display:flex}.custom-tip label{font-size:var(--font-sm);color:var(--text-secondary)}.custom-tip input{background-color:var(--bg-surface);border:1px solid var(--primary-200);color:var(--text-main);padding:var(--space-2);border-radius:var(--radius-sm);flex:1;transition:border-color .2s}.custom-tip input:focus{border-color:var(--primary-500);outline:none}.confirm-btn{padding:var(--space-4);background-color:var(--success);color:#fff;border-radius:var(--radius-md);font-size:var(--font-lg);cursor:pointer;box-shadow:var(--shadow-md);border:none;width:100%;font-weight:700;transition:all .2s}.confirm-btn:hover{box-shadow:var(--shadow-lg);background-color:#059669;transform:translateY(-1px)}@media (width<=768px){.payment-modal-overlay{align-items:flex-end;padding:0}.payment-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:100%;max-height:95vh;padding-bottom:24px}}.receipt-modal-overlay{z-index:2000;backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.receipt-modal-content{-webkit-overflow-scrolling:touch;text-align:center;background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;padding:25px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 30px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.receipt-modal-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.receipt-modal-header h3{color:#2c3e50;margin:0;font-size:1.4rem}.close-btn{cursor:pointer;color:#7f8c8d;background:0 0;border:none;font-size:1.8rem}.receipt-options-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.receipt-option-card{cursor:pointer;background:#f8f9fa;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:20px 10px;transition:all .2s;display:flex}.receipt-option-card:hover{background:#fff;border-color:#4e73df;transform:translateY(-5px);box-shadow:0 5px 15px #4e73df26}.icon-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:1.5rem;display:flex}.print-icon{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.qr-icon{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%)}.email-icon{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.receipt-option-card h4{color:#34495e;margin:0 0 5px;font-size:1rem}.receipt-option-card p{color:#95a5a6;margin:0;font-size:.8rem}.qr-section,.email-section{background:#f1f2f6;border-radius:12px;margin-bottom:20px;padding:20px;animation:.3s fadeIn}.qr-container{background:#fff;border-radius:8px;margin:10px 0;padding:10px;display:inline-block}.qr-container img{width:150px;height:150px;display:block}.email-section{gap:10px;display:flex}.email-section input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:12px}.send-btn{color:#fff;cursor:pointer;background:#4e73df;border:none;border-radius:8px;padding:0 20px;font-weight:700}.finish-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:30px;padding:12px 30px;font-size:1rem;transition:background .2s}.finish-btn:hover{background:#34495e}@media (width<=600px){.receipt-modal-overlay{align-items:flex-end;padding:0}.receipt-modal-content{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:95vh;padding:20px 20px 30px}.receipt-options-grid{grid-template-columns:1fr}.receipt-option-card{text-align:left;flex-direction:row;gap:15px;padding:15px}.icon-circle{width:40px;height:40px;margin-bottom:0;font-size:1.2rem}}.comanda-modal-overlay{backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.comanda-modal-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.comanda-header{color:#fff;background:#2c3e50;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.comanda-title{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.close-btn:hover{opacity:1}.comanda-body{background:#fdfdfd;padding:20px}.ticket-header{text-align:center;margin-bottom:15px}.ticket-header h3{color:#333;margin:0;font-size:1.8rem}.ticket-time{color:#666;align-items:center;gap:5px;margin-top:5px;font-size:.9rem;display:inline-flex}.ticket-order-id{color:#999;text-transform:uppercase;margin-top:2px;font-size:.8rem}.ticket-divider{border-bottom:2px dashed #ddd;margin:15px 0}.ticket-items{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.ticket-item{align-items:flex-start;gap:15px;display:flex}.item-qty{color:#fff;background:#2c3e50;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;display:flex}.item-details{flex-direction:column;display:flex}.item-name{color:#2c3e50;font-size:1.1rem;font-weight:600}.item-observation{color:#d35400;margin-top:2px;font-size:.85rem;font-style:italic}.ticket-footer{justify-content:center;margin-top:20px;display:flex}.print-btn{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:background .2s;display:flex}.print-btn:hover{background:#7f8c8d}@media print{body *{visibility:hidden}.comanda-modal-container,.comanda-modal-container *{visibility:visible}.comanda-modal-container{box-shadow:none;width:100%;position:absolute;top:0;left:0}.close-btn,.print-btn{display:none}}.home-container{padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}@media (width<=768px){.home-container{padding:var(--space-4);gap:var(--space-4)}}@media (width<=480px){.home-container{padding:var(--space-3);gap:var(--space-3)}}.alert-banner{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 18px;font-size:.875rem;font-weight:500;animation:.3s slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-critical{color:#c53030;background:#fff5f5;border:1.5px solid #f8b4b4}.alert-icon-svg{flex-shrink:0;font-size:1rem;animation:1.4s ease-in-out infinite pulse-red}.alert-text{flex:1;line-height:1.4}.alert-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:4px;transition:opacity .2s;display:flex}.alert-dismiss:hover{opacity:1;background:#00000014}.narrative-bar{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;animation:.35s slide-down;display:flex}.narrative-text{color:#e2e8f0;font-size:.95rem;font-weight:600;line-height:1.5}.narrative-badge{color:#94a3b8;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:4px 12px;font-size:.8rem}.weekly-wrap{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--primary-100);overflow:hidden}.weekly-toggle{cursor:pointer;color:#1e293b;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-size:.9rem;transition:background .15s;display:flex}.weekly-toggle:hover{background:var(--primary-50)}.weekly-delta{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.weekly-delta.up{color:#16a34a;background:#f0fdf4}.weekly-delta.down{color:#dc2626;background:#fef2f2}.weekly-body{border-top:1px solid var(--primary-100);align-items:center;padding:16px 20px;animation:.2s slide-down;display:flex}.weekly-stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.weekly-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.weekly-stat-value{font-size:1.25rem;font-weight:800}.weekly-divider{background:var(--primary-100);width:1px;height:40px}.analytics-section{flex-direction:column;gap:0;display:flex}.analytics-toggle{background:var(--bg-surface);border:1px solid var(--primary-100);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-main);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:.85rem;transition:background .2s,border-radius .3s;display:flex}.analytics-toggle:hover{background:var(--bg-hover,#f5f7fa)}.analytics-section:not(:has(.collapsed)) .analytics-toggle{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.analytics-toggle-label{align-items:center;gap:8px;font-weight:600;display:flex}.analytics-toggle-hint{color:#888;font-size:.75rem}.charts-collapse-wrapper{grid-template-rows:1fr;transition:grid-template-rows .35s;display:grid}.charts-collapse-wrapper.collapsed{grid-template-rows:0fr}.charts-collapse-inner{gap:var(--space-5);border:1px solid var(--primary-100);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:var(--space-5)0 0 0;background:0 0;border-top:none;flex-direction:column;display:flex;overflow:hidden}.chart-section{gap:var(--space-5);grid-template-columns:2fr 1fr 1fr;width:100%;display:grid}@media (width<=1024px){.chart-section{grid-template-columns:1fr 1fr}}@media (width<=768px){.chart-section{gap:var(--space-4);grid-template-columns:1fr}}.chart{background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--primary-100);flex-direction:column;height:100%;min-height:280px;display:flex;overflow:hidden}.chart h3{margin:0 0 var(--space-2)0;color:var(--text-main);font-size:.95rem}.table-section{gap:var(--space-5);grid-template-columns:1fr;width:100%;display:grid}.table{background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--primary-100);width:100%;overflow-x:auto}.table-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.table-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=768px){.table-section{gap:var(--space-4)}.table{padding:var(--space-3)}.table-header-row{flex-direction:column;align-items:flex-start;gap:8px}.table-header-actions{justify-content:flex-start;width:100%}}.refresh-timestamp{color:#888;white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.refresh-dot{background:#1cc88a;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tiempo-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.tiempo-ok{color:#1a7a4a;background:#e6f9f1}.tiempo-caution{color:#a16207;background:#fffbeb}.tiempo-warning{color:#d04a00;background:#fff3e0}.tiempo-critical{color:#c0392b;background:#fff0f0;animation:1.4s ease-in-out infinite pulse-bg}.tiempo-done{color:#9ca3af;background:#f3f4f6}@keyframes pulse-bg{0%,to{background:#fff0f0}50%{background:#ffd5d5}}.badge-delivery{color:#6d28d9;letter-spacing:.03em;background:#ede9fe;border-radius:12px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.quick-actions{width:100%}.action-btn-large{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4e73df 0%,#224abe 100%);border:none;border-radius:20px;align-items:center;gap:14px;width:auto;max-width:32%;min-height:54px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #4e73df4d}.action-btn-large:hover{transform:translateY(-4px);box-shadow:0 8px 25px #4e73df66}.action-btn-large:active{transform:translateY(-2px)}.action-btn-large>div{text-align:left;flex-direction:column;flex:1;justify-content:center;display:flex}.action-btn-large>div>div:first-child{opacity:.95;font-size:.85rem;font-weight:500;line-height:1.2}.action-btn-large>div>div:last-child{font-size:1.1rem;font-weight:700;line-height:1.3}.action-icon-wrapper{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:12px;display:flex}@media (width<=768px){.action-btn-large{gap:12px;max-width:100%;min-height:50px;padding:14px 18px}.action-icon-wrapper{width:40px;height:40px;padding:8px}.action-btn-large>div>div:last-child{font-size:.95rem}}@media (width<=480px){.action-btn-large{gap:10px;min-height:46px;padding:12px 16px;font-size:.9rem}.action-icon-wrapper{width:36px;height:36px;padding:6px}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.gamificacion-dashboard{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;display:grid}.gamification-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--primary-100);min-height:auto;padding:var(--space-3)!important}.gamification-title{color:var(--primary-700);align-items:center;gap:8px;margin:0 0 16px;font-size:.95rem;font-weight:600;display:flex}@media (width<=768px){.gamificacion-dashboard{gap:var(--space-3);grid-template-columns:1fr}}.progress-group{margin-bottom:8px}.progress-header{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.progress-bar-container{background:var(--bg-hover);border-radius:10px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s ease-in-out}.ranking-list{flex-direction:column;gap:6px;display:flex}.ranking-item{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;display:flex}.ranking-item.top-1{background:#fffbeb;font-weight:700}.summary-container{max-width:200px;font-size:.85rem}.summary-text{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.summary-note{color:#d35400;align-items:center;gap:3px;margin-top:2px;font-size:.8rem;font-style:italic;display:flex}.status-cell-wrapper{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.actions-cell{align-items:center;gap:10px;display:flex}.actions-buttons{gap:5px;margin-left:auto;display:flex}.btn-icon-circle{color:#4e73df;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:background .2s;display:flex}.btn-icon-circle:hover{background:#4e73df1a}.btn-status-action{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-deliver{background:linear-gradient(135deg,#1cc88a 0%,#13855c 100%);box-shadow:0 2px 5px #1cc88a66}.btn-close-account{background:linear-gradient(135deg,#e74a3b 0%,#c0392b 100%);box-shadow:0 2px 5px #e74a3b66}.btn-kitchen-monitor{color:#fff;cursor:pointer;white-space:nowrap;background:#e67e22;border:none;border-radius:20px;align-items:center;padding:6px 16px;font-size:.85rem;transition:transform .2s;display:flex}.btn-refresh{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#36b9cc 0%,#1a93ca 100%);border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 15px;font-size:.85rem;transition:all .2s;display:flex;box-shadow:0 2px 5px #36b9cc4d}.btn-refresh:hover,.btn-kitchen-monitor:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}a{margin-top:var(--space-2);color:var(--primary-600);font-weight:500;text-decoration:none;display:inline-block}a:hover{color:var(--primary-700);text-decoration:underline}.dashboard-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;display:flex}.dashboard-filters .filter-group{flex:160px;min-width:140px}.dashboard-filters .action-btn{flex:none;margin-left:auto}@media (width<=768px){.dashboard-filters{gap:12px}}@media (width<=480px){.dashboard-filters{gap:10px}.dashboard-filters .filter-group{flex-basis:100%}.dashboard-filters .action-btn{margin-left:0;width:100%!important;max-width:none!important}}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{color:#5a5c69;font-size:.9rem;font-weight:700}.filter-group input,.filter-group select{border:1px solid #d1d3e2;border-radius:4px;padding:8px 12px;font-size:1rem}.refresh-btn{color:#fff;cursor:pointer;background-color:#4e73df;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:background-color .2s}.refresh-btn:hover{background-color:#2e59d9}.refresh-btn:disabled{cursor:not-allowed;background-color:#858796}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;width:100%;display:grid}.chart-col-8,.chart-col-4{grid-column:span 1}@media (width<=1200px){.charts-grid{grid-template-columns:1fr 1fr;gap:20px}}@media (width<=900px){.charts-grid{grid-template-columns:1fr;gap:16px}.chart-col-8,.chart-col-4{grid-column:span 1}}@media (width<=480px){.charts-grid{gap:12px}}.action-btn{cursor:pointer;color:#fff;text-transform:none;letter-spacing:.5px;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;width:auto!important;max-width:fit-content!important}.action-btn svg{font-size:1.1em}.action-btn:disabled{cursor:not-allowed;box-shadow:none!important;background:#cbd5e1!important;transform:none!important}.btn-blue{background:linear-gradient(135deg,#4e73df 0%,#224abe 100%);box-shadow:0 4px 10px #4e73df66}.btn-secondary{background:linear-gradient(135deg,#858796 0%,#60616f 100%);box-shadow:0 4px 10px #85879666}.action-btn:hover:not(:disabled){filter:brightness(110%);transform:translateY(-2px);box-shadow:0 8px 15px #0003}.kpi-card{background-color:#fff;border-radius:8px;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:90px;padding:14px 16px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.kpi-content{justify-content:space-between;align-items:flex-start;height:100%;display:flex}.kpi-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.kpi-value{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;line-height:1.3;overflow:hidden}.kpi-trend{align-items:center;gap:4px;margin-top:4px;font-size:.72rem;font-weight:600;display:flex}.kpi-trend-arrow{font-size:.8rem}.kpi-trend-pct{font-weight:700}.kpi-trend-label{opacity:.7;font-weight:400}.trend-up{color:#1cc88a}.trend-down{color:#e74a3b}.trend-neutral{color:#999}.kpi-icon{opacity:.12;pointer-events:none;font-size:1.6rem;position:absolute;bottom:12px;right:14px}@media (width<=480px){.kpi-card{min-height:80px;padding:12px}.kpi-value{font-size:1.1rem}}.delivery-status-panel{background:#fff;border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.panel-title{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.delivery-list{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.empty-delivery{text-align:center;color:#64748b;padding:2rem;font-style:italic}.delivery-item{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.delivery-info{color:#64748b;justify-content:space-between;font-size:.8rem;display:flex}.order-id{color:#334155;font-weight:700}.order-origin{text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:.7rem}.order-summary{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.delivery-status{align-items:center;gap:.4rem;margin-top:.25rem;font-size:.75rem;font-weight:600;display:flex}.status-new{color:#dc2626}.status-accepted{color:#2563eb}.status-kitchen{color:#f59e0b}.status-route{color:#f39c12}.delivery-client{color:#1e293b;margin-bottom:.25rem;font-size:.85rem}.order-total{color:#0f172a;margin-top:.25rem;font-size:.85rem;font-weight:600}.delivery-footer{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.delivery-actions-row{gap:.5rem;display:flex}.del-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:background .2s}.del-btn.accept{color:#166534;background:#dcfce7}.del-btn.accept:hover{background:#bbf7d0}.del-btn.dispatch{color:#854d0e;background:#fef9c3}.del-btn.dispatch:hover{background:#fef08a}.del-btn.complete{color:#1e40af;background:#dbeafe}.del-btn.complete:hover{background:#bfdbfe}.del-btn.print{color:#4b5563;background:#f3f4f6}.del-btn.print:hover{color:#1f2937;background:#e5e7eb}*{box-sizing:border-box}.login-page{background:#f0f4ff;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex}.login-brand-panel{background:linear-gradient(145deg,#0f1f5c 0%,#1e3a8a 45%,#1d4ed8 100%);flex-direction:column;flex:1;justify-content:center;padding:60px 56px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:radial-gradient(circle,#6395ff40 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-80px;right:-80px}.login-brand-panel:after{content:"";background:radial-gradient(circle,#3b82f633 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;left:-60px}.login-brand-logo{align-items:center;gap:12px;margin-bottom:56px;animation:.6s ease-out slideDown;display:flex}.login-brand-logo img{filter:brightness(0)invert();width:auto;height:38px}.login-brand-logo span{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:800}.login-brand-headline{color:#fff;letter-spacing:-1px;margin:0 0 16px;font-size:36px;font-weight:800;line-height:1.2;animation:.7s ease-out slideDown}.login-brand-headline span{color:#93c5fd}.login-brand-sub{color:#ffffffa6;max-width:340px;margin:0 0 48px;font-size:15px;line-height:1.7;animation:.8s ease-out slideDown}.login-feature-list{flex-direction:column;gap:16px;animation:.9s ease-out slideDown;display:flex}.login-feature-item{align-items:center;gap:14px;display:flex}.login-feature-icon{backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.login-feature-text strong{color:#fff;font-size:14px;font-weight:600;display:block}.login-feature-text span{color:#ffffff8c;font-size:12px}.login-form-panel{background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:48px 40px;display:flex;position:relative}.login-form-inner{width:100%;max-width:360px;animation:.5s ease-out fadeUp}.login-form-header{margin-bottom:36px}.login-form-header h2{color:#0f172a;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.login-form-header p{color:#64748b;margin:0;font-size:14px}.login-field{margin-bottom:20px}.login-field label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input-wrap{position:relative}.login-input-wrap svg{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrap input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.login-input-wrap input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-input-wrap input:focus+svg,.login-input-wrap:focus-within svg,.login-input-wrap input:focus~svg{color:#2563eb}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:10px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #2563eb59}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn.loading{color:#0000;position:relative}.login-submit-btn.loading:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:13px;animation:.3s ease-out fadeUp;display:flex}.login-links{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:28px;padding-top:20px;display:flex}.login-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}.login-link-btn:hover{color:#2563eb}.lmodal-overlay{z-index:1000;backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lmodal-box{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px;animation:.3s ease-out fadeUp;box-shadow:0 20px 60px #0000002e}.lmodal-box h3{color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:700}.lmodal-box p{color:#64748b;margin:0 0 24px;font-size:14px}.lmodal-input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.lmodal-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lmodal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.lmodal-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.lmodal-cancel:hover{background:#e2e8f0}.lmodal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s;box-shadow:0 3px 10px #2563eb4d}.lmodal-confirm:hover{opacity:.9}.lmodal-success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:26px;display:flex}.login-pass-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-pass-toggle:hover{color:#2563eb}.login-pass-reqs{color:#94a3b8;flex-wrap:wrap;gap:8px 16px;margin:-2px 0 20px;font-size:12.5px;display:flex}.login-pass-reqs span{align-items:center;gap:5px;transition:color .2s;display:flex}.login-pass-reqs span.ok{color:#16a34a}.login-pass-reqs svg{flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.login-brand-panel{display:none}.login-form-panel{background:linear-gradient(160deg,#eff6ff 0%,#f0f4ff 100%);width:100%;min-height:100vh;padding:40px 24px}.login-form-inner{max-width:100%}}.loading-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-modal-content{text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex}.loader{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}.loading-modal-content p{color:#333;font-size:1.2em}.modal-backdrop{z-index:1000;padding:var(--space-4);box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;width:100%;height:100%;animation:.18s ease-out ds-fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:0;animation:.18s ease-out ds-scaleIn;overflow:hidden;box-shadow:0 20px 40px #0000002e,0 4px 12px #00000014}.modal-container .modal-icon{text-align:center;padding:var(--space-6)var(--space-6)0;font-size:3rem;display:block}.modal-container .modal-title{font-size:var(--font-xl);color:var(--primary-900);text-align:center;padding:var(--space-3)var(--space-6)0;margin:0;font-weight:700}.modal-container .modal-message{color:var(--text-secondary);text-align:center;padding:var(--space-3)var(--space-6)var(--space-6);line-height:1.6;font-size:var(--font-base);margin:0}.modal-actions{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-6);border-top:1px solid var(--primary-100);background:var(--secondary-50);display:flex}.btn-modal{border-radius:var(--radius-md);font-weight:600;font-size:var(--font-base);cursor:pointer;box-shadow:var(--shadow-sm);border:none;min-height:44px;padding:10px 22px;transition:background .18s,transform .12s,box-shadow .15s}.btn-modal:active{transform:scale(.97)}.btn-confirm{background-color:var(--primary-600);color:#fff}.btn-confirm:hover{background-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-cancel{background-color:var(--secondary-100);color:var(--text-main);border:1px solid var(--secondary-200);box-shadow:none}.btn-cancel:hover{background-color:var(--secondary-200)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-md);background-color:#dc2626;transform:translateY(-1px)}@media (width<=768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-container{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%}.modal-actions{flex-direction:row}.modal-actions .btn-modal{flex:1;justify-content:center}}.modal-content:has(>.modal-body),.modal-box:has(>.modal-body),.modal-container:has(>.modal-body),.modern-modal:has(>.modal-body),.payment-modal:has(>.payment-body),.comanda-modal-container:has(>.comanda-modal-body),.tw-modal:has(>.modal-body),.promo-modal:has(>.modal-body),.delivery-modal:has(>.modal-body){flex-direction:column!important;display:flex!important;overflow:hidden!important}.modal-content>.modal-body,.modal-box>.modal-body,.modal-container>.modal-body,.modern-modal>.modal-body,.payment-modal>.payment-body,.comanda-modal-container>.comanda-modal-body,.tw-modal>.modal-body,.promo-modal>.modal-body,.delivery-modal>.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto!important;min-height:0!important;overflow-y:auto!important}.modal-content>.modal-header,.modal-content>.modal-footer,.modal-box>.modal-header,.modal-box>.modal-footer,.modern-modal>.modal-header,.modern-modal>.modal-footer,.payment-modal>.payment-header,.payment-modal>.payment-footer,.tw-modal>.modal-header,.tw-modal>.modal-footer,.promo-modal>.modal-header,.promo-modal>.modal-footer,.delivery-modal>.modal-header,.delivery-modal>.modal-footer{flex:none!important}.modern-modal>.modal-footer,.payment-modal>.payment-footer{background:#fff;border-top:1px solid #eef2f7}@media (height<=780px){.modal-overlay,.modal-backdrop,.payment-modal-overlay,.receipt-modal-overlay,.comanda-modal-overlay,.tw-modal-overlay,.promo-modal-overlay,.permissions-modal-overlay,.lmodal-overlay{align-items:center!important;padding:8px!important}.modal-content,.modal-box,.modal-container,.modern-modal,.payment-modal,.receipt-modal-content,.comanda-modal-container,.tw-modal,.promo-modal,.permissions-modal-content,.delivery-modal,.lmodal-box{box-sizing:border-box!important;max-height:calc(100dvh - 16px)!important}}@media (height<=620px){.modern-modal>.modal-header,.payment-modal>.payment-header{padding-top:8px!important;padding-bottom:6px!important}.modern-modal>.modal-footer,.payment-modal>.payment-footer,.modern-modal>.modal-body,.payment-modal>.payment-body{padding-top:8px!important;padding-bottom:8px!important}}@media (width<=1024px){.modal-overlay,.modal-backdrop,.receipt-modal-overlay,.comanda-modal-overlay,.tw-modal-overlay,.promo-modal-overlay,.permissions-modal-overlay,.lmodal-overlay{justify-content:center!important;align-items:center!important;padding:12px!important}.modal-content,.modal-box,.modal-container,.modern-modal,.receipt-modal-content,.comanda-modal-container,.tw-modal,.promo-modal,.permissions-modal-content,.delivery-modal,.lmodal-box{box-sizing:border-box!important;max-height:calc(100dvh - 24px)!important}.receipt-modal-content,.permissions-modal-content,.lmodal-box,.modal-container:not(:has(>.modal-body)){-webkit-overflow-scrolling:touch;overflow-y:auto!important}}@media (width<=640px){.modal-overlay,.modal-backdrop,.receipt-modal-overlay,.comanda-modal-overlay,.tw-modal-overlay,.promo-modal-overlay,.permissions-modal-overlay,.lmodal-overlay{padding:8px!important}.modal-content,.modal-box,.modal-container,.modern-modal,.receipt-modal-content,.comanda-modal-container,.tw-modal,.promo-modal,.permissions-modal-content,.delivery-modal,.lmodal-box{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important}.modern-modal>.modal-body input,.payment-modal>.payment-body input{font-size:16px!important}}.modal-content.order-confirmation-modal{flex-direction:column!important;max-height:calc(100dvh - 24px)!important;display:flex!important;overflow:hidden!important}.modal-content.order-confirmation-modal>*{flex:none}.modal-content.order-confirmation-modal .order-summary-container{overscroll-behavior:contain;flex:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}.select-mesa-overlay .modal-content{flex-direction:column!important;max-height:calc(100dvh - 24px)!important;display:flex!important;overflow:hidden!important}.select-mesa-overlay .mesa-list{overscroll-behavior:contain;flex:auto!important;min-height:0!important;overflow-y:auto!important}.modificador-scroll{overscroll-behavior:contain;min-height:0!important}.app-main-layout--pos{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-main-layout--pos>.trial-banner,.app-main-layout--pos>header,.app-main-layout--pos>.header,.app-main-layout--pos>.breadcrumbs,.app-main-layout--pos>nav{flex:none}.app-main-layout--pos>.page-container,.app-main-layout--pos>.pos-fill,.app-main-layout--pos>.product-grid-container{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-main-layout--pos>.page-container{max-width:none;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0}.app-main-layout--pos .pos-topbar{padding:0 16px 6px;flex:none!important}.pos-fill{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-main-layout--pos .product-grid-container{flex-direction:column;flex:auto;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.app-main-layout--pos .sticky-header-group,.app-main-layout--pos .pedido-prog-toggle,.app-main-layout--pos .button-container{flex:none}.app-main-layout--pos .product-grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:12px;overflow-y:auto}.app-main-layout--pos .button-container{background:#f8fafc;border-top:1px solid #e2e8f0;order:99;margin-bottom:0;padding:8px 0 4px}.app-main-layout--pos .mesas-view{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-main-layout--pos .mesas-view>.view-header{flex:none}.app-main-layout--pos .mesas-grid,.app-main-layout--pos .mesas-container{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}@media (height<=760px){.app-main-layout--pos>.breadcrumbs,.app-main-layout--pos .page-container>*>.page-title,.app-main-layout--pos .page-container>*>.page-title+p{display:none}.app-main-layout--pos .product-grid-container{padding:10px 12px 0}.app-main-layout--pos .pedido-prog-toggle{margin:2px 0}}@media (height<=620px){.app-main-layout--pos .button-container{padding:6px 0 2px}.app-main-layout--pos .product-grid-container{padding:6px 10px 0}}@media (pointer:coarse){.app-main-layout--pos .button-container .action-btn,.app-main-layout--pos .grid-item button,.modern-modal .qty-btn,.modern-modal>.modal-footer button,.payment-modal>.payment-footer button{min-height:44px}}@media (width>=1400px){.app-main-layout--pos .product-grid-container{padding-left:24px;padding-right:24px}}.app-main-layout--pos>.page-container{position:relative}.app-main-layout--pos .detalle-mesa-panel{height:100%;max-height:100%;overflow:hidden}.app-main-layout--pos .detalle-mesa-panel>.detalle-header{flex:none}.app-main-layout--pos .detalle-mesa-panel>div:not(.detalle-header){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-main-layout--pos .detalle-mesa-panel>div:not(.detalle-header)>:first-child:not(:last-child){overscroll-behavior:contain;flex:0 auto;min-height:0;max-height:38%;overflow-y:auto}.app-main-layout--pos .detalle-mesa-panel>div:not(.detalle-header)>:last-child{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}@media (width>=1600px){.app-main-layout--pos .detalle-mesa-panel{width:640px}}@media (height<=760px){.app-main-layout--pos .detalle-header{padding:12px 16px}.app-main-layout--pos .detalle-header h2{font-size:1.15rem}}