@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,Arial,sans-serif;background-color:#fff;color:#030303;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.container::-webkit-scrollbar,.main-content::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.card::-webkit-scrollbar{display:none}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}a{color:#3498db;text-decoration:none;transition:color .3s ease}a:hover{color:#1d6fa5}button{background-color:#2c3e50;color:#fff;border:none;border-radius:5px;padding:10px 15px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}input,select,textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #444;border-radius:5px;font-size:1rem;background-color:#fffefe;color:#000}input:focus,select:focus,textarea:focus{outline:none;border-color:#3498db;color:#000}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;margin-bottom:10px}h1{font-size:2.5rem;color:#000}h2{font-size:2rem;color:#282828}h3{margin-top:10px;font-size:1.5rem;color:#db6e00}.container{display:flex;min-height:100vh;flex-direction:column;position:relative;width:100%}.card{background-color:#2c3e50;border:1px solid #34495e;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000004d;margin:10px 0}.card:hover{box-shadow:0 6px 8px #0006}.flex{display:flex;justify-content:center;align-items:center}.flex-column{flex-direction:column}.flex-space-between{justify-content:space-between}.flex-center{justify-content:center;align-items:center}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}footer{margin-top:50px;text-align:center;font-size:.9rem;color:#7f8c8d}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#1e1e1e;color:#fff;padding-top:50px;z-index:999;transition:transform .3s ease;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar ul{list-style:none;padding:0}.main-content{transition:margin-left .3s ease;margin-left:0;flex:1;padding:0}.main-content.shifted{margin-left:250px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#333;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000}.menu-button{background:none;border:none;font-size:30px;color:#fff;cursor:pointer}.restaurant-name{font-size:24px;font-weight:700}@media (max-width: 768px){.container{flex-direction:column}.sidebar{width:200px}.main-content.shifted{margin-left:200px}.header-container{flex-direction:column;align-items:flex-start;padding:10px}.menu-button{font-size:25px}h1{font-size:2rem}h2{font-size:1.8rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}p{color:#333}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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-container-width: fit-content;--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-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.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%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin: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{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.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:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.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{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}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:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}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:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(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:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}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:translate3d(0,2000px,0)}}.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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}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) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}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:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.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-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--accent: #f97316;--accent-dk: #ea580c;--accent-lt: #fff7ed;--accent-rgb: 249, 115, 22;--bg-page: #f2f2f0;--bg-card: #ffffff;--bg-card-hover: #fafaf9;--bg-input: #fafaf9;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-elevated: #f8f8f7;--border: #ebebeb;--border-light: #f5f5f5;--text-primary: #111111;--text-secondary: #888888;--text-muted: #bbbbbb;--text-inverse: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(0,0,0,.09);--green: #16a34a;--green-lt: #dcfce7;--red: #dc2626;--red-lt: #fee2e2;--yellow: #ca8a04;--yellow-lt: #fef3c7;--blue: #2563eb;--blue-lt: #eff6ff;--purple: #7c3aed;--purple-lt: #ede9fe}.pos-checkout-btn,.inv-btn--primary,.nom-btn--primary,.mesas-btn--primary,.staff-btn--primary,.fin-btn--primary,.caja-btn--primary,.settings-save-btn,.cfg-btn-save,.of-new-btn,.btn-login,.caja-banner-btn{background:var(--accent)!important}.pos-checkout-btn:hover:not(:disabled),.inv-btn--primary:hover:not(:disabled),.nom-btn--primary:hover:not(:disabled),.mesas-btn--primary:hover:not(:disabled),.staff-btn--primary:hover:not(:disabled),.fin-btn--primary:hover:not(:disabled),.caja-btn--primary:hover:not(:disabled),.cfg-btn-save:hover:not(:disabled),.of-new-btn:hover:not(:disabled),.btn-login:hover:not(:disabled),.caja-banner-btn:hover{opacity:.88}.input-wrap:focus-within,.pos-modal-input:focus,.inv-input:focus,.nom-input:focus,.mesas-modal-input:focus,.staff-input:focus,.settings-input:focus,.settings-textarea:focus,.caja-input:focus,.cfg-field input:focus,.cfg-field select:focus{border-color:var(--accent)!important}.of-filter-btn.active{background:var(--accent)!important;border-color:var(--accent)!important}.pos-tag-btn--active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.pos-product-price,.prod-row-name:hover,.of-new-btn,.btn-back:hover,.settings-rango-add:hover{color:var(--accent)!important}.staff-avatar,.avatar,.cfg-card-icon,.settings-upload-btn{background:var(--accent)!important}.settings-toggle input:checked+.settings-toggle-track,.cfg-toggle--on{background:var(--accent)!important}.login-brand-side{background:linear-gradient(145deg,var(--accent),var(--accent-dk, #ea580c))!important}[data-theme=dark]{--bg-page: #0f0f0f;--bg-card: #1a1a1a;--bg-card-hover: #222222;--bg-input: #222222;--bg-sidebar: #141414;--bg-header: #141414;--bg-elevated: #1e1e1e;--border: #2a2a2a;--border-light: #222222;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--text-inverse: #111111;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--accent-lt: rgba(var(--accent-rgb), .15);--green-lt: rgba(22,163,74,.18);--red-lt: rgba(220,38,38,.18);--yellow-lt: rgba(202,138,4,.18);--blue-lt: rgba(37,99,235,.18);--purple-lt: rgba(124,58,237,.18);color-scheme:dark}[data-theme=dark],[data-theme=dark] html,[data-theme=dark] body{background-color:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .container,[data-theme=dark] .main-content{background:#0f0f0f!important;min-height:100vh!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f0f0f0!important}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label,[data-theme=dark] li{color:inherit}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#222!important;color:#f0f0f0!important;border-color:#2a2a2a!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--accent)!important;background-color:#1a1a1a!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#555!important}[data-theme=dark] table{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] thead,[data-theme=dark] thead tr{background:#1e1e1e!important}[data-theme=dark] th{color:#888!important;border-color:#2a2a2a!important}[data-theme=dark] td{color:#e0e0e0!important;border-color:#222!important}[data-theme=dark] tbody tr{background:#1a1a1a!important}[data-theme=dark] tbody tr:hover{background:#222!important}[data-theme=dark] .sb{background:#141414!important;border-color:#2a2a2a!important}[data-theme=dark] .sb-header{border-color:#2a2a2a!important}[data-theme=dark] .sb-section-title{color:#555!important}[data-theme=dark] .sb-item{color:#888!important}[data-theme=dark] .sb-item:hover{background:#222!important;color:#f0f0f0!important}[data-theme=dark] .sb-item--active{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent)!important}[data-theme=dark] .sb-avatar{background:#222!important}[data-theme=dark] .sb-rest-name{color:#f0f0f0!important}[data-theme=dark] .sb-rol{color:#888!important}[data-theme=dark] .sb-copy{color:#555!important}[data-theme=dark] .sb-overlay{background:#000000b3!important}[data-theme=dark] .sb-tooltip{background:#333!important;color:#f0f0f0!important}[data-theme=dark] .header-container{background:#141414!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .pos-modal,[data-theme=dark] .inv-modal,[data-theme=dark] .nom-modal,[data-theme=dark] .mesas-modal,[data-theme=dark] .staff-modal,[data-theme=dark] .caja-modal,[data-theme=dark] [class*=-modal]:not([class*=-modal-overlay]){background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] [class*=-modal-overlay]{background:#000000b3!important}[data-theme=dark] [class*=-modal-header],[data-theme=dark] [class*=-modal-footer]{border-color:#2a2a2a!important}[data-theme=dark] .hd-root,[data-theme=dark] .pos-page,[data-theme=dark] .cocina-container,[data-theme=dark] .mesas-container,[data-theme=dark] .staff-container,[data-theme=dark] .nominas-container,[data-theme=dark] .finanzas-container,[data-theme=dark] .inventario-container,[data-theme=dark] .producto-container,[data-theme=dark] .ordenes-container,[data-theme=dark] .settings-container,[data-theme=dark] .clientes-container,[data-theme=dark] .repartidores-container,[data-theme=dark] .dashboard-container,[data-theme=dark] .ofertas-container,[data-theme=dark] .config-pagos-container,[data-theme=dark] .proveedores-container,[data-theme=dark] .cxp-container,[data-theme=dark] .cxc-container,[data-theme=dark] .caja-container,[data-theme=dark] .gastos-container,[data-theme=dark] .chat-screen-container,[data-theme=dark] .restaurant-screen-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .card,[data-theme=dark] .kpi-card,[data-theme=dark] .nomina-card,[data-theme=dark] .cocina-card,[data-theme=dark] .cocina-columna,[data-theme=dark] .mesa-card,[data-theme=dark] .fin-stat-card,[data-theme=dark] .fin-asiento-card,[data-theme=dark] .inv-receta-card,[data-theme=dark] .mesas-reserva-card,[data-theme=dark] .pos-cart,[data-theme=dark] .pos-product-card,[data-theme=dark] .producto-card,[data-theme=dark] .producto-form,[data-theme=dark] .filtros-container,[data-theme=dark] .productos-table,[data-theme=dark] .inv-table,[data-theme=dark] .staff-table,[data-theme=dark] .fin-table,[data-theme=dark] .nomina-table,[data-theme=dark] .ordenes-card,[data-theme=dark] .orden-card,[data-theme=dark] .cliente-card,[data-theme=dark] .repartidor-card,[data-theme=dark] .settings-block,[data-theme=dark] .oferta-card,[data-theme=dark] .prov-card,[data-theme=dark] .gasto-card,[data-theme=dark] .cxp-card,[data-theme=dark] .cxc-card{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] [class*=-tabs]{background:#1e1e1e!important}[data-theme=dark] [class*=-tab--active],[data-theme=dark] [class*=tab--active]{background:#1a1a1a!important;color:#f0f0f0!important;box-shadow:none!important}[data-theme=dark] [class*=-tab]:not([class*=--active]){color:#888!important}[data-theme=dark] .inv-search-input,[data-theme=dark] .inv-select,[data-theme=dark] .pos-search-input,[data-theme=dark] .pos-search-bar,[data-theme=dark] .buscador-wrap,[data-theme=dark] .cocina-search input,[data-theme=dark] .staff-search input,[data-theme=dark] [class*=search-wrap],[data-theme=dark] [class*=search-input],[data-theme=dark] [class*=filter-btn],[data-theme=dark] .filtro-btn{background:#222!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .filtro-btn.activo,[data-theme=dark] [class*=filter-btn].active{background:#f0f0f0!important;color:#111!important;border-color:#f0f0f0!important}[data-theme=dark] [class*=btn--secondary],[data-theme=dark] [class*=btn-cancel],[data-theme=dark] .pos-fiado-btn{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] [class*=btn--secondary]:hover,[data-theme=dark] [class*=btn-cancel]:hover{background:#333!important}[data-theme=dark] .inv-action-btn,[data-theme=dark] .row-action-btn,[data-theme=dark] .mesa-card-btn,[data-theme=dark] .cocina-refresh-btn,[data-theme=dark] .cocina-audio-btn{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .tag,[data-theme=dark] .pos-tag-btn,[data-theme=dark] [class*=-badge],[data-theme=dark] [class*=-pill],[data-theme=dark] .inv-unit,[data-theme=dark] .inv-cat-badge,[data-theme=dark] .staff-rol-badge,[data-theme=dark] .fin-pago-badge,[data-theme=dark] .fin-asiento-tipo{border-color:#333!important}[data-theme=dark] .pos-tag-btn{background:#222!important;color:#888!important;border-color:#333!important}[data-theme=dark] .pos-tag-btn--active{background:#f0f0f0!important;color:#111!important;border-color:#f0f0f0!important}[data-theme=dark] .inv-unit{background:#222!important;color:#999!important}[data-theme=dark] .welcome-banner{background:#1a1a1a!important}[data-theme=dark] .kpi-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .kpi-card.kpi-orange{background:rgba(var(--accent-rgb),.1)!important;border-color:rgba(var(--accent-rgb),.2)!important}[data-theme=dark] .kpi-label{color:#888!important}[data-theme=dark] .kpi-big,[data-theme=dark] .kpi-num{color:#f0f0f0!important}[data-theme=dark] .kpi-sub,[data-theme=dark] .act-table th{color:#555!important}[data-theme=dark] .td-name{color:#f0f0f0!important}[data-theme=dark] .td-money{color:#ccc!important}[data-theme=dark] .td-date{color:#888!important}[data-theme=dark] .freq-row{border-color:#222!important}[data-theme=dark] .freq-av{background:#333!important;color:#f0f0f0!important}[data-theme=dark] .freq-name{color:#f0f0f0!important}[data-theme=dark] .freq-cnt{color:#888!important}[data-theme=dark] .freq-rank{color:#555!important}[data-theme=dark] .card-hdr{border-color:#2a2a2a!important}[data-theme=dark] .card-ttl{color:#f0f0f0!important}[data-theme=dark] .caja-banner--warn{background:rgba(var(--accent-rgb),.1)!important;border-color:rgba(var(--accent-rgb),.25)!important}[data-theme=dark] .caja-banner--ok{background:#16a34a1a!important;border-color:#16a34a40!important}[data-theme=dark] .caja-banner--closed{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-banner-text strong{color:#f0f0f0!important}[data-theme=dark] .caja-banner-text span{color:#999!important}[data-theme=dark] .caja-banner-icon{background:rgba(var(--accent-rgb),.15)!important}[data-theme=dark] .caja-banner-icon--closed{background:#222!important;color:#888!important}[data-theme=dark] .caja-banner-link{color:#999!important}[data-theme=dark] .caja-modal{background:#1a1a1a!important}[data-theme=dark] .caja-input-wrap{background:#222!important;border-color:#333!important}[data-theme=dark] .caja-input-prefix{background:#1e1e1e!important;border-color:#333!important;color:#888!important}[data-theme=dark] .caja-input--full{background:#222!important;border-color:#333!important}[data-theme=dark] .pos-tasa{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#ccc!important}[data-theme=dark] .pos-cart-header{border-color:#2a2a2a!important}[data-theme=dark] .pos-cart-title{color:#f0f0f0!important}[data-theme=dark] .pos-cart-item{border-color:#222!important}[data-theme=dark] .pos-cart-item-name{color:#f0f0f0!important}[data-theme=dark] .pos-cart-item-price{color:#999!important}[data-theme=dark] .pos-cart-totals{border-color:#2a2a2a!important}[data-theme=dark] .pos-cart-row{color:#888!important}[data-theme=dark] .pos-cart-row--total{color:#f0f0f0!important}[data-theme=dark] .pos-qty-btn{background:#333!important;color:#f0f0f0!important}[data-theme=dark] .pos-product-info{background:#1a1a1a!important}[data-theme=dark] .pos-product-name,[data-theme=dark] .pos-modal-total-amount{color:#f0f0f0!important}[data-theme=dark] .pos-modal-total-bs{color:#888!important}[data-theme=dark] .pos-modal-label{color:#ccc!important}[data-theme=dark] .pos-metodo-btn{border-color:#333!important;background:#1e1e1e!important;color:#ccc!important}[data-theme=dark] .pos-metodo-btn--active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.1)!important}[data-theme=dark] .mix-quick-btn{background:#1e1e1e!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .mix-select{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .mix-input-wrap{border-color:#333!important}[data-theme=dark] .mix-input-prefix{background:#1e1e1e!important;border-color:#333!important}[data-theme=dark] .mix-ref-input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .mix-pago-row{border-color:#222!important;color:#f0f0f0!important}[data-theme=dark] .mix-pago-summary{border-color:#333!important}[data-theme=dark] .mix-progress{background:#222!important}[data-theme=dark] .mix-partial-form{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .mix-partial-method{color:#f0f0f0!important}[data-theme=dark] .mix-partial-field label{color:#888!important}[data-theme=dark] .mix-partial-input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .mix-partial-input:focus{border-color:var(--accent)!important}[data-theme=dark] .mix-partial-hint{color:#666!important}[data-theme=dark] .pos-cart-empty{color:#555!important}[data-theme=dark] .pos-mobile-cart-overlay{background:#000c!important}[data-theme=dark] .pos-mobile-close{background:#222!important}[data-theme=dark] .ordenes-card,[data-theme=dark] .orden-card,[data-theme=dark] [class*=orden-]{border-color:#2a2a2a!important}[data-theme=dark] .cocina-columna{background:#141414!important}[data-theme=dark] .cocina-columna-header{color:#f0f0f0!important}[data-theme=dark] .cocina-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .cocina-card--urgente{border-left-color:#dc2626!important}[data-theme=dark] .cocina-card-id{color:#f0f0f0!important}[data-theme=dark] .cocina-card-time{color:#888!important}[data-theme=dark] .cocina-card-action{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .cocina-badge--local{background:#2563eb26!important}[data-theme=dark] .cocina-badge--delivery{background:#ca8a0426!important}[data-theme=dark] .cocina-empty{color:#555!important}[data-theme=dark] .mesa-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .mesa-card--ocupada{background:#dc262614!important}[data-theme=dark] .mesa-card--reservada{background:#2563eb14!important}[data-theme=dark] .mesa-card--mantenimiento{background:#1e1e1e!important}[data-theme=dark] .mesa-card-number{color:#f0f0f0!important}[data-theme=dark] .mesa-card-cap{color:#888!important}[data-theme=dark] .mesas-salon-name{color:#f0f0f0!important}[data-theme=dark] .mesas-reserva-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .mesas-reserva-select{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .fp-canvas{background:#141414!important;border-color:#2a2a2a!important}[data-theme=dark] .fp-grid{opacity:.2!important}[data-theme=dark] .fp-mesa-num{color:#f0f0f0!important}[data-theme=dark] .fp-mesa-cap{color:#888!important}[data-theme=dark] .fp-salon-name{color:#f0f0f0!important}[data-theme=dark] .mesas-forma-btn{background:#1a1a1a!important;border-color:#333!important;color:#888!important}[data-theme=dark] .mesas-forma-btn--active{border-color:var(--accent)!important;color:var(--accent)!important}[data-theme=dark] .pos-client-dropdown{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .pos-client-option{color:#f0f0f0!important}[data-theme=dark] .pos-client-option:hover{background:#222!important}[data-theme=dark] .pos-client-option+.pos-client-option{border-color:#222!important}[data-theme=dark] .pos-mesa-btn{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .pos-mesa-modal{background:#1a1a1a!important}[data-theme=dark] .pos-mesa-salon-name{color:#f0f0f0!important}[data-theme=dark] .pos-mesa-card{background:#1e1e1e!important;border-color:#333!important}[data-theme=dark] .pos-mesa-num{color:#f0f0f0!important}[data-theme=dark] .pos-mesa-clear{border-color:#333!important;color:#888!important}[data-theme=dark] .staff-avatar{background:#333!important}[data-theme=dark] .staff-name{color:#f0f0f0!important}[data-theme=dark] .staff-email{color:#888!important}[data-theme=dark] .staff-rol-badge{background:#222!important;color:#ccc!important}[data-theme=dark] .staff-permiso-pill{background:#2563eb26!important}[data-theme=dark] .staff-permiso-pill--admin{background:#16a34a26!important}[data-theme=dark] .staff-row--inactive{opacity:.4!important}[data-theme=dark] .staff-permisos-grid label{color:#ccc!important}[data-theme=dark] .nomina-card-header:hover{background:#222!important}[data-theme=dark] .nomina-card-info h3{color:#f0f0f0!important}[data-theme=dark] .nomina-card-info span{color:#888!important}[data-theme=dark] .nomina-total{color:#f0f0f0!important}[data-theme=dark] .nomina-count{color:#888!important}[data-theme=dark] .nomina-summary-item{background:#1e1e1e!important}[data-theme=dark] .nomina-summary-item span{color:#888!important}[data-theme=dark] .nomina-card-body{border-color:#222!important}[data-theme=dark] .fin-stat-card--highlight{background:#f0f0f0!important}[data-theme=dark] .fin-stat-card--highlight .fin-stat-value{color:#111!important}[data-theme=dark] .fin-stat-card--highlight .fin-stat-label,[data-theme=dark] .fin-stat-label{color:#888!important}[data-theme=dark] .fin-stat-value{color:#f0f0f0!important}[data-theme=dark] .fin-periodo-btn{background:#1e1e1e!important;border-color:#333!important;color:#888!important}[data-theme=dark] .fin-periodo-btn--active{background:#f0f0f0!important;color:#111!important;border-color:#f0f0f0!important}[data-theme=dark] .fin-bar,[data-theme=dark] .fin-asiento-header:hover{background:#222!important}[data-theme=dark] .fin-asiento-desc{color:#f0f0f0!important}[data-theme=dark] .fin-asiento-date{color:#888!important}[data-theme=dark] .fin-plan-group-title,[data-theme=dark] .fin-mono{color:#ccc!important}[data-theme=dark] .inv-row--out{background:#dc26260f!important}[data-theme=dark] .inv-row--low{background:#ca8a040f!important}[data-theme=dark] .inv-mp-name{color:#f0f0f0!important}[data-theme=dark] .inv-mp-desc{color:#888!important}[data-theme=dark] .inv-receta-card{background:#1a1a1a!important}[data-theme=dark] .inv-receta-name{color:#f0f0f0!important}[data-theme=dark] .inv-ing-pill{background:#2563eb26!important;color:#6b9dff!important}[data-theme=dark] .inv-unidad-pill,[data-theme=dark] .inv-ajuste-tipo{background:#1e1e1e!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .inv-ajuste-tipo--active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.1)!important;color:var(--accent)!important}[data-theme=dark] .inv-ajuste-preview{background:#1e1e1e!important;color:#ccc!important}[data-theme=dark] .inv-receta-row{border-color:#222!important}[data-theme=dark] .inv-receta-current h4{color:#ccc!important}[data-theme=dark] .prod-row-name{color:#f0f0f0!important}[data-theme=dark] .prod-row-name:hover{color:var(--accent)!important}[data-theme=dark] .prod-row-desc{color:#888!important}[data-theme=dark] .prod-row-img{border-color:#333!important}[data-theme=dark] .stock-badge{border-color:transparent!important}[data-theme=dark] .stock-ok{background:#16a34a2e!important;color:#4ade80!important}[data-theme=dark] .stock-low{background:#d977062e!important;color:#fbbf24!important}[data-theme=dark] .stock-out{background:#dc26262e!important;color:#f87171!important}[data-theme=dark] .badge-info{background:#222!important}[data-theme=dark] .variant-badge{background:#2563eb2e!important;color:#6b9dff!important}[data-theme=dark] .topping-badge{background:#0d94882e!important;color:#5eead4!important}[data-theme=dark] .badge-suspended-sm{background:#dc26262e!important;color:#f87171!important}[data-theme=dark] .tag{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent)!important;border-color:rgba(var(--accent-rgb),.25)!important}[data-theme=dark] .row-suspended{opacity:.4!important}[data-theme=dark] .suspender-btn-sm.on{background:#16a34a26!important;border-color:#16a34a4d!important}[data-theme=dark] .suspender-btn-sm.off{background:#222!important;border-color:#333!important}[data-theme=dark] .cliente-card,[data-theme=dark] .repartidor-card,[data-theme=dark] .oferta-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .config-pagos-container{color:#f0f0f0!important}[data-theme=dark] .chat-screen-container{background:#0f0f0f!important}[data-theme=dark] .chat-messages{background:#141414!important}[data-theme=dark] .chat-input-container,[data-theme=dark] .settings-block{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .settings-block-title{color:#f0f0f0!important}[data-theme=dark] .settings-block-desc{color:#888!important}[data-theme=dark] .settings-logo-preview{background:#222!important}[data-theme=dark] .settings-logo-placeholder{color:#555!important}[data-theme=dark] .settings-color-btn--active{border-color:#f0f0f0!important}[data-theme=dark] .settings-hex-input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .settings-color-picker{background:#222!important;border-color:#333!important}[data-theme=dark] .settings-toggle-label{color:#f0f0f0!important}[data-theme=dark] .settings-toggle-track{background:#333!important}[data-theme=dark] .settings-field label{color:#888!important}[data-theme=dark] .settings-horario-row{border-color:#222!important}[data-theme=dark] .settings-horario-dia{color:#f0f0f0!important}[data-theme=dark] .settings-time-input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .prov-table,[data-theme=dark] .cxp-table,[data-theme=dark] .cxc-table,[data-theme=dark] .gastos-table,[data-theme=dark] [class*=summary-card],[data-theme=dark] [class*=stat-card],[data-theme=dark] [class*=resumen-card]{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] ::-webkit-scrollbar{width:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:#141414}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#333;border-radius:3px}[data-theme=dark] .toppings-section{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .toppings-section h3{color:#888!important;border-color:#2a2a2a!important}[data-theme=dark] .toppings-list li{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .toppings-list li small{background:#1a1a1a!important;color:#888!important}[data-theme=dark] .image-upload-container{border-color:#333!important;background:#1e1e1e!important}[data-theme=dark] .image-upload-container:hover{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.05)!important}[data-theme=dark] .upload-instructions{color:#888!important}[data-theme=dark] .image-preview-wrapper{border-color:#333!important}[data-theme=dark] .tags-wrapper .tag-item{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .tags-wrapper .tag-item.selected{background:rgba(var(--accent-rgb),.1)!important;border-color:rgba(var(--accent-rgb),.3)!important;color:var(--accent)!important}[data-theme=dark] .empty-text{color:#555!important}[data-theme=dark] .pos-receipt{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .receipt-line{border-color:#333!important}[data-theme=dark] .comanda-modal,[data-theme=dark] .confirmar-modal{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .login-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .acciones-grid a,[data-theme=dark] .acciones-list a,[data-theme=dark] [class*=accion-card],[data-theme=dark] .delivery-fee-container{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .confirmar-modal-content{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .product-screen-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .product-detail-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark]{--hdr-bg: #141414;--hdr-border: #2a2a2a;--hdr-text: #f0f0f0;--hdr-sub: #888;--hdr-muted: #444;--hdr-bg-page: #1e1e1e}[data-theme=dark] .hdr{background:#141414!important;border-color:#2a2a2a!important}[data-theme=dark] .hdr-restaurant{color:#f0f0f0!important}[data-theme=dark] .hdr-menu-btn{border-color:#333!important;color:#888!important}[data-theme=dark] .hdr-menu-btn:hover{background:#222!important;color:#f0f0f0!important}[data-theme=dark] .hdr-nav-link{color:#888!important}[data-theme=dark] .hdr-nav-link:hover{background:#222!important;color:#f0f0f0!important}[data-theme=dark] .hdr-nav-active{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .hdr-time{color:#f0f0f0!important}[data-theme=dark] .hdr-date{color:#888!important}[data-theme=dark] .hdr-divider{background:#2a2a2a!important}[data-theme=dark] .status-on{background:#16a34a26!important;border-color:#16a34a4d!important;color:#4ade80!important}[data-theme=dark] .status-off{background:#dc262626!important;border-color:#dc26264d!important;color:#f87171!important}[data-theme=dark] .status-checking{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .hdr-icon-btn{border-color:#333!important;color:#888!important}[data-theme=dark] .hdr-icon-btn:hover{background:#222!important}[data-theme=dark] .hdr-avatar{background:#f0f0f0!important;color:#111!important}[data-theme=dark] .ordenes-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .ordenes-title{color:#f0f0f0!important}[data-theme=dark] .ordenes-subtitle{color:#888!important}[data-theme=dark] .filtros-container1{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .filtro-grupo{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .filtro-grupo:focus-within{border-color:var(--accent)!important;background:#1a1a1a!important}[data-theme=dark] .filtro-grupo input,[data-theme=dark] .filtro-grupo select{color:#f0f0f0!important;background:transparent!important;border:none!important}[data-theme=dark] .filtros-tabs{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .filtros-tabs .filtro-btn{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .filtros-tabs .filtro-btn.activo{background:#f0f0f0!important;color:#111!important;border-color:#f0f0f0!important}[data-theme=dark] .ordenes-count{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#888!important}[data-theme=dark] .orden-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .orden-card:hover{border-color:#333!important}[data-theme=dark] .orden-card-header{border-color:#222!important}[data-theme=dark] .orden-detalle{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .orden-item,[data-theme=dark] .orden-footer{border-color:#222!important}[data-theme=dark] .ordenes-new-btn{background:#f0f0f0!important;color:#111!important}[data-theme=dark] .orden-estado{color:inherit!important}[data-theme=dark] .estado-pendiente{background:#ca8a042e!important;color:#facc15!important}[data-theme=dark] .estado-en-preparación{background:#b453092e!important;color:#fbbf24!important}[data-theme=dark] .estado-en-camino-a-recoger{background:#c2410c2e!important;color:#fb923c!important}[data-theme=dark] .estado-en-camino-a-entregar{background:#2563eb2e!important;color:#6b9dff!important}[data-theme=dark] .estado-entregado{background:#16a34a2e!important;color:#4ade80!important}[data-theme=dark] .estado-cancelado,[data-theme=dark] .estado-rechazado{background:#dc26262e!important;color:#f87171!important}[data-theme=dark] .estado-confirmando-pago{background:#f973162e!important;color:#fb923c!important}[data-theme=dark] .estado-esperando-confirmación-del-cliente{background:#7c3aed2e!important;color:#a78bfa!important}[data-theme=dark] .badge-delivery{background:#2563eb2e!important;color:#6b9dff!important;border-color:#2563eb4d!important}[data-theme=dark] .badge-pickup{background:#16a34a2e!important;color:#4ade80!important;border-color:#16a34a4d!important}[data-theme=dark] .comprobante-btn{background:#2563eb26!important;color:#6b9dff!important;border-color:#2563eb40!important}[data-theme=dark] .comprobante-btn:hover{background:#2563eb40!important}[data-theme=dark] .orden-chat-button{background:#f9731626!important;color:#fb923c!important;border-color:#f9731640!important}[data-theme=dark] .orden-chat-button:hover{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .orden-body{color:#f0f0f0!important}[data-theme=dark] .pickup-info-bloque{background:#16a34a1a!important}[data-theme=dark] .btn-imprimir{border-color:#333!important;color:#888!important}[data-theme=dark] .btn-imprimir:hover{background:#222!important;color:#f0f0f0!important}[data-theme=dark] .btn-reset{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .badge-local{background:#7c3aed2e!important;color:#a78bfa!important;border-color:#7c3aed4d!important}[data-theme=dark] .badge-fiado{background:#ca8a042e!important;color:#fbbf24!important}[data-theme=dark] .btn-cancelar-sm{background:#222!important;border-color:#333!important;color:#f87171!important}[data-theme=dark] .modal-container{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .modal-header{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .modal-header h2{color:#f0f0f0!important}[data-theme=dark] .modal-header p{color:#888!important}[data-theme=dark] .modal-body{background:#1a1a1a!important}[data-theme=dark] .modal-footer{background:#141414!important;border-color:#2a2a2a!important}[data-theme=dark] .search-repartidor{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .tab-btn{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .tab-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}[data-theme=dark] .repartidor-option{background:#1e1e1e!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .repartidor-option:hover{border-color:var(--accent)!important}[data-theme=dark] .repartidor-option.selected{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.08)!important}[data-theme=dark] .repartidor-detail{color:#888!important}[data-theme=dark] .btn-auto-assign{background:#1e1e1e!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .btn-auto-assign:hover{border-color:var(--accent)!important}[data-theme=dark] .btn-confirm-assign{background:var(--accent)!important}[data-theme=dark] .btn-cancel-assign{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .empty-state-modal{color:#555!important}[data-theme=dark] .of-page,[data-theme=dark] .of-page-title{color:#f0f0f0!important}[data-theme=dark] .of-page-sub{color:#888!important}[data-theme=dark] .of-card{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .of-card:hover{border-color:#333!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=dark] .of-card-body,[data-theme=dark] .of-card-title{color:#f0f0f0!important}[data-theme=dark] .of-card-desc{color:#888!important}[data-theme=dark] .of-card-actions{border-color:#222!important}[data-theme=dark] .of-card-img-wrap,[data-theme=dark] .of-card-combo-stack{background:#222!important}[data-theme=dark] .of-combo-thumb{border-color:#1a1a1a!important}[data-theme=dark] .of-prices{color:#f0f0f0!important}[data-theme=dark] .of-combo-item-chip{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .of-empty{color:#555!important}[data-theme=dark] .of-filter-row{background:#1a1a1a!important}[data-theme=dark] .of-filter-btn{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .of-filter-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}[data-theme=dark] .of-filter-count{background:#ffffff26!important}[data-theme=dark] .of-filter-btn:not(.active) .of-filter-count{background:#333!important;color:#888!important}[data-theme=dark] .of-form-body{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .of-form-inner{background:#1a1a1a!important}[data-theme=dark] .of-form-group label{color:#888!important}[data-theme=dark] .of-form-group input,[data-theme=dark] .of-form-group select,[data-theme=dark] .of-form-group textarea{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .of-picker-input-wrap{background:#222!important;border-color:#333!important}[data-theme=dark] .of-picker-input{color:#f0f0f0!important}[data-theme=dark] .of-picker-dropdown{background:#1a1a1a!important;border-color:#333!important}[data-theme=dark] .of-picker-dropdown li{border-color:#222!important}[data-theme=dark] .of-picker-dropdown li:hover{background:#222!important}[data-theme=dark] .of-picker-name{color:#f0f0f0!important}[data-theme=dark] .of-picker-price{color:#888!important}[data-theme=dark] .of-combo-row{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .of-combo-row-name{color:#f0f0f0!important}[data-theme=dark] .of-combo-row-price{color:#888!important}[data-theme=dark] .of-combo-qty button{border-color:#333!important;color:#888!important;background:#222!important}[data-theme=dark] .of-combo-qty span,[data-theme=dark] .of-combo-row-subtotal{color:#f0f0f0!important}[data-theme=dark] .of-combo-sum-row{border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .of-price-row input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .of-form-footer{border-color:#2a2a2a!important;background:#141414!important}[data-theme=dark] .dashboard-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .dashboard-container .card,[data-theme=dark] .dashboard-container div[style*="background: #fff"],[data-theme=dark] .dashboard-container div[style*="background:#fff"],[data-theme=dark] .dashboard-container div[style*="background: white"],[data-theme=dark] .dashboard-container div[style*="background-color: #fff"]{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .recharts-cartesian-grid line{stroke:#222!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1a1a1a!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .cfg-page{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .cfg-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .cfg-card-header{border-color:#222!important}[data-theme=dark] .cfg-method-name{color:#f0f0f0!important}[data-theme=dark] .cfg-field-group{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .cfg-field label{color:#888!important}[data-theme=dark] .cfg-toggle-track{background:#333!important}[data-theme=dark] .repartidores-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .repartidor-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .repartidor-name{color:#f0f0f0!important}[data-theme=dark] .repartidor-avatar{background:#333!important}[data-theme=dark] .repartidor-stat{background:#1e1e1e!important}[data-theme=dark] .repartidor-stat-label{color:#888!important}[data-theme=dark] .repartidor-stat-value{color:#f0f0f0!important}[data-theme=dark] .repartidor-detalle-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .repartidor-detalle-container .profile-card,[data-theme=dark] .repartidor-detalle-container .detail-card,[data-theme=dark] .repartidor-detalle-container .kpi-card,[data-theme=dark] .repartidor-detalle-container .history-card,[data-theme=dark] .repartidor-detalle-container div[class*=card]{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .kpi-icon{background:#222!important}[data-theme=dark] .kpi-icon.blue{background:#2563eb26!important}[data-theme=dark] .kpi-icon.green{background:#16a34a26!important}[data-theme=dark] .kpi-icon.red{background:#dc262626!important}[data-theme=dark] .kpi-icon.gold{background:#ca8a0426!important}[data-theme=dark] .badge-status.active{background:#16a34a26!important}[data-theme=dark] .badge-status.inactive{background:#dc262626!important}[data-theme=dark] .status-entregado{background:#16a34a26!important}[data-theme=dark] .status-cancelado,[data-theme=dark] .status-rechazado{background:#dc262626!important}[data-theme=dark] .clientes-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .cliente-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .cliente-name{color:#f0f0f0!important}[data-theme=dark] .cliente-avatar{background:#333!important}[data-theme=dark] .cliente-info span{color:#888!important}[data-theme=dark] .add-product-wrapper{background:#0f0f0f!important}[data-theme=dark] .ap-page{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .ap-form-card,[data-theme=dark] .ap-card{background:#1a1a1a!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .ap-section-header{color:#f0f0f0!important}[data-theme=dark] .ap-section-icon{background:rgba(var(--accent-rgb),.12)!important}[data-theme=dark] .ap-section-label{color:#f0f0f0!important}[data-theme=dark] .ap-section-desc{color:#888!important}[data-theme=dark] .ap-input,[data-theme=dark] .ap-textarea,[data-theme=dark] .ap-select{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .ap-input:focus,[data-theme=dark] .ap-textarea:focus{border-color:var(--accent)!important}[data-theme=dark] .ap-hint{color:#555!important}[data-theme=dark] .ap-label{color:#888!important}[data-theme=dark] .ap-toggle-btn{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .ap-toggle-btn--open{background:#1a1a1a!important}[data-theme=dark] .ap-existing-list li{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .ap-existing-list li small{background:#1e1e1e!important;color:#888!important}[data-theme=dark] .ap-suggestion{background:#222!important;border-color:#333!important;color:#ccc!important}[data-theme=dark] .ap-suggestion:hover{border-color:var(--accent)!important}[data-theme=dark] .ap-img-dropzone{border-color:#333!important;background:#1e1e1e!important}[data-theme=dark] .ap-img-dropzone:hover{border-color:var(--accent)!important}[data-theme=dark] .ap-img-preview{border-color:#333!important}[data-theme=dark] .ap-tag-pill{background:#222!important;border-color:#333!important;color:#888!important}[data-theme=dark] .ap-tag-pill.selected{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent)!important;border-color:rgba(var(--accent-rgb),.3)!important}[data-theme=dark] .producto-form{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .producto-form.show{background:#1a1a1a!important}[data-theme=dark] .producto-form label{color:#888!important}[data-theme=dark] .producto-form input,[data-theme=dark] .producto-form textarea,[data-theme=dark] .producto-form select{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .caja-container,[data-theme=dark] .caja-page{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .caja-status-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-status-card--open{border-color:#16a34a4d!important;background:#16a34a0f!important}[data-theme=dark] .caja-status-card--closed{border-color:#333!important}[data-theme=dark] .caja-totals-card,[data-theme=dark] .caja-mov-card,[data-theme=dark] .caja-hist-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .gastos-container,[data-theme=dark] .proveedores-container,[data-theme=dark] .cxp-container,[data-theme=dark] .cxc-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .gastos-summary-card,[data-theme=dark] .cxp-summary-card,[data-theme=dark] .cxc-summary-card,[data-theme=dark] .prov-summary-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .gastos-cat-dot{border-color:#1a1a1a!important}[data-theme=dark] .nueva-orden-modal,[data-theme=dark] .asignar-modal{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .asignar-repartidor-card{background:#222!important;border-color:#333!important}[data-theme=dark] .asignar-repartidor-card:hover{border-color:var(--accent)!important}[data-theme=dark] .ver-pago-modal,[data-theme=dark] .edit-images-modal{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .product-screen{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .product-screen .card,[data-theme=dark] .product-screen section,[data-theme=dark] .product-screen [class*=section],[data-theme=dark] .product-screen [class*=card],[data-theme=dark] .product-screen [class*=box],[data-theme=dark] .product-screen [class*=panel]{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .chat-header{background:#141414!important;border-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .chat-bubble-sent{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .chat-bubble-received{background:#222!important;color:#f0f0f0!important}[data-theme=dark] .chat-input-container input{background:#222!important;border-color:#333!important}[data-theme=dark] .chat-order-summary{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background-color: #ffffff"]{background:#1a1a1a!important}[data-theme=dark] [style*="background: #f2f2f0"],[data-theme=dark] [style*="background-color: #f2f2f0"],[data-theme=dark] [style*="background: #f5f5f5"],[data-theme=dark] [style*="background-color: #f5f5f5"],[data-theme=dark] [style*="background: #f8f8f7"],[data-theme=dark] [style*="background: #f8f8f8"],[data-theme=dark] [style*="background: #fafafa"],[data-theme=dark] [style*="background-color: #fafafa"],[data-theme=dark] [style*="background: #fafaf9"],[data-theme=dark] [style*="background-color: #f8f9fa"]{background:#1e1e1e!important}[data-theme=dark] [style*="color: #111"],[data-theme=dark] [style*="color:#111"],[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color:#000"],[data-theme=dark] [style*="color: #333"],[data-theme=dark] [style*="color:#333"],[data-theme=dark] [style*="color: black"]{color:#f0f0f0!important}[data-theme=dark] [style*="border-color: #ebebeb"],[data-theme=dark] [style*="border: 1px solid #ebebeb"],[data-theme=dark] [style*="border: 1px solid #ddd"],[data-theme=dark] [style*="border: 1px solid #eee"]{border-color:#2a2a2a!important}[data-theme=dark] .ac-card{background:#1e1e1e!important;border-color:#2a2a2a!important}[data-theme=dark] .ac-card:hover{background:#222!important;border-color:var(--accent)!important}[data-theme=dark] .ac-icon{background:rgba(var(--accent-rgb),.15)!important;color:var(--accent)!important}[data-theme=dark] .ac-card:hover .ac-icon{background:var(--accent)!important;color:#fff!important}[data-theme=dark] .ac-label{color:#f0f0f0!important}[data-theme=dark] .ac-arrow{color:#555!important}[data-theme=dark] .caja-container{background:#0f0f0f!important;color:#f0f0f0!important}[data-theme=dark] .caja-title{color:#f0f0f0!important}[data-theme=dark] .caja-subtitle{color:#888!important}[data-theme=dark] .caja-tabs{background:#1e1e1e!important}[data-theme=dark] .caja-tab{color:#888!important}[data-theme=dark] .caja-tab--active{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .caja-banner{color:#f0f0f0!important}[data-theme=dark] .caja-banner--abierta{background:#16a34a1a!important;border-color:#16a34a40!important}[data-theme=dark] .caja-banner--cerrada{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-banner--sin{background:#f59e0b1a!important;border-color:#f59e0b40!important}[data-theme=dark] .caja-banner-content strong{color:#f0f0f0!important}[data-theme=dark] .caja-banner-content p{color:#999!important}[data-theme=dark] .caja-total-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-total-label{color:#888!important}[data-theme=dark] .caja-total-value{color:#f0f0f0!important}[data-theme=dark] .caja-table{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-table thead{background:#1e1e1e!important}[data-theme=dark] .caja-table th{color:#888!important}[data-theme=dark] .caja-table td{color:#e0e0e0!important;border-color:#222!important}[data-theme=dark] .caja-section-title{color:#f0f0f0!important}[data-theme=dark] .caja-empty{color:#555!important}[data-theme=dark] .caja-hist-card{background:#1a1a1a!important;border-color:#2a2a2a!important}[data-theme=dark] .caja-hist-header{border-color:#222!important}[data-theme=dark] .caja-hist-date{color:#f0f0f0!important}[data-theme=dark] .caja-hist-badge--cerrada{background:#222!important;color:#888!important}[data-theme=dark] .caja-hist-stat span{color:#888!important}[data-theme=dark] .caja-hist-stat strong{color:#f0f0f0!important}[data-theme=dark] .caja-hist-body{background:#1a1a1a!important}[data-theme=dark] .caja-modal{background:#1a1a1a!important;color:#f0f0f0!important}[data-theme=dark] .caja-modal h3{color:#f0f0f0!important}[data-theme=dark] .caja-modal label{color:#888!important}[data-theme=dark] .caja-input{background:#222!important;border-color:#333!important;color:#f0f0f0!important}[data-theme=dark] .caja-input:focus{border-color:var(--accent)!important}[data-theme=dark]{--bg: #0f0f0f;--white: #1a1a1a;--border: #2a2a2a;--border2: #222222;--text: #f0f0f0;--sub: #888888;--muted: #555555;--orange-lt: rgba(249,115,22,.15);--green-lt: rgba(22,163,74,.18);--red-lt: rgba(220,38,38,.18);--yellow-lt: rgba(202,138,4,.18);--purple-lt: rgba(124,58,237,.18)}[data-theme=dark] .act-table tbody tr:hover td{background:#222!important}[data-theme=dark] .act-table tbody td{border-color:#222!important}[data-theme=dark] .act-table thead th{color:#555!important;border-color:#222!important}[data-theme=dark] .freq-row:hover{background:#222!important}[data-theme=dark] .freq-av{background:rgba(var(--accent-rgb),.15)!important;color:var(--accent)!important}[data-theme=dark] .search-wrap{background:#222!important;border-color:#333!important}[data-theme=dark] .search-wrap input{color:#f0f0f0!important}[data-theme=dark] .search-wrap input::placeholder{color:#555!important}[data-theme=dark] .recharts-default-tooltip{background:#1a1a1a!important;border-color:#333!important}[data-theme=dark] .recharts-tooltip-item{color:#f0f0f0!important}[data-theme=dark] .sk{background:#222!important}[data-theme=dark] .badge.bg{background:#16a34a2e!important;color:#4ade80!important}[data-theme=dark] .badge.by{background:#ca8a042e!important;color:#facc15!important}[data-theme=dark] .badge.br{background:#dc26262e!important;color:#f87171!important}[data-theme=dark] .badge.bo{background:#f973162e!important;color:#fb923c!important}[data-theme=dark] .badge.bp{background:#7c3aed2e!important;color:#a78bfa!important}.inv-modal-overlay,.staff-modal-overlay,.nom-modal-overlay,.mesas-modal-overlay,.caja-modal-overlay,.cxp-modal-overlay,.cxc-modal-overlay,.gastos-modal-overlay,.prov-modal-overlay,.pos-modal-overlay,.modal-overlay{z-index:1100!important;padding:16px!important}.inv-modal,.inv-modal--sm,.staff-modal,.nom-modal,.mesas-modal,.caja-modal,.cxp-modal,.cxp-modal--small,.cxc-modal,.gastos-modal,.prov-modal,.pos-modal,.pos-modal--wide,.pos-mesa-modal,.modal-content,.modal-container{max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;width:100%!important;box-sizing:border-box!important}.caja-modal-overlay{z-index:1100!important;padding:16px!important}@media (max-width: 768px){.inv-modal,.inv-modal--sm,.staff-modal,.nom-modal,.mesas-modal,.caja-modal,.cxp-modal,.cxp-modal--small,.cxc-modal,.gastos-modal,.prov-modal,.pos-modal,.pos-modal--wide,.pos-mesa-modal,.modal-content,.modal-container{max-width:100%!important;padding:20px!important;border-radius:16px!important;max-height:calc(100dvh - 32px)!important}.inv-modal-grid,.staff-modal-grid,.nom-grid-2,.caja-grid-2,.cxp-modal-grid,.cxc-modal-grid,.gastos-modal-grid,.prov-modal-grid,.caja-modal-row,.settings-form-grid{grid-template-columns:1fr!important}.inv-modal-footer,.staff-modal-footer,.nom-modal-footer,.mesas-modal-footer,.caja-modal-footer,.cxp-modal-footer,.cxc-modal-footer,.gastos-modal-footer,.prov-modal-footer,.pos-modal-footer,.modal-buttons{flex-wrap:wrap!important}.staff-permisos-grid{grid-template-columns:repeat(2,1fr)!important}.mesas-forma-picker{flex-wrap:wrap!important}.pos-mesa-grid{grid-template-columns:repeat(3,1fr)!important}.modal-container{max-width:100%!important;margin:0!important;border-radius:16px!important}}@media (max-width: 480px){.inv-modal,.staff-modal,.nom-modal,.mesas-modal,.caja-modal,.cxp-modal,.cxc-modal,.gastos-modal,.prov-modal,.pos-modal,.pos-modal--wide,.modal-content,.modal-container{padding:16px!important;border-radius:14px!important}.pos-mesa-grid{grid-template-columns:repeat(2,1fr)!important}.staff-permisos-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.ordenes-container,.producto-container,.inventario-container,.cocina-container,.mesas-container,.staff-container,.nominas-container,.finanzas-container,.settings-container,.clientes-container,.repartidores-container,.dashboard-container,.proveedores-container,.cxp-container,.cxc-container,.caja-container,.gastos-container,.of-page,.cfg-pagos-container,.detalle-container,.hd-root .hd-content{padding:16px 14px 70px!important}.ordenes-page-header,.producto-page-header,.inventario-header,.cocina-header,.mesas-page-header,.staff-header,.nominas-header,.finanzas-header,.settings-header,.of-page-header,.cfg-page-header,.caja-header,.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.mesas-header-actions,.cocina-header-actions,.caja-banner-actions{width:100%!important}.mesas-header-actions .mesas-btn,.caja-banner-actions .caja-btn{flex:1!important}.ordenes-title,.producto-title,.inventario-title,.cocina-title,.mesas-title,.staff-title,.nominas-title,.finanzas-title,.settings-title,.caja-title,.dash-header h2{font-size:1.3rem!important}.inv-table-wrap,.staff-table-wrap,.productos-table-wrap,.finanzas-ordenes,.finanzas-asientos,.finanzas-plan{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.inv-table,.staff-table,.productos-table,.fin-table,.nomina-table,.caja-table,.data-table{min-width:600px!important}.kpi-strip,.kpi-grid,.fin-stats-grid,.caja-totales{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.main-grid,.chart-grid{grid-template-columns:1fr!important}.card-wide{grid-column:span 1!important}.clientes-grid,.repartidores-grid{grid-template-columns:1fr!important}.mesas-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.cocina-kanban{grid-template-columns:1fr!important;gap:16px!important}.inv-tabs,.mesas-tabs,.finanzas-tabs,.settings-tabs,.caja-tabs{overflow-x:auto!important;flex-wrap:nowrap!important}.inv-tab,.mesas-tab,.fin-tab,.settings-tab,.caja-tab{white-space:nowrap!important;min-width:0!important;padding:10px 14px!important;font-size:12px!important}.filtros-container,.filtros-container1,.inv-toolbar{flex-direction:column!important}.inv-search-input,.inv-select,.buscador-wrap,.staff-search input,.cocina-search input,.buscador-clientes,.buscador-repartidores{width:100%!important;min-width:unset!important}.filtro-grupo{width:100%!important}.filtros-tags,.filtros-precio,.of-filter-row{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}.pos-modal,.inv-modal,.nom-modal,.mesas-modal,.staff-modal,.caja-modal,.modal-content{max-width:100%!important;margin:12px!important;border-radius:14px!important}.inv-modal-grid,.staff-modal-grid,.nom-grid-2,.caja-grid-2,.nomina-summary{grid-template-columns:1fr!important}.nomina-card-stats{flex-wrap:wrap!important;gap:8px!important}.nomina-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.stats-gridR{grid-template-columns:repeat(2,1fr)!important}.stat-item{border-right:none!important;border-bottom:1px solid var(--border, #eee)!important;padding-bottom:8px!important}.stat-item:nth-child(2n){border-right:none!important}.perfil-card{flex-direction:column!important;align-items:flex-start!important}.settings-form-grid{grid-template-columns:1fr!important}.settings-logo-area{flex-direction:column!important;align-items:center!important;text-align:center!important}.settings-horario-row{flex-direction:column!important;gap:6px!important}.caja-banner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.caja-banner .caja-btn{width:100%!important}.caja-banner-btn{width:100%!important;text-align:center!important}[class*=summary-grid],[class*=stats-grid],[class*=resumen-grid]{grid-template-columns:repeat(2,1fr)!important}.pos-layout{flex-direction:column!important;height:auto!important}.pos-right--desktop{display:none!important}.pos-mobile-cart-btn{display:flex!important}.pos-product-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.pos-metodos-grid,.mix-quick-grid{grid-template-columns:repeat(2,1fr)!important}.mix-partial-fields{flex-direction:column!important}.ordenes-card,.orden-card{padding:14px!important}.caja-hist-body{grid-template-columns:repeat(2,1fr)!important}.welcome-banner{grid-template-columns:1fr!important;gap:16px!important;padding:24px!important}.wb-center,.wb-right{border-left:none!important;margin-left:0!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:12px!important;margin-top:0!important}.of-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.ordenes-container,.producto-container,.inventario-container,.cocina-container,.mesas-container,.staff-container,.nominas-container,.finanzas-container,.settings-container,.clientes-container,.repartidores-container,.dashboard-container,.proveedores-container,.cxp-container,.cxc-container,.caja-container,.gastos-container,.of-page,.detalle-container{padding:12px 10px 70px!important}.kpi-strip,.kpi-grid,.fin-stats-grid,.caja-totales{grid-template-columns:1fr!important}.mesas-grid,.pos-product-grid{grid-template-columns:repeat(2,1fr)!important}.stats-gridR{grid-template-columns:1fr!important}.stat-item{border-right:none!important}.caja-hist-body{grid-template-columns:1fr!important}.mesas-reserva-card{flex-direction:column!important;align-items:flex-start!important}.pos-modal-overlay{padding:0!important}.pos-modal,.pos-modal--wide{max-width:100%!important;min-height:100vh!important;border-radius:0!important;margin:0!important}[class*=summary-grid],[class*=stats-grid]{grid-template-columns:1fr!important}.mesas-btn,.inv-btn,.nom-btn,.staff-btn,.fin-btn,.caja-btn{font-size:12px!important;padding:8px 12px!important}}@media (max-width: 768px){.main-content.shifted{margin-left:0!important}}.productos-table-wrap,.inv-table-wrap,.staff-table-wrap{-webkit-overflow-scrolling:touch}.prod-row-desc,.prod-row-name,.inv-mp-name,.staff-name,.nomina-card-info h3,.of-card-title,.caja-hist-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:root{--primary: #ff9f43;--primary-soft: #fff0e1;--secondary: #2d3436;--text-mute: #636e72;--bg-page: #f8f9fa;--white: #ffffff;--success: #00b894;--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--radius: 20px}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg-page);color:var(--secondary)}.home-container{min-height:90vh;padding:100px 0 0;display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.home-header{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.home-logo{width:120px;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.home-logo:hover{transform:rotate(-5deg) scale(1.05)}.greeting{font-size:2rem;font-weight:700;margin:0;color:var(--secondary)}.subtitle{font-size:1rem;color:var(--text-mute);margin-top:5px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;width:100%;max-width:850px;margin-bottom:50px}.cardH{background:var(--white);border-radius:var(--radius);padding:25px;display:flex;align-items:center;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden;width:100%}.cardH:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.cardH:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary);opacity:0;transition:opacity .3s}.cardH:hover:after{opacity:1}.card-icon{font-size:2.2rem;background-color:var(--bg-page);width:65px;height:65px;border-radius:18px;display:flex;justify-content:center;align-items:center;margin-right:20px;flex-shrink:0}.icon-green{background-color:#e6fffa;color:var(--success)}.card-content{display:flex;flex-direction:column;flex-grow:1}.card-label{font-size:.85rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:5px}.card-value{font-size:1.6rem;font-weight:700;color:var(--secondary)}.card-value-lg{font-size:1.8rem;font-weight:700;color:var(--primary)}.badge-update{font-size:.75rem;color:var(--success);background:#e6fffa;padding:3px 8px;border-radius:10px;width:fit-content;margin-top:5px;font-weight:600}.actions-section{width:100%;max-width:850px;background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:25px;display:flex;align-items:center;gap:15px}.section-header h2{font-size:1.25rem;margin:0;color:var(--secondary)}.divider{flex-grow:1;height:2px;background:linear-gradient(to right,#f1f2f6,transparent)}.skeleton-loader{height:30px;width:120px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in-down{animation:fadeInDown .8s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.delay-100{animation-delay:.2s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-header{margin-bottom:30px}.greeting{font-size:1.5rem}.stats-grid{display:flex;flex-direction:column;gap:15px;max-width:80%}.cardH,.actions-section{padding:20px}}.ac-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ac-link{text-decoration:none;display:block}.ac-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg, #f2f2f0);border:1px solid var(--border, #ebebeb);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;position:relative;overflow:hidden}.ac-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange, #f97316);border-radius:3px 0 0 3px;transform:scaleY(0);transition:transform .2s ease}.ac-card:hover{background:var(--white, #ffffff);border-color:var(--orange, #f97316);box-shadow:0 2px 12px #f973161f;transform:translateY(-1px)}.ac-card:hover:before{transform:scaleY(1)}.ac-card:active{transform:translateY(0);box-shadow:none}.ac-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:var(--orange-lt, #fff7ed);color:var(--orange, #f97316);flex-shrink:0;transition:background .15s,color .15s}.ac-card:hover .ac-icon{background:var(--orange, #f97316);color:#fff}.ac-label{flex:1;font-size:13.5px;font-weight:600;color:var(--text, #111111);letter-spacing:-.01em}.ac-arrow{display:flex;align-items:center;color:var(--muted, #bbbbbb);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.ac-card:hover .ac-arrow{opacity:1;transform:translate(0)}@media (max-width: 900px){.ac-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ac-card{padding:12px 14px}.ac-icon{width:34px;height:34px}.ac-label{font-size:12.5px}}@media (max-width: 560px){.ac-grid{grid-template-columns:repeat(4,1fr);gap:8px}.ac-card{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;text-align:center}.ac-card:before{display:none}.ac-icon{width:36px;height:36px}.ac-label{font-size:11px;font-weight:600}.ac-arrow{display:none}}:root{--hdr-h: 64px;--hdr-bg: #ffffff;--hdr-border: #ebebeb;--hdr-text: #111111;--hdr-sub: #888888;--hdr-muted: #cccccc;--hdr-orange: #f97316;--hdr-orange-lt: #fff7ed;--hdr-bg-page: #f2f2f0;--hdr-radius: 8px}.hdr{position:sticky;top:0;width:100%;z-index:1000;height:var(--hdr-h);background:var(--hdr-bg);border-bottom:1px solid var(--hdr-border);display:flex;align-items:center;gap:0;padding:0 20px;font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased}.hdr-left{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:20px}.hdr-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--hdr-radius);border:1px solid var(--hdr-border);background:transparent;cursor:pointer;color:var(--hdr-sub);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.hdr-menu-btn:hover{background:var(--hdr-bg-page);color:var(--hdr-text);border-color:var(--hdr-muted)}.hdr-brand{display:flex;align-items:center;gap:8px}.hdr-logo{height:28px;width:auto}.hdr-restaurant{font-size:13.5px;font-weight:700;color:var(--hdr-text);letter-spacing:-.01em;white-space:nowrap}.hdr-nav{display:flex;align-items:center;gap:2px;flex:1}.hdr-nav-link{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:500;color:var(--hdr-sub);transition:background .15s,color .15s;white-space:nowrap}.hdr-nav-link:hover{background:var(--hdr-bg-page);color:var(--hdr-text)}.hdr-nav-active{background:var(--hdr-text)!important;color:#fff!important}.hdr-right{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}.hdr-divider{width:1px;height:24px;background:var(--hdr-border);flex-shrink:0}.hdr-clock{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2}.hdr-time{font-family:DM Mono,monospace;font-size:14px;font-weight:500;color:var(--hdr-text);font-variant-numeric:tabular-nums}.hdr-date{font-size:10.5px;color:var(--hdr-sub);text-transform:capitalize;letter-spacing:.01em}.hdr-status{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap;transition:all .3s ease}.status-on{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.status-off{background:#fef2f2;border-color:#fecaca;color:#dc2626}.status-checking{background:var(--hdr-bg-page);border-color:var(--hdr-border);color:var(--hdr-sub);animation:pulse-check 1.5s ease-in-out infinite}@keyframes pulse-check{0%,to{opacity:1}50%{opacity:.5}}.hdr-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--hdr-border);background:transparent;cursor:pointer;color:var(--hdr-sub);position:relative;transition:background .15s,color .15s}.hdr-icon-btn:hover{background:var(--hdr-bg-page);color:var(--hdr-text)}.hdr-avatar{width:34px;height:34px;border-radius:50%;background:var(--hdr-text);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.02em}@media (max-width: 1024px){.hdr-nav-link span{display:none}.hdr-nav-link{padding:8px 10px;border-radius:9px}.hdr-restaurant{display:none}}@media (max-width: 768px){.hdr-nav{display:none}.hdr{padding:0 14px;gap:0}.hdr-left{margin-right:0}.hdr-date{display:none}.hdr-time{font-size:13px}.hdr-status span{display:none}.hdr-status{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%}}@media (max-width: 480px){.hdr-clock,.hdr-divider,.hdr-restaurant{display:none}.hdr{padding:0 12px}.hdr-right{gap:8px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-card, #ffffff);color:var(--text-primary, #111);padding:28px;border-radius:16px;box-shadow:0 20px 60px #0003;text-align:center;max-width:90%;width:400px;animation:modalPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--text-primary, #111)}.modal-content p{font-size:14px;color:var(--text-secondary, #888);margin:0 0 8px}.modal-content h5{font-size:13px;color:var(--text-secondary, #888);margin:0}.modal-buttons{margin-top:24px;display:flex;gap:10px}.modal-button{flex:1;padding:12px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.modal-button:hover{opacity:.9;transform:translateY(-1px)}.modal-button.confirm{background:var(--accent, #f97316);color:#fff}.modal-button.cancel{background:var(--bg-elevated, #f5f5f5);color:var(--text-primary, #111);border:1px solid var(--border, #ebebeb)}[data-theme=dark] .modal-content{background:#1a1a1a;color:#f0f0f0}[data-theme=dark] .modal-content h3{color:#f0f0f0}[data-theme=dark] .modal-content p{color:#888}[data-theme=dark] .modal-button.cancel{background:#222;border-color:#333;color:#ccc}@media (max-width: 600px){.modal-content{width:90%;padding:24px 20px}.modal-button{padding:11px;font-size:13px}}:root{--sb-expanded: 240px;--sb-collapsed: 68px;--sb-bg: #ffffff;--sb-border: #f0eeeb;--sb-page: #f5f4f1;--sb-text: #141210;--sb-sub: #7c7670;--sb-muted: #c4bfba;--sb-orange: #f97316;--sb-orange-dk: #c2410c;--sb-orange-lt: #fff7ed;--sb-orange-mid: #fdba74;--sb-red: #dc2626;--sb-red-lt: #fef2f2;--sb-active-bg: #141210;--sb-active-fg: #ffffff;--sb-radius: 10px;--sb-radius-sm: 7px;--hdr-h: 64px;--sb-transition: .26s cubic-bezier(.4, 0, .2, 1)}a{text-decoration:none;color:inherit;display:block}ul{list-style:none;margin:0;padding:0}li{margin:0;padding:0}button{cursor:pointer;background:none;border:none;font:inherit;padding:0}.sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#14121073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayIn .22s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sb{position:fixed;top:0;left:0;bottom:0;z-index:999;background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;width:var(--sb-expanded);transition:width var(--sb-transition),box-shadow var(--sb-transition);will-change:width}.sb--collapsed{width:var(--sb-collapsed)}.sb--open{width:var(--sb-expanded);box-shadow:8px 0 40px #14121014}.sb-header{display:flex;align-items:center;gap:10px;height:var(--hdr-h);padding:0 14px;border-bottom:1px solid var(--sb-border);flex-shrink:0;position:relative;overflow:hidden}.sb-avatar{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--sb-orange),var(--sb-orange-dk));display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none}.sb-avatar-letter{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1}.sb-online-dot{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--sb-bg);animation:pulse-green 2.5s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e00}}.sb-identity{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;opacity:1;transition:opacity var(--sb-transition);overflow:hidden}.sb--collapsed .sb-identity{opacity:0;pointer-events:none}.sb-rest-name{font-size:13px;font-weight:700;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sb-rol{display:inline-block;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-orange-dk);background:var(--sb-orange-lt);border:1px solid var(--sb-orange-mid);border-radius:4px;padding:1px 6px;width:fit-content}.sb-toggle{flex-shrink:0;width:28px;height:28px;border-radius:var(--sb-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--sb-muted);transition:background .15s,color .15s}.sb-toggle:hover{background:var(--sb-page);color:var(--sb-text)}.sb-chevron{transition:transform var(--sb-transition)}.sb-chevron--open{transform:rotate(180deg)}.sb--collapsed .sb-toggle{opacity:0;pointer-events:none}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px 0;scrollbar-width:none}.sb-nav::-webkit-scrollbar{display:none}.sb-section{margin-bottom:6px}.sb-section-title{display:block;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);padding:10px 10px 6px;white-space:nowrap;overflow:hidden;transition:opacity var(--sb-transition)}.sb--collapsed .sb-section-title{opacity:0}.sb-list{display:flex;flex-direction:column;gap:1px}.sb-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--sb-radius);font-size:13.5px;font-weight:500;color:var(--sb-sub);white-space:nowrap;overflow:hidden;transition:background .15s,color .15s,padding .15s;width:100%;text-align:left}.sb--collapsed .sb-item{padding:9px;justify-content:center;gap:0}.sb-item:hover{background:var(--sb-page);color:var(--sb-text)}.sb-item--active,.sb-item--active:hover{background:var(--sb-active-bg);color:var(--sb-active-fg)}.sb-item-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--sb-orange)}.sb-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit;transition:color .15s}.sb-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;opacity:1;transform:translate(0);transition:opacity var(--sb-transition),transform var(--sb-transition)}.sb--collapsed .sb-item-label{opacity:0;transform:translate(-6px);pointer-events:none;width:0;flex:0}.sb-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sb-orange);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;transition:opacity var(--sb-transition)}.sb--collapsed .sb-badge{opacity:0}.sb-item--logout{color:var(--sb-red);margin-top:2px}.sb-item--logout:hover{background:var(--sb-red-lt);color:var(--sb-red)}.sb-item--logout .sb-item-icon{color:var(--sb-red)}.sb-footer{flex-shrink:0;padding:10px 10px 16px;border-top:1px solid var(--sb-border)}.sb-copy{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;font-size:10px;color:var(--sb-muted);letter-spacing:.02em;transition:opacity var(--sb-transition)}.sb--collapsed .sb-copy{opacity:0}.sb-copy-brand{font-weight:600;color:var(--sb-sub)}.sb-tooltip{position:fixed;left:calc(var(--sb-collapsed) + 10px);transform:translateY(-50%);z-index:1100;background:var(--sb-text);color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;border-radius:7px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #14121033;animation:tipIn .14s ease}.sb-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--sb-text)}@keyframes tipIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.hd-body,.main-content{margin-left:var(--sb-collapsed);transition:margin-left var(--sb-transition)}.sb--open~.hd-body,.sb--open~.main-content{margin-left:var(--sb-expanded)}@media (max-width: 767px){.sb{width:0;border-right:none;box-shadow:none}.sb--collapsed{width:0}.sb--open{width:260px;border-right:1px solid var(--sb-border);box-shadow:16px 0 48px #14121033}.hd-body,.main-content{margin-left:0!important}.sb--collapsed .sb-toggle{display:none}}@media (min-width: 1280px){.sb{width:var(--sb-expanded)}.sb--collapsed{width:var(--sb-collapsed)}}:root{--pr-bg: #f2f2f0;--pr-white: #ffffff;--pr-border: #ebebeb;--pr-border2: #f5f5f5;--pr-text: #111111;--pr-sub: #888888;--pr-muted: #bbbbbb;--pr-orange: #f97316;--pr-orange-dk: #ea580c;--pr-orange-lt: #fff7ed;--pr-orange-mid:#fed7aa;--pr-green: #16a34a;--pr-green-lt: #dcfce7;--pr-red: #dc2626;--pr-red-lt: #fee2e2;--pr-blue: #2563eb;--pr-blue-lt: #eff6ff;--pr-teal: #0d9488;--pr-teal-lt: #ccfbf1;--pr-radius: 12px;--pr-radius-sm: 8px;--pr-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04)}input,select,textarea{font:inherit}.producto-container{padding:28px 28px 60px;width:100%;-webkit-font-smoothing:antialiased;color:var(--pr-text)}.producto-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.producto-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--pr-text);line-height:1}.producto-subtitle{font-size:12.5px;color:var(--pr-sub);margin-top:5px;font-weight:400}.toggle-form-button{display:flex;align-items:center;width:fit-content;gap:8px;background:var(--pr-text);color:#fff;padding:9px 18px;border-radius:var(--pr-radius-sm);font-size:13px;font-weight:600;transition:opacity .15s,transform .15s;white-space:nowrap;flex-shrink:0}.toggle-form-button:hover{opacity:.82}.toggle-form-button:active{transform:scale(.98)}.producto-form{background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);width:100%;margin-bottom:24px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s ease}.producto-form.show{max-height:3000px;opacity:1;transform:translateY(0);padding:28px;margin-bottom:24px}.producto-form label{display:block;font-size:12px;font-weight:600;color:var(--pr-sub);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;margin-top:16px}.producto-form input[type=text],.producto-form input[type=number],.producto-form textarea,.producto-form select{width:100%;padding:10px 14px;border:1px solid var(--pr-border);border-radius:var(--pr-radius-sm);font-size:13.5px;color:var(--pr-text);background:var(--pr-bg);transition:border-color .15s,box-shadow .15s,background .15s}.producto-form input:focus,.producto-form textarea:focus,.producto-form select:focus{outline:none;border-color:var(--pr-orange);background:var(--pr-white);box-shadow:0 0 0 3px #f973161a}.producto-form textarea{height:100px;resize:vertical;line-height:1.5}.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:20px;background:var(--pr-orange);color:#fff;border-radius:var(--pr-radius-sm);font-size:14px;font-weight:700;transition:opacity .15s}.btn-submit:hover{opacity:.88}.toppings-section{background:var(--pr-bg);border:1px solid var(--pr-border);border-radius:var(--pr-radius);padding:20px;margin:20px 0}.toppings-section h3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pr-sub);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--pr-border);display:flex;align-items:center;gap:8px}.toppings-section h3:before{content:"";width:6px;height:6px;background:var(--pr-orange);border-radius:50%;flex-shrink:0}.topping-input-group{display:grid;grid-template-columns:1fr 100px auto 44px;gap:10px;align-items:center;margin-bottom:16px}.topping-input-group input{height:40px;padding:0 12px;background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--pr-radius-sm);font-size:13px}.topping-input-group input:focus{outline:none;border-color:var(--pr-orange);box-shadow:0 0 0 3px #f973161a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;color:var(--pr-sub);white-space:nowrap}.checkbox-label input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:22px;background:#d1d5db;border-radius:50px;position:relative;cursor:pointer;outline:none;margin:0!important;flex-shrink:0;transition:background .25s cubic-bezier(.4,0,.2,1)}.checkbox-label input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000002e;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.checkbox-label input:checked{background:var(--pr-orange)}.checkbox-label input:checked:after{transform:translate(18px)}.btn-add-topping{width:40px;height:40px;border-radius:var(--pr-radius-sm);background:var(--pr-green);color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s;flex-shrink:0}.btn-add-topping:hover{opacity:.85;transform:scale(1.04)}.btn-add-topping:active{transform:scale(.96)}.toppings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.toppings-list li{background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--pr-radius-sm);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:var(--pr-text);transition:border-color .15s;animation:slideIn .25s ease forwards;position:relative;overflow:hidden}.toppings-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pr-orange);opacity:0;transition:opacity .15s}.toppings-list li:hover{border-color:#d0cdc8}.toppings-list li:hover:before{opacity:1}.toppings-list li small{background:var(--pr-bg);color:var(--pr-sub);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.04em}.delete-topping{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--pr-muted);transition:background .15s,color .15s,transform .2s}.delete-topping:hover{background:var(--pr-red-lt);color:var(--pr-red);transform:rotate(90deg)}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tags-container h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pr-sub);margin-bottom:10px}.tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:flex;align-items:center;gap:6px;background:var(--pr-bg);border:1px solid var(--pr-border);padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:500;color:var(--pr-sub);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.tag-item:hover{border-color:var(--pr-orange);color:var(--pr-orange)}.tag-item.selected{background:var(--pr-orange-lt);border-color:var(--pr-orange-mid);color:var(--pr-orange-dk);font-weight:600}.tag-item input{display:none}.image-upload-container{border:2px dashed var(--pr-border);border-radius:var(--pr-radius);padding:32px;text-align:center;position:relative;background:var(--pr-bg);transition:border-color .2s,background .2s;margin:16px 0}.image-upload-container:hover{border-color:var(--pr-orange);background:var(--pr-orange-lt)}.image-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-instructions{color:var(--pr-sub);font-size:13px;pointer-events:none}.upload-instructions strong{color:var(--pr-orange)}.image-preview-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.image-preview-wrapper{position:relative;width:100px;height:100px;border-radius:var(--pr-radius-sm);overflow:hidden;border:1px solid var(--pr-border)}.image-preview-wrapper img{width:100%;height:100%;object-fit:cover}.delete-image-button{position:absolute;top:4px;right:4px;background:#111111a6;color:#fff;border-radius:50%;width:22px;height:22px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.delete-image-button:hover{background:var(--pr-red)}.filtros-container{background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--pr-radius);padding:18px 20px;margin-bottom:20px;box-shadow:var(--pr-shadow);display:flex;flex-direction:column;gap:14px}.filtros-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pr-muted);margin-bottom:2px}.filtros-tags,.filtros-precio{display:flex;flex-wrap:wrap;gap:6px}.filtro-btn{padding:5px 13px;border-radius:20px;border:1px solid var(--pr-border);background:var(--pr-white);color:var(--pr-sub);font-size:12.5px;font-weight:500;transition:all .15s;white-space:nowrap}.filtro-btn:hover{border-color:var(--pr-orange);color:var(--pr-orange);background:var(--pr-orange-lt)}.filtro-btn.activo{background:var(--pr-text);color:#fff;border-color:var(--pr-text)}.buscador-wrap{display:flex;align-items:center;gap:8px;background:var(--pr-bg);border:1px solid var(--pr-border);border-radius:var(--pr-radius-sm);padding:8px 14px;transition:border-color .15s}.buscador-wrap:focus-within{border-color:var(--pr-orange);background:var(--pr-white)}.buscador-wrap svg{flex-shrink:0;color:var(--pr-muted)}.buscador-input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--pr-text)}.buscador-input::placeholder{color:var(--pr-muted)}.productos-table-wrap{overflow-x:auto}.productos-table{width:100%;border-collapse:collapse;background:var(--pr-white);border-radius:var(--pr-radius);overflow:hidden;border:1px solid var(--pr-border);box-shadow:var(--pr-shadow)}.productos-table thead{background:#f8f8f7}.productos-table th{padding:12px 16px;font-size:11px;font-weight:600;text-align:left;color:var(--pr-sub);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.productos-table td{padding:10px 16px;font-size:13px;border-top:1px solid var(--pr-border2);vertical-align:middle}.productos-table tbody tr{transition:background .12s}.productos-table tbody tr:hover{background:#fafaf9}.productos-table tbody tr.row-suspended{opacity:.55}.prod-row-main{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:220px}.prod-row-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--pr-border)}.prod-row-text{display:flex;flex-direction:column;min-width:0}.prod-row-name{font-size:13.5px;font-weight:700;color:var(--pr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-row-name:hover{color:var(--pr-orange)}.prod-row-desc{font-size:11.5px;color:var(--pr-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.badge-suspended-sm{font-size:9.5px;font-weight:700;text-transform:uppercase;background:var(--pr-red-lt);color:var(--pr-red);padding:2px 7px;border-radius:5px;flex-shrink:0}.prod-row-price .price-row{font-size:14px}.stock-badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap}.stock-ok{background:#dcfce7;color:#16a34a}.stock-low{background:#fef3c7;color:#d97706}.stock-out{background:#fee2e2;color:#dc2626}.row-actions{display:flex;align-items:center;gap:6px}.suspender-btn-sm{padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:600;transition:all .15s;white-space:nowrap}.suspender-btn-sm.on{background:var(--pr-green-lt);color:var(--pr-green);border:1px solid #bbf7d0}.suspender-btn-sm.on:hover{background:var(--pr-green);color:#fff}.suspender-btn-sm.off{background:var(--pr-bg);color:var(--pr-sub);border:1px solid var(--pr-border)}.suspender-btn-sm.off:hover{background:var(--pr-text);color:#fff}.row-action-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--pr-sub);transition:all .15s;background:var(--pr-bg)}.row-action-btn:hover{background:var(--pr-blue-lt);color:var(--pr-blue)}.row-action-btn--danger:hover{background:var(--pr-red-lt);color:var(--pr-red)}.badges-row{display:flex;flex-wrap:wrap;gap:5px}.badge-info{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.03em}.variant-badge{background:var(--pr-blue-lt);color:var(--pr-blue)}.topping-badge{background:var(--pr-teal-lt);color:var(--pr-teal)}.price-row{font-size:1.15rem;font-weight:500;color:var(--pr-orange-dk);letter-spacing:-.01em;line-height:1}.price-row small{font-size:10.5px;font-weight:600;color:var(--pr-sub);vertical-align:middle;margin-right:2px}.tags-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tag{background:var(--pr-orange-lt);color:var(--pr-orange-dk);border:1px solid var(--pr-orange-mid);padding:2px 9px;border-radius:10px;font-size:10.5px;font-weight:600;letter-spacing:.02em}.empty-text{text-align:center;color:var(--pr-muted);font-size:13.5px;padding:60px 20px;grid-column:1 / -1}@media (max-width: 900px){.producto-container{padding:20px 18px 48px}}@media (max-width: 640px){.producto-container{padding:16px 12px 48px}.producto-page-header{flex-direction:column;align-items:flex-start;gap:10px}.toggle-form-button{width:fit-content;justify-content:center}.topping-input-group{display:flex;flex-wrap:wrap;gap:8px}.topping-input-group input[type=text]{flex:1 1 100%}.topping-input-group input[type=number]{flex:1}.btn-add-topping{width:100%;height:40px;border-radius:var(--pr-radius-sm)}.prod-row-desc{max-width:140px}.row-actions{flex-wrap:wrap}}:root{--ap-bg-page: #f2f2f0;--ap-bg-card: #ffffff;--ap-border: #ebebeb;--ap-text-main: #111111;--ap-text-sub: #888888;--ap-text-muted: #cccccc;--ap-brand-orange: var(--accent, #f97316);--ap-brand-orange-lt: #fff7ed;--ap-brand-orange-mid:#fed7aa;--ap-brand-black: #111111;--ap-danger: #ef4444;--ap-danger-lt: #fef2f2;--ap-radius-lg: 14px;--ap-radius-md: 10px;--ap-radius-sm: 8px;--ap-transition: all .18s ease}[data-theme=dark]{--ap-bg-page: #0f0f0f;--ap-bg-card: #1a1a1a;--ap-border: #2a2a2a;--ap-text-main: #f0f0f0;--ap-text-sub: #888888;--ap-text-muted: #555555;--ap-brand-orange-lt: rgba(249,115,22,.12);--ap-brand-orange-mid:rgba(249,115,22,.25);--ap-brand-black: #f0f0f0;--ap-danger-lt: rgba(239,68,68,.15)}.add-product-wrapper{font-family:Plus Jakarta Sans,sans-serif;color:var(--ap-text-main);-webkit-font-smoothing:antialiased}.btn-floating-add{position:fixed;bottom:30px;right:30px;background:var(--ap-brand-black);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:999;transition:var(--ap-transition);box-shadow:0 4px 16px #0000002e}.btn-floating-add:hover{background:var(--ap-brand-orange);transform:translateY(-2px);box-shadow:0 6px 20px #f973164d}.ap-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;background:var(--ap-bg-page);transform:translateY(100%);animation:pageSlideUp .38s cubic-bezier(.16,1,.3,1) forwards;-webkit-font-smoothing:antialiased}.ap-topbar{background:var(--ap-bg-card);border-bottom:1px solid var(--ap-border);height:58px;padding:0 20px;display:flex;align-items:center;gap:14px;flex-shrink:0;box-shadow:0 1px 0 var(--ap-border)}.ap-back-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--ap-border);background:var(--ap-bg-page);color:var(--ap-text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ap-transition);flex-shrink:0;font-size:13px}.ap-back-btn:hover{background:var(--ap-brand-black);color:#fff;border-color:var(--ap-brand-black)}.ap-topbar-title{font-size:16px;font-weight:700;color:var(--ap-text-main);letter-spacing:-.02em;margin:0}.ap-form{display:flex;flex-direction:column;flex:1;min-height:0}.ap-body{flex:1;overflow-y:auto;padding:20px 16px;scrollbar-width:thin;scrollbar-color:var(--ap-text-muted) transparent}.ap-body-inner{max-width:680px;margin:0 auto;padding-bottom:8px}@media (min-width: 768px){.ap-body{padding:28px}}.ap-section{background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);padding:20px;margin-bottom:12px}.ap-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ap-border)}.ap-section-icon{width:34px;height:34px;border-radius:9px;background:var(--ap-brand-orange-lt);color:var(--ap-brand-orange);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:1px}.ap-section-label{font-size:14px;font-weight:700;color:var(--ap-text-main);letter-spacing:-.01em;margin:0 0 3px;line-height:1.3}.ap-section-desc{font-size:12px;color:var(--ap-text-sub);margin:0;line-height:1.45}.ap-footer{background:var(--ap-bg-card);border-top:1px solid var(--ap-border);padding:14px 20px;flex-shrink:0}.ap-submit-btn{width:100%;background:var(--ap-brand-orange);color:#fff;border:none;padding:15px;border-radius:12px;font-size:15px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:var(--ap-transition);letter-spacing:.01em}.ap-submit-btn:hover{background:#ea580c}.ap-submit-btn:disabled{background:var(--ap-text-muted);cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label,.sub-label{display:block;font-size:12.5px;font-weight:600;color:var(--ap-text-main);margin-bottom:7px;letter-spacing:.01em}.form-group--half{max-width:220px}input[type=text],input[type=number],textarea{width:100%;padding:11px 13px;background-color:var(--ap-bg-page);border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:var(--ap-text-main);transition:var(--ap-transition);box-sizing:border-box}input:focus,textarea:focus{background-color:var(--ap-bg-card);border-color:var(--ap-brand-orange);outline:none;box-shadow:0 0 0 3px #f9731614}input::placeholder,textarea::placeholder{color:var(--ap-text-muted)}textarea{min-height:88px;resize:vertical;line-height:1.5}.input-error{border-color:var(--ap-danger)!important;background-color:var(--ap-danger-lt)!important}.border-error{border-color:var(--ap-danger)!important}.hint{display:block;font-size:11.5px;color:var(--ap-text-sub);margin-top:5px}.sub-section{margin-bottom:4px}.divider{height:1px;background:var(--ap-border);margin:18px 0}.add-row-container{display:flex;gap:8px;margin-bottom:12px;align-items:stretch}@media (max-width: 480px){.add-row-container{flex-wrap:wrap}.autocomplete-wrapper{flex:1 1 100%}}.input-price{width:100px!important;text-align:center;flex-shrink:0}.btn-add-action,.btn-add-icon{background-color:var(--ap-bg-page);color:var(--ap-text-main);border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);font-weight:600;font-size:13px;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;padding:0 16px;transition:var(--ap-transition);display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.btn-add-action:hover,.btn-add-icon:hover{background-color:var(--ap-brand-black);color:#fff;border-color:var(--ap-brand-black)}.added-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.added-item{background:var(--ap-bg-page);padding:10px 13px;border-radius:var(--ap-radius-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ap-border)}.item-info{display:flex;align-items:center;gap:10px}.item-info strong,.item-info span{font-size:13.5px;font-weight:500;color:var(--ap-text-main)}.price-tag{background:var(--ap-bg-card);border:1px solid var(--ap-border);color:var(--ap-text-main);padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.price-tag-orange{background:var(--ap-brand-orange-lt);color:var(--ap-brand-orange);padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.btn-delete-item{width:30px;height:30px;border-radius:var(--ap-radius-sm);border:1px solid transparent;background:transparent;color:var(--ap-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--ap-transition);font-size:12px}.btn-delete-item:hover{background:var(--ap-danger-lt);color:var(--ap-danger);border-color:#fecaca}.chips-wrapper{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--ap-bg-page);padding:6px 11px;border-radius:50px;font-size:12.5px;font-weight:500;color:var(--ap-text-main);display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ap-border)}.chip svg{color:var(--ap-text-muted);cursor:pointer;transition:var(--ap-transition);font-size:11px}.chip svg:hover{color:var(--ap-danger)}.image-upload-area{border:1.5px dashed var(--ap-text-muted);background:var(--ap-bg-page);border-radius:var(--ap-radius-md);text-align:center;cursor:pointer;transition:var(--ap-transition)}.image-upload-area:hover{border-color:var(--ap-brand-orange);background:var(--ap-brand-orange-lt)}.upload-label{padding:28px 20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:5px}.icon-bg{font-size:22px;color:var(--ap-text-sub);margin-bottom:2px}.upload-label span{font-size:14px;font-weight:600;color:var(--ap-text-main)}.upload-label small{font-size:11.5px;color:var(--ap-text-sub)}.previews-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.preview-box{position:relative;aspect-ratio:1;border-radius:var(--ap-radius-sm);overflow:hidden;border:1px solid var(--ap-border)}.preview-box img{width:100%;height:100%;object-fit:cover}.btn-remove-img{position:absolute;top:5px;right:5px;background:#111111b3;color:#fff;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;transition:var(--ap-transition)}.btn-remove-img:hover{background:var(--ap-danger)}.tags-container{display:flex;flex-wrap:wrap;gap:7px}.tag-option{padding:7px 15px;border-radius:50px;border:1px solid var(--ap-border);color:var(--ap-text-sub);background:var(--ap-bg-page);cursor:pointer;transition:var(--ap-transition);font-weight:500;font-size:13px;-webkit-user-select:none;user-select:none}.tag-option:hover{border-color:var(--ap-brand-orange);color:var(--ap-brand-orange);background:var(--ap-brand-orange-lt)}.tag-option.selected{background:var(--ap-brand-black);color:#fff;border-color:var(--ap-brand-black)}.ap-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0}.ap-toggle-text{font-size:14px;font-weight:500;color:var(--ap-text-main)}.ap-toggle{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}.ap-toggle input{display:none}.ap-toggle-track{display:block;width:44px;height:24px;background:#d1d5db;border-radius:50px;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1)}.ap-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.ap-toggle input:checked~.ap-toggle-track{background:var(--ap-brand-orange)}.ap-toggle input:checked~.ap-toggle-track:after{transform:translate(20px)}.ap-stock-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}@media (max-width: 420px){.ap-stock-fields{grid-template-columns:1fr}}.autocomplete-wrapper{position:relative;flex:1;min-width:0}.autocomplete-wrapper input{width:100%}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);box-shadow:0 6px 24px #0000001a;z-index:200;overflow:hidden;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1) forwards}.autocomplete-item{width:100%;padding:10px 14px;text-align:left;font-size:13px;font-weight:500;color:var(--ap-text-main);background:transparent;border:none;border-bottom:1px solid var(--ap-border);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:var(--ap-transition);display:flex;align-items:center;justify-content:space-between;gap:8px}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--ap-brand-orange-lt);color:var(--ap-brand-orange)}.autocomplete-price{font-size:11px;font-weight:700;background:var(--ap-brand-orange-lt);color:var(--ap-brand-orange);padding:2px 7px;border-radius:5px;flex-shrink:0}.suggestions-panel{margin-bottom:12px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);overflow:hidden}.suggestions-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 13px;background:var(--ap-bg-page);border:none;cursor:pointer;font-size:12px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;color:var(--ap-text-sub);transition:var(--ap-transition);text-align:left;gap:8px}.suggestions-toggle:hover{background:var(--ap-bg-card);color:var(--ap-text-main)}.toggle-chevron{font-size:9px;flex-shrink:0;opacity:.6}.suggestions-chips{padding:11px;display:flex;flex-wrap:wrap;gap:6px;background:var(--ap-bg-card);border-top:1px solid var(--ap-border);animation:dropdownIn .2s ease forwards}.suggestion-chip-pick{padding:5px 12px;border:1.5px dashed var(--ap-border);border-radius:20px;background:transparent;color:var(--ap-text-sub);font-size:12px;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:var(--ap-transition);display:inline-flex;align-items:center;gap:5px}.suggestion-chip-pick:hover{background:var(--ap-brand-orange-lt);border-color:var(--ap-brand-orange);border-style:solid;color:var(--ap-brand-orange)}.chip-price{font-size:10px;font-weight:700;background:var(--ap-bg-page);color:var(--ap-text-sub);padding:1px 5px;border-radius:4px;transition:var(--ap-transition)}.suggestion-chip-pick:hover .chip-price{background:var(--ap-brand-orange);color:#fff}.suggestions-empty{font-size:12px;color:var(--ap-text-muted);font-style:italic;padding:4px 2px}@keyframes pageSlideUp{to{transform:translateY(0)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--ord-bg: #f2f2f0;--ord-white: #ffffff;--ord-border: #ebebeb;--ord-border2: #f5f5f5;--ord-text: #111111;--ord-sub: #888888;--ord-muted: #bbbbbb;--ord-orange: #f97316;--ord-orange-dk: #ea580c;--ord-orange-lt: #fff7ed;--ord-green: #16a34a;--ord-green-lt: #dcfce7;--ord-red: #dc2626;--ord-red-lt: #fee2e2;--ord-blue: #2563eb;--ord-blue-lt: #eff6ff;--ord-yellow: #ca8a04;--ord-yellow-lt: #fef9c3;--ord-purple: #7c3aed;--ord-purple-lt: #ede9fe;--ord-radius: 12px;--ord-radius-sm: 8px;--ord-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box}button{cursor:pointer;font:inherit;border:none;background:none}input,select{font:inherit;border:none;outline:none;background:none}.ordenes-container{padding:28px 28px 60px;width:100%;-webkit-font-smoothing:antialiased;color:var(--ord-text)}.ordenes-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ordenes-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--ord-text);line-height:1}.ordenes-subtitle{font-size:12.5px;color:var(--ord-sub);margin-top:5px;font-weight:400}.ordenes-count{font-size:12px;color:var(--ord-sub);background:var(--ord-white);border:1px solid var(--ord-border);border-radius:20px;padding:5px 14px;white-space:nowrap}.filtros-container1{display:flex;flex-wrap:wrap;gap:8px;background:var(--ord-white);border:1px solid var(--ord-border);border-radius:var(--ord-radius);padding:14px 16px;margin-bottom:16px;align-items:center;box-shadow:var(--ord-shadow)}.filtro-grupo{display:flex;align-items:center;gap:7px;background:var(--ord-bg);border:1px solid var(--ord-border);border-radius:var(--ord-radius-sm);padding:7px 12px;font-size:13px;color:var(--ord-sub);transition:border-color .15s;min-width:0}.filtro-grupo:focus-within{border-color:var(--ord-orange);background:var(--ord-white)}.filtro-grupo svg{flex-shrink:0;color:var(--ord-muted)}.filtro-grupo input,.filtro-grupo select{font-size:13px;color:var(--ord-text);min-width:0;background:transparent}.filtro-grupo input::placeholder{color:var(--ord-muted)}.filtro-grupo.monto-range{gap:6px}.filtro-grupo.monto-range input{width:80px;text-align:center}.filtro-grupo.monto-range span{color:var(--ord-muted);font-size:11px}.btn-reset{display:flex;align-items:center;gap:6px;background:var(--ord-text);color:#fff;padding:7px 14px;border-radius:var(--ord-radius-sm);font-size:12.5px;font-weight:600;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.btn-reset:hover{opacity:.8}.filtros-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.filtro-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--ord-border);background:var(--ord-white);color:var(--ord-sub);font-size:12.5px;font-weight:500;transition:all .15s;white-space:nowrap}.filtro-btn:hover{border-color:var(--ord-orange);color:var(--ord-orange);background:var(--ord-orange-lt)}.filtro-btn.activo{background:var(--ord-text);color:#fff;border-color:var(--ord-text)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;color:var(--ord-sub)}.loading-spinner{width:32px;height:32px;border:2px solid var(--ord-border);border-top-color:var(--ord-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px;color:var(--ord-muted);font-size:13.5px;grid-column:1 / -1}.empty-state-icon{font-size:2.5rem;opacity:.4}.ordenes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}.orden-card{background:var(--ord-white);border:1px solid var(--ord-border);border-radius:var(--ord-radius);padding:18px;display:flex;flex-direction:column;gap:0;box-shadow:var(--ord-shadow);transition:box-shadow .2s,border-color .2s,transform .2s;opacity:0;transform:translateY(12px);min-width:0}.orden-card.animate-in{animation:cardIn .4s ease forwards}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.orden-card:hover{box-shadow:0 4px 20px #00000017;border-color:#d8d5d0;transform:translateY(-2px)}.pedido-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:nowrap;min-width:0}.orden-id{font-size:11.5px;font-weight:500;color:var(--ord-muted);letter-spacing:.04em;flex-shrink:0}.orden-estado{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.estado-pendiente{background:var(--ord-yellow-lt);color:var(--ord-yellow)}.estado-en-preparación{background:#fef3c7;color:#b45309}.estado-en-camino-a-recoger{background:#fff7ed;color:#c2410c}.estado-en-camino-a-entregar{background:var(--ord-blue-lt);color:var(--ord-blue)}.estado-entregado{background:var(--ord-green-lt);color:var(--ord-green)}.estado-cancelado,.estado-rechazado{background:var(--ord-red-lt);color:var(--ord-red)}.estado-confirmando-pago{background:var(--ord-orange-lt);color:var(--ord-orange-dk)}.estado-esperando-confirmación-del-cliente{background:var(--ord-purple-lt);color:var(--ord-purple)}.pedido-header-spacer{flex:1;min-width:0}.btn-imprimir,.orden-chat-button{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;border-radius:var(--ord-radius-sm);transition:background .15s,color .15s}.btn-imprimir{width:30px;height:30px;color:var(--ord-sub);border:1px solid var(--ord-border)}.btn-imprimir:hover{background:var(--ord-bg);color:var(--ord-text)}.orden-chat-button{padding:5px 10px;background:var(--ord-orange-lt);color:var(--ord-orange-dk);font-size:12px;font-weight:600;border:1px solid #fed7aa}.orden-chat-button:hover{background:var(--ord-orange);color:#fff;border-color:var(--ord-orange)}.orden-body{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--ord-border2)}.orden-info-row{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--ord-sub);line-height:1.4}.orden-info-row strong{color:var(--ord-text);font-weight:600;font-size:12px;flex-shrink:0;min-width:62px}.orden-total-val{font-weight:500;color:var(--ord-green);font-size:13px}.etiqueta-invitado{font-size:10.5px;color:var(--ord-muted);background:var(--ord-bg);border:1px solid var(--ord-border);border-radius:10px;padding:1px 6px;margin-left:4px}.mapa-link{color:var(--ord-blue);text-decoration:none;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:3px}.mapa-link:hover{text-decoration:underline}.nota-referencia{font-size:11.5px;color:var(--ord-sub);background:var(--ord-bg);border-radius:6px;padding:4px 8px;margin-top:2px}.comprobante-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;margin-top:4px;background:var(--ord-blue-lt);color:var(--ord-blue);border:1px solid #bfdbfe;border-radius:var(--ord-radius-sm);font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s}.comprobante-btn:hover{background:#dbeafe;border-color:var(--ord-blue)}.orden-productos{padding:12px 0 0;display:flex;flex-direction:column;gap:10px}.orden-producto{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;min-width:0}.orden-producto img{width:48px;height:48px;border-radius:var(--ord-radius-sm);object-fit:cover;border:1px solid var(--ord-border);flex-shrink:0}.orden-producto-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.orden-producto-nombre{font-weight:600;color:var(--ord-text);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orden-producto-toppings{display:flex;flex-direction:column;gap:1px}.topping-sin{color:var(--ord-red);font-size:11px}.topping-extra{color:var(--ord-green);font-size:11px}.topping-nota{font-size:11px;color:var(--ord-sub);font-style:italic;background:var(--ord-bg);border-radius:4px;padding:2px 5px;margin-top:2px}.orden-producto-qty{font-size:11px;color:var(--ord-muted);flex-shrink:0;margin-top:2px}.orden-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ord-border2)}.orden-actions button{flex:1;min-width:100px;padding:9px 14px;border-radius:var(--ord-radius-sm);font-size:12.5px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.orden-actions button:hover{opacity:.88}.orden-actions button:active{transform:scale(.98)}.btn-confirmar-pago{background:var(--ord-green);color:#fff}.btn-aceptar{background:var(--ord-orange);color:#fff}.btn-enviar{background:var(--ord-blue);color:#fff}.btn-entregado{background:var(--ord-text);color:#fff}.btn-cancelar{background:var(--ord-red-lt);color:var(--ord-red);border:1px solid #fecaca}.btn-cancelar:hover{background:var(--ord-red);color:#fff}@media (max-width: 900px){.ordenes-container{padding:20px 18px 48px}.ordenes-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media (max-width: 640px){.ordenes-container{padding:16px 12px 48px}.filtros-container1{flex-direction:column;align-items:stretch;gap:8px}.filtro-grupo{width:100%}.filtro-grupo.monto-range input{width:50%;flex:1}.btn-reset{width:100%;justify-content:center}.filtros-tabs{gap:6px}.filtro-btn{font-size:11.5px;padding:5px 12px}.ordenes-list{grid-template-columns:1fr;gap:10px}.orden-card{padding:14px}.orden-actions button{min-width:80px;font-size:12px;padding:8px 10px}.ordenes-page-header{flex-direction:column;align-items:flex-start;gap:8px}.ordenes-title{font-size:1.3rem}}@media (max-width: 380px){.ordenes-container{padding:12px 10px 40px}.orden-card{padding:12px}.pedido-header{flex-wrap:wrap}}.badge-tipo{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.01em}.badge-delivery{background:var(--ord-blue-lt);color:var(--ord-blue);border:1px solid #bfdbfe}.badge-pickup{background:var(--ord-green-lt);color:var(--ord-green);border:1px solid #bbf7d0}.badge-local{background:var(--ord-purple-lt);color:var(--ord-purple);border:1px solid #c4b5fd}.badge-fiado{font-size:11px;font-weight:600;padding:4px 10px;background:var(--ord-yellow-lt);color:var(--ord-yellow);border-radius:6px}.btn-cancelar-sm{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--ord-red-lt);color:var(--ord-red);border:1px solid #fecaca;cursor:pointer;transition:.15s}.btn-cancelar-sm:hover{background:var(--ord-red);color:#fff}.orden-card-pickup{border-left:3px solid var(--ord-green)!important}.pickup-info-bloque{background:var(--ord-green-lt);border:1px solid #bbf7d0;border-radius:var(--ord-radius-sm);padding:8px 12px;margin-top:6px;margin-bottom:2px}.pickup-label{font-size:.85rem;font-weight:600;color:var(--ord-green)}.btn-pickup-listo{flex:1;padding:10px 14px;border-radius:var(--ord-radius-sm);font-size:.88rem;font-weight:600;background:var(--ord-green);color:#fff;transition:background .2s}.btn-pickup-listo:hover{background:#15803d}.btn-pickup-entregado{background:var(--ord-green)!important}.btn-pickup-entregado:hover{background:#15803d!important}.btn-nueva-orden-local{display:inline-flex;align-items:center;gap:6px;background:var(--ord-orange);color:#fff;border-radius:var(--ord-radius-sm);padding:9px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:inherit}.btn-nueva-orden-local:hover{background:var(--ord-orange-dk)}:root{--primary: #FF6A00;--primary-hover: #e65e00;--blue-fleet: #007bff;--text-dark: #1a1a1a;--text-gray: #666;--bg-light: #f8f9fa;--border: #e9ecef;--radius: 16px;--shadow: 0 10px 30px rgba(0,0,0,.15)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1100;padding:16px}.modal-container{background:var(--bg-card, white);color:var(--text-primary, #1a1a1a);width:100%;max-width:480px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100dvh - 32px)}.animate-pop{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fff}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-dark);flex:1;text-align:center}.btn-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;transition:color .2s}.btn-close:hover{color:#333}.btn-icon-back{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;font-size:1rem;color:#1a1a1a}.btn-icon-back:hover{background:#e0e0e0}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:300px}.step-description{text-align:center;color:var(--text-gray);margin-bottom:20px}.cards-grid{display:grid;gap:16px}.card-option{display:flex;align-items:center;padding:20px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.card-option:hover{border-color:var(--primary);background:#fffbf7;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card-icon{font-size:2rem;margin-right:20px;width:50px;height:50px;background:var(--bg-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.card-content{flex:1}.card-content h4{margin:0 0 4px;font-size:1.1rem;color:var(--text-dark)}.card-content p{margin:0;font-size:.9rem;color:var(--text-gray)}.card-arrow{color:#ccc;font-weight:700;transition:transform .2s}.card-option:hover .card-arrow{color:var(--primary);transform:translate(5px)}.card-option.auto:hover{border-color:#7c3aed;background:#faf5ff}.card-option.auto:hover .card-arrow{color:#7c3aed}.search-bar{position:relative;margin-bottom:20px}.search-bar input{width:100%;padding:12px 12px 12px 40px;border-radius:8px;border:1px solid var(--border);font-size:1rem;outline:none;transition:border .2s}.search-bar input:focus{border-color:var(--primary)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.drivers-list-container{display:flex;flex-direction:column;gap:10px}.driver-card{display:flex;align-items:center;padding:12px;border:1px solid transparent;background:var(--bg-light);border-radius:10px;cursor:pointer;transition:all .2s}.driver-card:hover{background:#efefef}.driver-card.selected{background:#fff4eb;border-color:var(--primary)}.driver-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:#ddd;margin-right:15px}.driver-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.driver-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555}.badge-app{position:absolute;bottom:-5px;right:-5px;background:var(--primary);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:10px;border:2px solid white}.driver-info{flex:1}.driver-info h4{margin:0;font-size:1rem;color:var(--text-dark)}.driver-meta{font-size:.85rem;color:var(--text-gray);margin-top:3px}.dot-separator{margin-left:5px;color:#ccc}.driver-check{width:24px;height:24px;border:2px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.driver-card.selected .driver-check{border-color:var(--primary);background:var(--primary)}.radio-circle{width:10px;height:10px;background:#fff;border-radius:50%;transform:scale(0);transition:transform .2s}.driver-card.selected .radio-circle{transform:scale(1)}.modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:#fff}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#f0f0f0;color:#555}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:var(--primary);color:#fff;min-width:120px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{background:#fca;cursor:not-allowed;transform:none}.state-container{text-align:center;padding:40px 0;color:#999}.state-container.empty{font-size:1.2rem}.state-container span{font-size:2.5rem;display:block;margin-bottom:10px;opacity:.5}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.spinner-small{width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comanda-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.comanda-modal{display:flex;flex-direction:column;gap:15px;width:380px;max-width:95%;max-height:90vh}.comanda-actions{display:flex;justify-content:center;gap:15px}.btn-print,.btn-close{padding:10px 20px;border-radius:25px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;transition:transform .1s}.btn-print{background-color:#007bff;color:#fff}.btn-print:hover{background-color:#0056b3;transform:scale(1.05)}.btn-close{background-color:#dc3545;color:#fff}.btn-close:hover{background-color:#a71d2a;transform:scale(1.05)}.ticket-preview-container{overflow-y:auto;padding-bottom:20px}.ticket-paper{background-color:#fff;color:#000;font-family:Courier New,Courier,monospace;padding:20px;width:100%;box-sizing:border-box;box-shadow:0 0 20px #00000080;min-height:300px}.preview-header{text-align:center}.preview-logo{width:50%;max-width:120px;height:auto;display:block;margin:0 auto 10px}.preview-header p{margin:2px 0;font-size:.85rem}.preview-customer{margin-top:10px;text-align:left;font-weight:700}.preview-badge{border:2px solid #000;text-align:center;padding:2px;margin-top:4px;font-weight:900}.preview-divider{border-top:1px dashed #000;margin:10px 0}.preview-divider-solid{border-top:2px solid #000;margin:15px 0 10px}.preview-body{display:flex;flex-direction:column;gap:12px}.preview-item{display:flex;flex-direction:column}.preview-main{display:flex;gap:10px;font-weight:700;font-size:1rem;align-items:baseline}.p-qty{font-size:1.2rem;min-width:25px}.preview-modifiers{padding-left:35px;font-size:.85rem;display:flex;flex-direction:column}.p-mod{margin-top:1px}.p-mod.removed{font-weight:700}.p-mod.note{font-style:italic;font-weight:700;margin-top:3px}.preview-footer{text-align:center;font-size:.85rem}.imprimircomandabtn{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#000}.modal-pago-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-in-out}.modal-pago-content{position:relative;background-color:transparent;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;border-radius:8px;box-shadow:0 4px 15px #00000080}.modal-pago-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px;border:2px solid #fff}.btn-cerrar-modal{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .2s}.btn-cerrar-modal:hover{transform:scale(1.1);color:#ff4d4d}.nol-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.nol-modal{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0003}.nol-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #ebebeb;background:#fff7ed;flex-shrink:0}.nol-header h2{margin:0;font-size:1.1rem;font-weight:700;color:#f97316;letter-spacing:-.02em}.nol-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#888;transition:background .15s;flex-shrink:0}.nol-close-btn:hover{background:#f0f0f0;color:#333}.nol-steps{display:flex;padding:12px 22px;gap:24px;border-bottom:1px solid #f5f5f5;background:#fafafa;flex-shrink:0}.nol-step{display:flex;align-items:center;gap:8px;opacity:.35;transition:opacity .2s}.nol-step.active{opacity:1}.nol-step-num{width:22px;height:22px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#555;flex-shrink:0}.nol-step.active .nol-step-num{background:#f97316;color:#fff}.nol-step.current .nol-step-num{box-shadow:0 0 0 3px #f9731640}.nol-step-label{font-size:.82rem;font-weight:600;color:var(--ord-text, #111)}.nol-body{flex:1;min-height:0;overflow:hidden}.nol-paso1{display:flex}.nol-catalogo{flex:1;display:flex;flex-direction:column;border-right:1px solid #ebebeb;min-width:0;overflow:hidden}.nol-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #f5f5f5;background:#fafafa;flex-shrink:0;color:#888}.nol-search-box input{flex:1;font-size:.88rem;color:#111}.nol-search-box input::placeholder{color:#bbb}.nol-loading{text-align:center;padding:32px;color:#999;font-size:.85rem}.nol-productos-lista{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.nol-producto-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid #f5f5f5;transition:background .12s}.nol-producto-item:hover{background:#fafafa}.nol-producto-img{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid #ebebeb;flex-shrink:0}.nol-producto-info{flex:1;min-width:0;display:flex;flex-direction:column}.nol-producto-nombre{font-size:.85rem;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nol-producto-precio{font-size:.8rem;color:#f97316;font-weight:700;margin-top:1px}.nol-producto-ctrl{display:flex;align-items:center;gap:6px;flex-shrink:0}.nol-qty-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background .12s}.nol-qty-btn.minus{background:#fee2e2;color:#dc2626}.nol-qty-btn.minus:hover{background:#fca5a5}.nol-qty-btn.plus{background:#dcfce7;color:#16a34a}.nol-qty-btn.plus:hover{background:#86efac}.nol-qty-btn.trash{background:#fee2e2;color:#dc2626}.nol-qty-btn.trash:hover{background:#fca5a5}.nol-qty-btn.sm{width:22px;height:22px;border-radius:5px}.nol-qty-num{font-size:.88rem;font-weight:700;min-width:18px;text-align:center;color:#111}.nol-btn-agregar{display:flex;align-items:center;gap:4px;background:#f97316;color:#fff;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .15s}.nol-btn-agregar:hover{background:#ea580c}.nol-carrito{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.nol-carrito-title{padding:12px 14px 8px;margin:0;font-size:.88rem;font-weight:700;color:#111;border-bottom:1px solid #ebebeb;flex-shrink:0}.nol-carrito-vacio{padding:28px 14px;text-align:center;color:#bbb;font-size:.82rem}.nol-carrito-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.nol-carrito-item{background:#fff;border:1px solid #ebebeb;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.nol-ci-info{display:flex;flex-direction:column}.nol-ci-nombre{font-size:.8rem;font-weight:600;color:#111;line-height:1.3}.nol-ci-precio{font-size:.78rem;color:#f97316;font-weight:600}.nol-ci-acciones{display:flex;align-items:center;gap:5px}.nol-carrito-total{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:2px solid #ebebeb;font-size:.95rem;font-weight:700;color:#111;background:#fff;flex-shrink:0}.nol-paso2{overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.nol-form-group{display:flex;flex-direction:column;gap:6px}.nol-form-group label{font-size:.83rem;font-weight:600;color:#555}.nol-opcional{font-weight:400;color:#aaa}.nol-form-group input{padding:10px 12px;border:1px solid #ebebeb;border-radius:10px;font-size:.88rem;color:#111;background:#fff;transition:border-color .15s}.nol-form-group input:focus{outline:none;border-color:#f97316}.nol-metodos-pago{display:flex;flex-wrap:wrap;gap:8px}.nol-metodo-btn{padding:8px 12px;border:1.5px solid #ebebeb;border-radius:8px;background:#fff;font-size:.82rem;font-weight:600;color:#333;cursor:pointer;transition:all .15s;font-family:inherit}.nol-metodo-btn:hover{border-color:#f97316;background:#fff7ed}.nol-metodo-btn.selected{border-color:#f97316;background:#f97316;color:#fff}.nol-orden-resumen{background:#f9fafb;border:1px solid #ebebeb;border-radius:12px;padding:14px 16px}.nol-orden-resumen h4{margin:0 0 10px;font-size:.85rem;font-weight:700;color:#111}.nol-resumen-row{display:flex;justify-content:space-between;font-size:.83rem;color:#555;padding:3px 0;border-bottom:1px dashed #e5e7eb}.nol-resumen-total{display:flex;justify-content:space-between;padding-top:8px;font-size:.95rem;font-weight:700;color:#111}.nol-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #ebebeb;background:#fff;flex-shrink:0}.nol-btn-primary{background:#f97316;color:#fff;border-radius:10px;padding:11px 22px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}.nol-btn-primary:hover:not(:disabled){background:#ea580c}.nol-btn-primary:disabled{opacity:.5;cursor:not-allowed}.nol-btn-secondary{background:#f5f5f5;color:#555;border-radius:10px;padding:11px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.nol-btn-secondary:hover{background:#e5e5e5}@media (max-width: 640px){.nol-paso1{flex-direction:column}.nol-carrito{width:100%;max-height:180px;border-right:none;border-top:1px solid #ebebeb}.nol-modal{max-height:98vh}}.login-layout{display:flex;min-height:100vh;height:100dvh;width:100vw;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased}.login-brand-side{flex:1;background:linear-gradient(145deg,var(--accent, #f97316),var(--accent-dk, #ea580c));color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:60px;position:relative;overflow:hidden}.brand-content{position:relative;z-index:10;max-width:480px}.logo-hero{width:120px;margin-bottom:40px;filter:brightness(0) invert(1)}.brand-text h1{font-size:3.2rem;font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.03em;color:#fff}.brand-text p{font-size:1.05rem;line-height:1.6;opacity:.85;color:#ffffffd9}.illustration-container{position:relative;z-index:10;display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto}.floating-phone{max-width:340px;max-height:48vh;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2));animation:floatApp 6s ease-in-out infinite}@keyframes floatApp{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}.login-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff05 70%);z-index:1;pointer-events:none;filter:blur(1px)}.brand-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.brand-feature-pill{padding:6px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.02em}.login-form-side{flex:.8;background:var(--bg-card, #ffffff);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;z-index:20}.form-wrapper{width:100%;max-width:400px;animation:slideInRight .5s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.logo-mobile{display:none}.form-header{margin-bottom:32px}.form-header h2{font-size:26px;font-weight:800;color:var(--text-primary, #111);margin-bottom:8px;letter-spacing:-.03em}.form-header p{font-size:14px;color:var(--text-secondary, #888);margin:0}.auth-form{display:flex;flex-direction:column;gap:18px}.input-group label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary, #888);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.input-wrap{display:flex;align-items:center;gap:10px;background:var(--bg-input, #f9fafb);border:1.5px solid var(--border, #e5e7eb);border-radius:12px;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap svg{color:var(--text-muted, #bbb);flex-shrink:0}.input-wrap:focus-within{border-color:var(--accent, #f97316);background:var(--bg-card, #fff);box-shadow:0 0 0 4px rgba(var(--accent-rgb, 249,115,22),.1)}.input-wrap:focus-within svg{color:var(--accent, #f97316)}.input-wrap input{flex:1;padding:14px 0;border:none!important;background:transparent!important;font-size:15px;color:var(--text-primary, #111)!important;outline:none!important;box-shadow:none!important;margin:0!important}.input-wrap input::placeholder{color:var(--text-muted, #bbb)!important}.alert-error{display:flex;align-items:center;gap:8px;background:var(--red-lt, #fef2f2);color:var(--red, #ef4444);padding:12px 14px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid rgba(239,68,68,.2)}.btn-login{width:100%;padding:15px;background:var(--accent, #f97316);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;margin-top:4px;box-shadow:0 4px 14px rgba(var(--accent-rgb, 249,115,22),.25)}.btn-login:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb, 249,115,22),.3)}.btn-login:disabled{background:var(--text-muted, #d1d5db);box-shadow:none;cursor:not-allowed}.btn-login--success{background:#16a34a!important;box-shadow:0 4px 14px #16a34a4d!important}.btn-login-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .6s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.form-footer{margin-top:32px;text-align:center}.form-footer p{font-size:12px;color:var(--text-muted, #bbb);margin:0}[data-theme=dark] .login-form-side{background:#0f0f0f}[data-theme=dark] .form-wrapper{background:transparent}[data-theme=dark] .form-header h2{color:#f0f0f0}[data-theme=dark] .form-header p,[data-theme=dark] .input-group label{color:#888}[data-theme=dark] .input-wrap{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .input-wrap:focus-within{background:#1a1a1a}[data-theme=dark] .input-wrap input{color:#f0f0f0!important}[data-theme=dark] .input-wrap input::placeholder{color:#555!important}[data-theme=dark] .form-footer p{color:#555}@media (max-width: 768px){[data-theme=dark] .login-layout{background:#0f0f0f}[data-theme=dark] .form-wrapper{background:#141414!important}}@media (max-width: 1024px){.brand-text h1{font-size:2.6rem}.floating-phone{max-width:280px}.login-brand-side{padding:40px}}@media (max-width: 768px){.login-layout{flex-direction:column;overflow-y:auto;background:var(--bg-card, #fff);min-height:100dvh}.login-brand-side{flex:none;min-height:240px;padding:40px 24px 60px;justify-content:flex-end;align-items:center;text-align:center;border-radius:0 0 32px 32px}.brand-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.logo-hero{width:72px;margin-bottom:14px}.brand-text{display:block!important}.brand-text h1{font-size:1.4rem;line-height:1.25;margin-bottom:0}.brand-text p,.illustration-container{display:none}.brand-features{display:flex!important;justify-content:center;margin-top:14px;gap:6px}.brand-feature-pill{font-size:10px;padding:4px 10px}.login-form-side{flex:1;background:transparent;padding:0 20px 40px;align-items:flex-start;justify-content:flex-start}.form-wrapper{background:var(--bg-card, #fff);padding:32px 24px;border-radius:24px;box-shadow:0 -8px 40px #00000014;margin-top:-36px;width:100%;animation:slideUpCard .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideUpCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:24px}.form-header h2{font-size:22px;text-align:center}.form-header p{text-align:center;font-size:13px}.auth-form{gap:14px}.input-wrap{padding:0 14px}.input-wrap input{padding:13px 0;font-size:15px}.btn-login{padding:14px;font-size:15px;border-radius:14px}.form-footer{margin-top:20px}.form-footer p{font-size:11px}.login-orb{opacity:.5}}@media (max-width: 768px){[data-theme=dark] .login-layout{background:#0f0f0f}[data-theme=dark] .form-wrapper{background:#141414!important;box-shadow:0 -8px 40px #0000004d!important}}@media (max-width: 480px){.login-brand-side{min-height:200px;padding:32px 20px 50px}.logo-hero{width:60px;margin-bottom:10px}.brand-text h1{font-size:1.2rem}.brand-features{gap:4px}.brand-feature-pill{font-size:9px;padding:3px 8px}.form-wrapper{padding:24px 18px;margin-top:-30px;border-radius:20px}.form-header h2{font-size:20px}.input-group label{font-size:11px}}@media (max-width: 360px){.login-brand-side{min-height:180px;padding:28px 16px 44px}.brand-text h1{font-size:1.1rem}.brand-features{display:none!important}.form-wrapper{padding:22px 16px}}.login-orb{animation:orbFloat 8s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-30px) translate(15px) scale(1.1)}}.anim-slide-left{animation:slideLeft .7s cubic-bezier(.22,1,.36,1) both}@keyframes slideLeft{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.anim-slide-right{animation:slideRight .6s cubic-bezier(.22,1,.36,1) .2s both}@keyframes slideRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.anim-fade-down{animation:fadeDown .5s ease .3s both}@keyframes fadeDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-up{animation:fadeUp .5s ease both;animation-delay:.2s}@keyframes fadeUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-up-delay{animation:fadeUp .5s ease .5s both}.anim-shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.chat-screen-container{display:flex;flex-direction:column;height:100dvh;background-color:#f4f7f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;margin:0 auto;position:relative}.chat-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:80px 12px 10px;background-color:#fdebe0}.chat-header h2,h6{margin:0}.upload-btn{align-items:center;align-content:center;display:flex;justify-content:center;padding:8px 12px;font-size:1.5rem;background-color:#022dbd;color:#fff;border:none;border-radius:12px;cursor:pointer}.messages-container{flex:1;overflow-y:auto;padding:20px;background-color:var(--chat-bg);background-image:radial-gradient(#dce4eb 1px,transparent 1px);background-size:20px 20px;display:flex;flex-direction:column;gap:12px}.no-messages{text-align:center;color:#888;margin-top:20px}.message{width:fit-content;max-width:70%;margin-bottom:8px;padding:8px 12px;border-radius:12px;font-size:.9rem;line-height:1.3;word-wrap:break-word}.message.sent{background-color:#ff6a00;color:#fff;margin-left:auto;text-align:right}.message.received{background-color:#e9ecef;color:#212529;margin-right:auto}.message img{max-width:100%;border-radius:8px;max-height:300px}.location{font-style:italic;color:#0d6efd}.input-container{display:flex;align-items:center;gap:6px;padding:8px;background-color:#fff;border-top:1px solid #ddd}.input-container input[type=text]{flex:1;padding:10px;border:1px solid #ddd;border-radius:16px;font-size:.9rem;width:100%}.send-btn{padding:8px 12px;background-color:#ff6a00;color:#fff;border:none;border-radius:16px;font-size:.85rem;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#fff;padding:16px;border-radius:12px;text-align:center}.modal h3{margin-top:0}.preview{margin:10px 0}.preview img{max-width:100%;max-height:50vh;border-radius:8px}.modal-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.cancel-btn{background:#ddd;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.send-proof-btn{background:#ff6a00;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.send-proof-btn:disabled{background:#bbb;cursor:not-allowed}.location-message{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.location-message p{margin:0;font-weight:500;color:#212529}.maps-button{display:inline-block;padding:8px 14px;background-color:#ff6a00;color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .2s ease}.maps-button:hover{background-color:#e65c00}.custom-upload-btn{background:#ff6a00;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;display:inline-block;transition:background .2s ease}.custom-upload-btn:hover{background:#e65c00}.file-name{margin-left:10px;font-size:.85rem;color:#555;font-style:italic}.file-input{display:none}h6{color:"#FF7F00"}.message-wrapper{display:flex;flex-direction:column;margin-bottom:10px;max-width:100%}.message-wrapper.sent{margin-left:auto;align-items:flex-end}.message-wrapper.received{margin-right:auto;align-items:flex-start}.message-time{font-size:.7rem;color:#888;margin-top:2px}.time-sent{text-align:right;align-self:flex-end}.time-received{text-align:left;align-self:flex-start}.payment-actions{display:flex;justify-content:space-around;align-items:center;padding:12px;background:#f9f9f9;border-top:1px solid #ddd;gap:10px}.reject-btn{flex:1;padding:10px 15px;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease-in-out}.reject-btn:hover{background-color:#e03c3c}.reject-btn:disabled{background-color:#ffb3b3;cursor:not-allowed}.confirm-btn{flex:1;padding:10px 15px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease-in-out}.confirm-btn:hover{background-color:#218838}.confirm-btn:disabled{background-color:#9ee2b0;cursor:not-allowed}.message p{white-space:pre-line;margin:0}.chat-image{width:180px;border-radius:10px;cursor:pointer;transition:transform .2s ease}.chat-image:hover{transform:scale(1.02)}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999999;cursor:zoom-out}.image-modal{max-width:90%;max-height:85%;border-radius:10px;transition:transform .15s ease;cursor:grab}.image-modal:active{cursor:grabbing}.order-summary-card{background-color:#fff!important;border:1px solid #edf2f7;padding:0!important;display:flex;flex-direction:column;width:100%;min-width:280px;max-width:320px;box-shadow:0 4px 20px #00000014;border-radius:16px!important;overflow:hidden;font-family:Inter,sans-serif}.order-summary-header{background:linear-gradient(135deg,#2c3e50,#34495e);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff}.header-title-group{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem}.header-order-id{background:#fff3;padding:2px 8px;border-radius:6px;font-size:.75rem;font-family:monospace;letter-spacing:1px}.order-summary-content{padding:16px;display:flex;flex-direction:column;gap:16px;background-color:#fff}.status-total-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.status-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.pendiente{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.status-badge.en-preparación{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.status-badge.en-camino-a-entregar{background:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.total-price{font-size:1.2rem;font-weight:800;color:#1a202c}.items-timeline{display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;padding-bottom:12px}.timeline-item:before{content:"";position:absolute;top:24px;left:14px;bottom:0;width:2px;background-color:#e2e8f0;z-index:0}.timeline-item:last-child:before{display:none}.product-headerO{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.qty-circle{width:30px;height:30px;background-color:#ff6b00;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 2px 6px #ff6b004d;flex-shrink:0}.product-name{font-weight:700;font-size:.95rem;color:#2d3748}.modifiers-tree{margin-top:8px;margin-left:42px;display:flex;flex-direction:column;gap:6px}.modifier-row{display:flex;align-items:center;font-size:.8rem;padding:4px 8px;border-radius:6px;width:fit-content}.modifier-row.extra{background-color:#f0fdf4;color:#166534;border:1px solid #dcfce7}.modifier-row.removed{background-color:#fef2f2;color:#991b1b;border:1px solid #fee2e2;text-decoration:line-through;opacity:.8}.modifier-row.note{background-color:#fffbeb;color:#b45309;border:1px dashed #fcd34d;font-style:italic;margin-top:4px;max-width:100%}.mod-icon{margin-right:6px;font-weight:700}.order-summary-footer{background-color:#f8fafc;padding:8px 16px;text-align:right;font-size:.7rem;color:#94a3b8;border-top:1px solid #f1f5f9}.icon-orange{color:#ff6b00;flex-shrink:0;margin-top:1px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;position:absolute;top:75px;left:15px;z-index:20;background-color:#ffffffe6;color:var(--text-dark);box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.header-actions-container{display:flex;align-items:center}.header-action-btn{padding:8px 16px;border-radius:20px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-aceptar{background-color:#28a745;color:#fff}.btn-aceptar:hover{background-color:#218838}.btn-enviar{background-color:#007bff;color:#fff}.btn-enviar:hover{background-color:#0069d9}.btn-entregado{background-color:#ffc107;color:#333}.btn-entregado:hover{background-color:#e0a800}.clientes-container{padding:28px;animation:fadeIn .4s ease-in-out;color:var(--text-primary, #333)}.clientes-container h1{font-size:1.6rem;font-weight:700;margin-bottom:15px;color:var(--text-primary, #333);letter-spacing:-.03em}.buscador-clientes{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border, #ddd);margin-bottom:20px;font-size:14px;background:var(--bg-card, #fff);color:var(--text-primary, #333)}.buscador-clientes:focus{border-color:var(--accent, #f97316)}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cliente-card{background:var(--bg-card, #fff);border-radius:12px;border:1px solid var(--border, #ebebeb);box-shadow:var(--shadow-sm);padding:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.cliente-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cliente-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent, #f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.cliente-info{font-size:13px;color:var(--text-secondary, #888);margin-bottom:10px}.cliente-info p{display:flex;align-items:center;gap:6px;margin:5px 0}.cliente-info a{color:var(--accent, #f97316);text-decoration:none}.pedidos-count{font-weight:600;color:var(--text-primary, #333);margin-top:10px;font-size:13px}.cliente-status{font-size:12px;color:var(--text-secondary, #888)}.cliente-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.btn-whatsapp{background:#25d366;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px}.btn-copy{background:var(--bg-elevated, #f5f5f5);border:1px solid var(--border, #ddd);border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--text-secondary, #888);font-size:12px}.dashboard-container{font-family:Plus Jakarta Sans,Poppins,sans-serif;padding:28px 28px 60px;background:var(--bg-page, #f2f2f0);color:var(--text-primary, #1a1a1a);min-height:100vh}.dash-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.dash-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary, #111)}.restaurant-name{color:var(--text-secondary, #888);font-size:12.5px;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.kpi{background:var(--bg-card, #fff);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border, #ebebeb)}.kpi h3{font-size:12px;color:var(--text-secondary, #888);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.5rem;font-weight:800;margin-top:4px;color:var(--text-primary, #111)}.kpi-value.accent{color:#6366f1}.kpi-value.positive{color:var(--green, #22c55e)}.kpi-value.negative{color:var(--red, #ef4444)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin-bottom:28px}.card{background:var(--bg-card, #fff);border-radius:12px;padding:20px;border:1px solid var(--border, #ebebeb);box-shadow:var(--shadow-sm)}.card-wide{grid-column:span 2}.card-title{font-weight:700;margin-bottom:12px;font-size:14px;color:var(--text-primary, #111)}.pie-wrap{position:relative;width:100%;height:260px}.data-section{margin-top:24px}.data-section h3{margin-bottom:10px;font-weight:700;font-size:14px;color:var(--text-primary, #111)}.data-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;background:var(--bg-card, #fff);border:1px solid var(--border, #ebebeb)}.data-table th,.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-light, #f5f5f5);text-align:left;font-size:13px}.data-table th{background:var(--bg-elevated, #f8f8f7);color:var(--text-secondary, #888);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.data-table tr:hover{background:var(--bg-card-hover, #fafafa)}.loading{text-align:center;font-size:14px;color:var(--text-secondary, #888);margin-top:60px}.error{text-align:center;color:var(--red, red);margin-top:60px}@media (max-width: 768px){.card-wide{grid-column:span 1}}.product-screen{margin:0 auto;padding:40px 24px;font-family:Poppins,sans-serif;color:#1a1a1a;background:#fff;margin-top:2vh}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.product-header h1{font-size:1.8rem;font-weight:600;color:#111}.back-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#555;transition:all .2s ease}.back-btn:hover{color:#f60}.header-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.btn-icon.edit{color:#555}.btn-icon.edit:hover{color:#f60}.btn-icon.success{color:#2ecc71}.btn-icon.danger{color:#e74c3c}.product-layout{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;background:#fff;border-radius:18px;padding:28px;border:1px solid #eee}.product-gallery{flex:1;min-width:320px}.main-image{background:#f8f8f8;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image img{width:100%;max-height:400px;object-fit:contain;transition:transform .3s ease}.main-image img:hover{transform:scale(1.02)}.thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.thumbnails img{width:75px;height:75px;border-radius:10px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .25s ease}.thumbnails img:hover{opacity:.85;transform:scale(1.05)}.thumbnails img.selected{border:2px solid #ff6600}.btn-edit-photos{margin-top:12px;width:100%;padding:10px 0;background:#111;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:inherit}.btn-edit-photos:hover{background:#f97316}.product-info{flex:1.2;display:flex;flex-direction:column;gap:16px}.info-field{display:flex;flex-direction:column;gap:6px}.info-field label{font-weight:600;font-size:14px;color:#444}.info-field p,.info-field span{font-size:15px;line-height:1.5;color:#333}.info-field a{color:#f60;text-decoration:none}.info-field a:hover{text-decoration:underline}.info-field input,.info-field textarea,.info-field select{border:1px solid #ddd;border-radius:8px;padding:8px 10px;font-family:inherit;background:#fdfdfd;transition:all .2s ease}.info-field input:focus,.info-field textarea:focus,.info-field select:focus{border-color:#f60;outline:none;box-shadow:0 0 0 2px #ff66001a}.estado{display:inline-block;font-size:13px;padding:4px 10px;border-radius:20px;font-weight:500}.estado.activo{background:#eaffea;color:#27ae60}.estado.inactivo{background:#ffeaea;color:#e74c3c}.tags,.tags-edit{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.tags .tag{background:#f60;color:#fff}.tags-edit .tag{background:#f1f1f1;border:1px solid #ddd}.tags-edit .tag:hover{background:#fff2e5}.tags-edit .tag.selected{background:#f60;color:#fff;border-color:#f60}@media (max-width: 850px){.product-layout{flex-direction:column;padding:20px}.main-image img{max-height:300px}.product-info{width:100%}}.eim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111173;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;justify-content:center;align-items:center;padding:20px;animation:eimFadeIn .2s ease forwards}.eim-modal{background:#f2f2f0;width:100%;max-width:520px;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:eimPopIn .3s cubic-bezier(.16,1,.3,1) forwards}.eim-header{background:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebebeb}.eim-header h3{margin:0;font-size:17px;font-weight:700;color:#111;font-family:Plus Jakarta Sans,Poppins,sans-serif}.eim-close{background:#f2f2f0;border:1px solid #ebebeb;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111;transition:all .2s ease;font-size:14px}.eim-close:hover{background:#fff;border-color:#ccc}.eim-body{padding:24px}.eim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.eim-card{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #ebebeb;background:#fff;cursor:grab;transition:all .2s ease}.eim-card:active{cursor:grabbing}.eim-card.dragging{opacity:.4;transform:scale(.95)}.eim-card.drag-over{border-color:#f97316;box-shadow:0 0 0 2px #f9731633}.eim-card img{width:100%;height:100%;object-fit:cover;display:block}.eim-drag-handle{position:absolute;top:6px;left:6px;background:#ffffffe6;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#888;font-size:12px;z-index:2;pointer-events:none}.eim-card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:0;background:#0009;opacity:0;transition:opacity .2s ease}.eim-card:hover .eim-card-actions{opacity:1}.eim-btn-replace,.eim-btn-delete{flex:1;border:none;padding:8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s ease;background:transparent;color:#fff}.eim-btn-replace:hover{background:#ffffff26}.eim-btn-delete:hover{background:#ef4444b3}.eim-add-card{border:2px dashed #ccc;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#999;font-size:14px;transition:all .2s ease}.eim-add-card:hover{border-color:#111;color:#111;background:#fff}.eim-add-card svg{font-size:22px}.eim-add-card span{font-size:13px;font-weight:600}.eim-hint{text-align:center;color:#999;font-size:12px;margin-top:16px;margin-bottom:0}.eim-footer{background:#fff;padding:16px 24px;border-top:1px solid #ebebeb;display:flex;gap:12px;justify-content:flex-end}.eim-btn-cancel{background:#f2f2f0;color:#111;border:1px solid #ebebeb;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.eim-btn-cancel:hover{background:#e8e8e6}.eim-btn-save{background:#f97316;color:#fff;border:none;padding:10px 28px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.eim-btn-save:hover{background:#ea580c}.eim-btn-save:disabled{background:#ccc;cursor:not-allowed}@keyframes eimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eimPopIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.eim-overlay{padding:0;align-items:flex-end}.eim-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.eim-grid{gap:10px}.eim-card-actions{opacity:1}}.settings-container{padding:28px 28px 60px;color:var(--text-primary, #111);width:100%}.settings-header{margin-bottom:24px}.settings-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.settings-subtitle{font-size:12.5px;color:var(--text-secondary, #888);margin-top:4px}.settings-tabs{display:flex;gap:4px;margin-bottom:28px;background:var(--border-light, #f5f5f5);border-radius:10px;padding:4px}.settings-tab{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;color:var(--text-secondary, #888);cursor:pointer;border:none;background:none;transition:.15s}.settings-tab--active{background:var(--bg-card, #fff);color:var(--text-primary, #111);box-shadow:0 1px 3px #0000000f}.settings-block{background:var(--bg-card, #fff);border:1px solid var(--border, #ebebeb);border-radius:14px;padding:24px;margin-bottom:20px}.settings-block-title{font-size:16px;font-weight:700;margin-bottom:4px}.settings-block-desc{font-size:13px;color:var(--text-secondary, #888);margin-bottom:16px}.settings-logo-area{display:flex;align-items:center;gap:20px}.settings-logo-preview{width:80px;height:80px;border-radius:16px;border:2.5px solid;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--border-light, #f5f5f5);flex-shrink:0}.settings-logo-preview img{width:100%;height:100%;object-fit:cover}.settings-logo-placeholder{font-size:32px;font-weight:800;color:var(--text-muted, #bbb)}.settings-logo-actions{display:flex;flex-direction:column;gap:8px}.settings-upload-btn{display:inline-block;padding:8px 18px;background:var(--accent, #f97316);color:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.settings-upload-btn:hover{opacity:.85}.settings-remove-btn{padding:6px 14px;border:1px solid var(--border, #ebebeb);border-radius:8px;font-size:12px;font-weight:600;color:var(--red, #dc2626);cursor:pointer;background:none}.settings-hint{font-size:11px;color:var(--text-muted, #bbb)}.settings-colors-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.settings-color-btn{width:36px;height:36px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.settings-color-btn:hover{transform:scale(1.1)}.settings-color-btn--active{border-color:var(--text-primary, #111);transform:scale(1.1)}.settings-custom-color{margin-bottom:16px}.settings-custom-color label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary, #888);margin-bottom:6px}.settings-color-input-row{display:flex;align-items:center;gap:8px}.settings-color-picker{width:40px;height:36px;border:1px solid var(--border, #ebebeb);border-radius:8px;cursor:pointer;padding:2px}.settings-hex-input{width:100px;padding:8px 12px;border:1px solid var(--border, #ebebeb);border-radius:8px;font-size:14px;font-family:DM Mono,monospace;font-weight:600;background:var(--bg-input, #fafaf9);color:var(--text-primary, #111)}.settings-hex-input:focus{outline:none;border-color:var(--accent, #f97316)}.settings-preview-bar{padding:12px 20px;border-radius:10px;color:#fff;font-size:13px;font-weight:600;text-align:center}.settings-toggle-row{display:flex;align-items:center;gap:12px}.settings-toggle{position:relative;display:inline-block;cursor:pointer}.settings-toggle input{display:none}.settings-toggle-track{display:block;width:48px;height:26px;border-radius:13px;background:#d1d5db;transition:background .25s;position:relative}.settings-toggle input:checked+.settings-toggle-track{background:var(--accent, #f97316)}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.settings-toggle input:checked+.settings-toggle-track .settings-toggle-thumb{transform:translate(22px)}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary, #111)}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-field--full{grid-column:1 / -1}.settings-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary, #888);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.settings-input{width:100%;padding:10px 14px;border:1.5px solid var(--border, #ebebeb);border-radius:10px;font-size:14px;background:var(--bg-input, #fafaf9);color:var(--text-primary, #111);transition:border-color .15s;margin:0}.settings-input:focus{outline:none;border-color:var(--accent, #f97316);background:var(--bg-card, #fff)}.settings-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border, #ebebeb);border-radius:10px;font-size:14px;background:var(--bg-input, #fafaf9);color:var(--text-primary, #111);resize:vertical;margin:0}.settings-textarea:focus{outline:none;border-color:var(--accent, #f97316)}.settings-horario-list{display:flex;flex-direction:column;gap:10px}.settings-horario-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light, #f5f5f5)}.settings-horario-dia{font-size:13px;font-weight:700;min-width:90px;padding-top:8px;color:var(--text-primary, #111)}.settings-horario-rangos{display:flex;flex-direction:column;gap:6px;flex:1}.settings-horario-rango{display:flex;align-items:center;gap:6px}.settings-time-input{padding:7px 10px;border:1px solid var(--border, #ebebeb);border-radius:8px;font-size:13px;width:110px;background:var(--bg-input, #fafaf9);color:var(--text-primary, #111);margin:0}.settings-time-input:focus{outline:none;border-color:var(--accent, #f97316)}.settings-horario-sep{font-size:12px;color:var(--text-muted, #bbb)}.settings-rango-del{width:24px;height:24px;border-radius:50%;background:var(--red-lt, #fee2e2);color:var(--red, #dc2626);font-size:12px;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center}.settings-rango-add{font-size:12px;font-weight:600;color:var(--accent, #f97316);cursor:pointer;border:none;background:none;padding:4px 0}.settings-rango-add:hover{text-decoration:underline}.settings-save-btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.settings-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.settings-form-grid{grid-template-columns:1fr}.settings-logo-area{flex-direction:column;text-align:center}.settings-horario-row{flex-direction:column;gap:4px}.settings-horario-dia{min-width:auto}}.terms-container{margin-top:40px;padding:25px;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;font-family:Inter,sans-serif;line-height:1.7}.terms-title{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.terms-updated{font-size:14px;color:#777;margin-bottom:25px}section{margin-bottom:30px}h2{font-size:22px;margin-bottom:10px;color:#444;font-weight:600}p,li{font-size:16px;color:#555}ul{margin-bottom:15px}.terms-email{font-weight:700;color:#e63946;margin-top:5px}.repartidores-container{padding:28px;animation:fadeIn .4s ease-in-out;color:var(--text-primary, #333)}.repartidores-container h1{font-size:1.6rem;font-weight:700;margin-bottom:15px;color:var(--text-primary, #333);letter-spacing:-.03em}.buscador-repartidores{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border, #ddd);margin-bottom:20px;font-size:14px;background:var(--bg-card, #fff);color:var(--text-primary, #333)}.buscador-repartidores:focus{border-color:var(--accent, #f97316)}.repartidores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.repartidor-card{background:var(--bg-card, #fff);border-radius:12px;border:1px solid var(--border, #ebebeb);box-shadow:var(--shadow-sm);padding:16px;position:relative;display:flex;flex-direction:column;transition:all .2s ease}.repartidor-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.repartidor-card.clickable{cursor:pointer}.repartidor-card.clickable:hover{border-color:var(--accent, #f97316)}.repartidor-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative}.repartidor-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border, #eee)}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--blue, #4a90e2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.header-info{flex:1}.header-info h3{margin:0;font-size:14px;font-weight:700;color:var(--text-primary, #333)}.rating-badge{display:inline-flex;align-items:center;gap:4px;background:var(--yellow-lt, #fff8e1);color:var(--yellow, #f57f17);padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;margin-top:4px}.status-dot{width:10px;height:10px;border-radius:50%;position:absolute;top:5px;right:5px}.status-dot.online{background-color:var(--green, #28a745);box-shadow:0 0 4px var(--green, #28a745)}.status-dot.offline{background-color:var(--red, #dc3545)}.repartidor-info{font-size:13px;color:var(--text-secondary, #888);margin-bottom:12px}.repartidor-info p{display:flex;align-items:center;gap:8px;margin:5px 0}.divider{border-bottom:1px solid var(--border-light, #f0f0f0);margin-bottom:12px}.stats-gridR{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-elevated, #f8f9fa);padding:10px 5px;border-radius:8px;border:1px solid var(--border, #eee)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--border, #e0e0e0)}.stat-item:last-child{border-right:none}.stat-item small{font-size:10px;color:var(--text-secondary, #888);margin-bottom:4px;text-transform:uppercase;font-weight:600}.stat-item strong{font-size:13px;color:var(--text-primary, #333);display:flex;align-items:center;justify-content:center}.money-text{color:var(--green, #28a745)!important;font-weight:800}.loading-text,.empty-text{text-align:center;color:var(--text-secondary, #888);margin-top:20px;font-size:14px}.detalle-container{padding:28px;margin:0 auto;animation:fadeIn .3s ease;color:var(--text-primary, #333)}.btn-back{background:none;border:none;font-size:13px;color:var(--text-secondary, #888);cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-weight:600}.btn-back:hover{color:var(--accent, #f97316)}.perfil-card{background:var(--bg-card, #fff);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--border, #ebebeb);margin-bottom:20px;flex-wrap:wrap;gap:20px}.perfil-left{display:flex;align-items:center;gap:20px}.perfil-img,.perfil-placeholder{width:72px;height:72px;border-radius:50%;object-fit:cover}.perfil-placeholder{background:var(--bg-elevated, #eee);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-muted, #aaa)}.perfil-text h1{margin:0 0 8px;font-size:1.3rem;color:var(--text-primary, #333)}.perfil-badges{display:flex;gap:8px}.badge-rating{background:var(--yellow-lt, #fff8e1);color:var(--yellow, #f57f17);padding:4px 8px;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:4px;font-size:12px}.badge-status.active{background:var(--green-lt, #e8f5e9);color:var(--green, #2e7d32);padding:4px 8px;border-radius:6px;font-weight:700;font-size:12px}.badge-status.inactive{background:var(--red-lt, #ffebee);color:var(--red, #c62828);padding:4px 8px;border-radius:6px;font-weight:700;font-size:12px}.perfil-right{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary, #888);font-size:13px}.info-row{display:flex;align-items:center;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-card, #fff);padding:18px;border-radius:12px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border, #ebebeb)}.kpi-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.kpi-icon.blue{background:var(--blue-lt, #e3f2fd);color:var(--blue, #1976d2)}.kpi-icon.green{background:var(--green-lt, #e8f5e9);color:var(--green, #388e3c)}.kpi-icon.red{background:var(--red-lt, #ffebee);color:var(--red, #d32f2f)}.kpi-icon.gold{background:var(--yellow-lt, #fff8e1);color:var(--yellow, #fbc02d)}.kpi-data h3{margin:0;font-size:1.3rem;color:var(--text-primary, #333)}.kpi-data p{margin:0;color:var(--text-secondary, #888);font-size:12px}.section-title{font-size:16px;font-weight:700;margin-bottom:15px;color:var(--text-primary, #444)}.historial-list{display:flex;flex-direction:column;gap:12px}.pedido-history-card{background:var(--bg-card, #fff);border-radius:12px;padding:15px;border:1px solid var(--border, #ebebeb);display:flex;flex-direction:column;gap:10px}.ph-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border, #eee);padding-bottom:10px}.ph-id{font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-primary, #333)}.ph-status{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:700}.status-entregado{background:var(--green-lt, #e8f5e9);color:var(--green, #2e7d32)}.status-cancelado,.status-rechazado{background:var(--red-lt, #ffebee);color:var(--red, #c62828)}.status-en-camino-a-entregar{background:var(--blue-lt, #e3f2fd);color:var(--blue, #1565c0)}.ph-date{font-size:12px;color:var(--text-secondary, #888);display:flex;align-items:center;gap:4px}.ph-client{font-size:13px;color:var(--text-primary, #333)}.ph-client .label{color:var(--text-secondary, #888);margin-right:5px}.ph-products{display:flex;flex-direction:column;gap:8px;background:var(--bg-elevated, #fcfcfc);padding:10px;border-radius:8px}.ph-product-item{border-bottom:1px solid var(--border-light, #f0f0f0);padding-bottom:5px}.ph-product-item:last-child{border-bottom:none}.ph-prod-main{display:flex;gap:8px;font-weight:500;font-size:13px;color:var(--text-primary, #333)}.ph-qty{color:var(--accent, #f97316);font-weight:700}.ph-modifiers{padding-left:25px;display:flex;flex-direction:column;gap:2px;margin-top:2px}.mod{font-size:11px}.mod.removed{color:var(--red, #d32f2f)}.mod.added{color:var(--green, #2e7d32)}.mod.note{color:var(--text-secondary, #666);font-style:italic;background:var(--bg-elevated, #eee);padding:2px 5px;border-radius:4px;width:fit-content}.ph-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:13px}.ph-total-price{font-size:16px;color:var(--green, #28a745);font-weight:700}.filtros-bar{display:flex;flex-wrap:wrap;gap:10px;background:var(--bg-card, #fff);padding:14px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border, #ebebeb);margin-bottom:16px;align-items:center}.filtro-item{display:flex;align-items:center;background:var(--bg-elevated, #f8f9fa);border:1px solid var(--border, #eee);border-radius:8px;padding:0 10px;flex:1;min-width:150px}.filtro-item.search{flex:2;min-width:200px}.f-icon{color:var(--text-secondary, #888);margin-right:8px;font-size:14px}.filtro-item input,.filtro-item select{border:none;background:transparent;padding:9px 0;width:100%;font-size:13px;color:var(--text-primary, #333);outline:none}.btn-reset-filtros{background:var(--bg-elevated, #eee);border:none;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #555);transition:all .2s}.btn-reset-filtros:hover{background:var(--border, #ddd);color:var(--text-primary, #333);transform:rotate(90deg)}.empty-state{text-align:center;padding:40px;color:var(--text-secondary, #888);background:var(--bg-elevated, #f9f9f9);border-radius:12px;width:100%}@media (max-width: 600px){.perfil-card{flex-direction:column;align-items:flex-start}.ph-header{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width: 768px){.filtros-bar{flex-direction:column;align-items:stretch}.filtro-item{width:100%}.btn-reset-filtros{width:100%;margin-top:5px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--bg: #f2f2f0;--white: #ffffff;--border: #ebebeb;--border2: #f5f5f5;--text: #111111;--sub: #888888;--muted: #bbbbbb;--orange: #f97316;--orange-dk: #ea580c;--orange-lt: #fff7ed;--green: #16a34a;--green-lt: #dcfce7;--red: #dc2626;--red-lt: #fee2e2;--yellow-lt: #fef9c3;--yellow: #ca8a04;--purple-lt: #ede9fe;--purple: #7c3aed;--sb-w: 220px;--topbar-h: 68px;--radius: 14px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:none;border:none;font:inherit}input{font:inherit;outline:none;border:none;background:none}.hd-root{min-height:100dvh;background:var(--bg);font-family:Plus Jakarta Sans,sans-serif;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}.hd-sidebar{width:var(--sb-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0 12px;position:fixed;top:0;left:0;bottom:0;z-index:40;overflow-y:auto}.sb-logo{display:flex;align-items:center;height:var(--topbar-h);padding:0 8px;border-bottom:1px solid var(--border2);margin-bottom:8px}.sb-logo img{height:30px;width:auto}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sb-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);color:var(--sub);font-size:13.5px;font-weight:500;transition:background .15s,color .15s;width:100%;text-align:left}.sb-link:hover{background:var(--bg);color:var(--text)}.sb-link.active{background:var(--text);color:#fff}.sb-link.active .sb-icon{color:#fff}.sb-icon{display:flex;flex-shrink:0}.sb-label{white-space:nowrap}.sb-footer{padding:12px 0;border-top:1px solid var(--border2)}.hd-body{margin-left:var(--sb-w);min-height:100dvh;display:flex;flex-direction:column;width:calc(100% - var(--sb-w));max-width:100%;overflow-x:hidden}.hd-topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;width:100%;overflow:hidden;gap:12px}.tp-greeting{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.tp-sub{font-size:12px;color:var(--sub);margin-top:1px}.tp-right{display:flex;align-items:center;gap:12px}.bcv-pill{display:flex;align-items:center;gap:7px;background:var(--orange-lt);border:1px solid #fed7aa;border-radius:20px;padding:5px 14px;font-size:12.5px;color:var(--orange-dk)}.bcv-pill strong{font-weight:600}.bcv-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}.tp-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);color:var(--sub);transition:background .15s}.tp-icon:hover{background:var(--bg)}.tp-avatar{width:36px;height:36px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.hd-content{padding:24px 28px 48px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;overflow-x:hidden}.caja-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius);margin-bottom:16px;animation:cajaBannerIn .35s ease}@keyframes cajaBannerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.caja-banner--warn{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1.5px solid #fed7aa}.caja-banner--ok{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.caja-banner--closed{background:var(--white);border:1px solid var(--border)}.caja-banner-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f973161f;color:#f97316}.caja-banner-icon--ok{background:#16a34a1f;color:#16a34a}.caja-banner-icon--closed{background:#0000000d;color:#888}.caja-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.caja-banner-text strong{font-size:14px;font-weight:700;color:var(--text)}.caja-banner-text span{font-size:12.5px;color:var(--sub)}.caja-banner-btn{padding:10px 22px;background:#f97316;color:#fff;border-radius:10px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;white-space:nowrap;box-shadow:0 2px 8px #f9731640}.caja-banner-btn:hover{background:#ea580c;transform:translateY(-1px)}.caja-banner-btn:active{transform:scale(.97)}.caja-banner-link{font-size:13px;font-weight:600;color:var(--sub);white-space:nowrap;transition:color .15s}.caja-banner-link:hover{color:var(--orange)}.caja-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.caja-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:modalUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.caja-modal-header{text-align:center;padding:28px 28px 0}.caja-modal-header h3{font-size:20px;font-weight:800;margin-top:12px;letter-spacing:-.02em}.caja-modal-header p{font-size:13px;color:var(--sub);margin-top:4px}.caja-modal-body{padding:20px 28px}.caja-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.caja-modal-field label{display:block;font-size:11.5px;font-weight:600;color:var(--sub);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.caja-input-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s;background:#fafaf9}.caja-input-wrap:focus-within{border-color:var(--orange);background:#fff}.caja-input-prefix{padding:0 10px;font-size:13px;font-weight:700;color:var(--sub);border-right:1px solid var(--border);background:#f5f5f5;display:flex;align-items:center;height:42px}.caja-input{flex:1;padding:10px 12px;font-size:15px;font-weight:600;border:none;outline:none;background:transparent;width:100%}.caja-input--full{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500;width:100%;background:#fafaf9;transition:border-color .15s}.caja-input--full:focus{border-color:var(--orange);background:#fff}.caja-hint{display:block;font-size:11px;color:var(--muted);margin-top:4px}.caja-modal-footer{display:flex;gap:10px;padding:16px 28px 24px}.caja-btn-cancel{flex:1;padding:13px;border:1.5px solid var(--border);border-radius:12px;font-size:14px;font-weight:600;color:var(--sub);transition:.15s}.caja-btn-cancel:hover{background:#f5f5f5}.caja-btn-open{flex:1.2;padding:13px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #f973164d}.caja-btn-open:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f9731659}.welcome-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0;background:var(--text);border-radius:var(--radius);padding:32px 36px;color:#fff;width:100%;min-width:0}.wb-left{min-width:0;overflow:hidden}.wb-center,.wb-right{padding-left:36px;border-left:1px solid rgba(255,255,255,.12);margin-left:36px}.wb-label{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px}.wb-greeting{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#fff}.wb-restaurant{display:inline-block;margin-top:8px;background:#f9731633;border:1px solid rgba(249,115,22,.4);color:#fdba74;font-size:11.5px;font-weight:600;padding:3px 11px;border-radius:20px;letter-spacing:.03em}.wb-hint{font-size:12px;color:#fff6;margin-top:10px;font-weight:400}.wb-center{text-align:center;min-width:140px}.wb-time{font-family:DM Mono,monospace;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:500;letter-spacing:-.02em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.wb-date{font-size:11px;color:#ffffff73;text-transform:capitalize;margin-top:6px;letter-spacing:.02em}.wb-right{min-width:160px;text-align:right}.wb-dolar-label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:6px}.wb-dolar-val{font-family:DM Mono,monospace;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:500;letter-spacing:-.02em;color:#fb923c;line-height:1}.wb-dolar-sub{font-size:11px;color:#ffffff59;margin-top:6px;text-transform:capitalize}.wb-deco{position:absolute;border-radius:50%;pointer-events:none}.wb-deco1{width:220px;height:220px;background:#f973161f;top:-60px;right:280px}.wb-deco2{width:120px;height:120px;background:#f9731614;bottom:-40px;right:80px}.kpi-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:14px;width:100%;min-width:0}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.kpi-card.kpi-orange{background:var(--orange);border-color:var(--orange);color:#fff}.kpi-label{font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}.kpi-orange .kpi-label{color:#ffffffbf}.kpi-big{font-family:DM Mono,monospace;font-size:1.75rem;font-weight:500;letter-spacing:-.03em;color:var(--text);line-height:1}.kpi-orange .kpi-big{color:#fff}.kpi-num{font-family:DM Mono,monospace;font-size:1.55rem;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--text)}.kpi-sub{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--sub)}.kpi-orange .kpi-sub{color:#ffffffb3}.main-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:start;width:100%;min-width:0}.left-col,.right-col{display:flex;flex-direction:column;gap:14px;min-width:0;width:100%;overflow:hidden}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0;width:100%;overflow:hidden}.card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.card-ttl{font-size:13px;font-weight:600;color:var(--text)}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:6px 14px;color:var(--muted);min-width:0;flex:1;max-width:200px}.search-wrap input{font-size:12px;color:var(--text);flex:1;min-width:0}.search-wrap input::placeholder{color:var(--muted)}.card-tall{display:flex;flex-direction:column}.act-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.act-table{width:100%;border-collapse:collapse;font-size:13px}.act-table thead th{text-align:left;padding:0 10px 10px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border2);white-space:nowrap}.act-table tbody td{padding:11px 10px;border-bottom:1px solid var(--border2);vertical-align:middle}.act-table tbody tr:last-child td{border-bottom:none}.act-table tbody tr{transition:background .12s}.act-table tbody tr:hover td{background:var(--bg)}.td-name{font-weight:500;color:var(--text);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.td-money{font-family:DM Mono,monospace;font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap}.td-date{font-size:11.5px;color:var(--sub);white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:24px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.02em}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.bg{background:var(--green-lt);color:var(--green)}.by{background:var(--yellow-lt);color:var(--yellow)}.br{background:var(--red-lt);color:var(--red)}.bo{background:var(--orange-lt);color:var(--orange-dk)}.bp{background:var(--purple-lt);color:var(--purple)}.freq-list{display:flex;flex-direction:column;gap:2px}.freq-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm);transition:background .12s}.freq-row:hover{background:var(--bg)}.freq-av{width:38px;height:38px;border-radius:50%;background:var(--orange-lt);color:var(--orange-dk);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.freq-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.freq-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.freq-cnt{font-size:11.5px;color:var(--sub)}.freq-rank{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--muted);flex-shrink:0}.sk{display:block;background:linear-gradient(90deg,var(--border2) 25%,#ececec 50%,var(--border2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1100px){.kpi-strip{grid-template-columns:1fr 1fr}.wb-right{display:none}.welcome-banner{grid-template-columns:1fr auto}}@media (max-width: 900px){:root{--sb-w: 64px}.hd-body{margin-left:var(--sb-w);width:calc(100% - var(--sb-w))}.sb-label{display:none}.sb-link{justify-content:center;padding:12px;gap:0}.sb-logo{justify-content:center;padding:0}.sb-logo img{height:28px}.hd-topbar{padding:0 16px;gap:8px}.tp-greeting{font-size:1rem}.tp-sub{display:none}.bcv-pill{font-size:11px;padding:4px 10px}.hd-content{padding:16px 16px 40px}.kpi-strip{grid-template-columns:1fr 1fr;gap:10px}.main-grid{grid-template-columns:1fr}.welcome-banner{padding:24px}.wb-center{min-width:110px;margin-left:24px;padding-left:24px}}@media (max-width: 640px){.caja-banner{flex-direction:column;text-align:center;gap:12px;padding:20px}.caja-banner-btn{width:100%}.caja-modal-row{grid-template-columns:1fr}.welcome-banner{grid-template-columns:1fr;gap:0;padding:22px 20px}.wb-left{margin-bottom:0}.wb-center{border-left:none;border-top:1px solid rgba(255,255,255,.12);margin-left:0;padding-left:0;padding-top:16px;margin-top:16px;text-align:left;display:flex;align-items:baseline;gap:10px;min-width:0}.wb-time{font-size:1.8rem}.wb-date{margin-top:0;font-size:10px}.wb-right{display:block;text-align:left;border-left:none;border-top:1px solid rgba(255,255,255,.12);margin-left:0;padding-left:0;padding-top:16px;margin-top:16px}}@media (max-width: 560px){:root{--sb-w: 0px}.hd-sidebar{display:none}.hd-body{margin-left:0;width:100%}.hd-topbar{padding:0 14px;gap:8px}.tp-left{min-width:0;overflow:hidden}.tp-greeting{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tp-sub,.bcv-pill{display:none}.hd-content{padding:12px 12px 40px;gap:12px}.kpi-strip{grid-template-columns:1fr 1fr;gap:8px}.kpi-big{font-size:1.3rem}.kpi-num{font-size:1.15rem}.kpi-card{padding:14px}.kpi-label{font-size:10.5px}.main-grid{grid-template-columns:1fr;gap:12px}.card{padding:14px}.card-hdr{flex-wrap:wrap;gap:8px}.card-ttl{font-size:12.5px}.search-wrap{max-width:100%;flex:1}.act-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}.td-name{max-width:90px;font-size:12px}.td-money{font-size:11.5px}.td-date{font-size:10.5px}.act-table thead th{font-size:10px;padding:0 8px 8px}.act-table tbody td{padding:9px 8px}.freq-av{width:32px;height:32px;font-size:12px}.freq-name{font-size:12px}.freq-cnt{font-size:11px}.welcome-banner{border-radius:10px}.wb-greeting{font-size:1.4rem}.wb-hint{display:none}}@media (max-width: 380px){.kpi-strip{grid-template-columns:1fr 1fr;gap:6px}.kpi-big{font-size:1.15rem}.kpi-num{font-size:1rem}.kpi-card{padding:12px}.hd-content{padding:10px 10px 36px;gap:10px}.card{padding:12px}}.inventario-container{padding:28px 28px 60px;color:#111}.inventario-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.inventario-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.inventario-subtitle{font-size:12.5px;color:#888;margin-top:4px}.inv-loading{padding:60px;text-align:center;color:#888}.inv-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f5f5f5;border-radius:10px;padding:4px}.inv-tab{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;color:#888;cursor:pointer;border:none;background:none;transition:.15s}.inv-tab--active{background:#fff;color:#111;box-shadow:0 1px 3px #0000000f}.inv-toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.inv-search-input{padding:9px 14px;border:1px solid #ebebeb;border-radius:8px;font-size:13px;background:#fff;min-width:200px;flex:1}.inv-search-input:focus{outline:none;border-color:#f97316}.inv-select{padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:13px;background:#fff}.inv-select:focus{outline:none;border-color:#f97316}.inv-count{font-size:12px;color:#888;font-family:DM Mono,monospace;margin-bottom:12px}.inv-info-text{font-size:13px;color:#888;margin-bottom:16px;line-height:1.5}.inv-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border, #ebebeb);transition:.15s;white-space:nowrap;background:var(--bg-card, #fff);color:var(--text-primary, #111)}.inv-btn:hover{background:var(--bg-card-hover, #f5f5f5)}.inv-btn--primary{background:var(--accent, #f97316)!important;color:#fff!important;border-color:var(--accent, #f97316)!important}.inv-btn--primary:hover{opacity:.88}.inv-btn--primary:disabled{background:var(--text-muted, #ccc)!important;border-color:transparent!important;cursor:not-allowed}.inv-btn--secondary{background:var(--bg-card, #fff);color:var(--text-primary, #111);border:1px solid var(--border, #ebebeb)}.inv-btn--secondary:hover{background:var(--bg-card-hover, #f5f5f5)}.inv-btn--sm{padding:6px 12px;font-size:12px}.inv-table-wrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.inv-table thead{background:#f8f8f7}.inv-table th{padding:11px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.inv-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5;vertical-align:middle}.inv-table tbody tr{transition:background .1s}.inv-table tbody tr:hover{background:#fafaf9}.inv-row--out{background:#fef2f2!important}.inv-row--low{background:#fffbeb!important}.inv-empty{text-align:center;color:#888;padding:40px!important}.inv-mp-name{display:block;font-weight:700;font-size:13.5px}.inv-mp-desc{display:block;font-size:11.5px;color:#888;margin-top:2px}.inv-cat-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;border:1px solid;white-space:nowrap}.inv-stock-num{font-size:15px;font-weight:800;font-family:DM Mono,monospace}.inv-stock--ok{color:#16a34a}.inv-stock--low{color:#ca8a04}.inv-stock--out{color:#dc2626}.inv-unit{font-size:12px;color:#888;font-weight:500;background:#f5f5f5;padding:2px 8px;border-radius:4px}.inv-badge{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:10px;white-space:nowrap}.inv-badge--ok{background:#dcfce7;color:#16a34a}.inv-badge--low{background:#fef3c7;color:#ca8a04}.inv-badge--out{background:#fee2e2;color:#dc2626}.inv-actions{display:flex;gap:4px}.inv-action-btn{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #ebebeb;background:#fff;color:#555;transition:.15s}.inv-action-btn:hover{background:#f5f5f5;border-color:#ddd}.inv-action-btn--danger{color:#dc2626}.inv-action-btn--danger:hover{background:#fee2e2;border-color:#fca5a5}.inv-recetas-list{display:flex;flex-direction:column;gap:10px}.inv-receta-card{background:#fff;border:1px solid #ebebeb;border-radius:10px;overflow:hidden}.inv-receta-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.inv-receta-prod{display:flex;align-items:center;gap:10px}.inv-receta-img{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid #ebebeb}.inv-receta-name{display:block;font-weight:700;font-size:13.5px}.inv-receta-price{display:block;font-size:12px;color:#f97316;font-weight:600}.inv-receta-meta{display:flex;align-items:center;gap:8px}.inv-receta-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px}.inv-receta-status--ok{background:var(--green-lt, #dcfce7);color:var(--green, #16a34a)}.inv-receta-status--none{background:var(--bg-elevated, #f5f5f5);color:var(--text-secondary, #888)}.inv-receta-ingredients{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:6px}.inv-ing-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;background:#eff6ff;color:#2563eb;border-radius:6px}.inv-ing-pill small{color:#888;font-size:10px}.inv-ing-remove{font-size:11px;color:#dc2626;cursor:pointer;margin-left:4px;background:none;border:none;font-weight:700}.inv-receta-current{margin-bottom:16px}.inv-receta-current h4{font-size:13px;font-weight:700;margin-bottom:8px}.inv-receta-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.inv-receta-merma{font-size:11px;color:#888}.inv-unidades-grid{display:flex;flex-direction:column;gap:20px}.inv-unidad-tipo{font-size:13px;font-weight:700;color:#555;margin-bottom:8px;text-transform:capitalize}.inv-unidad-pills{display:flex;flex-wrap:wrap;gap:6px}.inv-unidad-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:6px 12px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.inv-unidad-pill strong{color:#f97316;margin-right:2px}.inv-unidad-del{font-size:11px;color:#dc2626;cursor:pointer;margin-left:4px;background:none;border:none;font-weight:700}.inv-ajuste-tipos{display:flex;gap:6px;margin-bottom:16px;margin-top:8px}.inv-ajuste-tipo{flex:1;padding:10px 8px;border:1px solid #ebebeb;border-radius:8px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;background:#fff;transition:.15s}.inv-ajuste-tipo:hover{border-color:#ddd}.inv-ajuste-tipo--active{border-color:#f97316;background:#fff7ed;color:#f97316}.inv-ajuste-signo{font-size:16px;font-weight:800;display:block;margin-bottom:2px}.inv-ajuste-preview{font-size:13px;color:#555;margin-top:12px;background:#f8f8f7;padding:10px 14px;border-radius:8px}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.inv-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.inv-modal--sm{max-width:440px}.inv-modal h3{font-size:18px;font-weight:700;margin-bottom:16px}.inv-modal h4{font-size:14px;font-weight:700}.inv-modal label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.inv-modal-info{font-size:13px;color:#888;margin-bottom:12px}.inv-input{width:100%;padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px}.inv-input:focus{outline:none;border-color:#f97316}.inv-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inv-modal-full{grid-column:1 / -1}.inv-modal-footer{display:flex;gap:8px;margin-top:20px}.inv-modal-footer .inv-btn{flex:1;padding:12px}@media (max-width: 768px){.inv-toolbar{flex-direction:column}.inv-search-input{min-width:unset;width:100%}.inv-modal-grid{grid-template-columns:1fr}.inv-ajuste-tipos{flex-direction:column}}.of-page{padding:28px 24px 60px;max-width:1100px;font-family:Plus Jakarta Sans,sans-serif}.of-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.of-page-title{font-size:1.45rem;font-weight:800;color:var(--pr-text, #111827);margin:0 0 4px;letter-spacing:-.4px}.of-page-sub{font-size:13px;color:var(--pr-sub, #6b7280);margin:0}.of-new-btn{display:inline-flex;align-items:center;gap:7px;background:var(--pr-orange, #f97316);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s;flex-shrink:0}.of-new-btn:hover{background:#ea6d0e}.of-new-btn:active{transform:scale(.97)}.of-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.of-filter-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;border:1px solid var(--pr-border, #e5e7eb);background:var(--pr-surface, #fff);color:var(--pr-sub, #6b7280);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.of-filter-btn:hover{border-color:var(--pr-orange, #f97316);color:var(--pr-orange, #f97316)}.of-filter-btn.active{background:var(--pr-orange, #f97316);border-color:var(--pr-orange, #f97316);color:#fff}.of-filter-count{background:#ffffff4d;border-radius:10px;padding:1px 6px;font-size:10.5px}.of-filter-btn.active .of-filter-count{background:#ffffff40}.of-filter-btn:not(.active) .of-filter-count{background:var(--pr-border, #e5e7eb);color:var(--pr-sub, #6b7280)}.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.of-loading{display:flex;justify-content:center;padding:60px 0}.of-spinner{width:32px;height:32px;border:3px solid var(--pr-border, #e5e7eb);border-top-color:var(--pr-orange, #f97316);border-radius:50%;animation:of-spin .8s linear infinite}@keyframes of-spin{to{transform:rotate(360deg)}}.of-empty{text-align:center;padding:64px 24px;color:var(--pr-sub, #6b7280);display:flex;flex-direction:column;align-items:center;gap:12px}.of-empty svg{opacity:.25}.of-empty p{font-size:14px;margin:0}.of-card{background:var(--pr-surface, #fff);border:1px solid var(--pr-border, #e5e7eb);border-radius:var(--pr-radius, 16px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .15s}.of-card:hover{box-shadow:0 6px 24px #00000012;transform:translateY(-2px)}.of-card--off{opacity:.65}.of-card--expired{border-color:#fca5a5}.of-card-img-wrap{position:relative;height:140px;overflow:hidden;background:var(--pr-bg, #f2f2f0)}.of-card-img{width:100%;height:100%;object-fit:cover;display:block}.of-pct-circle{position:absolute;top:10px;right:10px;background:var(--pr-orange, #f97316);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:20px;box-shadow:0 2px 6px #f9731666;letter-spacing:.3px}.of-card-combo-stack{height:100px;position:relative;padding:16px 0 0 20px;background:var(--pr-bg, #f2f2f0);display:flex;align-items:flex-end}.of-combo-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;border:2px solid #fff;position:absolute;bottom:12px;box-shadow:0 2px 8px #0000001f}.of-card-badges{display:flex;gap:6px;padding:10px 12px 0;flex-wrap:wrap}.of-type-badge{display:inline-block;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.2px}.of-type-badge.oferta{background:#fff7ed;color:var(--pr-orange, #f97316);border:1px solid #fed7aa}.of-type-badge.combo{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.of-status-badge{display:inline-block;padding:3px 8px;border-radius:8px;font-size:10.5px;font-weight:700}.of-status-badge.off{background:#f3f4f6;color:var(--pr-sub, #6b7280)}.of-status-badge.expired{background:#fee2e2;color:#dc2626}.of-card-body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.of-card-title{font-size:14px;font-weight:700;color:var(--pr-text, #111827);margin:0;line-height:1.3}.of-card-desc{font-size:12px;color:var(--pr-sub, #6b7280);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.of-price-original{font-size:13px;color:var(--pr-sub, #9ca3af);text-decoration:line-through}.of-price-new{font-size:17px;font-weight:800;color:var(--pr-orange, #f97316)}.of-combo-price{font-size:17px;font-weight:800;color:#16a34a}.of-savings{font-size:11.5px;font-weight:700;background:#dcfce7;color:#16a34a;padding:2px 8px;border-radius:8px}.of-combo-items-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.of-combo-item-chip{font-size:11px;background:var(--pr-bg, #f2f2f0);color:var(--pr-sub, #6b7280);padding:2px 7px;border-radius:6px;border:1px solid var(--pr-border, #e5e7eb)}.of-vigencia-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--pr-sub, #9ca3af);margin:0}.of-card-actions{display:flex;gap:6px;margin-top:4px}.of-action-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid;transition:all .15s}.of-action-btn.toggle.on{flex:1;background:#fff7ed;color:var(--pr-orange, #f97316);border-color:#fed7aa}.of-action-btn.toggle.off{flex:1;background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.of-action-btn.toggle.on:hover{background:var(--pr-orange, #f97316);color:#fff}.of-action-btn.toggle.off:hover{background:#16a34a;color:#fff}.of-action-btn.edit{flex:1;background:var(--pr-surface, #fff);color:var(--pr-sub, #6b7280);border-color:var(--pr-border, #e5e7eb)}.of-action-btn.edit:hover{border-color:var(--pr-text, #111);color:var(--pr-text, #111)}.of-action-btn.del{background:#fff;color:#dc2626;border-color:#fecaca;padding:7px 10px}.of-action-btn.del:hover{background:#dc2626;color:#fff}.of-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;background:var(--pr-bg, #f2f2f0);transform:translateY(100%);animation:of-slide-up .36s cubic-bezier(.16,1,.3,1) forwards}@keyframes of-slide-up{to{transform:translateY(0)}}.of-topbar{background:var(--pr-surface, #fff);border-bottom:1px solid var(--pr-border, #e5e7eb);height:58px;padding:0 20px;display:flex;align-items:center;gap:14px;flex-shrink:0}.of-back-btn{background:var(--pr-bg, #f2f2f0);border:1px solid var(--pr-border, #e5e7eb);border-radius:9px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pr-text, #111827);transition:background .15s;flex-shrink:0}.of-back-btn:hover{background:var(--pr-border, #e5e7eb)}.of-topbar-title{font-size:15.5px;font-weight:800;color:var(--pr-text, #111827);margin:0;letter-spacing:-.3px}.of-tipo-tabs{display:flex;background:var(--pr-surface, #fff);border-bottom:1px solid var(--pr-border, #e5e7eb);padding:10px 20px;gap:8px;flex-shrink:0}.of-tipo-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;border:1.5px solid var(--pr-border, #e5e7eb);background:var(--pr-bg, #f2f2f0);color:var(--pr-sub, #6b7280);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.of-tipo-btn.active{background:var(--pr-orange, #f97316);border-color:var(--pr-orange, #f97316);color:#fff}.of-tipo-btn:not(.active):hover{border-color:var(--pr-orange, #f97316);color:var(--pr-orange, #f97316)}.of-form-body{flex:1;overflow-y:auto;padding:18px 16px;-webkit-overflow-scrolling:touch}.of-form-inner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.of-section{background:var(--pr-surface, #fff);border:1px solid var(--pr-border, #e5e7eb);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.of-sec-hdr{display:flex;align-items:flex-start;gap:10px}.of-sec-icon{width:32px;height:32px;border-radius:8px;background:#fff7ed;color:var(--pr-orange, #f97316);display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-sec-title{font-size:13.5px;font-weight:700;color:var(--pr-text, #111827);margin:0}.of-sec-sub{font-size:11.5px;color:var(--pr-sub, #6b7280);margin:2px 0 0}.of-form-group{display:flex;flex-direction:column;gap:5px}.of-form-group label{font-size:12px;font-weight:600;color:var(--pr-sub, #6b7280);text-transform:uppercase;letter-spacing:.4px}.of-input{padding:10px 12px;border:1.5px solid var(--pr-border, #e5e7eb);border-radius:10px;font-size:14px;font-family:inherit;color:var(--pr-text, #111827);background:var(--pr-surface, #fff);transition:border-color .15s;outline:none}.of-input:focus{border-color:var(--pr-orange, #f97316)}.of-input--highlight{border-color:#fed7aa;background:#fff7ed}.of-input--highlight:focus{border-color:var(--pr-orange, #f97316)}.of-textarea{resize:vertical;min-height:60px}.of-char-count{font-size:11px;color:var(--pr-sub, #9ca3af);text-align:right}.of-price-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.of-discount-preview{display:flex;align-items:center;gap:6px;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;padding:9px 12px;font-size:12.5px;color:var(--pr-orange, #f97316)}.of-discount-preview strong{font-weight:800}.of-selected-product{display:flex;align-items:center;gap:10px;background:var(--pr-bg, #f2f2f0);border:1px solid var(--pr-border, #e5e7eb);border-radius:10px;padding:10px}.of-selected-product img{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.of-sel-name{font-size:13px;font-weight:700;color:var(--pr-text, #111);margin:0}.of-sel-price{font-size:12px;color:var(--pr-sub, #6b7280);margin:2px 0 0}.of-sel-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--pr-sub, #9ca3af);padding:4px;display:flex;align-items:center;border-radius:6px;transition:color .15s,background .15s}.of-sel-remove:hover{color:#dc2626;background:#fee2e2}.of-picker{position:relative}.of-picker-input-wrap{display:flex;align-items:center;gap:8px;background:var(--pr-bg, #f2f2f0);border:1.5px solid var(--pr-border, #e5e7eb);border-radius:10px;padding:0 12px;color:var(--pr-sub, #9ca3af);transition:border-color .15s}.of-picker-input-wrap:focus-within{border-color:var(--pr-orange, #f97316)}.of-picker-input{flex:1;padding:10px 0;border:none;background:transparent;font-size:13.5px;font-family:inherit;color:var(--pr-text, #111);outline:none}.of-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--pr-surface, #fff);border:1px solid var(--pr-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001a;z-index:100;list-style:none;margin:0;padding:6px;max-height:240px;overflow-y:auto}.of-picker-dropdown li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .1s}.of-picker-dropdown li:hover{background:var(--pr-bg, #f2f2f0)}.of-picker-img{width:36px;height:36px;border-radius:7px;object-fit:cover;flex-shrink:0}.of-picker-name{font-size:13px;font-weight:600;color:var(--pr-text, #111);margin:0}.of-picker-price{font-size:11.5px;color:var(--pr-sub, #6b7280);margin:1px 0 0}.of-combo-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.of-combo-row{display:flex;align-items:center;gap:10px;background:var(--pr-bg, #f2f2f0);border:1px solid var(--pr-border, #e5e7eb);border-radius:10px;padding:9px 10px}.of-combo-row-img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0}.of-combo-row-info{flex:1;min-width:0}.of-combo-row-name{font-size:13px;font-weight:600;color:var(--pr-text, #111);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-combo-row-price{font-size:11.5px;color:var(--pr-sub, #6b7280);margin:1px 0 0}.of-combo-qty{display:flex;align-items:center;gap:6px;background:var(--pr-surface, #fff);border:1px solid var(--pr-border, #e5e7eb);border-radius:8px;padding:3px 6px}.of-combo-qty button{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:var(--pr-sub, #6b7280);padding:0 2px;font-weight:700;transition:color .1s}.of-combo-qty button:hover{color:var(--pr-orange, #f97316)}.of-combo-qty span{font-size:13px;font-weight:700;color:var(--pr-text, #111);min-width:18px;text-align:center}.of-combo-row-subtotal{font-size:13px;font-weight:700;color:var(--pr-text, #111);min-width:48px;text-align:right}.of-combo-row-del{background:none;border:none;cursor:pointer;color:var(--pr-sub, #9ca3af);padding:4px;display:flex;align-items:center;border-radius:6px;transition:color .15s,background .15s}.of-combo-row-del:hover{color:#dc2626;background:#fee2e2}.of-combo-sum-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;font-size:13px;font-weight:700;color:#16a34a}.of-savings-display{padding:10px 12px;border-radius:10px;font-size:15px;font-weight:800;background:var(--pr-bg, #f2f2f0);border:1.5px solid var(--pr-border, #e5e7eb);color:var(--pr-sub, #6b7280)}.of-savings-display.positive{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.of-savings-display.negative{background:#fff1f2;border-color:#fecdd3;color:#dc2626}.of-savings-warn{font-size:11px;font-weight:500}.of-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px;font-weight:600;color:var(--pr-text, #111827)}.of-toggle{position:relative;flex-shrink:0}.of-toggle input{position:absolute;opacity:0;width:0;height:0}.of-toggle-track{display:block;width:44px;height:24px;background:var(--pr-border, #d1d5db);border-radius:12px;position:relative;transition:background .2s}.of-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #0003}.of-toggle input:checked~.of-toggle-track{background:var(--pr-orange, #f97316)}.of-toggle input:checked~.of-toggle-track:after{transform:translate(20px)}.of-vigencia-fields{display:flex;flex-direction:column;gap:10px}.of-quick-dates{display:flex;gap:8px;flex-wrap:wrap}.of-quick-date-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--pr-border, #e5e7eb);background:var(--pr-bg, #f2f2f0);color:var(--pr-sub, #6b7280);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.of-quick-date-btn:hover{border-color:var(--pr-orange, #f97316);color:var(--pr-orange, #f97316);background:#fff7ed}.of-date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.of-form-footer{background:var(--pr-surface, #fff);border-top:1px solid var(--pr-border, #e5e7eb);padding:14px 20px;flex-shrink:0}.of-submit-btn{width:100%;background:var(--pr-orange, #f97316);color:#fff;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.2px}.of-submit-btn:hover:not(:disabled){background:#ea6d0e}.of-submit-btn:active:not(:disabled){transform:scale(.98)}.of-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.of-page{padding:18px 14px 60px}.of-page-header{flex-direction:column;align-items:flex-start}.of-grid,.of-price-row,.of-date-row{grid-template-columns:1fr}.of-tipo-tabs{flex-direction:column}.of-tipo-btn{justify-content:center}}.cfg-pagos-container{padding:28px 24px;max-width:860px;margin:0 auto;min-height:100vh;position:relative;color:var(--text-primary, #1a1a1a)}.cfg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--text-secondary, #888)}.cfg-toast{position:fixed;top:20px;right:24px;z-index:9999;padding:14px 22px;border-radius:10px;font-weight:600;font-size:.9rem;box-shadow:0 6px 20px #00000026;animation:cfgSlideIn .3s ease}.cfg-toast--ok{background:var(--green, #16a34a);color:#fff}.cfg-toast--err{background:var(--red, #dc2626);color:#fff}@keyframes cfgSlideIn{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.cfg-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.cfg-title{margin:0 0 4px;font-size:1.6rem;font-weight:700;color:var(--text-primary, #1a1a1a)}.cfg-subtitle{margin:0;color:var(--text-secondary, #888);font-size:.92rem}.cfg-btn-save{display:flex;align-items:center;gap:8px;padding:12px 26px;background:var(--accent, #f97316);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.cfg-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cfg-btn-save:disabled{opacity:.65;cursor:not-allowed}.cfg-sections{display:grid;gap:18px}.cfg-card{background:var(--bg-card, #fff);border:1px solid var(--border, #ebebeb);border-radius:14px;overflow:hidden;transition:box-shadow .2s}.cfg-card:hover{box-shadow:var(--shadow-md)}.cfg-card-header{display:flex;align-items:center;gap:16px;padding:18px 22px}.cfg-card-icon{width:46px;height:46px;background:var(--accent-lt, #fff7ed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.cfg-card-title{flex:1}.cfg-card-title h3{margin:0 0 2px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #1a1a1a)}.cfg-card-title p{margin:0;font-size:.85rem;color:var(--text-secondary, #888)}.cfg-card-body{border-top:1px solid var(--border-light, #f3f4f6);padding:20px 22px;display:grid;gap:16px;background:var(--bg-elevated, #fafafa)}.cfg-field{display:flex;flex-direction:column;gap:6px}.cfg-field label{font-size:.82rem;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.03em}.cfg-field input,.cfg-field select{padding:10px 14px;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:.95rem;color:var(--text-primary, #1a1a1a);background:var(--bg-card, #fff);outline:none;transition:border-color .2s}.cfg-field input:focus,.cfg-field select:focus{border-color:var(--accent, #f97316)}.cfg-toggle{width:48px;height:26px;border-radius:13px;border:none;cursor:pointer;background:#d1d5db;position:relative;transition:background .25s;flex-shrink:0;padding:0}.cfg-toggle--on{background:var(--accent, #f97316)}.cfg-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:left .25s}.cfg-toggle--on .cfg-toggle-thumb{left:25px}.cfg-spinner{width:38px;height:38px;border:4px solid var(--border, #f3f3f3);border-top:4px solid var(--accent, #f97316);border-radius:50%;animation:cfgSpin 1s linear infinite}.cfg-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top:2px solid #fff;border-radius:50%;display:inline-block;animation:cfgSpin .8s linear infinite}@keyframes cfgSpin{to{transform:rotate(360deg)}}@media (max-width: 600px){.cfg-pagos-container{padding:18px 14px 100px}.cfg-page-header{flex-direction:column}.cfg-btn-save{display:none}.cfg-fab-wrap{display:flex}.cfg-fab-save{width:100%;padding:16px 22px;background:var(--accent, #f97316);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer}}.cfg-fab-wrap{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg-card, #fff);border-top:1px solid var(--border, #eee);box-shadow:0 -4px 16px #00000014}.pos-page{padding:28px 28px 60px;font-family:Plus Jakarta Sans,sans-serif;background:#f2f2f0;min-height:100vh}.pos-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pos-page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:#111}.pos-page-subtitle{font-size:12.5px;color:#888}.pos-tasa{background:#fff;border:1px solid #ebebeb;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:#111}.pos-layout{display:flex;gap:24px;height:calc(100vh - 180px)}.pos-left{flex:1;overflow-y:auto}.pos-right{width:360px;flex-shrink:0}.pos-right--desktop{display:block}.pos-search-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ebebeb;border-radius:8px;padding:8px 14px;margin-bottom:16px}.pos-search-input{flex:1;font-size:14px;border:none;outline:none;background:transparent;font-family:Plus Jakarta Sans,sans-serif;color:#111}.pos-search-input::placeholder{color:#888}.pos-tags-row{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.pos-tags-row::-webkit-scrollbar{height:0}.pos-tag-btn{padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:500;background:#fff;border:1px solid #ebebeb;color:#888;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:Plus Jakarta Sans,sans-serif}.pos-tag-btn:hover{border-color:#ddd}.pos-tag-btn--active{background:#111;color:#fff;border-color:#111}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pos-product-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;overflow:hidden;transition:all .15s ease;text-align:left;padding:0;cursor:pointer;position:relative}.pos-product-card:hover{box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;border-color:#ddd;transform:translateY(-1px)}.pos-product-card--agotado{opacity:.5;pointer-events:none}.pos-product-img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pos-product-img--placeholder{display:flex;align-items:center;justify-content:center;background:#f5f5f5}.pos-product-info{padding:8px 10px}.pos-product-name{display:block;font-size:13px;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-price{font-size:13px;font-weight:700;color:#f97316}.pos-badge-agotado{position:absolute;top:8px;right:8px;background:#dc2626;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.pos-loading,.pos-empty{text-align:center;color:#888;padding:40px;font-size:14px}.pos-cart{background:#fff;border:1px solid #ebebeb;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.pos-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5}.pos-cart-title{font-size:16px;font-weight:700;color:#111}.pos-cart-clear{font-size:12px;color:#dc2626;font-weight:500;cursor:pointer;background:none;border:none;font-family:Plus Jakarta Sans,sans-serif}.pos-cart-clear:hover{text-decoration:underline}.pos-cart-fields{padding:0 16px;display:flex;gap:8px;margin-top:12px}.pos-cart-input{flex:1;padding:8px 10px;border:1px solid #ebebeb;border-radius:8px;font-size:13px;font-family:Plus Jakarta Sans,sans-serif;color:#111;outline:none}.pos-cart-input:focus{border-color:#f97316}.pos-cart-items{flex:1;overflow-y:auto;padding:12px 16px}.pos-cart-empty{text-align:center;color:#ccc;padding:40px 0}.pos-cart-empty p{margin-top:8px;font-size:13px}.pos-cart-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.pos-cart-item:last-child{border-bottom:none}.pos-cart-item-info{flex:1;min-width:0}.pos-cart-item-name{display:block;font-size:13px;font-weight:600;color:#111}.pos-cart-item-price{font-size:12px;color:#888}.pos-cart-item-actions{display:flex;align-items:center;gap:6px}.pos-qty-btn{width:28px;height:28px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#111;border:none;cursor:pointer;transition:background .15s ease;font-family:Plus Jakarta Sans,sans-serif}.pos-qty-btn:hover{background:#ebebeb}.pos-qty-num{font-size:14px;font-weight:600;width:24px;text-align:center;color:#111}.pos-remove-btn{color:#dc2626;padding:4px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.pos-remove-btn:hover{opacity:.7}.pos-cart-totals{padding:12px 16px;border-top:1px solid #ebebeb}.pos-cart-row{display:flex;justify-content:space-between;font-size:13px;color:#888;margin-bottom:4px}.pos-cart-row--total{font-size:16px;font-weight:700;color:#111;margin-top:4px}.pos-checkout-btn{margin:12px 16px 16px;padding:14px;background:#f97316;color:#fff;border-radius:10px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:background .15s ease;font-family:Plus Jakarta Sans,sans-serif;text-align:center}.pos-checkout-btn:hover{background:#ea580c}.pos-checkout-btn:disabled{background:#ccc;cursor:not-allowed}.pos-mobile-cart-btn{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#f97316;align-items:center;justify-content:center;box-shadow:0 4px 12px #f9731666;z-index:100;border:none;cursor:pointer;color:#fff}.pos-mobile-cart-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pos-mobile-cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;flex-direction:column;justify-content:flex-end}.pos-mobile-cart-overlay .pos-cart{border-radius:16px 16px 0 0;max-height:80vh}.pos-mobile-close{padding:12px;background:#111;color:#fff;font-weight:600;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;text-align:center;width:100%}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.pos-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;margin:16px}.pos-modal--receipt{max-width:380px}.pos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f5f5f5}.pos-modal-header h3{font-size:18px;font-weight:700;color:#111;margin:0}.pos-modal-close{font-size:24px;color:#888;padding:4px 8px;background:none;border:none;cursor:pointer;line-height:1}.pos-modal-close:hover{color:#111}.pos-modal-body{padding:20px 24px}.pos-modal-total{text-align:center;margin-bottom:24px}.pos-modal-total span:first-child{display:block;font-size:13px;color:#888}.pos-modal-total-amount{display:block;font-size:32px;font-weight:800;color:#111}.pos-modal-total-bs{display:block;font-size:14px;color:#888;margin-top:4px}.pos-modal-label{font-size:13px;font-weight:600;margin-bottom:12px;color:#111}.pos-metodos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.pos-metodo-btn{padding:12px 8px;border:2px solid #ebebeb;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;transition:all .15s ease;cursor:pointer;background:#fff;color:#111;font-family:Plus Jakarta Sans,sans-serif}.pos-metodo-btn:hover{border-color:#ddd}.pos-metodo-btn--active{border-color:#f97316;background:#fff7ed}.pos-modal-field{margin-bottom:16px}.pos-modal-field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#111}.pos-modal-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:#111;outline:none;box-sizing:border-box}.pos-modal-input:focus{border-color:#f97316;outline:none}.pos-cambio{margin-top:8px;font-size:14px;font-weight:700;color:#16a34a}.pos-modal-footer{display:flex;gap:8px;padding:16px 24px;border-top:1px solid #f5f5f5}.pos-btn-cancel{flex:1;padding:12px;border:1px solid #ebebeb;border-radius:10px;font-weight:600;color:#888;background:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .15s ease}.pos-btn-cancel:hover{background:#f5f5f5}.pos-btn-pay{flex:1;padding:12px;background:#f97316;color:#fff;border-radius:10px;font-weight:700;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:background .15s ease}.pos-btn-pay:disabled{background:#ccc;cursor:not-allowed}.pos-btn-pay:hover:not(:disabled){background:#ea580c}.pos-receipt{padding:16px 24px;font-family:DM Mono,monospace;font-size:13px;color:#111}.receipt-header{text-align:center;margin-bottom:12px}.receipt-line{border-top:1px dashed #cccccc;margin:10px 0}.receipt-row{display:flex;justify-content:space-between;margin:3px 0}.receipt-total{font-weight:700;font-size:15px}.receipt-footer{text-align:center;margin-top:12px;color:#888;font-size:11px}.pos-fiado-btn{margin:0 16px 16px;padding:11px;background:transparent;color:#888;border:1.5px dashed #ddd;border-radius:10px;font-size:13px;font-weight:600;transition:all .15s;cursor:pointer}.pos-fiado-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb,249,115,22),.06)}.pos-fiado-btn:disabled{opacity:.4;cursor:not-allowed}.pos-client-wrap{position:relative;flex:1;min-width:0}.pos-client-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg-card, #fff);border:1px solid var(--border, #ebebeb);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:240px;overflow-y:auto;margin-top:4px}.pos-client-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;transition:background .12s;text-align:left;font:inherit;color:var(--text-primary, #111)}.pos-client-option:hover{background:var(--bg-card-hover, #f5f5f5)}.pos-client-option+.pos-client-option{border-top:1px solid var(--border-light, #f5f5f5)}.pos-client-av{width:32px;height:32px;border-radius:50%;background:var(--accent, #f97316);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.pos-client-info{display:flex;flex-direction:column;min-width:0}.pos-client-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-client-phone{font-size:11px;color:var(--text-secondary, #888)}.pos-cart-input--sm{flex:.6}.pos-mesa-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid var(--border, #ebebeb);border-radius:8px;background:var(--bg-input, #fafaf9);font-size:13px;cursor:pointer;transition:border-color .15s;color:var(--text-primary, #111);font:inherit;min-width:140px}.pos-mesa-btn:hover{border-color:var(--accent)}.pos-mesa-btn svg{color:var(--text-muted, #bbb);flex-shrink:0}.pos-mesa-placeholder{color:var(--text-muted, #bbb)}.pos-mesa-selected{display:flex;align-items:center;gap:6px;font-weight:600}.pos-mesa-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pos-mesa-dot--disponible{background:#16a34a}.pos-mesa-dot--ocupada{background:#dc2626}.pos-mesa-dot--reservada{background:#2563eb}.pos-mesa-modal{background:var(--bg-card, #fff);border-radius:16px;width:100%;max-width:520px;max-height:80vh;overflow-y:auto}.pos-mesa-modal-body{padding:16px 20px 20px}.pos-mesa-salon{margin-bottom:16px}.pos-mesa-salon-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pos-mesa-salon-dot{width:10px;height:10px;border-radius:50%}.pos-mesa-salon-name{font-size:14px;font-weight:700;color:var(--text-primary, #111)}.pos-mesa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pos-mesa-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:10px;border:2px solid var(--border, #ebebeb);background:var(--bg-card, #fff);cursor:pointer;transition:.15s;gap:2px}.pos-mesa-card:hover:not(:disabled){border-color:var(--accent)}.pos-mesa-card--selected{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.06)!important}.pos-mesa-card--disponible{border-left:3px solid #16a34a}.pos-mesa-card--ocupada{opacity:.4;cursor:not-allowed;border-left:3px solid #dc2626}.pos-mesa-card--reservada{opacity:.4;cursor:not-allowed;border-left:3px solid #2563eb}.pos-mesa-card--mantenimiento{opacity:.3;cursor:not-allowed}.pos-mesa-num{font-size:18px;font-weight:800;color:var(--text-primary, #111)}.pos-mesa-cap{font-size:11px;color:var(--text-secondary, #888)}.pos-mesa-status{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pos-mesa-status--disponible{color:#16a34a}.pos-mesa-status--ocupada{color:#dc2626}.pos-mesa-status--reservada{color:#2563eb}.pos-mesa-clear{width:100%;padding:10px;margin-top:8px;border:1px dashed var(--border);border-radius:8px;background:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.pos-mesa-clear:hover{color:#dc2626;border-color:#dc2626}.pos-modal--wide{max-width:520px}.mix-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:10px;margin-top:4px}.mix-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.mix-quick-btn{padding:10px 6px;border:1.5px solid #ebebeb;border-radius:8px;font-size:12.5px;font-weight:600;color:#555;cursor:pointer;transition:.15s;text-align:center}.mix-quick-btn:hover{border-color:#f97316;color:#f97316;background:#fff7ed}.mix-partial-form{background:#f8f8f7;border:1px solid #ebebeb;border-radius:10px;padding:16px;margin-bottom:12px}.mix-partial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mix-partial-method{font-size:14px;font-weight:700;color:#111}.mix-partial-cancel{font-size:12px;font-weight:600;color:#888;cursor:pointer;border:none;background:none}.mix-partial-cancel:hover{color:#f97316}.mix-partial-fields{display:flex;gap:10px;margin-bottom:12px}.mix-partial-field{flex:1}.mix-partial-field label{display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.mix-partial-input{width:100%;padding:10px 12px;border:1.5px solid #ebebeb;border-radius:8px;font-size:15px;font-weight:600}.mix-partial-input:focus{outline:none;border-color:#f97316}.mix-partial-hint{display:block;font-size:11px;color:#888;margin-top:4px}.mix-partial-add{width:100%;padding:12px;background:#16a34a;color:#fff;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:.15s}.mix-partial-add:hover:not(:disabled){background:#15803d}.mix-partial-add:disabled{background:#ccc;cursor:not-allowed}.mix-pagos-list{margin-bottom:16px}.mix-pago-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.mix-pago-metodo{font-weight:600;min-width:100px}.mix-pago-monto{font-weight:700;font-family:DM Mono,monospace}.mix-pago-ref{font-size:11px;color:#888}.mix-pago-remove{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-weight:700}.mix-pago-remove:hover{background:#dc2626;color:#fff}.mix-pago-summary{margin-top:8px;border-top:1.5px solid #ebebeb;padding-top:8px}.mix-pago-row--total{font-weight:700;font-size:14px}.mix-pago-row--rest{color:#f97316;font-weight:600}.mix-pago-row--cambio{color:#16a34a;font-weight:600}.mix-pago-row--total span:last-child,.mix-pago-row--rest span:last-child,.mix-pago-row--cambio span:last-child{margin-left:auto}.mix-progress{height:6px;background:#f5f5f5;border-radius:3px;margin-bottom:16px;overflow:hidden}.mix-progress-bar{height:100%;background:linear-gradient(90deg,#f97316,#16a34a);border-radius:3px;transition:width .3s}@media (max-width: 768px){.pos-page{padding:16px 16px 80px}.pos-layout{flex-direction:column;height:auto}.pos-right{width:100%}.pos-right--desktop{display:none}.pos-mobile-cart-btn{display:flex}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pos-metodos-grid{grid-template-columns:repeat(2,1fr)}.pos-modal{margin:8px}}.cocina-container{padding:28px 28px 60px;color:#111}.cocina-loading{padding:60px;text-align:center;color:#888}.cocina-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cocina-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.cocina-subtitle{font-size:12.5px;color:#888;margin-top:4px}.cocina-header-actions{display:flex;align-items:center;gap:8px}.cocina-search input{padding:8px 14px;border:1px solid #ebebeb;border-radius:8px;font-size:13px;background:#fff;width:180px}.cocina-search input:focus{outline:none;border-color:#f97316}.cocina-audio-btn{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #ebebeb;font-size:16px;display:flex;align-items:center;justify-content:center}.cocina-audio-btn--muted{opacity:.5}.cocina-refresh-btn{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #ebebeb;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cocina-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-height:calc(100vh - 200px)}.cocina-columna{background:#f8f8f7;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.cocina-columna-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid}.cocina-columna-title{font-size:14px;font-weight:700}.cocina-columna-count{color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:10px}.cocina-columna-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.cocina-empty{text-align:center;color:#bbb;font-size:13px;padding:40px 0}.cocina-card{background:#fff;border-radius:10px;padding:14px;border:1px solid #ebebeb;transition:box-shadow .15s}.cocina-card:hover{box-shadow:0 2px 8px #0000000f}.cocina-card--urgente{border-left:3px solid #dc2626}.cocina-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cocina-card-type{display:flex;align-items:center;gap:6px}.cocina-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.cocina-badge--local{background:#eff6ff;color:#2563eb}.cocina-badge--delivery{background:#fef9c3;color:#ca8a04}.cocina-card-id{font-size:13px;font-weight:700;font-family:DM Mono,monospace;color:#111}.cocina-card-time{font-size:12px;color:#888;font-weight:500}.cocina-card-time--urgente{color:#dc2626;font-weight:700}.cocina-card-mesa{font-size:12px;color:#2563eb;font-weight:600;margin-bottom:2px}.cocina-card-cliente{font-size:12px;color:#888;margin-bottom:8px}.cocina-card-items{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.cocina-card-item{display:flex;align-items:baseline;gap:6px;font-size:13px}.cocina-item-qty{font-weight:700;color:#f97316;min-width:24px}.cocina-item-name{font-weight:500}.cocina-item-nota{font-size:11px;color:#888;font-style:italic}.cocina-card-action{width:100%;padding:10px;background:#111;color:#fff;border-radius:8px;font-size:13px;font-weight:700;transition:background .15s;cursor:pointer}.cocina-card-action:hover{background:#333}@media (max-width: 900px){.cocina-kanban{grid-template-columns:1fr}.cocina-columna{min-height:auto}}.mesas-container{padding:28px 28px 60px;color:#111}.mesas-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.mesas-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.mesas-subtitle{font-size:12.5px;color:#888;margin-top:4px}.mesas-header-actions{display:flex;gap:8px;flex-wrap:wrap}.mesas-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;border:none}.mesas-btn--primary{background:#f97316;color:#fff}.mesas-btn--primary:hover{background:#ea580c}.mesas-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.mesas-btn--secondary:hover{background:#f5f5f5}.mesas-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f5f5f5;border-radius:10px;padding:4px}.mesas-tab{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;color:#888;cursor:pointer;border:none;background:none;transition:.15s}.mesas-tab--active{background:#fff;color:#111;box-shadow:0 1px 3px #0000000f}.mesas-salon{margin-bottom:28px}.mesas-salon-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mesas-salon-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mesas-salon-name{font-size:16px;font-weight:700}.mesas-salon-count{font-size:12px;color:var(--text-secondary, #888);background:var(--bg-elevated, #f5f5f5);padding:3px 10px;border-radius:10px}.mesas-salon-edit,.mesas-salon-del{font-size:12px;color:#888;cursor:pointer;border:none;background:none}.mesas-salon-edit:hover{color:#2563eb}.mesas-salon-del:hover{color:#dc2626}.mesas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mesa-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:.15s;position:relative}.mesa-card:hover{box-shadow:0 2px 8px #0000000f}.mesa-card--disponible{border-left:3px solid #16a34a}.mesa-card--ocupada{border-left:3px solid #dc2626;background:#fef2f2}.mesa-card--reservada{border-left:3px solid #2563eb;background:#eff6ff}.mesa-card--mantenimiento{border-left:3px solid #888;background:#f9fafb}.mesa-card-number{font-size:22px;font-weight:800;margin-bottom:4px}.mesa-card-cap{font-size:12px;color:#888;margin-bottom:8px}.mesa-card-estado{display:inline-block;color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px}.mesa-card-actions{margin-top:10px}.mesa-card-btn{font-size:11px;color:#2563eb;font-weight:600;cursor:pointer;border:none;background:none}.mesa-card-btn:hover{text-decoration:underline}.mesas-reservaciones{display:flex;flex-direction:column;gap:10px}.mesas-reserva-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #ebebeb;border-radius:10px;padding:14px 18px;gap:16px}.mesas-reserva-info{display:flex;flex-direction:column;gap:2px}.mesas-reserva-info strong{font-size:14px}.mesas-reserva-info span{font-size:12px;color:#888}.mesas-reserva-nota{font-style:italic}.mesas-reserva-actions{display:flex;align-items:center;gap:10px}.mesas-reserva-select{padding:6px 10px;border:1px solid #ebebeb;border-radius:6px;font-size:12px}.mesas-estado-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px}.mesas-estado-badge--confirmada{background:#dcfce7;color:#16a34a}.mesas-estado-badge--sentados{background:#eff6ff;color:#2563eb}.mesas-estado-badge--completada{background:#f5f5f5;color:#888}.mesas-estado-badge--cancelada{background:#fee2e2;color:#dc2626}.mesas-estado-badge--no_show{background:#fef9c3;color:#ca8a04}.mesas-empty{text-align:center;color:#888;padding:40px;font-size:14px}.mesas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.mesas-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.mesas-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.mesas-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;margin-top:14px;color:#555}.mesas-modal-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px}.mesas-modal-input:focus{outline:none;border-color:#f97316}.mesas-modal-color{width:60px;height:36px;border:1px solid #ebebeb;border-radius:8px;cursor:pointer}.mesas-modal-footer{display:flex;gap:8px;margin-top:24px}.mesas-modal-footer .mesas-btn{flex:1;padding:12px}.mesas-forma-picker{display:flex;gap:6px;margin-top:4px}.mesas-forma-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:1.5px solid var(--border, #ebebeb);border-radius:8px;background:var(--bg-card, #fff);color:var(--text-secondary, #888);font-size:11px;font-weight:600;cursor:pointer;transition:.15s}.mesas-forma-btn--active{border-color:var(--accent, #f97316);color:var(--accent);background:rgba(var(--accent-rgb,249,115,22),.06)}.mesas-forma-icon{width:28px;height:28px;border:2px solid currentColor}.mesas-forma-icon--cuadrada{border-radius:4px}.mesas-forma-icon--redonda{border-radius:50%}.mesas-forma-icon--rectangular{border-radius:4px;width:40px;height:24px}.fp-salon{margin-bottom:28px}.fp-salon-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fp-salon-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fp-salon-name{font-size:16px;font-weight:700;color:var(--text-primary, #111)}.fp-salon-count{font-size:12px;color:var(--text-secondary, #888);background:var(--bg-elevated, #f5f5f5);padding:2px 10px;border-radius:10px}.fp-hint{font-size:12px;color:var(--text-muted, #bbb);margin-bottom:10px}.fp-canvas{position:relative;width:100%;min-height:400px;background:var(--bg-card, #fff);border:2px solid var(--border, #ebebeb);border-radius:14px;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.fp-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--border, #ddd) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.5}.fp-mesa{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border:2.5px solid;cursor:grab;transition:box-shadow .15s;z-index:10;gap:1px}.fp-mesa:hover{box-shadow:0 4px 16px #0000001f;z-index:20}.fp-mesa--dragging{cursor:grabbing;box-shadow:0 8px 28px #0003;z-index:30;transform:scale(1.08);transition:none}.fp-mesa--cuadrada{border-radius:8px}.fp-mesa--redonda{border-radius:50%}.fp-mesa--rectangular{width:110px;height:66px;border-radius:8px}.fp-mesa-num{font-size:16px;font-weight:800;color:var(--text-primary, #111);line-height:1}.fp-mesa-cap{font-size:10px;color:var(--text-secondary, #888);font-weight:600}.fp-mesa-dot{width:8px;height:8px;border-radius:50%;margin-top:2px}.fp-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #bbb);font-size:14px}@media (max-width: 768px){.mesas-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.mesas-reserva-card{flex-direction:column;align-items:flex-start}.fp-canvas{min-height:300px}.fp-mesa{width:60px;height:60px}.fp-mesa--rectangular{width:88px;height:52px}.fp-mesa-num{font-size:14px}}.staff-container{padding:28px 28px 60px;color:#111}.staff-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.staff-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.staff-subtitle{font-size:12.5px;color:#888;margin-top:4px}.staff-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.staff-btn--primary{background:#f97316;color:#fff}.staff-btn--primary:hover{background:#ea580c}.staff-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.staff-search{margin-bottom:20px}.staff-search input{padding:10px 14px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;width:100%;max-width:320px;background:#fff}.staff-search input:focus{outline:none;border-color:#f97316}.staff-table-wrap{overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.staff-table thead{background:#f8f8f7}.staff-table th{padding:12px 16px;font-size:12px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em}.staff-table td{padding:12px 16px;font-size:13px;border-top:1px solid #f5f5f5}.staff-row--inactive{opacity:.5}.staff-name-cell{display:flex;align-items:center;gap:10px}.staff-avatar{width:32px;height:32px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.staff-name{display:block;font-weight:600}.staff-email{display:block;font-size:12px;color:#888}.staff-rol-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;background:#f5f5f5;color:#555}.staff-permisos-pills{display:flex;flex-wrap:wrap;gap:4px}.staff-permiso-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;background:#eff6ff;color:#2563eb}.staff-permiso-pill--admin{background:#dcfce7;color:#16a34a}.staff-estado-btn{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;border:none;cursor:pointer}.staff-estado-btn--activo{background:#dcfce7;color:#16a34a}.staff-estado-btn--inactivo{background:#fee2e2;color:#dc2626}.staff-edit-btn{font-size:12px;color:#2563eb;font-weight:600;cursor:pointer;border:none;background:none}.staff-edit-btn:hover{text-decoration:underline}.staff-empty{text-align:center;color:#888;padding:40px;font-size:14px}.staff-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.staff-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.staff-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.staff-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:#555}.staff-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.staff-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px}.staff-input:focus{outline:none;border-color:#f97316}.staff-modal-section{margin-bottom:16px}.staff-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;cursor:pointer}.staff-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#f97316}.staff-permisos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;margin-top:8px}.staff-modal-footer{display:flex;gap:8px;margin-top:24px}.staff-modal-footer .staff-btn{flex:1;padding:12px}@media (max-width: 768px){.staff-modal-grid{grid-template-columns:1fr}.staff-permisos-grid{grid-template-columns:repeat(2,1fr)}}.nominas-container{padding:28px 28px 60px;color:#111}.nominas-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.nominas-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.nominas-subtitle{font-size:12.5px;color:#888;margin-top:4px}.nom-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.nom-btn--primary{background:#f97316;color:#fff}.nom-btn--primary:hover{background:#ea580c}.nom-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.nom-btn--secondary:hover{background:#f5f5f5}.nominas-list{display:flex;flex-direction:column;gap:12px}.nominas-empty{text-align:center;color:#888;padding:40px;font-size:14px}.nomina-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;overflow:hidden}.nomina-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .15s;gap:16px}.nomina-card-header:hover{background:#fafafa}.nomina-card-info h3{font-size:15px;font-weight:700;margin:0}.nomina-card-info span{font-size:12px;color:#888}.nomina-card-stats{display:flex;align-items:center;gap:12px}.nomina-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;color:#fff;text-transform:capitalize}.nomina-total{font-size:16px;font-weight:800}.nomina-count,.nomina-chevron{font-size:12px;color:#888}.nomina-card-body{padding:0 20px 20px;border-top:1px solid #f5f5f5}.nomina-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.nomina-summary-item{background:#f8f8f7;border-radius:10px;padding:14px;text-align:center}.nomina-summary-item span{display:block;font-size:12px;color:#888;margin-bottom:4px}.nomina-summary-item strong{font-size:18px}.nomina-table{width:100%;border-collapse:collapse;margin-bottom:16px}.nomina-table thead{background:#f8f8f7}.nomina-table th{padding:10px 12px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase}.nomina-table td{padding:10px 12px;font-size:13px;border-top:1px solid #f5f5f5}.nom-del-btn{width:24px;height:24px;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:12px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.nomina-card-actions{display:flex;gap:8px}.nom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.nom-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.nom-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.nom-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.nom-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px}.nom-input:focus{outline:none;border-color:#f97316}.nom-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.nom-modal-footer{display:flex;gap:8px;margin-top:24px}.nom-modal-footer .nom-btn{flex:1;padding:12px}@media (max-width: 768px){.nomina-summary{grid-template-columns:1fr}.nomina-card-stats{flex-wrap:wrap}.nom-grid-2{grid-template-columns:1fr}}.finanzas-container{padding:28px 28px 60px;color:#111}.finanzas-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.finanzas-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.finanzas-subtitle{font-size:12.5px;color:#888;margin-top:4px}.fin-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.fin-btn--primary{background:#f97316;color:#fff}.fin-btn--primary:hover{background:#ea580c}.finanzas-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f5f5f5;border-radius:10px;padding:4px}.fin-tab{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;color:#888;cursor:pointer;border:none;background:none;transition:.15s}.fin-tab--active{background:#fff;color:#111;box-shadow:0 1px 3px #0000000f}.fin-periodo-selector{display:flex;gap:4px;margin-bottom:20px}.fin-periodo-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #ebebeb;background:#fff;color:#888;cursor:pointer;transition:.15s}.fin-periodo-btn--active{background:#111;color:#fff;border-color:#111}.fin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.fin-stat-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px}.fin-stat-card--highlight{background:#111;border-color:#111}.fin-stat-card--highlight .fin-stat-label{color:#aaa}.fin-stat-card--highlight .fin-stat-value{color:#fff}.fin-stat-label{display:block;font-size:12px;color:#888;font-weight:500;margin-bottom:6px}.fin-stat-value{display:block;font-size:24px;font-weight:800}.fin-bar-container{display:flex;flex-direction:column;gap:8px}.fin-bar{height:8px;background:#f5f5f5;border-radius:4px;overflow:hidden}.fin-bar-fill{height:100%;border-radius:4px;transition:width .3s}.fin-bar-fill--ingresos{background:#16a34a}.fin-bar-fill--gastos{background:#dc2626}.fin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.fin-table thead{background:#f8f8f7}.fin-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em}.fin-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.fin-mono{font-family:DM Mono,monospace;font-size:12px}.fin-bold{font-weight:700}.fin-pago-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;background:#f5f5f5;color:#555;text-transform:capitalize}.finanzas-asientos{display:flex;flex-direction:column;gap:10px}.fin-asiento-card{background:#fff;border:1px solid #ebebeb;border-radius:10px;overflow:hidden}.fin-asiento-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer}.fin-asiento-header:hover{background:#fafafa}.fin-asiento-desc{font-size:14px;font-weight:600;display:block}.fin-asiento-date{font-size:12px;color:#888}.fin-asiento-tipo{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;background:#eff6ff;color:#2563eb;text-transform:capitalize}.fin-asiento-lines{width:100%;border-collapse:collapse;border-top:1px solid #f5f5f5}.fin-asiento-lines th{padding:8px 18px;font-size:11px;font-weight:600;text-align:left;color:#888;background:#f8f8f7}.fin-asiento-lines td{padding:8px 18px;font-size:13px;border-top:1px solid #f5f5f5}.fin-plan-group{margin-bottom:24px}.fin-plan-group-title{font-size:15px;font-weight:700;margin-bottom:10px}.finanzas-empty{text-align:center;color:#888;padding:40px;font-size:14px}.finanzas-empty .fin-btn{margin-top:12px}@media (max-width: 768px){.fin-stats-grid{grid-template-columns:repeat(2,1fr)}}.prov-container{padding:28px 28px 60px;color:#111}.prov-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.prov-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.prov-subtitle{font-size:12.5px;color:#888;margin-top:4px}.prov-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.prov-btn--primary{background:#f97316;color:#fff}.prov-btn--primary:hover{background:#ea580c}.prov-btn--primary:disabled{opacity:.6;cursor:not-allowed}.prov-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.prov-btn--secondary:hover{background:#f5f5f5}.prov-filters{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.prov-search-wrap{flex:1}.prov-search-input{width:100%;padding:10px 14px;border:1px solid #ebebeb;border-radius:10px;font-size:14px;background:#fff}.prov-search-input:focus{outline:none;border-color:#f97316}.prov-filter-cats{display:flex;gap:4px;flex-wrap:wrap}.prov-filter-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid #ebebeb;background:#fff;color:#888;cursor:pointer;transition:.15s}.prov-filter-btn--active{background:#111;color:#fff;border-color:#111}.prov-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #ebebeb;background:#fff}.prov-table{width:100%;border-collapse:collapse;min-width:800px}.prov-table thead{background:#f8f8f7}.prov-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em}.prov-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.prov-table tbody tr:hover{background:#fafafa}.prov-td-name{font-weight:600}.prov-td-mono{font-family:DM Mono,monospace;font-size:12px}.prov-row--inactive{opacity:.5}.prov-empty{text-align:center;color:#888;padding:40px;font-size:14px}.prov-cat-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;white-space:nowrap}.prov-saldo{font-family:DM Mono,monospace;font-size:13px;font-weight:600}.prov-saldo--deuda{color:#dc2626}.prov-estado-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;text-transform:capitalize}.prov-estado-badge--activo{background:#d1fae5;color:#065f46}.prov-estado-badge--inactivo{background:#f5f5f5;color:#888}.prov-actions{display:flex;gap:6px}.prov-action-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.prov-action-btn--edit{background:#eff6ff;color:#2563eb}.prov-action-btn--edit:hover{background:#dbeafe}.prov-action-btn--deactivate{background:#fef3c7;color:#92400e}.prov-action-btn--deactivate:hover{background:#fde68a}.prov-action-btn--activate{background:#d1fae5;color:#065f46}.prov-action-btn--activate:hover{background:#a7f3d0}.prov-action-btn--delete{background:#fee2e2;color:#dc2626}.prov-action-btn--delete:hover{background:#fecaca}.prov-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.prov-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.prov-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.prov-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.prov-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;box-sizing:border-box}.prov-input:focus{outline:none;border-color:#f97316}.prov-textarea{resize:vertical;font-family:inherit}.prov-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prov-grid-2 label{margin-top:12px}.prov-modal-footer{display:flex;gap:8px;margin-top:24px}.prov-modal-footer .prov-btn{flex:1;padding:12px}@media (max-width: 768px){.prov-container{padding:16px 16px 60px}.prov-grid-2{grid-template-columns:1fr}.prov-header{flex-direction:column;align-items:flex-start}.prov-filter-cats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}.cxp-container{padding:28px 28px 60px;color:#111}.cxp-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cxp-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.cxp-subtitle{font-size:12.5px;color:#888;margin-top:4px}.cxp-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.cxp-btn--primary{background:#f97316;color:#fff}.cxp-btn--primary:hover{background:#ea580c}.cxp-btn--primary:disabled{opacity:.6;cursor:not-allowed}.cxp-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.cxp-btn--secondary:hover{background:#f5f5f5}.cxp-btn--small{padding:5px 12px;font-size:12px;border-radius:6px;background:#f97316;color:#fff}.cxp-btn--small:hover{background:#ea580c}.cxp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.cxp-stat-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px}.cxp-stat-card--danger{border-left:3px solid #dc2626}.cxp-stat-card--danger .cxp-stat-value{color:#dc2626}.cxp-stat-card--warning{border-left:3px solid #f59e0b}.cxp-stat-card--warning .cxp-stat-value{color:#f59e0b}.cxp-stat-label{display:block;font-size:12px;color:#888;font-weight:500;margin-bottom:6px}.cxp-stat-value{display:block;font-size:24px;font-weight:800}.cxp-filters{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.cxp-filter-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #ebebeb;background:#fff;color:#888;cursor:pointer;transition:.15s}.cxp-filter-btn--active{background:#111;color:#fff;border-color:#111}.cxp-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #ebebeb;background:#fff}.cxp-table{width:100%;border-collapse:collapse;min-width:950px}.cxp-table thead{background:#f8f8f7}.cxp-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em}.cxp-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.cxp-table tbody tr:hover{background:#fafafa}.cxp-td-name{font-weight:600}.cxp-td-mono{font-family:DM Mono,monospace;font-size:12px}.cxp-empty{text-align:center;color:#888;padding:40px;font-size:14px}.cxp-row--vencida{background:#fff5f5}.cxp-row--vencida:hover{background:#fee2e2!important}.cxp-row--por-vencer{background:#fffbeb}.cxp-row--por-vencer:hover{background:#fef3c7!important}.cxp-fecha--vencida{color:#dc2626;font-weight:700}.cxp-fecha--por-vencer{color:#f59e0b;font-weight:600}.cxp-estado-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;text-transform:capitalize;white-space:nowrap}.cxp-saldo{font-family:DM Mono,monospace;font-size:13px;font-weight:600}.cxp-saldo--deuda{color:#dc2626}.cxp-progress-wrap{display:flex;align-items:center;gap:8px}.cxp-progress-bar{flex:1;height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden;min-width:50px}.cxp-progress-fill{height:100%;border-radius:3px;transition:width .3s}.cxp-progress-text{font-family:DM Mono,monospace;font-size:12px;white-space:nowrap}.cxp-expand-btn{width:26px;height:26px;border-radius:6px;border:1px solid #ebebeb;background:#fff;cursor:pointer;font-size:10px;color:#888;display:flex;align-items:center;justify-content:center;transition:.15s}.cxp-expand-btn:hover{background:#f5f5f5}.cxp-expanded-row td{padding:0;background:#fafafa}.cxp-abonos-section{padding:16px 20px 20px}.cxp-abonos-title{font-size:14px;font-weight:700;margin-bottom:10px}.cxp-factura-info{font-size:12px;color:#888;margin-bottom:10px}.cxp-no-abonos{font-size:13px;color:#888}.cxp-notas-text{font-size:12px;color:#888;margin-top:10px;font-style:italic}.cxp-abonos-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;border:1px solid #ebebeb;background:#fff}.cxp-abonos-table thead{background:#f8f8f7}.cxp-abonos-table th{padding:8px 12px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase}.cxp-abonos-table td{padding:8px 12px;font-size:13px;border-top:1px solid #f5f5f5}.cxp-metodo-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#f5f5f5;color:#555}.cxp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.cxp-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.cxp-modal--small{max-width:460px}.cxp-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.cxp-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.cxp-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;box-sizing:border-box}.cxp-input:focus{outline:none;border-color:#f97316}.cxp-textarea{resize:vertical;font-family:inherit}.cxp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cxp-grid-2 label{margin-top:12px}.cxp-modal-footer{display:flex;gap:8px;margin-top:24px}.cxp-modal-footer .cxp-btn{flex:1;padding:12px}@media (max-width: 768px){.cxp-container{padding:16px 16px 60px}.cxp-stats-grid{grid-template-columns:repeat(2,1fr)}.cxp-grid-2{grid-template-columns:1fr}.cxp-header{flex-direction:column;align-items:flex-start}.cxp-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}.cxc-container{padding:28px 28px 60px;color:#111}.cxc-loading{padding:40px;text-align:center;color:#888}.cxc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cxc-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.cxc-subtitle{font-size:12.5px;color:#888;margin-top:4px}.cxc-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.cxc-btn--primary{background:#f97316;color:#fff}.cxc-btn--primary:hover{background:#ea580c}.cxc-btn--primary:disabled{opacity:.6;cursor:not-allowed}.cxc-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.cxc-btn--secondary:hover{background:#f5f5f5}.cxc-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}.cxc-summary-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px}.cxc-summary-label{display:block;font-size:12px;color:#888;font-weight:500;margin-bottom:6px}.cxc-summary-value{display:block;font-size:24px;font-weight:800}.cxc-filters{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.cxc-filter-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #ebebeb;background:#fff;color:#888;cursor:pointer;transition:.15s}.cxc-filter-btn--active{background:#111;color:#fff;border-color:#111}.cxc-table-wrap{overflow-x:auto}.cxc-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.cxc-table thead{background:#f8f8f7}.cxc-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cxc-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.cxc-row{transition:background .1s}.cxc-row:hover{background:#fafafa}.cxc-row--expanded{background:#fafaf8}.cxc-bold{font-weight:700}.cxc-mono{font-family:DM Mono,monospace;font-size:12px}.cxc-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;color:#fff;text-transform:capitalize;white-space:nowrap}.cxc-actions{display:flex;gap:6px}.cxc-action-btn{width:30px;height:30px;border-radius:8px;font-size:11px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.cxc-action-btn--expand{background:#f5f5f5;color:#555}.cxc-action-btn--expand:hover{background:#ebebeb}.cxc-action-btn--cobro{background:#dcfce7;color:#16a34a}.cxc-action-btn--cobro:hover{background:#bbf7d0}.cxc-action-btn--whatsapp{background:#d1fae5;color:#059669}.cxc-action-btn--whatsapp:hover{background:#a7f3d0}.cxc-cobros-row td{padding:0!important;border-top:none!important}.cxc-cobros-container{padding:16px 20px 20px;background:#fafaf8}.cxc-cobros-title{font-size:13px;font-weight:700;margin-bottom:10px;color:#555}.cxc-cobros-empty{font-size:13px;color:#888}.cxc-cobros-table{width:100%;border-collapse:collapse}.cxc-cobros-table thead{background:#f0f0ee}.cxc-cobros-table th{padding:8px 12px;font-size:10px;font-weight:600;text-align:left;color:#888;text-transform:uppercase}.cxc-cobros-table td{padding:8px 12px;font-size:12px;border-top:1px solid #eee}.cxc-empty{text-align:center;color:#888;padding:40px;font-size:14px}.cxc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:16px}.cxc-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.cxc-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.cxc-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.cxc-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;box-sizing:border-box}.cxc-input:focus{outline:none;border-color:#f97316}.cxc-textarea{resize:vertical;font-family:inherit}.cxc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.cxc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:4px}.cxc-modal-footer{display:flex;gap:8px;margin-top:24px}.cxc-modal-footer .cxc-btn{flex:1;padding:12px}@media (max-width: 768px){.cxc-container{padding:16px 16px 60px}.cxc-summary,.cxc-grid-2,.cxc-grid-3{grid-template-columns:1fr}.cxc-table{font-size:12px}.cxc-table th,.cxc-table td{padding:8px 10px}}.caja-container{padding:28px 28px 60px;color:#111}.caja-loading{padding:40px;text-align:center;color:#888}.caja-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.caja-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.caja-subtitle{font-size:12.5px;color:#888;margin-top:4px}.caja-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.caja-btn--primary{background:#f97316;color:#fff}.caja-btn--primary:hover{background:#ea580c}.caja-btn--primary:disabled{opacity:.6;cursor:not-allowed}.caja-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.caja-btn--secondary:hover{background:#f5f5f5}.caja-btn--danger{background:#dc2626;color:#fff}.caja-btn--danger:hover{background:#b91c1c}.caja-btn--danger:disabled{opacity:.6;cursor:not-allowed}.caja-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f5f5f5;border-radius:10px;padding:4px}.caja-tab{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;color:#888;cursor:pointer;border:none;background:none;transition:.15s}.caja-tab--active{background:#fff;color:#111;box-shadow:0 1px 3px #0000000f}.caja-banner{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:14px;margin-bottom:24px;gap:16px;flex-wrap:wrap}.caja-banner--abierta{background:#f0fdf4;border:1px solid #bbf7d0}.caja-banner--cerrada{background:#f5f5f5;border:1px solid #ebebeb}.caja-banner--sin{background:#fffbeb;border:1px solid #fde68a}.caja-banner-content{display:flex;align-items:center;gap:14px}.caja-banner-content strong{font-size:15px;display:block}.caja-banner-content p{font-size:12.5px;color:#666;margin:3px 0 0}.caja-banner-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.caja-banner-dot--abierta{background:#16a34a}.caja-banner-dot--cerrada{background:#9ca3af}.caja-banner-dot--sin{background:#f59e0b}.caja-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.caja-totales{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.caja-total-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:18px}.caja-total-card--ingreso{border-left:3px solid #16a34a}.caja-total-card--egreso{border-left:3px solid #dc2626}.caja-total-label{display:block;font-size:12px;color:#888;font-weight:500;margin-bottom:6px}.caja-total-value{display:block;font-size:20px;font-weight:800}.caja-section-title{font-size:15px;font-weight:700;margin-bottom:12px}.caja-movimientos{margin-bottom:24px}.caja-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.caja-table thead{background:#f8f8f7}.caja-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.caja-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.caja-mono{font-family:DM Mono,monospace;font-size:12px}.caja-monto--ingreso{color:#16a34a;font-weight:600}.caja-monto--egreso{color:#dc2626;font-weight:600}.caja-tipo-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;white-space:nowrap}.caja-tipo-badge--ingreso{background:#dcfce7;color:#16a34a}.caja-tipo-badge--egreso{background:#fee2e2;color:#dc2626}.caja-empty{text-align:center;color:#888;padding:40px;font-size:14px}.caja-historial-list{display:flex;flex-direction:column;gap:12px}.caja-hist-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;overflow:hidden}.caja-hist-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f5f5f5}.caja-hist-date{font-size:14px;font-weight:700;text-transform:capitalize}.caja-hist-badge{font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;text-transform:capitalize}.caja-hist-badge--abierta{background:#dcfce7;color:#16a34a}.caja-hist-badge--cerrada{background:#f5f5f5;color:#6b7280}.caja-hist-body{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px}.caja-hist-stat span{display:block;font-size:11px;color:#888;margin-bottom:3px}.caja-hist-stat strong{font-size:14px}.caja-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:16px}.caja-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.caja-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.caja-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.caja-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;box-sizing:border-box}.caja-input:focus{outline:none;border-color:#f97316}.caja-textarea{resize:vertical;font-family:inherit}.caja-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.caja-modal-footer{display:flex;gap:8px;margin-top:24px}.caja-modal-footer .caja-btn{flex:1;padding:12px}.caja-tipo-selector{display:flex;gap:4px;margin-top:4px}.caja-tipo-btn{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;border:1px solid #ebebeb;background:#fff;color:#888;transition:.15s}.caja-tipo-btn--ingreso-active{background:#dcfce7;color:#16a34a;border-color:#16a34a}.caja-tipo-btn--egreso-active{background:#fee2e2;color:#dc2626;border-color:#dc2626}.caja-diferencia{margin-top:16px;padding:16px;background:#f8f8f7;border-radius:12px}.caja-diferencia h4{font-size:14px;font-weight:700;margin-bottom:10px}.caja-diff-item{text-align:center}.caja-diff-item span{display:block;font-size:12px;color:#888;margin-bottom:4px}.caja-diff-item strong{font-size:16px}.caja-diff-item small{font-size:11px;font-weight:400}@media (max-width: 768px){.caja-container{padding:16px 16px 60px}.caja-totales,.caja-hist-body{grid-template-columns:repeat(2,1fr)}.caja-grid-2{grid-template-columns:1fr}.caja-banner{flex-direction:column;align-items:flex-start}}.gastos-container{padding:28px 28px 60px;color:#111}.gastos-loading{padding:40px;text-align:center;color:#888}.gastos-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.gastos-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.gastos-subtitle{font-size:12.5px;color:#888;margin-top:4px}.gastos-btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s}.gastos-btn--primary{background:#f97316;color:#fff}.gastos-btn--primary:hover{background:#ea580c}.gastos-btn--primary:disabled{opacity:.6;cursor:not-allowed}.gastos-btn--secondary{background:#fff;color:#111;border:1px solid #ebebeb}.gastos-btn--secondary:hover{background:#f5f5f5}.gastos-periodo{display:flex;gap:4px;margin-bottom:20px}.gastos-periodo-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #ebebeb;background:#fff;color:#888;cursor:pointer;transition:.15s}.gastos-periodo-btn--active{background:#111;color:#fff;border-color:#111}.gastos-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.gastos-summary-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px}.gastos-summary-card--wide{grid-column:1 / -1}.gastos-summary-label{display:block;font-size:12px;color:#888;font-weight:500;margin-bottom:6px}.gastos-summary-value{display:block;font-size:24px;font-weight:800}.gastos-cat-breakdown{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.gastos-cat-item{display:flex;align-items:center;gap:6px;font-size:13px;background:#f8f8f7;padding:6px 12px;border-radius:8px}.gastos-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gastos-cat-name{color:#555;font-weight:500}.gastos-cat-val{font-weight:700;font-family:DM Mono,monospace;font-size:12px}.gastos-filters{display:flex;gap:12px;margin-bottom:20px;align-items:flex-end;flex-wrap:wrap}.gastos-filter-group{display:flex;flex-direction:column;gap:4px}.gastos-filter-group label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase}.gastos-select{padding:8px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:13px;background:#fff;min-width:140px}.gastos-select:focus{outline:none;border-color:#f97316}.gastos-table-wrap{overflow-x:auto}.gastos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ebebeb}.gastos-table thead{background:#f8f8f7}.gastos-table th{padding:12px 14px;font-size:11px;font-weight:600;text-align:left;color:#888;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.gastos-table td{padding:10px 14px;font-size:13px;border-top:1px solid #f5f5f5}.gastos-table tr:hover{background:#fafafa}.gastos-bold{font-weight:700}.gastos-mono{font-family:DM Mono,monospace;font-size:12px}.gastos-cat-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px;white-space:nowrap;border:1px solid}.gastos-actions{display:flex;gap:6px}.gastos-action-btn{width:28px;height:28px;border-radius:8px;font-size:11px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.gastos-action-btn--edit{background:#eff6ff;color:#2563eb}.gastos-action-btn--edit:hover{background:#dbeafe}.gastos-action-btn--delete{background:#fee2e2;color:#dc2626}.gastos-action-btn--delete:hover{background:#fecaca}.gastos-empty{text-align:center;color:#888;padding:40px;font-size:14px}.gastos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300;padding:16px}.gastos-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.gastos-modal h3{font-size:18px;font-weight:700;margin-bottom:20px}.gastos-modal label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;margin-top:12px;color:#555}.gastos-input{width:100%;padding:10px 12px;border:1px solid #ebebeb;border-radius:8px;font-size:14px;box-sizing:border-box}.gastos-input:focus{outline:none;border-color:#f97316}.gastos-textarea{resize:vertical;font-family:inherit}.gastos-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.gastos-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:4px}.gastos-modal-footer{display:flex;gap:8px;margin-top:24px}.gastos-modal-footer .gastos-btn{flex:1;padding:12px}.gastos-recurrente{margin-top:16px;padding:14px;background:#f8f8f7;border-radius:10px}.gastos-toggle-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;cursor:pointer}.gastos-toggle{width:44px;height:24px;border-radius:12px;background:#ddd;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.gastos-toggle--on{background:#f97316}.gastos-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.gastos-toggle--on .gastos-toggle-thumb{transform:translate(20px)}@media (max-width: 768px){.gastos-container{padding:16px 16px 60px}.gastos-summary,.gastos-grid-2,.gastos-grid-3{grid-template-columns:1fr}.gastos-filters{flex-direction:column}.gastos-select{width:100%}.gastos-table{font-size:12px}.gastos-table th,.gastos-table td{padding:8px 10px}}