:root{--primary-color:#4a9eff;--secondary-color:#333;--accent-color:#4a9eff;--text-color:#fff;--text-secondary:#ccc;--background-color:#14141e;--card-background:#ffffff0d;--border-color:#ffffff1a;--border-color-light:#ffffff0d;--hover-bg:#ffffff1a;--warning-color:#d97706;--border-radius:8px;--box-shadow:0 4px 6px #0000004d;--transition-speed:0.2s}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#1e2846,#0a0a14);background-attachment:fixed;color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#4a9eff;color:var(--accent-color);text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed) ease}a:hover{color:#333;color:var(--secondary-color)}input,select,textarea{background-color:#ffffff0d;background-color:var(--card-background);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-color);margin-bottom:15px;padding:10px;transition:border-color .2s ease;transition:border-color var(--transition-speed) ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#4a9eff;border-color:var(--primary-color);outline:none}.business-app{min-height:100vh}.business-content{overflow-y:auto;padding:20px}.loading-screen{background-color:#14141e;background-color:var(--background-color);color:#fff;color:var(--text-color);font-size:1.5rem}.ar-mode-active{background-color:#000000b3;border-radius:20px;box-shadow:0 0 10px #00000080;color:#fff;font-weight:700;left:50%;padding:10px 15px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.ar-mode body{background-color:initial!important}.ar-session-active .webxr-canvas{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.ar-button.ar-active{animation:pulse 2s infinite;background-color:#ff4a4a;color:#fff}.ar-button.ar-active .ar-text{font-weight:700}.ar-camera-warning{background-color:#ff3c3ce6;border-radius:20px;bottom:80px;box-shadow:0 0 10px #00000080;color:#fff;font-weight:700;left:50%;max-width:80%;padding:10px 15px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1001}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--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(90deg,#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__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@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,0,0)}to{opacity:0;transform:translate3d(2000px,0,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,0,0)}to{opacity:0;transform:translate3d(-2000px,0,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,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,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,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-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--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-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: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%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.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:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-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--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--glass-bg:#ffffff14;--glass-highlight:#ffffff26;--glass-shadow:#0000001a;--primary-color:#232323e6;--primary-gradient:linear-gradient(135deg,#1e1e1ed9,#141414f2)}.gerented-overlay{background-color:initial;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:999}.gerented-widget{animation:widget-appear .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background-color:#ffffff14;background-color:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;bottom:20px;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff1a;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px var(--glass-border);display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;transform-origin:bottom right;transition:all .4s cubic-bezier(.16,1,.3,1);width:350px;z-index:1000}@keyframes widget-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gerented-widget.expanded{box-shadow:0 12px 48px #00000040,inset 0 0 0 1px #ffffff1a;box-shadow:0 12px 48px #00000040,inset 0 0 0 1px var(--glass-border);height:600px;transform:scale(1.03);width:450px}.gerented-widget-header{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background:linear-gradient(135deg,#1e1e1ed9,#141414f2);background:var(--primary-gradient);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:14px 18px;position:relative}.gerented-widget-header:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.gerented-widget-title{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;font-weight:600;gap:8px;text-shadow:0 2px 4px #0003}.gerented-widget-icon{animation:pulse-subtle 3s infinite alternate;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px}@keyframes pulse-subtle{0%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}to{filter:drop-shadow(0 3px 8px rgba(0,100,255,.4))}}.gerented-widget-controls{display:flex;gap:10px}.gerented-widget-controls button{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.gerented-widget-controls button:after{background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.gerented-widget-controls button:hover{background-color:#ffffff40;transform:translateY(-2px)}.gerented-widget-controls button:hover:after{opacity:1}.gerented-widget-controls button:active{transform:translateY(0)}.control-button.close-button:hover{background-color:#ff63634d}.gerented-widget-body{background-color:initial;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.gerented-widget-body:before{background:radial-gradient(circle at center,#ffffff0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gerented-widget-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.gerented-widget-message{animation:message-appear .3s ease-out forwards;display:flex;flex-direction:column;max-width:80%;opacity:0;transform:translateY(10px);transition:all .3s ease}@keyframes message-appear{to{opacity:1;transform:translateY(0)}}.gerented-widget-message.user-message{align-self:flex-end;animation-delay:.1s}.gerented-widget-message.gerented-message{align-self:flex-start;animation-delay:.2s}.message-content{border-radius:20px;box-shadow:0 2px 12px #00000014;padding:12px 16px;position:relative;transition:all .2s ease}.message-content:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.user-message .message-content{background:linear-gradient(135deg,#282828d9,#323232e6);border:1px solid #ffffff26;border-bottom-right-radius:4px;color:#fff}.gerented-message .message-content,.user-message .message-content{backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength))}.gerented-message .message-content{background:#f3f4f666;border:1px solid #fff3;border-bottom-left-radius:4px;color:#1f2937;overflow:hidden;position:relative}.gerented-message .message-content:before{background:radial-gradient(circle at top left,#ffffff26,#0000 80%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.message-text{font-size:14px;line-height:1.6}.message-text ol,.message-text ul{margin:8px 0;padding-left:20px}.message-text li{margin-bottom:4px}.message-text .prompt-question{color:#4b5563;font-weight:500;margin-top:10px}.message-time{font-size:10px;margin-top:4px;text-align:right}.details-button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.action-button{background:linear-gradient(135deg,#28283cf2,#3c3c50f2);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 3px 10px #0003;font-size:.75rem;font-weight:500;letter-spacing:.2px;max-width:280px;min-width:130px;overflow:hidden;padding:8px 16px;position:relative;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.action-button span{display:inline-block;padding:0 5px}.action-button:hover{background:linear-gradient(135deg,#3c3c5af2,#50506ef2);box-shadow:0 5px 15px #00000040,0 0 0 1px #fff6}.action-button:active{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.inventory-button{background:linear-gradient(135deg,#1976d2cc,#1e88e5cc);border-color:#0d47a180}.inventory-button:hover{background:linear-gradient(135deg,#1e88e5d9,#29b6f6d9);border-color:#1565c0b3}.add-more-button{background:linear-gradient(135deg,#2e7d32cc,#4caf50cc);border-color:#1b5e2080}.add-more-button:hover{background:linear-gradient(135deg,#388e3cd9,#81c784d9);border-color:#2e7d32b3}.more-details-button{align-items:center;background:linear-gradient(135deg,#424242cc,#616161cc);border:1px solid #21212180;border-radius:20px;box-shadow:0 3px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;justify-content:center;min-width:130px;overflow:hidden;padding:8px 16px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.more-details-button span{display:inline-block;padding:0 5px}.more-details-button:hover{background:linear-gradient(135deg,#616161d9,#757575d9);border-color:#424242b3;box-shadow:0 5px 15px #00000040;transform:translateY(-2px)}.recipe-button{background:linear-gradient(135deg,#00796bcc,#009688cc);border-color:#004d4080}.recipe-button:hover{background:linear-gradient(135deg,#00897bd9,#26a69ad9);border-color:#006064b3}.typing-indicator{padding:8px 2px}.typing-indicator span{background-color:#9ca3afcc;display:inline-block}.gerented-widget-suggestions{-webkit-overflow-scrolling:touch;align-items:center;background:#1e1e1e40;border-top:1px solid #e5e7eb33;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:-5px;overflow-x:auto;padding:10px 15px 15px;position:relative;scroll-behavior:smooth;scrollbar-width:thin}.gerented-widget-suggestions:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.gerented-widget-suggestions::-webkit-scrollbar{height:6px}.gerented-widget-suggestions::-webkit-scrollbar-thumb{background:#96969680;border-radius:10px}.suggestion-chip{backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background:linear-gradient(135deg,#2d2d3ccc,#414155cc);border:1px solid #ffffff40;box-shadow:0 4px 12px #0003;flex:0 0 auto;font-size:12px;height:auto;letter-spacing:.2px;line-height:1.3;max-width:none;min-height:36px;min-width:auto;padding:8px 16px;text-shadow:0 1px 2px #0003;transition:all .25s cubic-bezier(.16,1,.3,1);word-break:keep-all}.suggestion-chip:after{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.suggestion-chip:hover{background:linear-gradient(135deg,#4b4b5fe6,#5f5f73e6);border-color:#ffffff80;box-shadow:0 8px 16px #0000004d,0 0 0 1px #ffffff4d;text-shadow:0 2px 4px #0000004d;transform:translateY(-3px) scale(1.05)}.suggestion-chip:hover:after{left:100%}.suggestion-chip:active{box-shadow:0 4px 8px #0003;transform:translateY(-1px) scale(1.02)}.gerented-widget-input{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background:#ffffff0d;border-top:1px solid #e5e7eb1a;display:flex;padding:14px 20px;position:relative}.gerented-widget-input:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.gerented-widget-input input{backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background:#f3f4f633;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:inset 0 2px 4px #00000008;color:#1f2937;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease}.gerented-widget-input input:focus{background:#ffffff4d;border-color:#2828284d;box-shadow:0 0 0 3px #28282826,inset 0 2px 4px #00000008;transform:translateY(-1px)}.gerented-widget-input input::placeholder{color:#1f293780}.gerented-widget-input button{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur-strength));background:#f0f0f0e6;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 3px 8px #0003;color:#000;cursor:pointer;display:flex;font-size:24px;height:52px;justify-content:center;margin-left:10px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:52px}.gerented-widget-input button:hover{background:#fff;box-shadow:0 6px 15px #00000026;color:#000;transform:translateY(-3px)}.gerented-widget-input button:active{transform:translateY(-1px)}.gerented-widget-input button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.image-upload-button,.voice-button{background:#e6e6e6f2!important;color:#000!important}.voice-button.listening{background:#ffdcdcf2!important;color:#000!important}.send-button{display:none!important}.gerented-widget-messages::-webkit-scrollbar,.gerented-widget-suggestions::-webkit-scrollbar{height:6px;width:6px}.gerented-widget-messages::-webkit-scrollbar-track,.gerented-widget-suggestions::-webkit-scrollbar-track{background:#f3f4f60d;border-radius:10px}.gerented-widget-messages::-webkit-scrollbar-thumb,.gerented-widget-suggestions::-webkit-scrollbar-thumb{background:#9ca3af33;border:1px solid #ffffff1a;border-radius:10px}.gerented-widget-messages::-webkit-scrollbar-thumb:hover,.gerented-widget-suggestions::-webkit-scrollbar-thumb:hover{background:#6b72804d}@media (max-width:768px){.gerented-widget{animation:widget-appear-mobile .5s cubic-bezier(.16,1,.3,1);border-radius:0;bottom:0;height:100%;right:0;width:100%}@keyframes widget-appear-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gerented-widget.expanded{height:100%;transform:none;width:100%}.gerented-widget-header{padding:16px}.gerented-widget-input{padding:12px 16px}.gerented-widget-suggestions{justify-content:space-between;padding:12px 16px}.suggestion-chip{box-shadow:0 3px 10px #00000026;flex:1 1;font-size:11px;letter-spacing:.1px;line-height:1.2;max-width:32%;min-height:32px;min-width:30%;padding:6px 10px}.action-button{letter-spacing:.1px}.action-button,.more-details-button{font-size:.7rem;min-width:110px;padding:7px 16px}.details-button-container{gap:8px}}.voice-control{color:#666;transition:color .3s ease}.voice-control.active{color:#1976d2}.voice-control:hover{color:#2196f3}.voice-loading-indicator{background-color:#1976d21a;border-radius:4px;color:#1976d2;font-size:14px;margin:8px;padding:8px 12px;text-align:center}.speaking-indicator{animation:pulse 1.5s infinite;background-color:#1976d2cc;border-radius:4px;bottom:10px;color:#fff;font-size:12px;left:10px;padding:4px 8px;position:absolute;z-index:10}.business-context-indicator{color:#666;font-size:.85em;font-weight:400;margin-left:4px;opacity:.8}@media (max-width:480px){.business-context-indicator{display:block;font-size:.75em;margin-left:24px;margin-top:-2px;width:100%}}.business-auth-container{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.business-auth-container:after,.business-auth-container:before{animation:float 20s linear infinite;background:#ffffff1a;border-radius:50%;content:"";height:500px;position:absolute;width:500px}.business-auth-container:before{left:-250px;top:-250px}.business-auth-container:after{animation-delay:-10s;bottom:-250px;right:-250px}.business-auth-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:480px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.business-auth-card:hover{box-shadow:0 12px 48px #0003;transform:translateY(-5px)}.business-auth-header{margin-bottom:2rem;text-align:center}.business-logo{color:#fff;font-size:2.5rem;margin-bottom:1rem}.business-auth-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.business-auth-header p{color:#fffc;font-size:1.1rem;margin:.5rem 0}.by-despierta{color:#fff9;font-size:.9rem}.business-auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{position:relative}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #fff3}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.toggle-password{align-items:center;color:#fff9;display:flex;padding:0;right:12px;transition:color .3s ease}.toggle-password:hover{color:#fff}.auth-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:14px;transition:all .3s ease}.auth-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-links{margin-top:1.5rem;text-align:center}.auth-link{color:#fffc;font-size:.95rem;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#fff;text-decoration:underline}.auth-error,.auth-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;text-align:center}.icon-spin{animation:spin 1s linear infinite}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;padding-right:40px!important}select option{background:#2c3e50;color:#fff}@media (max-width:480px){.business-auth-card{padding:30px 20px}}.auth-callback,.auth-loading{text-align:center}.auth-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.auth-loading p{color:#555;margin-top:10px}.auth-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.auth-error p{color:#555;font-size:16px;margin-bottom:15px}.error-content{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:20px;width:90%}.error-icon{color:#d9534f;font-size:32px;margin-bottom:15px}.retry-button{background-color:#5cb85c;transition:background-color .3s ease}.retry-button:hover{background-color:#4cae4c}.auth-callback-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-callback-error,.auth-callback-loading{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-callback-error h2,.auth-callback-loading h2{color:#333;margin-bottom:20px}.auth-callback-button{background-color:#5a67d8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 20px;transition:background-color .2s}.auth-callback-button:hover{background-color:#4c51bf}.spinner{color:#5a67d8;font-size:24px}:root{--blur-strength:20px;--accent-color:#667eea;--accent-hover:#5a6fd8;--success-color:#48bb78;--danger-color:#f56565;--border-radius:16px;--border-radius-sm:8px;--sidebar-width:280px;--sidebar-collapsed:80px}.business-sidebar{backdrop-filter:blur(20px);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--blur-strength));background:linear-gradient(135deg,#000000e6,#14141ef2 50%,#000000e6);border-right:1px solid #fff3;border-right:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);color:#fffffff2;color:var(--text-primary);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;width:var(--sidebar-width)}.business-sidebar.collapsed{width:80px;width:var(--sidebar-collapsed)}.business-sidebar:before{background:linear-gradient(45deg,#0000,#667eea08 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;overflow:hidden;padding:2rem 1.5rem;position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000,#667eea 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent-color) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.business-info{flex:1 1;overflow:hidden}.business-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0 0 .5rem;text-shadow:none}.business-type{background:#667eea33;border:1px solid #667eea4d;border-radius:20px;color:#ffffffb3;color:var(--text-secondary);display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.collapse-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #0000001a;color:#fffffff2;color:var(--text-primary);padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.collapse-btn:hover{background:#fff3;border-color:#667eea;border-color:var(--accent-color);box-shadow:0 6px 12px #0003;transform:translateX(3px) scale(1.05)}.collapse-btn:active{transform:translateX(3px) scale(.98)}.ai-assistant{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#667eea26,#4a9eff1a);border:1px solid #667eea4d;border-radius:16px;border-radius:var(--border-radius);flex-shrink:0;gap:1rem;margin:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ai-assistant:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.ai-assistant:hover:before{left:100%}.ai-assistant:hover:not(.active):not(.closing){background:linear-gradient(135deg,#9f7aea40,#9333ea33);border-color:#9f7aea80;box-shadow:0 12px 24px #9f7aea33;transform:translateY(-2px)}.ai-assistant.active{background:linear-gradient(135deg,#48bb7840,#10b98133);border-color:#48bb7880;box-shadow:0 0 20px #48bb784d}.ai-assistant.closing{background:linear-gradient(135deg,#f5656540,#ef444433);border-color:#f5656580;box-shadow:0 0 20px #f565654d;transform:translateY(-1px)}.ai-icon{color:#667eea;color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(102,126,234,.4))}.ai-assistant:hover:not(.active):not(.closing) .ai-icon{color:#9f7aea;filter:drop-shadow(0 0 15px rgba(159,122,234,.6));transform:scale(1.1) rotate(5deg)}.ai-assistant.active .ai-icon{animation:pulse 2s infinite;filter:drop-shadow(0 0 15px rgba(66,232,162,.8))}.ai-assistant.closing .ai-icon{color:#f56565;filter:drop-shadow(0 0 15px rgba(245,101,101,.8));transform:scale(.95)}.ai-label{font-size:1rem;font-weight:600}.sidebar-nav{-webkit-overflow-scrolling:touch;overflow-x:hidden;padding:0 1rem;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff6}.sidebar-nav ul{display:flex;flex-direction:column;gap:.5rem}.sidebar-nav li{position:relative}.menu-section-header,.sidebar-nav a{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-sm);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;gap:1rem;margin-bottom:.25rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-section-header:before,.sidebar-nav a:before{background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-section-header:hover:before,.sidebar-nav a:hover:before{left:100%}.menu-section-header:hover,.sidebar-nav a:hover{background:#ffffff14;border-color:#ffffff1a;box-shadow:0 4px 12px #0000001a;color:#fffffff2;color:var(--text-primary);transform:translateX(5px)}.menu-section-header.active,.sidebar-nav a.active{background:linear-gradient(135deg,#667eea33,#4a9eff26);border-color:#667eea66;box-shadow:0 6px 16px #667eea33;color:#fffffff2;color:var(--text-primary);transform:translateX(5px)}.sidebar-nav a.active:after{background:linear-gradient(180deg,#667eea,#42e8a2);background:linear-gradient(180deg,var(--accent-color) 0,#42e8a2 100%);border-radius:0 4px 4px 0;box-shadow:0 0 10px #667eea80;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-nav .icon{flex-shrink:0;font-size:1.2rem;height:24px;transition:all .3s ease;width:24px}.menu-section-header:hover .icon,.sidebar-nav a:hover .icon{filter:drop-shadow(0 0 8px rgba(102,126,234,.4));transform:scale(1.1)}.sidebar-nav a.active .icon{color:#667eea;color:var(--accent-color);filter:drop-shadow(0 0 10px rgba(102,126,234,.6))}.sidebar-nav .label{font-size:.95rem;font-weight:500;letter-spacing:.3px;transition:all .3s ease}.sidebar-nav a.active .label{color:#fffffff2;color:var(--text-primary);font-weight:600}.sub-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--border-radius-sm);display:block;list-style:none;margin:.5rem 0 0;padding:0}.sub-menu a{border-radius:0;font-size:.9rem;margin-bottom:0;padding:.75rem 1rem .75rem 3.5rem}.sub-menu a:after{display:none}.menu-section-header{font-weight:600;justify-content:space-between}.menu-section-header.open{background:#ffffff0d;border-color:#ffffff1a}.arrow{font-size:.9rem;opacity:.7;transition:transform .3s ease}.mobile-toggle{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:1px solid #fff3;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #0000004d;left:1rem;padding:.75rem;top:1rem}.mobile-toggle:hover{background:#000000e6;border-color:#667eea;border-color:var(--accent-color);transform:scale(1.05)}.mobile-toggle.open{background:#667eea;background:var(--accent-color);color:#fff}.sidebar-footer{background:#ffffff08;padding:1.5rem}.logout-btn,.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn{background:linear-gradient(135deg,#f5656526,#ef44441a);border:1px solid #f565654d;border-radius:var(--border-radius-sm);color:#ffffffb3;color:var(--text-secondary);font-weight:500;gap:1rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-btn:hover:not(:disabled){background:linear-gradient(135deg,#f5656540,#ef444433);border-color:#f5656580;box-shadow:0 8px 16px #f5656533;color:#fffffff2;color:var(--text-primary);transform:translateY(-2px)}.logout-btn .icon{font-size:1.1rem;transition:transform .3s ease}.logout-btn:hover .icon{transform:scale(1.1)}.sidebar-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;transition:all .3s ease;z-index:999}.business-sidebar.mobile.open{animation:slideIn .3s ease-out}@media (max-width:768px){.mobile-toggle{align-items:center;display:flex;justify-content:center}.business-sidebar{transform:translateX(-100%);transition:transform .3s ease}.business-sidebar.open{transform:translateX(0)}.sidebar-header{padding:1.5rem}.business-info h2{font-size:1.2rem}.ai-assistant{margin:1rem;padding:1rem}.sidebar-nav{-webkit-overflow-scrolling:touch;padding:0 .75rem}.menu-section-header,.sidebar-nav a{padding:.875rem 1rem}.sub-menu a{padding:.75rem 1rem .75rem 2.5rem}}.business-content{margin-left:280px;margin-left:var(--sidebar-width);transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.business-content.collapsed{margin-left:80px;margin-left:var(--sidebar-collapsed)}.business-content.mobile{padding-top:80px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ai-assistant:focus,.collapse-btn:focus,.logout-btn:focus,.menu-section-header:focus,.sidebar-nav a:focus{outline:2px solid #667eea;outline:2px solid var(--accent-color);outline-offset:2px}.business-sidebar *{will-change:transform}.ai-assistant,.collapse-btn,.menu-section-header,.sidebar-nav a{contain:layout style paint}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.business-sidebar{border-right-width:.5px}.sidebar-header:after{height:.5px}}.business-sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#000;border-right:1px solid #ffffff1a;box-shadow:0 0 15px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:1000}.business-sidebar.collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.business-info h2{font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 0 5px #ffffff4d}.business-type{font-size:.9rem;margin-top:.25rem;opacity:.8}.collapse-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:transform .2s}.collapse-btn:hover{transform:translateX(2px)}.ai-assistant{align-items:center;background-color:#ffffff1a;border-radius:8px;box-shadow:0 0 10px #0000001a;cursor:pointer;display:flex;gap:.75rem;margin:1rem;padding:1rem 1.5rem;transition:all .3s ease}.ai-assistant:hover{background-color:#ffffff26;box-shadow:0 0 15px #ffffff1a;transform:translateY(-2px)}.ai-icon{align-items:center;color:#4a9eff;display:flex;font-size:1.5rem;justify-content:center;text-shadow:0 0 5px #4a9effb3;transition:all .3s ease}.ai-assistant:hover .ai-icon{color:#42e8a2;filter:drop-shadow(0 0 5px rgba(66,232,162,.5));text-shadow:0 0 10px #42e8a2b3}.ai-assistant.active{background-color:#42e8a226;box-shadow:0 0 15px #42e8a233}.ai-assistant.active .ai-icon{color:#42e8a2;text-shadow:0 0 10px #42e8a2b3}.ai-label{font-weight:500;letter-spacing:.5px}.sidebar-nav{flex:1 1;margin-bottom:2rem;overflow-y:auto;padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:.3rem}.sidebar-nav .menu-section-header,.sidebar-nav a,.sidebar-nav button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:.75rem 1.5rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-nav .menu-section-header:hover,.sidebar-nav a:hover,.sidebar-nav button:hover{background-color:#ffffff1a}.sidebar-nav .menu-section-header.active,.sidebar-nav a.active,.sidebar-nav button.active{background-color:#ffffff26;box-shadow:inset 4px 0 0 0 #4a9eff}.sidebar-nav .icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;margin-right:.75rem;min-width:24px}.collapsed .icon{margin-right:0}.sidebar-nav .label{flex:1 1}.collapsed .arrow,.collapsed .label{display:none}.sub-menu{margin-left:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.menu-section-header.open+.sub-menu,.sub-menu.open{max-height:1000px}.sub-menu a,.sub-menu button{padding-left:3.5rem}.menu-section-header .arrow{font-size:.8rem;margin-left:.5rem;transition:transform .3s ease}.menu-section-header.open .arrow{transform:rotate(180deg)}.addon-badge{background-color:#4a9eff;border-radius:10px;box-shadow:0 0 5px #4a9eff80;color:#fff;font-size:.65rem;font-weight:500;letter-spacing:.5px;margin-left:8px;opacity:.8;padding:2px 5px;text-transform:uppercase}.menu-section-header.active .addon-badge{background-color:#64ffda;box-shadow:0 0 8px #64ffdab3;color:#1a1a1a}.menu-section-header:hover .addon-badge{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.logout-btn{background:#dc354526;border-radius:5px;gap:.75rem;padding:.75rem 1.5rem;width:100%}.logout-btn:hover{background:#dc35454d}.logout-btn:disabled{cursor:not-allowed;opacity:.5}.business-sidebar.mobile{position:fixed;transform:translateX(-100%);z-index:1010}.business-sidebar.mobile.open{transform:translateX(0)}.mobile-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#000000b3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:none;display:flex;font-size:1.25rem;height:40px;justify-content:center;left:10px;position:fixed;top:10px;transition:all .3s ease;width:40px;z-index:1001}.mobile-toggle:hover{background-color:#000c}.sidebar-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1005}@media (max-width:768px){.business-sidebar{width:270px}.mobile-toggle{display:flex}.menu-section-header .arrow{display:block!important;margin-left:auto}.sub-menu{display:block!important;width:100%}.sub-menu a{justify-content:flex-start;padding:.75rem 1.5rem .75rem 3.5rem;width:100%}.sub-menu .label{display:block!important}.business-content{margin-left:0;padding:4rem 1rem 1rem}}.business-content{background-color:initial}@media (max-width:768px){.business-content{margin-left:0;padding-top:60px}}.mobile-3d-button svg{color:#4a9eff}.mobile-3d-button:hover{box-shadow:0 6px 15px #00b7ff66}.sidebar-nav a[href="/"] .icon svg{color:#4a9eff}.sidebar-nav a[href="/orders"] .icon svg{color:#ff6b6b}.menu-section-header .icon svg[data-icon=utensils]{color:#ffd166}.sub-menu a[href="/menu"] .icon svg{color:#f4a261}.sub-menu a[href="/menu/recipes"] .icon svg{color:#e9c46a}.sub-menu a[href="/menu/variations"] .icon svg{color:#e76f51}.sub-menu a[href="/inventory"] .icon svg{color:#2a9d8f}.sidebar-nav a[href="/analytics"] .icon svg{color:#06d6a0}.menu-section-header .icon svg[data-icon=heart]{color:#ef476f}.sub-menu a[href="/customers/vip"] .icon svg{color:#bc6c25}.sub-menu a[href="/customers/coupons"] .icon svg{color:#8338ec}.sub-menu a[href="/customers/feedback"] .icon svg{color:#3a86ff}.sub-menu a[href="/customers/rewards"] .icon svg{color:#fb5607}.sub-menu a[href="/customers/birthdays"] .icon svg{color:#ff006e}.sub-menu a[href="/customers/loyalty"] .icon svg{color:#8ac926}.sub-menu a[href="/customers/promotions"] .icon svg{color:#9b5de5}.sidebar-nav a[href="/finances"] .icon svg{color:#118ab2}.sidebar-nav a[href="/settings"] .icon svg{color:#073b4c}.sidebar-nav a[href="/addons"] .icon svg{color:#ff9f1c}.view-toggle-button .icon svg{color:#3a86ff}.sidebar-nav .icon svg{transition:all .3s ease}.sidebar-nav .menu-section-header:hover .icon svg,.sidebar-nav a:hover .icon svg,.sidebar-nav button:hover .icon svg{filter:brightness(1.3);transform:scale(1.1)}.menu-section-header .icon svg[data-icon=users]{color:#4a9eff}.sidebar-nav .menu-section-header.active .icon svg[data-icon=users]{color:#64ffda;text-shadow:0 0 10px #64ffda66}.sidebar-nav li .sub-menu li a:hover .icon svg[data-icon=calendar-alt],.sidebar-nav li .sub-menu li a:hover .icon svg[data-icon=chart-line],.sidebar-nav li .sub-menu li a:hover .icon svg[data-icon=clipboard-list],.sidebar-nav li .sub-menu li a:hover .icon svg[data-icon=user-cog],.sidebar-nav li .sub-menu li a:hover .icon svg[data-icon=users]{transform:scale(1.1);transition:transform .2s ease}.sub-menu a[href^="/staff"]{position:relative}.sub-menu a[href^="/staff"]:hover{background-color:#4a9eff1a}.sub-menu a[href^="/staff"].active{background-color:#4a9eff26;box-shadow:inset 4px 0 0 0 #64ffda}.sub-menu a[href="/staff"] .icon svg{color:#ff9f1c}.sub-menu a[href="/staff/schedule"] .icon svg{color:#2ec4b6}.sub-menu a[href="/staff/timeoff"] .icon svg{color:#e71d36}.sub-menu a[href="/staff/performance"] .icon svg{color:#4cc9f0}.sub-menu a[href="/staff/management"] .icon svg{color:#f72585}@media (max-width:768px){.sub-menu a[href^="/staff"]{background-color:#0003;padding-left:3.5rem}.sub-menu a[href^="/staff"].active{background-color:#4a9eff33}}.sidebar-nav .menu-section-header.disabled,.sidebar-nav a.disabled{cursor:not-allowed;opacity:.6;position:relative}.sidebar-nav .menu-section-header.disabled:hover,.sidebar-nav a.disabled:hover{background-color:#ffffff0d}.sidebar-nav .menu-section-header.disabled .icon svg,.sidebar-nav a.disabled .icon svg{color:#999}.sidebar-nav .menu-section-header.disabled .label,.sidebar-nav a.disabled .label{color:#ccc}.lock-icon{animation:pulse 2s infinite;color:#ff6b6b;font-size:.8rem;margin-left:8px}.sidebar-nav .menu-section-header.disabled .arrow{opacity:.6}.sub-menu a.disabled:hover .icon svg{filter:none;transform:none}.business-dashboard{background-color:#14141e80;background-image:linear-gradient(to bottom right,#1e284680,#0a0a1480);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative;z-index:1}.business-dashboard *{box-sizing:border-box}.business-dashboard .dashboard-header,.business-dashboard .header-actions,.business-dashboard .timeframe-controls{background:#0000!important}.business-dashboard:before{background:radial-gradient(circle at 50% 0,#4a9eff1a,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard-header{background:#0000;display:flex;flex-direction:column;margin-bottom:20px;position:relative;z-index:2}.dashboard-header h1{align-items:center;background:#0000;color:#fff;display:flex;font-size:28px;font-weight:600;margin:0;text-shadow:0 0 10px #4a9eff80}.title-icon{color:#4a9eff;filter:drop-shadow(0 0 5px rgba(74,158,255,.5));margin-right:10px}.business-name{color:#ffffffb3;font-size:16px;margin-top:5px}.mock-data-warning{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#fff3cd33;border:1px solid #fff3cd4d;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fff3cd;display:flex;font-size:14px;margin-top:10px;padding:8px 12px}.mock-data-warning svg{color:#ffc107;margin-right:8px}.retry-button-small{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;margin-left:10px;padding:4px 8px;transition:all .3s ease}.retry-button-small:hover{background-color:#fff3;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.retry-button-small svg{color:#4a9eff;font-size:10px;margin-right:4px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:20px;position:relative;z-index:2}.stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff08;border-radius:8px;box-shadow:0 4px 20px #00000026,inset 0 0 0 1px #ffffff1a;overflow:hidden;padding:20px;position:relative;z-index:1}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.stat-card:hover{box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff26}.stat-icon{border-radius:50%;box-shadow:0 0 15px #0003,inset 0 0 0 1px #ffffff1a;font-size:20px;height:50px;margin-right:15px;position:relative;width:50px;z-index:1}.stat-icon.orders{background-color:#4a9effcc;text-shadow:0 0 5px #4a9effb3}.stat-icon.revenue{background-color:#28a745cc;text-shadow:0 0 5px #28a745b3}.stat-icon.customers{background-color:#6f42c1cc;text-shadow:0 0 5px #6f42c1b3}.stat-icon.pending{background-color:#fd7e14cc;text-shadow:0 0 5px #fd7e14b3}.stat-content{flex:1 1;position:relative;z-index:1}.stat-value{font-size:24px;margin-bottom:5px;text-shadow:0 0 5px #ffffff80}.business-dashboard .stat-card .stat-label,.business-dashboard .stat-card .stat-value,.stat-label,.stat-value{color:#fff!important}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:2}.dashboard-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff08;border-radius:8px;box-shadow:0 4px 20px #00000026,inset 0 0 0 1px #ffffff1a;min-height:300px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;z-index:1}.dashboard-card:before{background:linear-gradient(135deg,#ffffff0d,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.dashboard-card:hover{box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff26;transform:translateY(-3px)}.dashboard-card h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;position:relative;text-shadow:0 0 5px #4a9eff80;z-index:1}.chart-container{height:250px;position:relative;z-index:1}.alerts-list{list-style:none;margin:0;padding:0;position:relative;z-index:1}.alert-item{align-items:flex-start;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;font-size:14px;margin-bottom:10px;overflow:hidden;padding:12px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.alert-item:before{border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.alert-item.inventory{background-color:#fff3cd1a;border:1px solid #fff3cd4d;color:#fff3cd}.alert-item.inventory:before{background:linear-gradient(135deg,#ffc10733,#ffc10700)}.alert-item.order{background-color:#f8d7da1a;border:1px solid #f8d7da4d;color:#f8d7da}.alert-item.order:before{background:linear-gradient(135deg,#dc354533,#dc354500)}.alert-icon{flex-shrink:0;margin-right:10px;margin-top:2px}.ai-icon{color:#6f42c1;margin-right:8px;text-shadow:0 0 5px #6f42c1b3}.ai-suggestions-list{list-style:none;margin:0;padding:0;position:relative;z-index:1}.ai-suggestion-item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#f0f4ff1a;border-left:3px solid #4a9eff;border-radius:4px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;overflow:hidden;padding:15px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.ai-suggestion-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px) scale(1.01)}.ai-suggestion-item:before{background:linear-gradient(135deg,#4a9eff33,#6f42c10d);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.ai-suggestion-content{color:#ffffffe6;font-size:14px;line-height:1.5}.loading-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#14141e80;border-radius:8px;box-shadow:0 4px 20px #0003;height:70vh;padding:30px;text-align:center}.loading-spinner{border:4px solid #4a9eff1a;border-top-color:#4a9eff;box-shadow:0 0 15px #4a9eff4d;margin-bottom:20px}.loading-container h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 10px;text-shadow:0 0 10px #4a9eff80}.loading-container p{color:#ffffffb3}.error-container{align-items:center;background-color:#14141e80;border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:30px}.error-container svg{color:#dc3545;filter:drop-shadow(0 0 5px rgba(220,53,69,.5));margin-bottom:20px}.error-container h2{font-size:24px;font-weight:600;margin:0 0 10px;text-shadow:0 0 5px #ffffff80}.error-container p{color:#ffffffb3;margin:0 0 20px;max-width:500px}.retry-button{align-items:center;background-color:#4a9effcc;border:none;border-radius:4px;box-shadow:0 0 15px #4a9eff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:10px 20px;transition:all .3s ease}.retry-button svg{color:#fff;margin-right:8px}.retry-button:hover{background-color:#3a7fd9e6;box-shadow:0 4px 15px #4a9eff80;transform:translateY(-3px)}.no-data{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffff08;border-radius:4px;color:#ffffff80;display:flex;font-style:italic;height:200px;justify-content:center;position:relative;z-index:1}@media (max-width:768px){.dashboard-grid,.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:15px}.dashboard-card{min-height:auto;padding:15px}.chart-container{height:200px}.stat-value{font-size:20px}}.skeleton-text{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f0f0f00d 8%,#e0e0e01a 18%,#f0f0f00d 33%);background-size:800px 104px;border-radius:4px;height:1.2rem;width:200px}.skeleton-stat{width:100%}.skeleton-stat:before{height:1.8rem;margin-bottom:5px;width:80%}.skeleton-stat:after,.skeleton-stat:before{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f0f0f00d 8%,#e0e0e01a 18%,#f0f0f00d 33%);background-size:800px 104px;border-radius:4px;content:"";display:block}.skeleton-stat:after{height:.9rem;opacity:.7;width:60%}.skeleton-chart{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f0f0f00d 8%,#e0e0e01a 18%,#f0f0f00d 33%);background-size:800px 104px;border-radius:8px;height:250px}.loading-screen{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#14141e80;flex-direction:column;height:100vh;width:100%}.loading-message{color:#ffffffb3;font-size:14px;margin-top:10px}.hq-loading{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0a0a15e6;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:100%}.hq-loading-spinner{animation:spin 1s linear infinite;border:4px solid #0ef3;border-radius:50%;border-top-color:#0ef;box-shadow:0 0 20px #00eeff80;height:50px;margin-bottom:1rem;width:50px}.hq-loading p{color:#0ef;font-size:1.2rem;text-shadow:0 0 10px #00eeff80}.mobile-3d-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#000000b3;border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;justify-content:center;padding:10px 15px;position:fixed;right:20px;transition:all .3s ease;width:auto;z-index:1000}.mobile-3d-button svg{color:#0ef;font-size:16px}.mobile-3d-button span{font-size:14px}.mobile-3d-button:hover{background-color:#000c;box-shadow:0 6px 15px #0ef6;transform:translateY(-3px)}.mobile-3d-button:active{transform:translateY(0)}@media (max-width:768px){.mobile-3d-button{bottom:30px;box-shadow:0 6px 20px #0ef6;padding:12px 20px;right:30px;width:auto}.mobile-3d-button svg{font-size:20px}.mobile-3d-button span{font-size:16px}}@media (min-width:769px){.mobile-3d-button{display:none}}.income-table-container,.low-stock-container{max-height:250px;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-color:#4a9eff80 #ffffff0d;scrollbar-width:thin;z-index:1}.income-table-container::-webkit-scrollbar,.low-stock-container::-webkit-scrollbar{height:8px;width:8px}.income-table-container::-webkit-scrollbar-track,.low-stock-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.income-table-container::-webkit-scrollbar-thumb,.low-stock-container::-webkit-scrollbar-thumb{background:#4a9eff80;border-radius:4px}.income-table,.low-stock-table{border-collapse:collapse;color:#ffffffe6;font-size:14px;width:100%}.income-table th,.low-stock-table th{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-weight:600;padding:10px 15px;text-align:left}.income-table td,.low-stock-table td{border-bottom:1px solid #ffffff0d;padding:10px 15px}.income-table th svg,.low-stock-table th svg{font-size:12px;margin-right:6px;vertical-align:middle}.income-table tr:hover td,.low-stock-table tr:hover td{background-color:#ffffff0d}.income-table tr.latest-day{background-color:#4a9eff1a}.income-table tr.latest-day td{border-left:2px solid #4a9eff}.income-icon{color:#42a5f5;text-shadow:0 0 5px #42a5f5b3}.income-table tbody tr:hover,.low-stock-table tbody tr:hover{background-color:#ffffff14;cursor:default;transition:background-color .2s ease}@media (max-width:768px){.income-table,.low-stock-table{font-size:12px}.income-table td,.income-table th,.low-stock-table td,.low-stock-table th{padding:8px 10px}.income-table-container,.low-stock-container{max-height:200px}}.timeframe-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;margin-top:15px;position:relative;z-index:3}.timeframe-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 5px #0003;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;overflow:hidden;padding:8px 16px;position:relative;text-shadow:none;transition:all .3s ease}.timeframe-button:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.button-icon{color:#000;font-size:12px;margin-right:6px;opacity:1}.timeframe-button:hover{background:#fff;border-color:#fff9;box-shadow:0 4px 10px #00000040;color:#000;transform:translateY(-2px)}.timeframe-button:hover .button-icon{color:#000}.timeframe-button:hover:before{opacity:1}.timeframe-button.active{animation:pulse 2s infinite;background:#4a9effe6;border-color:#4a9eff;box-shadow:0 0 15px #4a9eff66,0 2px 8px #0000004d;color:#fff;text-shadow:0 1px 3px #000000b3}.timeframe-button.active .button-icon{color:#fff}.timeframe-button.active:hover{background:#4a9eff;color:#fff}.timeframe-button.active:hover .button-icon{color:#fff}.timeframe-button.updating{background:#4a9eff66;border-color:#4a9effb3;color:#fff}.timeframe-button:disabled{color:#0009;cursor:not-allowed;opacity:.7;transform:none!important}.spinning{animation:spin 1.2s linear infinite}.custom-range-modal{align-items:center!important;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999999!important}.custom-range-content{animation:slideUp .3s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#141e32f2!important;border:2px solid #4a9eff66;border-radius:12px;box-shadow:0 15px 40px #00000080,0 0 30px #4a9eff4d;max-width:400px;padding:25px;position:relative!important;width:90%;z-index:9999999!important}.custom-range-content h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;margin-top:0;text-shadow:0 1px 2px #00000080}.custom-range-content h3 svg{color:#4a9eff}.date-inputs{gap:15px;margin-bottom:20px}.date-inputs,.input-group{display:flex;flex-direction:column}.input-group{gap:5px}.input-group label{text-shadow:0 1px 2px #00000080}.input-group input,.input-group label{color:#fff;font-size:14px;font-weight:500}.input-group input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:10px;transition:all .3s ease}.input-group input[type=date]{background:#fff3;border:1px solid #fff6;color:#fff;font-family:inherit}.input-group input[type=date]::-webkit-calendar-picker-indicator{background-color:#fff;border-radius:3px;cursor:pointer;filter:invert(1)}.input-group input[type=date]::-webkit-datetime-edit{color:#fff}.input-group input[type=date]::-webkit-datetime-edit-text{color:#fffc}.input-group input[type=date]::-webkit-datetime-edit-day-field,.input-group input[type=date]::-webkit-datetime-edit-month-field,.input-group input[type=date]::-webkit-datetime-edit-year-field{background:#0000;color:#fff}.input-group input:focus{background:#fff3;border-color:#4a9effb3;box-shadow:0 0 15px #4a9eff4d;outline:none}.input-group input::placeholder{color:#fff9}.date-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.date-apply-btn,.date-cancel-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;text-shadow:0 1px 2px #00000080;transition:all .3s ease}.date-apply-btn{background:#4a9effe6;border:none;box-shadow:0 2px 8px #4a9eff4d;color:#fff}.date-apply-btn:hover{background:#4a9eff;box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}.date-cancel-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.date-cancel-btn:hover{background:#ffffff40;box-shadow:0 2px 8px #0003;color:#fff;transform:translateY(-2px)}.income-table tr.today-row{background-color:#4a9eff33;font-weight:600}.income-table tr.today-row td{border-left:2px solid #4a9eff}.header-actions{background:#0000;flex-direction:column;gap:15px;margin-top:15px;position:relative;z-index:3}@media (min-width:768px){.header-actions{align-items:center;flex-direction:row;justify-content:space-between}.timeframe-controls{margin-top:0!important}}.business-dashboard .chart-container,.business-dashboard .dashboard-card,.business-dashboard .dashboard-grid,.business-dashboard .stat-card,.business-dashboard .stats-grid{z-index:1!important}.business-dashboard .custom-range-modal{position:fixed!important;z-index:999999!important}.business-dashboard .custom-range-modal,.business-dashboard .dashboard-card,.business-dashboard .dashboard-header,.business-dashboard .header-actions,.business-dashboard .stat-card,.business-dashboard .timeframe-controls{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff08!important}.dashboard-card.corte-de-caja{background-color:#ffffff0d;border:2px solid #4a9eff4d;box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff1a,0 0 20px #4a9eff33;grid-column:span 2;max-width:600px;transition:all .3s ease}.dashboard-card.corte-de-caja:hover{box-shadow:0 12px 30px #0000004d,inset 0 0 0 1px #ffffff26,0 0 25px #4a9eff4d;transform:translateY(-3px)}.dashboard-card.corte-de-caja .card-header{align-items:center;border-bottom:2px solid #4a9eff4d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dashboard-card.corte-de-caja .card-header h2{align-items:center;color:#fff;display:flex;margin:0;text-shadow:0 0 10px #4a9eff80}.corte-icon{color:#4a9eff;filter:drop-shadow(0 0 5px rgba(74,158,255,.5));margin-right:10px}.print-button{align-items:center;background:linear-gradient(135deg,#4a9effcc,#28a745cc);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 16px;pointer-events:auto;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.print-button:hover{background:linear-gradient(135deg,#4a9eff,#28a745);box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.print-button svg{font-size:16px;margin-right:6px}.corte-content{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Courier New,monospace;line-height:1.4;margin:0 auto;max-height:none;max-width:400px;overflow:visible;padding:15px;width:100%}.corte-content::-webkit-scrollbar{width:8px}.corte-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.corte-content::-webkit-scrollbar-thumb{background:#4a9eff99;border-radius:4px}.corte-content::-webkit-scrollbar-thumb:hover{background:#4a9effcc}.corte-header{border-bottom:1px dashed #fff6;margin-bottom:15px;padding-bottom:10px;text-align:center}.corte-header h3{color:#4a9eff;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 5px;text-shadow:0 0 10px #4a9eff80;text-transform:uppercase}.corte-header p{color:#fffc;font-size:12px;line-height:1.3;margin:2px 0}.corte-section{border-bottom:1px dashed #fff3;margin-bottom:12px;padding-bottom:8px}.corte-section:last-child{border-bottom:none;margin-bottom:0}.section-title{border-bottom:1px dashed #4a9eff4d;color:#4a9eff;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;padding-bottom:3px;text-align:center;text-transform:uppercase}.corte-row{align-items:center;display:flex;font-size:11px;justify-content:space-between;line-height:1.2;margin:3px 0;padding:1px 0}.corte-row span:first-child{color:#ffffffe6}.corte-row span:last-child,.corte-row strong{color:#fff;font-weight:700;text-align:right}.corte-table{border-collapse:collapse;font-size:10px;margin-top:5px;width:100%}.corte-table th{background-color:#4a9eff33;border-bottom:1px dashed #ffffff4d;color:#fff;font-size:9px;font-weight:700;letter-spacing:.3px;padding:4px 3px;text-align:left;text-transform:uppercase}.corte-table td{border-bottom:1px dotted #fff3;color:#ffffffe6;font-size:10px;padding:2px 3px}.corte-table tr:hover td{background-color:#4a9eff1a;color:#fff}.corte-table tr:last-child td{border-bottom:none}.corte-footer{border-top:1px dashed #ffffff4d;margin-top:15px;padding-top:10px;text-align:center}.corte-footer p{color:#ffffffb3;font-size:9px;line-height:1.2;margin:0 0 8px}.signature-line{display:flex;justify-content:center;margin-top:15px}.signature-line div{text-align:center}.signature-line span{color:#ffffff80;font-size:10px}.signature-line small{color:#fff9;display:block;font-size:8px;margin-top:3px}@media (max-width:768px){.dashboard-card.corte-de-caja{grid-column:1/-1;margin:10px 0;max-width:100%}.dashboard-card.corte-de-caja .card-header{flex-direction:column;gap:10px;text-align:center}.corte-content{max-width:350px;padding:10px}.corte-header h3{font-size:14px}.corte-header p{font-size:10px}.corte-table{font-size:9px}.corte-table td,.corte-table th{font-size:8px;padding:2px 1px}.print-button{font-size:12px;padding:6px 12px}.corte-row{flex-wrap:wrap;font-size:10px}.section-title{font-size:11px}}.orders-management-background{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0}.orders-management,.orders-management-background{display:flex;flex-direction:column;height:100vh;overflow:hidden}.orders-management{padding:20px;width:100%}.glass-btn,.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:8px;min-height:48px;padding:12px 20px;transition:all .3s ease}.glass-btn:hover,.refresh-btn:hover{background:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.glass-btn:disabled,.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.orders-tabs{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;margin-bottom:20px;padding:8px}.tab-buttons{display:flex;flex:1 1;gap:4px}.tab-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.tab-actions .refresh-btn,.tab-actions .refresh-btn svg{color:#374151!important}.tab-buttons button{background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;min-height:52px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.tab-buttons button:hover{background:#6366f11a;color:#6366f1}.tab-buttons button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff}.orders-cards-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.no-orders{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.no-orders svg{color:#9ca3af;margin-bottom:16px}.no-orders h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 8px}.no-orders p{color:#6b7280;font-size:1rem;margin:0}.orders-grid{grid-gap:12px;gap:12px;grid-auto-rows:minmax(90px,-webkit-max-content);grid-auto-rows:minmax(90px,max-content);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));height:100%;overflow:hidden}.order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;padding:12px}.order-card:hover{background:#fff;box-shadow:0 6px 20px #00000026}.order-card:active{transform:translateY(-1px)}.order-card-header{flex-shrink:0;gap:8px;margin-bottom:8px}.order-card-header .table-info{color:#000;flex:1 1;font-size:.85rem;font-weight:600;line-height:1.2;text-align:left}.order-total{color:#000;flex-shrink:0;font-size:.8rem;min-width:-webkit-fit-content;min-width:fit-content;text-align:center}.order-status-text{color:#000;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-align:right;text-transform:uppercase}.order-card-content .order-number{background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#000;font-size:.8rem;font-weight:700;line-height:1;margin:0!important;padding:0!important;text-align:center}.order-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow:hidden}.table-info{font-size:.75rem;font-weight:600}.table-info,.waiter-info{color:#000;line-height:1.2;text-align:center}.waiter-info{font-size:.7rem;font-weight:500}.modal-overlay{background:#000000b3;overflow:hidden;padding:0}.order-details-modal{background:#fff;border-radius:0;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:100vh;max-height:none;max-width:none;overflow:hidden;width:100vw}.order-details-modal-header{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-bottom:1px solid #e5e7ebcc;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;min-height:100px;padding:24px 32px}.modal-header-left h2{font-size:1.8rem;font-weight:700;margin:0 0 4px}.modal-table-info{font-size:1rem;font-weight:500;opacity:.9}.modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.cash-drawer-btn{align-items:center;background:#ffc10733;border:1px solid #ffc10766;border-radius:12px;color:#ffc107;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-right:8px;min-height:44px;padding:12px 16px;transition:all .3s ease}.cash-drawer-btn:hover{background:#ffc1074d}.cash-drawer-test-btn{align-items:center;background:#8b451333;border:1px solid #8b451366;border-radius:12px;color:#8b4513;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-right:8px;min-height:44px;padding:12px 16px;transition:all .3s ease}.cash-drawer-test-btn:hover{background:#8b45134d}.print-btn{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:8px;min-height:48px;padding:12px 16px;transition:all .3s ease}.print-btn:hover{background:#ffffff80;transform:scale(1.02)}.close-modal-btn{background:#ffffff4d;border:2px solid #ffffff80;border-radius:12px;display:flex!important;flex-shrink:0;font-size:1.2rem;height:48px;padding:12px;transition:all .3s ease;width:48px}.close-modal-btn:hover{background:#ffffff80}.order-details-modal-body{display:flex;flex:1 1;overflow:hidden}.order-info-section{border-right:1px solid #e5e7ebcc}.order-info-section,.order-items-section{flex:1 1;overflow-y:auto;padding:24px}.order-info-section h3,.order-items-section h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.info-item{flex-direction:column;gap:4px}.info-item label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#1f2937;font-size:1rem;font-weight:600}.amounts-summary{background:#f8fafccc;border-radius:16px;margin-bottom:24px;padding:20px}.amounts-summary .amount-row{font-size:1rem;margin-bottom:8px}.amounts-summary .amount-row:last-child{margin-bottom:0}.percentage-badge{background:#6366f126;border-radius:4px;color:#6366f1;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 6px}.split-payment-details{background:#f8fafccc;border-radius:16px;margin-bottom:24px;overflow:hidden}.split-payment-header{align-items:center;border-bottom:1px solid #e5e7eb80;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px}.split-payment-title{display:flex;flex-direction:column;gap:4px}.split-payment-summary-inline{color:#6b7280;font-size:.9rem;font-weight:500}.expand-toggle-btn{background:none;color:#6366f1;font-size:.9rem;font-weight:600;gap:6px}.split-payment-content{padding:0 20px 20px}.split-payments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.split-payment-item{align-items:center;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.split-payment-item.paid{background:#10b9810d;border-color:#10b9814d}.split-payment-item.pending{background:#f59e0b0d;border-color:#f59e0b4d}.payment-info{display:flex;flex-direction:column;gap:4px}.customer-name{color:#1f2937}.payment-amount{color:#1f2937;font-size:1.1rem;font-weight:700}.tip-amount{color:#059669;font-size:.85rem;font-weight:600}.payment-method-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.payment-method{color:#6b7280;font-size:.9rem;font-weight:600}.payment-status-indicator{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.payment-status-indicator.paid{background:#10b98126;color:#059669}.payment-status-indicator.pending{background:#f59e0b26;color:#d97706}.order-notes{background:#f8fafccc;border-radius:16px;margin-bottom:24px;padding:20px}.order-notes h4{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 12px}.order-notes p{color:#6b7280;font-style:italic;line-height:1.5;margin:0}.loading-items{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:40px}.items-list{display:flex;flex-direction:column;gap:16px}.item-card{background:#f8fafccc;border:1px solid #e5e7ebcc;border-radius:16px;padding:20px}.item-header{align-items:center;margin-bottom:12px}.item-name-quantity{align-items:center;display:flex;gap:12px}.item-quantity{background:#6366f1;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;min-width:32px;padding:6px 10px}.item-name{font-size:1.1rem}.item-total{color:#1f2937;font-size:1.2rem;font-weight:700}.item-variations{margin-bottom:8px}.variation-item{align-items:center;border-bottom:1px solid #e5e7eb80;font-size:.9rem;padding:6px 0}.variation-item:last-child{border-bottom:none}.variation-text{color:#6b7280;font-weight:500}.item-notes{background:#ffffffb3;border-left:3px solid #6366f1;border-radius:8px;font-size:.9rem;padding:8px 12px}.item-notes,.item-pricing{color:#6b7280;margin-bottom:8px}.item-pricing{display:flex;font-size:.85rem;justify-content:flex-end}.item-actions{gap:8px;justify-content:flex-end}.edit-item-btn,.remove-item-btn{align-items:center;background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;min-height:36px;padding:8px 12px;transition:all .3s ease}.edit-item-btn{color:#6366f1}.edit-item-btn:hover{background:#6366f11a;border-color:#6366f1}.remove-item-btn{color:#dc2626}.remove-item-btn:hover{background:#ef44441a;border-color:#dc2626}.no-items{color:#6b7280;flex-direction:column;gap:12px}.add-product-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;gap:8px;margin-top:16px;min-height:48px;padding:16px 24px}.add-product-btn:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.items-slim-list{display:flex;flex-direction:column;gap:8px}.item-slim-row{background:#f8fafccc;border:1px solid #e5e7ebcc;border-radius:8px;gap:12px;padding:8px}.item-left,.item-slim-row{align-items:center;display:flex}.item-left{flex:1 1;gap:8px}.item-qty{background:#6366f1;border-radius:6px;color:#fff;font-size:.8rem;font-weight:700;min-width:24px;padding:4px 8px;text-align:center}.item-name{color:#1f2937}.item-center{color:#6b7280;flex:2 1;font-size:.85rem;text-align:center}.variation-price-inline{color:#059669;font-weight:600;margin-left:4px}.item-right{align-items:center;display:flex;gap:8px}.item-price{color:#1f2937;font-weight:700;min-width:60px;text-align:right}.item-actions-inline{display:flex;gap:4px}.edit-item-btn-small,.remove-item-btn-small{background:#0000;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.edit-item-btn-small:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.remove-item-btn-small:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.order-details-modal-footer{background:#f8fafccc;border-top:1px solid #e5e7ebcc;flex-shrink:0;padding:24px 32px}.edit-mode-actions,.order-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.action-btn,.cancel-edit-btn,.save-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;min-height:48px;padding:14px 24px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.save-btn:hover{box-shadow:0 8px 25px #16a34a4d}.cancel-edit-btn{background:#6b72801a;border:1px solid #e5e7ebcc;color:#6b7280}.cancel-edit-btn:hover{background:#6b728033}.action-btn.in-progress-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.edit-btn{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1}.action-btn.cancel-btn{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.action-btn.complete-btn,.action-btn.confirm-payment-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.action-btn.close-account-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.order-completed-info{align-items:center;background:#f8fafccc;border:1px solid #e5e7ebcc;border-radius:12px;color:#6b7280;display:flex;font-style:italic;gap:8px;padding:12px 16px}.payment-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:0;box-shadow:0 25px 50px #00000040;color:#1f2937;display:flex;flex-direction:column;height:100vh;max-height:none;max-width:none;overflow:hidden;width:100vw}.payment-modal-header{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-bottom:1px solid #e5e7ebcc;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.payment-modal-header h2{font-size:1.6rem;font-weight:700;margin:0}.payment-modal-body{color:#1f2937;flex:1 1;overflow:hidden;padding:20px 24px}.payment-modal-footer{background:#f8fafccc;border-top:1px solid #e5e7ebcc;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-payment-btn,.confirm-payment-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;min-height:48px;padding:14px 24px;transition:all .3s ease}.confirm-payment-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.confirm-payment-btn:disabled{background:#6b72804d;color:#fff9;cursor:not-allowed}.cancel-payment-btn{background:#6b72801a;border:1px solid #e5e7ebcc;color:#6b7280}.cancel-payment-btn:hover{background:#6b728033}.compact-payment-summary{margin-bottom:16px}.payment-method-row,.subtotal-row{align-items:center;color:#1f2937!important;display:flex;justify-content:space-between;padding:8px 0}.payment-method-display{align-items:center;color:#1f2937!important;display:flex;gap:8px}.compact-split-section{color:#1f2937!important;margin-bottom:16px}.split-toggles{display:flex;gap:16px}.compact-toggle{align-items:center;color:#1f2937!important;cursor:pointer;display:flex;gap:8px}.compact-toggle span{color:#1f2937!important;font-weight:600}.compact-toggle input[type=checkbox]{margin:0}.compact-options{margin-bottom:16px}.option-row{display:flex;gap:24px}.option-group{flex:1 1}.option-group label{color:#1f2937;display:block;font-weight:600;margin-bottom:8px}.input-pair{display:flex;gap:8px;margin-bottom:8px}.compact-input{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;flex:1 1;padding:8px 12px}.quick-buttons{display:flex;gap:4px}.quick-buttons button{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.8rem;padding:4px 8px}.quick-buttons button:hover{background:#e5e7eb}.compact-final{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:12px}.final-row{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between}.final-amount{color:#16a34a;font-size:1.2rem}.breakdown-row{color:#6b7280;font-size:.9rem;margin-top:4px}.add-payment-controls,.split-payment-controls,.split-payments-list{color:#1f2937!important;margin-top:12px}.split-config{align-items:center;color:#1f2937!important;display:flex;gap:12px;margin-bottom:12px}.split-config label{color:#1f2937!important;font-weight:600}.split-number-buttons{align-items:center;display:flex;gap:8px}.split-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151!important;cursor:pointer;font-weight:600;padding:6px 12px;transition:all .2s ease}.split-btn.active{background:#6366f1;border-color:#6366f1;color:#fff!important}.split-btn:hover{background:#e5e7eb}.custom-split-input{border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;padding:6px 8px;width:60px}.split-payments-list h4{color:#1f2937!important;font-weight:700;margin-bottom:12px}.split-payment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.customer-name-input,.split-payment-item{color:#1f2937!important;margin-bottom:8px}.customer-name-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;width:100%}.payment-amounts{display:flex;flex-direction:column;gap:4px}.payment-amount{color:#1f2937!important;font-weight:600}.tip-section{margin-top:8px}.tip-section label{color:#1f2937!important;font-size:.85rem;font-weight:600}.tip-input-container{align-items:center;display:flex;gap:4px;margin-top:4px}.tip-input-small{border:1px solid #d1d5db;border-radius:4px;color:#1f2937!important;padding:4px 6px;width:60px}.payment-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.payment-method-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937!important;padding:6px 8px}.pay-btn{align-items:center;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.pay-btn.paid{background:#10b981;border-color:#10b981;color:#fff!important}.pay-btn.unpaid{background:#f59e0b;border-color:#f59e0b;color:#fff!important}.split-summary{background:#f3f4f6;border-radius:8px;margin-top:12px;padding:12px}.split-summary p{color:#1f2937!important;font-weight:600;margin:4px 0}.add-payment-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:16px}.add-payment-controls h4{color:#1f2937!important;font-weight:700;margin-bottom:12px}.custom-payment-form{display:flex;flex-direction:column;gap:12px}.form-row{align-items:end}.input-group{flex:1 1}.input-group label{color:#1f2937!important;display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.amount-input,.customer-name-input,.payment-method-select,.tip-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-size:.9rem;padding:8px 10px;width:100%}.add-payment-btn{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff!important;cursor:pointer;display:flex;font-weight:600;gap:6px;margin-top:8px;padding:10px 16px;transition:all .2s ease}.add-payment-btn:hover{background:#5855eb}.add-payment-btn:disabled{background:#d1d5db;color:#9ca3af!important;cursor:not-allowed}.payment-modal *{color:inherit}.payment-modal h3,.payment-modal h4,.payment-modal label,.payment-modal p,.payment-modal span{color:#1f2937!important}.payment-modal input,.payment-modal select,.payment-modal textarea{background:#fff;color:#1f2937!important}.add-payment-controls-row{align-items:center;display:flex;gap:8px}.payment-status-text{align-items:center;color:#10b981!important;display:flex;font-size:.85rem;font-weight:600;gap:4px}.remove-payment-btn{background:#ef4444;border:none;border-radius:4px;color:#fff!important;cursor:pointer;padding:4px 8px;transition:all .2s ease}.remove-payment-btn:hover{background:#dc2626}.touch-ripple{animation:ripple .6s linear;background:#6366f14d}.haptic-feedback{animation:haptic .1s ease-out}@keyframes haptic{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.mouse-touch-active{background:#6366f10d!important;transform:scale(.98)}.production-view{background:linear-gradient(135deg,#667eea,#764ba2)}.production-fullscreen-container,.production-view{display:flex;flex-direction:column;height:100vh;overflow:hidden}.production-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;display:flex;flex-shrink:0;justify-content:space-between;margin:15px;padding:15px 20px}.production-header h1{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.back-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#e5e7eb;transform:translateY(-1px)}.production-orders-container{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:0 15px 15px}.production-section-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;color:#1f2937;font-size:1.2rem;font-weight:700;margin:0;padding:12px 20px;text-align:center}.production-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.production-order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:16px}.production-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.production-order-header h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.production-time{color:#6b7280;font-size:.8rem}.production-order-items{margin-bottom:12px}.production-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:.9rem;justify-content:space-between;padding:4px 0}.production-item:last-child{border-bottom:none}.production-item-quantity{background:#6366f1;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-right:8px;min-width:20px;padding:2px 6px;text-align:center}.production-item-name{color:#1f2937;flex:1 1}.production-actions{display:flex;gap:8px}.complete-order-btn,.start-preparing-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:8px 12px;transition:all .3s ease}.start-preparing-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.complete-order-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.complete-order-btn:hover,.start-preparing-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.table-view{display:flex;flex-direction:column;height:100vh;overflow:hidden}.table-view-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;display:flex;flex-shrink:0;justify-content:space-between;margin:15px;padding:15px 20px}.table-view-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.orders-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;flex:1 1;margin:0 15px 15px;overflow:auto}.orders-table td,.orders-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px}.orders-table th{background:#f9fafb;color:#374151;position:-webkit-sticky;position:sticky;top:0;z-index:10}.view-details-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px}.view-details-btn:hover{box-shadow:0 4px 15px #6366f14d;transform:translateY(-1px)}@media (max-width:768px){.orders-management{padding:10px}.orders-header{flex-direction:column;gap:10px;text-align:center}.orders-header h1{font-size:1.3rem}.header-actions{justify-content:center}.orders-tabs{flex-wrap:wrap}.orders-tabs button{font-size:.8rem;padding:8px 12px}.orders-grid{gap:10px;grid-template-columns:1fr}.order-card{min-height:140px}.order-details-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100vw}.order-details-modal-body{flex-direction:column;gap:16px}.order-info-section{order:2}.order-items-section{order:1}.order-details-modal-footer{padding:15px}.edit-mode-actions,.order-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.production-orders-container{padding:0 10px 10px}.table-view-header{margin:10px;padding:12px 15px}}@media (max-width:480px){.orders-management{padding:8px}.orders-header{padding:12px 15px}.orders-tabs{margin-bottom:10px}.order-card{padding:12px}.order-number{font-size:1rem}.client-name{font-size:.85rem}}.add-product-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:hidden;width:100%}.add-product-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.add-product-modal-header h2{color:#1f2937;font-size:1.4rem;font-weight:700;margin:0}.add-product-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.enhanced-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.enhanced-order-product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.enhanced-order-product-card:hover{background:#fff;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.product-card-header{margin-bottom:12px}.product-info{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.product-name{color:#1f2937;font-size:1rem;line-height:1.2;margin:0 0 4px}.product-price-display{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.base-price{color:#059669;font-size:1rem;font-weight:700}.product-category-tag{align-items:center;background:#e0e7ff;border-radius:4px;color:#3730a3;display:flex;font-size:.7rem;font-weight:600;gap:3px;padding:2px 6px}.variations-section{margin-bottom:12px}.variations-title{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin:0 0 8px}.variations-grid{display:flex;flex-direction:column;gap:6px}.variation-card{align-items:center;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.variation-card:hover{background:#f8fafc;border-color:#6366f1}.variation-card.selected{background:#f0f9ff;border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.variation-content{align-items:center;flex:1 1;gap:8px;justify-content:space-between}.variation-name{color:#374151;font-size:.85rem}.variation-price{color:#059669;font-size:.8rem}.variation-checkbox{margin-left:8px}.checkbox-circle{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.checkbox-circle.checked{background:#6366f1;border-color:#6366f1;color:#fff}.product-action-section{display:flex;flex-direction:column;gap:8px}.add-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-add-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.quick-add-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.quick-add-btn.secondary{background:#f3f4f6;color:#6b7280}.quick-add-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.quick-add-btn.primary:hover{box-shadow:0 2px 8px #6366f14d}.add-customized-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.add-customized-btn:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.total-price{background:#fff3;border-radius:4px;font-size:.75rem;margin-left:6px;padding:2px 6px}.no-products-available{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.no-products-available h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0}.no-products-available p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.order-summary-section{margin-bottom:20px}.payment-method-display{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.payment-method-text{align-items:center;display:flex;gap:8px}.mixed-payment-methods{color:#6366f1;font-weight:600}.no-payment-method{color:#dc2626;font-style:italic}.edit-payment-method-btn{background:#0000;border:none;border-radius:4px;color:#6366f1;cursor:pointer;padding:4px;transition:all .2s ease}.edit-payment-method-btn:hover{background:#f0f9ff}.payment-method-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.payment-method-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.payment-method-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.payment-method-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.cancel-edit-btn{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:8px;transition:all .2s ease}.cancel-edit-btn:hover{background:#fecaca}.split-payment-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:16px}.split-payment-summary p{font-size:.9rem;margin:0 0 6px}.split-payment-summary p:last-child{margin-bottom:0}.paid-amount{color:#059669}.paid-amount,.remaining-amount{font-weight:600}.remaining-amount.fully-paid{color:#059669}.remaining-amount.pending{color:#dc2626}.total-with-tips{color:#6366f1;font-weight:600}.payment-progress-indicator{margin-top:12px}.payment-progress-indicator h4{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin:0 0 8px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{align-items:center;color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between}.split-payment-settings{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:16px}.split-payment-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.split-payment-toggle h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.toggle-switch{background:#d1d5db;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .3s ease;width:44px}.toggle-switch.active{background:#6366f1}.toggle-switch:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-switch.active:before{transform:translateX(20px)}.split-payment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.split-option-group{display:flex;flex-direction:column;gap:4px}.split-option-group label{color:#374151;font-size:.85rem;font-weight:600}.split-option-group input,.split-option-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.split-option-group input:focus,.split-option-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.split-payments-container{margin-top:16px}.split-payments-container h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 12px}.split-payment-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.split-payment-form-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr auto}.form-group{gap:4px}.form-group label{font-size:.8rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.85rem;padding:6px 8px}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.add-split-btn,.remove-split-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:4px;height:-webkit-fit-content;height:fit-content;padding:6px 8px;transition:all .2s ease}.add-split-btn{border-color:#bbf7d0;color:#059669}.add-split-btn:hover{background:#f0fdf4;border-color:#059669}.remove-split-btn{border-color:#fecaca;color:#dc2626}.remove-split-btn:hover{background:#fef2f2;border-color:#dc2626}.tip-discount-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.control-group{background:#f9fafb;border-radius:8px;padding:12px}.control-group h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 8px}.control-row{display:flex;gap:8px;margin-bottom:6px}.control-row:last-child{margin-bottom:0}.control-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;flex:1 1;font-size:.85rem;padding:6px 8px}.control-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.control-label{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:500;min-width:80px}.final-amount-display{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;margin-bottom:16px;padding:16px;text-align:center}.final-amount-display h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}.final-amount-display .final-amount{font-size:1.8rem;font-weight:700;margin:0 0 8px}.amount-breakdown{display:flex;flex-direction:column;font-size:.85rem;gap:2px;opacity:.9}.amount-breakdown p{margin:0}.split-payment-summary{margin-top:8px}.completion-status.complete{color:#059669;font-weight:600}.completion-status.incomplete{color:#dc2626;font-weight:600}@media (max-width:768px){.add-product-modal{margin:10px;max-height:calc(100vh - 20px)}.enhanced-products-grid{gap:12px;grid-template-columns:1fr}.payment-method-buttons{align-items:stretch;flex-direction:column}.payment-method-btn{text-align:center}.split-payment-form-row,.split-payment-options{grid-template-columns:1fr}.split-payment-form-row{gap:12px}.tip-discount-controls{grid-template-columns:1fr}.control-row{flex-direction:column;gap:4px}.control-label{min-width:auto}}@media (max-width:480px){.add-buttons{flex-direction:column}.add-customized-btn,.quick-add-btn{justify-content:center;width:100%}.product-info{flex-direction:column}.product-info,.product-price-display{align-items:flex-start}.variation-card{padding:10px}.final-amount-display .final-amount{font-size:1.5rem}}.removal-notes-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.removal-notes-modal .modal-header{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.removal-notes-modal .modal-header h3{font-size:1.25rem;font-weight:700;margin:0}.removal-notes-modal .modal-body{padding:24px}.removal-item-info{background:#f8fafc;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:20px;padding:16px}.removal-item-info h4{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.item-details{flex-direction:column;gap:8px}.item-details .item-name{color:#1f2937;font-size:1rem;font-weight:600}.item-details .item-price,.item-details .item-quantity{color:#6b7280;font-size:.875rem}.removal-reason-section{margin-bottom:20px}.removal-reason-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.removal-reason-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.removal-reason-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.removal-reason-input::placeholder{color:#9ca3af}.removal-notes-modal .modal-footer{background:#f8fafc;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.removal-notes-modal .cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.removal-notes-modal .cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.removal-notes-modal .confirm-removal-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.removal-notes-modal .confirm-removal-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.removal-notes-modal .confirm-removal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.removal-notes-modal{margin:10px;width:95%}.removal-notes-modal .modal-body{padding:16px}.removal-notes-modal .modal-footer{flex-direction:column;padding:16px}.removal-notes-modal .cancel-btn,.removal-notes-modal .confirm-removal-btn{justify-content:center;width:100%}}.removal-notes{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;margin:16px 0;padding:16px}.removal-notes h4{color:#dc2626;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.removal-notes-content{background:#fff;border:1px solid #fecaca;border-radius:6px;padding:12px}.removal-notes-content pre{word-wrap:break-word;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;line-height:1.5;margin:0;white-space:pre-wrap}.product-search-section{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.search-input-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:0 16px;transition:border-color .2s ease}.search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#6b7280;flex-shrink:0}.product-search-input{background:#0000;border:none;color:#374151;flex:1 1;font-size:.95rem;outline:none;padding:14px 0}.product-search-input::placeholder{color:#9ca3af}.clear-search-btn{border-radius:4px;color:#6b7280;padding:4px;transition:all .2s ease}.clear-search-btn:hover{background:#f3f4f6;color:#374151}.search-results-info{color:#6b7280;font-size:.875rem;font-weight:500;margin-top:8px}.clear-search-btn-large{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:8px 16px;transition:all .2s ease}.clear-search-btn-large:hover{background:#2563eb;transform:translateY(-1px)}.complements-section{background:#f0f9ff;border:1px solid #bae6fd;margin:16px 0;padding:16px}.complements-title{align-items:center;color:#0369a1;display:flex;font-size:.875rem;font-weight:600;gap:6px;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.complements-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.complement-card{align-items:center;background:#fff;border:2px solid #e0f2fe;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px;transition:all .2s ease}.complement-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926;transform:translateY(-1px)}.complement-card.selected{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.complement-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.complement-name{color:#0c4a6e;font-size:.875rem;font-weight:600;line-height:1.2}.complement-price{color:#0369a1;font-size:.75rem;font-weight:600}.complement-checkbox{flex-shrink:0;margin-left:8px}@media (max-width:768px){.product-search-section{padding:16px 20px}.search-input-container{padding:0 12px}.product-search-input{font-size:.9rem;padding:12px 0}.complements-grid{grid-template-columns:1fr}.complement-card{min-height:44px;padding:10px}}:root{--text-primary:#fffffff2;--text-secondary:#ffffffb3;--panel-bg:#282828bf;--available-color:#4caf50cc;--unavailable-color:#f44336cc;--glass-highlight:#ffffff4d;--blur-strength:10px;--accent-color:#3498db;--accent-hover:#2980b9;--success-color:#2ecc71;--danger-color:#e74c3c;--border-radius-sm:6px;--text-light:#ffffffb3}.menu-management{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;margin:0 auto;max-width:1200px;padding:20px;width:100%}.menu-management h2{color:#000;font-size:24px;font-weight:600;margin-bottom:20px}.qr-container{gap:10px;margin-bottom:20px}.menu-view-button,.qr-button{align-items:center;background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.menu-view-button:hover,.qr-button:hover{background-color:#f0f0f0}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-filters button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px;transition:all .2s}.category-filters button.active{background-color:#000;border-color:#000;color:#fff}.category-filters button:hover:not(.active){background-color:#f0f0f0}.category-manager-btn{align-items:center;background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s}.category-manager-btn:hover{background-color:#f0f0f0}.category-manager-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.category-manager-container h2{color:#000;font-size:20px;margin-bottom:10px}.category-manager-container p{color:#666;margin-bottom:20px}.categories-list{margin-bottom:20px}.category-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:10px;min-height:60px;overflow:visible;padding:15px 20px}.category-info{display:flex;flex:1 1;flex-direction:column;margin-right:20px}.category-name{color:#000;font-size:16px;font-weight:600}.category-count{color:#777;font-size:14px;margin-top:2px}.category-actions{display:flex;flex-wrap:nowrap;gap:25px;justify-content:flex-end;margin-left:20px}.category-actions button{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:90px;overflow:visible;padding:8px 10px;position:relative;white-space:nowrap;width:auto}.category-actions .delete-btn,.category-actions .edit-btn{font-size:13px!important;min-width:70px!important;overflow:hidden!important;padding:8px 5px!important;text-overflow:ellipsis!important;width:70px!important}.category-actions button:hover{background-color:#f0f0f0}.category-actions .edit-btn{background-color:#000!important;border-color:#000;color:#fff!important}.category-actions .edit-btn:hover{background-color:#333!important}.category-actions .delete-btn{background-color:#fff}.category-actions .delete-btn:hover{background-color:#fee;border-color:red;color:red}.category-actions .reorder-btn{background-color:#f8f8f8;min-width:80px}.category-actions .edit-btn *{color:#fff!important}.edit-category-form{display:flex;flex-direction:column;gap:10px;width:100%}.edit-category-form input{background-color:#fff!important;border:1px solid #ddd;border-radius:4px;color:#000!important;padding:8px}.edit-category-form input:focus{background-color:#fff!important;border-color:#000;color:#000!important;outline:none}.edit-category-form input::placeholder{color:#666!important}.category-edit-actions{display:flex;gap:8px}.category-manager-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.add-category-btn{align-items:center;background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.close-manager-btn{background-color:initial;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:8px 16px}.add-category-form{align-items:center;display:flex;gap:10px;width:100%}.add-category-form input{background-color:#fff!important;border:1px solid #ddd;border-radius:4px;color:#000!important;flex:5 1;font-size:16px;min-width:400px;padding:12px 16px;width:500px}.add-category-form input:focus{background-color:#fff!important;border-color:#000;color:#000!important;outline:none}.add-category-form input::placeholder{color:#666!important}.form-actions{gap:8px}.menu-tabs{border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.menu-tabs button{align-items:center;background-color:initial;border:none;color:#666;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;position:relative}.menu-tabs button.active{color:#000}.menu-tabs button.active:after{background-color:#000;bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.add-button{align-items:center;background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:20px;padding:10px 20px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.product-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.product-card.unavailable{opacity:.7}.product-image-container{background-color:#f8f8f8;height:160px;position:relative}.product-image{height:100%;object-fit:cover;width:100%}.product-no-image{color:#ccc;font-size:2rem}.product-no-image,.unavailable-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.unavailable-overlay{background-color:#00000080;color:#fff;font-weight:600;left:0;position:absolute;top:0}.product-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.product-name{font-size:1.1rem;margin:0}.product-name,.product-price{color:#000;font-weight:600}.product-category{background-color:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:.8rem;margin-bottom:10px;padding:4px 8px}.product-description{color:#666;flex:1 1;font-size:.9rem;margin:10px 0}.product-financials{grid-gap:12px;background-color:#fff;border:2px solid #000;border-radius:4px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:auto;padding:15px}.financial-item{flex-direction:column;font-size:1rem;text-align:center}.financial-item .label{background-color:initial!important;color:#000!important;font-size:16px!important;font-weight:800!important;margin-bottom:8px;text-shadow:none!important}.financial-item .value{color:#000;font-size:16px;font-weight:700;text-shadow:none!important}.financial-item.profit.positive .value{color:#060;font-weight:700}.financial-item.profit.negative .value{color:red;font-weight:700}.product-actions{border-top:1px solid #000;display:flex;gap:15px;margin-top:15px;padding-top:15px}.product-actions button{word-wrap:break-word;align-items:center;background-color:#fff;border:2px solid #000;border-radius:4px;color:#000!important;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px!important;font-weight:800!important;gap:8px;height:auto!important;justify-content:center;line-height:1.2!important;min-height:50px;overflow:visible;padding:15px 10px;text-shadow:none!important;text-transform:none!important;white-space:normal!important}.product-actions button i{font-size:16px;margin-bottom:5px}.product-actions button span{color:#000!important;display:block;font-size:12px;opacity:1!important;text-align:center;visibility:visible!important}.product-actions .edit-btn{align-items:center!important;background-color:#000!important;border-color:#000;color:#fff!important;display:flex!important;justify-content:center!important}.product-actions .edit-btn i,.product-actions .edit-btn span{color:#fff!important}.product-actions .delete-btn{color:#000!important}.product-actions .delete-btn,.product-actions .toggle-btn{align-items:center!important;display:flex!important;justify-content:center!important}.product-actions .toggle-btn{flex-direction:column!important;font-size:12px!important;line-height:1.1!important;padding:10px 5px!important;text-align:center!important}.product-actions .toggle-btn svg{font-size:16px!important;margin-bottom:5px!important}.product-actions .toggle-btn.available{background-color:#fff}.product-actions .toggle-btn.available,.product-actions .toggle-btn.unavailable{border-color:#000;color:#000;font-weight:700}.promotions-container{margin-top:20px}.promotions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.promotion-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .2s}.promotion-card:hover{box-shadow:0 4px 8px #0000001a}.promotion-card.inactive{opacity:.7}.promotion-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.promotion-card-header h3{color:#000;font-weight:600;margin:0}.status-badge{font-size:.7rem}.status-badge.available{background-color:#e8f5e9;color:#060}.status-badge.unavailable{background-color:#f5f5f5;color:#777}.promotion-type-badge{background-color:#f0f0f0;border-radius:4px;color:#555;display:inline-block;font-size:.8rem;margin-bottom:12px;padding:4px 8px}.promotion-description{color:#666;font-size:.9rem;margin-bottom:16px}.promotion-details{margin-bottom:16px}.promotion-categories{margin-bottom:12px}.category-list,.product-list{margin:8px 0;padding-left:20px}.category-list li,.product-list li{color:#555;margin-bottom:4px}.promotion-price{align-items:center;background-color:#f8f8f8;border-radius:4px;display:flex;justify-content:space-between;margin-top:12px;padding:8px 12px}.price-label{color:#555}.price-amount{color:#000;font-weight:600}.promotion-card-actions{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.promotion-card-actions button{align-items:center;background:#0000;border:1px solid #eee;border-radius:4px;color:#555;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:5px;justify-content:center;padding:8px 12px;transition:all .2s}.promotion-card-actions .edit-button:hover{border-color:#000;color:#000}.promotion-card-actions .delete-button:hover{border-color:red;color:red}.modal{align-items:center;background-color:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal.show{display:flex}.modal-overlay{height:100%;width:100%}.qr-code-container{background-color:#fff;border-radius:8px;max-width:400px;padding:30px;text-align:center;width:100%}.modal-portal-container{align-items:flex-start;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{-webkit-overflow-scrolling:touch;box-shadow:0 4px 15px #0000004d;margin:auto;max-height:85vh;max-width:1600px;overscroll-behavior:contain}.modal-header{background-color:#fff;margin-bottom:0;padding:20px 30px}.add-item-form{max-height:calc(85vh - 70px);overflow-y:auto;padding:0 30px 30px}@media (max-width:768px){.modal-content{max-height:90vh}.modal-header{padding:15px 20px}.add-item-form{max-height:calc(90vh - 60px);padding:0 20px 20px}}.add-item-form{display:flex;flex-direction:column;gap:15px}.items-multiselect{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.multiselect-list{display:flex;flex-direction:column;gap:8px;padding-bottom:5px}.multiselect-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;padding:8px}.item-selection-item label{align-items:center;cursor:pointer;display:flex;gap:8px;width:100%}.add-item-form::-webkit-scrollbar,.items-multiselect::-webkit-scrollbar{height:8px;width:8px}.add-item-form::-webkit-scrollbar-track,.items-multiselect::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.add-item-form::-webkit-scrollbar-thumb,.items-multiselect::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.add-item-form::-webkit-scrollbar-thumb:hover,.items-multiselect::-webkit-scrollbar-thumb:hover{background:#555}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.close-button{background:#0000;border:none;color:#999;cursor:pointer;font-size:24px}.loading-container{padding:50px 0}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:50px;margin-bottom:20px;width:50px}.form-group,.form-row,.form-section{box-sizing:border-box;max-width:100%}@media (max-width:576px){.form-group{min-width:100%}}.qr-menu-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px}.qr-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.qr-option h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.pdf-menu-actions{display:flex;flex-direction:column;gap:10px}.pdf-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .3s ease}.pdf-action-btn.view-pdf{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.pdf-action-btn.view-pdf:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.pdf-action-btn.delete-pdf{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.pdf-action-btn.delete-pdf:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-1px)}.upload-pdf-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.upload-pdf-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 15px #2196f34d;transform:translateY(-1px)}.pdf-upload-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.pdf-upload-modal .modal-header{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.pdf-upload-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.pdf-upload-modal .modal-content{padding:25px}.upload-description{color:#fffc;line-height:1.5;margin-bottom:25px}.pdf-upload-area{margin-bottom:25px}.pdf-upload-label{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;display:block;padding:40px 20px;text-align:center;transition:all .3s ease}.pdf-upload-label:hover:not(.disabled){background:#2196f31a;border-color:#2196f380}.pdf-upload-label.disabled{cursor:not-allowed;opacity:.6}.upload-icon{color:#fff9;margin-bottom:15px}.upload-text strong{color:#fff;display:block;font-size:16px;margin-bottom:8px}.upload-text p{color:#ffffffb3;font-size:14px;margin:8px 0}.upload-text small{color:#ffffff80;font-size:12px}.upload-text small.large-file-warning{color:#ffc107cc;font-weight:500}.upload-progress-container{display:none;margin-top:20px}.upload-progress-container.visible{display:block}.upload-progress-bar{background-color:#fff3;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;height:100%;transition:width .3s ease;width:0}.upload-progress-text{color:#fffc;font-size:14px;margin-bottom:5px;text-align:center}.upload-status-text{color:#ffffffb3;font-size:12px;text-align:center}.upload-status-text.success{color:#4caf50}.upload-status-text.error{color:#f44336}.selected-file{align-items:center;background:#4caf5033;border:1px solid #4caf504d;border-radius:8px;display:flex;gap:10px;margin-top:15px;padding:12px}.selected-file .file-icon{color:#4caf50;font-size:18px}.selected-file .file-name{color:#fff;flex:1 1;font-weight:500}.selected-file .file-size{color:#ffffffb3;font-size:12px}.pdf-upload-modal .modal-actions{display:flex;gap:15px;justify-content:flex-end}.pdf-upload-modal .cancel-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:10px 20px;transition:all .3s ease}.pdf-upload-modal .cancel-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.pdf-upload-modal .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.pdf-upload-modal .upload-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.pdf-upload-modal .upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 15px #4caf504d;transform:translateY(-1px)}.pdf-upload-modal .upload-btn:disabled{background:#fff3;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.qr-menu-options{gap:15px;grid-template-columns:1fr}.qr-option{padding:15px}.pdf-upload-modal{margin:20px;width:95%}.pdf-upload-modal .modal-content{padding:20px}.pdf-upload-label{padding:30px 15px}}.qr-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:25px}.menu-view-button{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:15px;padding:12px 20px;transition:all .3s ease;width:100%}.menu-view-button:hover{background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 4px 15px #ff98004d;transform:translateY(-1px)}.enhanced-product-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:90%}.enhanced-product-modal .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.enhanced-product-modal .modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.enhanced-product-form{padding:0}.form-section{border-bottom:1px solid #f3f4f6;padding:32px}.form-section:last-of-type{border-bottom:none}.enhanced-product-modal .form-section h3{align-items:center;color:#111827!important;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 8px}.section-description{color:#6b7280;font-size:.875rem;margin:0 0 24px}.category-description{color:#6b7280;font-size:.8rem;line-height:1.4;margin:0 0 16px}.form-row{grid-gap:24px;gap:24px;margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.image-upload-section{margin-top:8px}.image-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .2s}.image-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.image-preview{display:inline-block;position:relative}.image-preview img{height:120px;width:120px}.image-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.image-preview:hover .image-overlay{opacity:1}.upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px}.items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.selectable-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.selectable-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.selectable-item.selected{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.item-header h4,.item-header h5,.item-header h6{color:#111827;flex:1 1;font-size:1rem;font-weight:600;margin:0}.item-cost{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:600;padding:4px 8px;white-space:nowrap}.selectable-item.selected .item-cost{background:#10b981;color:#fff}.item-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0 0 12px}.complement-meta,.item-meta,.variation-details{color:#9ca3af;display:flex;font-size:.75rem;gap:12px}.variation-details .variation-type{background:#e5e7eb;border-radius:4px;padding:2px 6px;text-transform:uppercase}.variation-category{margin-bottom:32px}.variation-category h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 8px}.recipe-variations-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.recipe-variations-section h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.no-variations{color:#9ca3af;margin:0;padding:20px}.selected-summary{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-top:24px;padding:20px}.selected-summary h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 16px}.selected-items-list{display:flex;flex-direction:column;gap:8px}.selected-item{align-items:center;background:#fff;border:1px solid #e0f2fe;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.item-name{color:#374151;font-weight:500}.selected-item .item-cost{background:#0ea5e9;color:#fff;font-size:.75rem}.pricing-section{background:#f8fafc}.enhanced-product-modal .enhanced-product-form .form-section.pricing-section h3,.enhanced-product-modal .form-section h3,.enhanced-product-modal .pricing-section h3,.enhanced-product-modal h3{-webkit-text-fill-color:#111827!important;background:#0000!important;color:#111827!important;text-shadow:none!important}.cost-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.cost-item{border-bottom:1px solid #f3f4f6;padding:8px 0}.cost-item:last-child{border-bottom:none}.cost-item.total-cost{border-top:2px solid #e5e7eb;font-size:1.1rem;font-weight:600;margin-top:8px;padding-top:16px}.cost-label{color:#374151}.cost-value{color:#111827}.profit-analysis{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:20px}.profit-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.profit-label{color:#374151;font-weight:500}.profit-value{font-size:1.1rem;font-weight:600}.profit-value.positive{color:#059669}.profit-value.negative{color:#dc2626}.toggle-group{align-items:center;display:flex;gap:12px}.toggle-label{color:#374151;font-weight:500}.loading-state{color:#6b7280;font-style:italic;padding:40px;text-align:center}.no-items{color:#9ca3af;padding:40px}.no-items a{color:#3b82f6;font-weight:500;text-decoration:none}.no-items a:hover{text-decoration:underline}.form-actions{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;bottom:0;gap:16px;padding:24px 32px;position:-webkit-sticky;position:sticky}.enhanced-product-modal .form-actions .cancel-btn,.enhanced-product-modal .form-actions .save-btn{border:1px solid;border-radius:8px;cursor:pointer;flex:0 0 auto;font-size:.875rem;font-weight:500;padding:12px 24px;transition:all .2s;width:140px!important}.enhanced-product-modal .form-actions .cancel-btn{background:#fff;border-color:#d1d5db;color:#374151}.enhanced-product-modal .form-actions .cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.enhanced-product-modal .form-actions .save-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.enhanced-product-modal .form-actions .save-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.enhanced-product-modal{max-height:95vh;width:95%}.form-row{gap:16px}.form-row,.items-grid{grid-template-columns:1fr}.form-section{padding:20px}.form-actions{flex-direction:column;padding:20px}.cancel-btn,.save-btn{width:100%}}.enhanced-product-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:-webkit-fit-content;height:fit-content;min-height:480px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-product-card:hover{border-color:#3498db;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.enhanced-product-card.unavailable{background:linear-gradient(145deg,#f8f9fa,#e9ecef);opacity:.7}.enhanced-product-card .status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}.enhanced-product-card .status-badge.available{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.enhanced-product-card .status-badge.unavailable{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-icon{height:14px;width:14px}.product-image-section{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;overflow:hidden;position:relative}.product-image-section .product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.enhanced-product-card:hover .product-image{transform:scale(1.05)}.product-image-section .product-no-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fffc;display:flex;height:100%;justify-content:center}.product-image-section .unavailable-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.enhanced-product-card .product-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px;width:100%}.enhanced-product-card .product-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.product-title-section{flex:1 1;min-width:0}.enhanced-product-card .product-name{word-wrap:break-word;color:#1f2937;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.product-category-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.category-icon{height:12px;width:12px}.product-price-section{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.price-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.enhanced-product-card .product-price{color:#059669;font-size:20px;font-weight:800;margin:0}.enhanced-product-card .product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.product-components{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.components-title{align-items:center;color:#1f2937!important;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.components-icon{color:#6366f1!important;height:16px;width:16px}.components-list{display:flex;flex-direction:column;gap:6px}.component-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:6px 8px}.component-item.more-items{background:#6366f10d;border-color:#6366f11a;font-style:italic}.component-name{color:#1f2937!important;font-size:13px;font-weight:500}.component-cost{color:#059669;font-size:13px;font-weight:600}.enhanced-product-card .product-financials{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;display:flex;flex-direction:column;margin:0;padding:12px}.financial-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr}.financial-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.financial-item:hover{border-color:#3498db;transform:translateY(-1px)}.financial-item.profit{grid-column:1/-1}.financial-item.profit-indicator-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;grid-column:1/-1}.financial-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.financial-item.cost .financial-icon{background:#ef44441a;color:#dc2626}.financial-item.revenue .financial-icon{background:#22c55e1a;color:#16a34a}.financial-item.profit .financial-icon{background:#3b82f61a;color:#2563eb}.financial-details{flex:1 1;min-width:0}.financial-label{color:#6b7280;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.financial-value{color:#1f2937;font-size:16px;font-weight:700}.profit-details{align-items:baseline;display:flex;gap:8px}.profit-amount{color:#1f2937}.profit-percentage{color:#6b7280;font-size:14px;font-weight:600}.profit-status-icon{background:#6366f11a!important;color:#6366f1!important}.profit-emoji{display:block;font-size:20px}.profit-indicator-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.profit-status-text{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profit-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.profit-fill{border-radius:4px;height:100%;transition:width .3s ease}.profit-fill.excellent{background:linear-gradient(90deg,#10b981,#059669)}.profit-fill.good{background:linear-gradient(90deg,#3b82f6,#2563eb)}.profit-fill.low{background:linear-gradient(90deg,#f59e0b,#d97706)}.profit-fill.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.enhanced-product-card .product-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:auto;padding-top:16px}.action-btn{border:1px solid #0000;font-size:13px;padding:10px 12px}.action-btn:hover{transform:translateY(-1px)}.action-btn svg{height:16px;width:16px}.action-btn.edit-btn{background:#3b82f61a;border-color:#3b82f633;color:#2563eb}.action-btn.edit-btn:hover{background:#3b82f633;border-color:#2563eb}.action-btn.toggle-btn.available{background:#22c55e1a;border-color:#22c55e33;color:#16a34a}.action-btn.toggle-btn.available:hover{background:#22c55e33;border-color:#16a34a}.action-btn.toggle-btn.unavailable{background:#9ca3af1a;border-color:#9ca3af33;color:#6b7280}.action-btn.toggle-btn.unavailable:hover{background:#9ca3af33;border-color:#6b7280}.action-btn.delete-btn{background:#ef44441a;border-color:#ef444433;color:#dc2626}.action-btn.delete-btn:hover{background:#ef444433;border-color:#dc2626}@media (max-width:768px){.enhanced-product-card{min-height:auto}.enhanced-product-card .product-header{align-items:flex-start;flex-direction:column;gap:12px}.product-price-section{align-items:flex-start;text-align:left}.financial-grid .financial-item:not(.profit):not(.profit-indicator-card){min-width:100%}.enhanced-product-card .product-actions{flex-direction:column}.action-btn{justify-content:flex-start}}.product-pricing-section{background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:20px 0;padding:24px}.pricing-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1a202c!important;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:20px;padding-bottom:10px}.cost-summary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.cost-line{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.cost-line:last-child{border-bottom:none}.cost-line.cost-total{border-top:2px solid #e2e8f0;font-weight:600;margin-top:8px;padding-top:12px}.cost-name{color:#374151!important;font-size:14px;font-weight:500}.cost-amount{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#111827!important;font-size:14px;font-weight:600;padding:4px 8px}.cost-total .cost-amount,.cost-total .cost-name{color:#111827!important;font-size:15px;font-weight:700}.cost-total .cost-amount{background:#dbeafe;border-color:#3b82f6}.pricing-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.input-field{display:flex;flex-direction:column}.input-field label{color:#374151!important;font-size:14px;font-weight:600;margin-bottom:6px}.input-field input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827!important;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.availability-toggle{align-items:center;display:flex;gap:8px;margin-top:6px}.availability-toggle input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.toggle-text{color:#374151!important;cursor:pointer;font-size:14px;font-weight:500}.profit-summary{background:linear-gradient(145deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;border-radius:8px;padding:16px}.profit-line{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.profit-line:first-child{border-bottom:1px solid #bbf7d0;margin-bottom:8px;padding-bottom:12px}.profit-name{color:#047857!important;font-size:14px;font-weight:600}.profit-amount{background:#fff;border:1px solid #bbf7d0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#047857!important;font-size:16px;font-weight:700;padding:6px 12px}@media (max-width:768px){.product-pricing-section{margin:16px 0;padding:16px}.pricing-title{font-size:18px}.pricing-inputs{gap:16px;grid-template-columns:1fr}.cost-line,.profit-line{align-items:flex-start;flex-direction:column;gap:4px}.cost-amount,.profit-amount{text-align:center;width:100%}}.direct-inventory-option{margin:20px 0}.checkbox-wrapper{position:relative}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-label{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e1e5e9;border-radius:12px;overflow:hidden;padding:16px 20px}.checkbox-label:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label:before{opacity:1}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.checkbox-label:hover{border-color:#94a3b8;box-shadow:0 6px 20px #0000001a}.checkbox-content{flex:1 1}.checkbox-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.checkbox-icon{color:#3b82f6;font-size:20px;transition:transform .3s ease}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label .checkbox-icon{color:#2563eb;transform:scale(1.1)}.checkbox-title span{color:#1f2937;font-size:16px;font-weight:600;margin:0}.checkbox-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label .checkbox-title span{color:#1e40af}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-label .checkbox-description{color:#3730a3}.inventory-selection-dropdown{margin-bottom:20px}.inventory-selection-dropdown label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.searchable-dropdown{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;overflow:hidden;position:relative}.inventory-search-input{background-color:#f8fafc;border:none;border-bottom:1px solid #e1e5e9;color:#374151!important;font-size:14px;font-weight:500;outline:none;padding:12px 16px;width:100%}.inventory-search-input::placeholder{color:#9ca3af!important;font-weight:400}.inventory-search-input:focus{background-color:#fff;box-shadow:inset 0 0 0 1px #3b82f6}.dropdown-content{background-color:#fff;max-height:300px;overflow-y:auto}.area-group{border-bottom:1px solid #f1f5f9}.area-group:last-child{border-bottom:none}.area-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e1e5e9;color:#374151!important;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.area-icon{font-size:14px}.area-name{color:#374151!important;flex:1 1}.area-count{color:#6b7280!important;font-weight:500}.area-items{background-color:#fff}.inventory-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.inventory-item:last-child{border-bottom:none}.inventory-item:hover{background-color:#f8fafc}.inventory-item.selected{background-color:#ecfdf5;border-left:3px solid #059669}.item-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.item-name{color:#111827!important;font-size:14px}.inventory-item .item-cost{background-color:#dcfce7;border-radius:4px;color:#059669!important;font-size:12px;font-weight:700;padding:2px 8px}.item-details{align-items:center;display:flex;gap:12px;justify-content:space-between}.stock-info{color:#6b7280!important;font-size:12px;font-weight:500}.selection-indicator{align-items:center;background-color:#059669;border-radius:50%;color:#fff!important;display:flex;font-size:12px;height:24px;justify-content:center;margin-left:12px;width:24px}.no-results{background-color:#f9fafb;color:#6b7280!important;flex-direction:column;justify-content:center;padding:40px 20px}.no-results svg{color:#9ca3af!important;margin-bottom:12px}.no-results p{color:#6b7280!important;font-size:14px;font-weight:500;margin:0 0 12px}.no-results a{color:#3b82f6!important;font-size:14px;font-weight:600;text-decoration:none}.no-results a:hover{color:#2563eb!important;text-decoration:underline}.info-message{align-items:center;background:linear-gradient(135deg,#f3f4f6cc,#f9fafbcc);border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.info-message svg{color:#9ca3af;margin-bottom:12px}.info-message p{font-size:14px;font-weight:500;margin:0}.stock-status{border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.stock-status.in-stock{background-color:#22c55e1a;color:#059669}.stock-status.low-stock{background-color:#fb923c1a;color:#ea580c}.inventory-selection .selectable-item{border-left:4px solid #0000;transition:all .3s ease}.inventory-selection .selectable-item:hover{border-left-color:#3b82f6}.inventory-selection .selectable-item.selected{background:linear-gradient(135deg,#22c55e0d,#16a34a0d);border-left-color:#059669}.inventory-selection .item-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}@media (max-width:768px){.checkbox-label{padding:14px 16px}.checkbox-title{gap:10px}.checkbox-icon{font-size:18px}.checkbox-title span{font-size:15px}.checkbox-description{font-size:13px}.inventory-selection .item-meta{align-items:flex-start;flex-direction:column;gap:6px}.inventory-search-input{font-size:13px;padding:10px 14px}.area-header{font-size:12px}.area-header,.inventory-item{padding:10px 14px}.item-details{align-items:flex-start;flex-direction:column;gap:6px}.selection-indicator{font-size:10px;height:20px;margin-left:8px;width:20px}}.variation-selector{margin-bottom:2rem}.variation-selector h4{color:#111827;font-size:1.1rem;margin-bottom:.5rem}.variation-selector .help-text{color:#6b7280;font-size:.9rem;margin-bottom:1.25rem}.variation-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.variation-category h5{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.variations-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.variation-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:.75rem;position:relative;transition:all .2s ease-in-out}.variation-card:hover{background:#f3f4f6;border-color:#3b82f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.variation-card.selected{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.variation-content{display:flex;flex-direction:column;height:100%}.variation-content h6{color:#111827;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.variation-price{color:#2563eb;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.standalone-badge{background:#dcfce7;border-radius:4px;color:#166534;display:inline-block;font-size:.75rem;margin-top:auto;padding:.2rem .5rem}.selected-indicator{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.no-variations{color:#6b7280;padding:2rem;text-align:center}.no-variations,.selected-variations{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.selected-variations{margin-top:1.5rem;padding:1rem}.selected-variations h5{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.selected-variations-list{display:flex;flex-direction:column;gap:.75rem}.selected-variation-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.variation-info{display:flex;flex-direction:column;gap:.25rem}.variation-name{font-size:.95rem}.required-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.required-toggle input{accent-color:#10b981}.required-label{color:#374151;font-size:.8rem}.remove-variation{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.remove-variation:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width:768px){.variations-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.selected-variation-item{align-items:flex-start;flex-direction:column;gap:.75rem}.variation-actions{justify-content:space-between;width:100%}}:root{--glass-bg:#ffffffb3;--glass-border:#0000001a;--glass-highlight:#00000026;--text-primary:#000000e6;--text-secondary:#000000b3;--accent-color:#000c;--glass-blur:10px;--glass-border-width:1px;--glass-border-radius:12px}.consumer-menu-view{-webkit-overflow-scrolling:touch;background-attachment:fixed;background-color:#f5f5f5;background-image:radial-gradient(circle at 20% 30%,#f0f0f0cc 0,#0000 50%),radial-gradient(circle at 80% 70%,#e6e6e6cc 0,#0000 50%);color:#000000e6;color:var(--text-primary);font-family:Inter,sans-serif;height:100vh;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;overscroll-behavior:contain;padding:0;position:relative;scrollbar-color:#0003 #0000;scrollbar-width:thin;touch-action:none;width:100vw}.staff-pos-wrapper .consumer-menu-view{height:100%;min-height:0;min-height:auto;overflow:hidden}.cart-sidebar-staff{border-radius:0!important;margin:0!important;max-width:none!important;padding:0!important;width:550px!important}.consumer-menu-view.dragging{cursor:grabbing;filter:brightness(.95);scroll-behavior:auto;transition:filter .1s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.consumer-menu-view.dragging *{pointer-events:none}.consumer-menu-view.touch-active{transition:none}.consumer-menu-view.touch-active:before{animation:touchIndicator 1s ease-in-out infinite;background:linear-gradient(90deg,#007bff,#0056b3,#007bff);background-size:200% 100%;content:"";height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@keyframes touchIndicator{0%{background-position:200% 0}to{background-position:-200% 0}}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cart-floating-button,.consumer-menu-item,button{cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.cart-floating-button:active,.consumer-menu-item:active,button:active{box-shadow:0 2px 8px #00000026;transform:scale(.98)}@media (pointer:coarse){.add-to-cart-btn,.cart-floating-button,.category-filter button,.payment-option-tile,.quantity-btn{min-height:44px;min-width:44px}.category-filter button{font-size:15px;padding:12px 20px}}@media (max-width:480px){.category-filter{gap:6px;padding:10px 15px}.category-filter button{font-size:13px;min-width:auto;padding:8px 14px}}.consumer-menu-view::-webkit-scrollbar{width:8px}.consumer-menu-view::-webkit-scrollbar-track{background:#f5f5f580}.consumer-menu-view::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.glass-panel{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffb3;background:var(--glass-bg);border:1px solid #0000001a;border:var(--glass-border-width) solid var(--glass-border);border-radius:12px;border-radius:var(--glass-border-radius);box-shadow:0 4px 20px #0003;box-shadow:0 4px 20px var(--glass-shadow);margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.glass-panel:before{background:linear-gradient(90deg,#0000,#00000026,#0000);background:linear-gradient(90deg,#0000,var(--glass-highlight),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.consumer-menu-loading{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:3px solid #0000;border-top:3px solid var(--accent-color);box-shadow:0 0 15px #0000004d;height:60px;width:60px}.consumer-menu-loading p{color:#000000e6;color:var(--text-primary);font-size:18px;letter-spacing:1px;margin-top:20px}.glass-panel.business-header{background:#fffc;border-bottom:1px solid #00000026;border-bottom:1px solid var(--glass-highlight);border-radius:0 0 12px 12px;margin-bottom:10px;overflow:hidden;position:relative}.glass-panel.business-header:before{background:linear-gradient(90deg,#0000,#00000026,#000c,#00000026,#0000);background:linear-gradient(90deg,#0000,var(--glass-highlight),var(--accent-color),var(--glass-highlight),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.glass-panel.business-header:after{background:linear-gradient(90deg,#0000,#00000026,#0000);background:linear-gradient(90deg,#0000,var(--glass-highlight),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.glass-panel.business-header .business-logo{background:#ffffffe6;border:1px solid #00000026;border:1px solid var(--glass-highlight);border-radius:50%;box-shadow:0 0 20px #0003;height:80px;margin-bottom:15px;padding:5px;width:80px}.glass-panel.business-header h1{color:#000;font-size:2.2rem;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 10px #ffffff80;text-transform:uppercase}.glass-panel.business-header .business-description{color:#000000b3;color:var(--text-secondary);font-size:1rem;font-weight:300;letter-spacing:.5px;line-height:1.5;max-width:600px}.category-filter{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:8px;justify-content:flex-start;margin:0 0 20px;overflow-x:auto;overflow-y:hidden;padding:10px 20px;position:relative;scroll-behavior:smooth;scrollbar-color:#0003 #0000;scrollbar-width:thin;scrollbar-width:none;width:100%}.category-filter:after,.category-filter:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:20px;z-index:1}.category-filter:before{background:linear-gradient(90deg,#f5f5f5,#f5f5f500);left:0}.category-filter:after{background:linear-gradient(270deg,#f5f5f5,#f5f5f500);right:0}@media (max-width:768px){.category-filter:after,.category-filter:before{width:15px}}.category-filter::-webkit-scrollbar{background:#0000;height:4px}.category-filter::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.category-filter::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.category-filter::-webkit-scrollbar{display:none}}.category-filter button{align-items:center;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#fffc;border:1px solid #0000001a;border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 2px 8px #0000001a;color:#000000b3;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;justify-content:center;margin:0;min-height:40px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease;white-space:nowrap}.category-filter button:hover{background:#f0f0f0e6;box-shadow:0 4px 12px #00000026;color:#000;transform:translateY(-2px)}.category-filter button.active{background:#000;border-color:#000;box-shadow:0 4px 12px #0003;color:#fff;font-weight:600}.glass-panel.menu-header{background:#fffc;border-bottom:1px solid #00000026;border-bottom:1px solid var(--glass-highlight);margin-bottom:25px;padding:15px 20px}.menu-header h2{color:#000;display:inline-block;font-size:1.8rem;font-weight:600;margin-bottom:15px;position:relative}.digital-waiter{background:#fffc;overflow:hidden}.chat-container,.digital-waiter{border-radius:12px;border-radius:var(--glass-border-radius);box-shadow:0 4px 20px #0003;box-shadow:0 4px 20px var(--glass-shadow)}.chat-container{background:#ffffffe6;padding:15px}.chat-messages{background:#f8f8f8cc;border-radius:10px;max-height:350px;overflow-y:auto;padding:15px}.message{border-radius:20px;box-shadow:0 2px 5px #0000001a;margin-bottom:15px;max-width:80%;padding:10px 15px}.message.user{background:#000;border-bottom-right-radius:0;color:#fff;margin-left:auto}.message.waiter{background:#f0f0f0;border-bottom-left-radius:0;color:#000;margin-right:auto}.chat-input-container{background:#fff;border:1px solid #0000001a;border-radius:30px;display:flex;margin-top:15px;padding:5px}.chat-input-container input{background:#0000;border:none;border-radius:30px;color:#000;flex:1 1;outline:none;padding:10px 15px}.send-btn,.voice-btn{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.consumer-menu-items.legacy-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:10px 10px 60px}.consumer-menu-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.5rem;position:relative;transition:all .3s ease}.consumer-menu-item:hover{background:#fff!important;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.consumer-menu-item .item-image{display:none}.consumer-menu-item .item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-content-wrapper{background:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column}.consumer-menu-item .item-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center}.add-to-cart-btn{display:none}.add-to-cart-btn:hover{background:#333;box-shadow:0 4px 12px #0003}.cart-floating-button{align-items:center;background:#000;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:100}.cart-floating-button:hover{box-shadow:0 8px 30px #0006;transform:scale(1.1)}.cart-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.cart-container{animation:scaleIn .3s ease;background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.cart-header{background:#fff;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cart-header h2{color:#000;font-size:1.8rem;font-weight:600;margin:0}.close-cart-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-cart-btn:hover{background:#0000001a}.cart-items{border-bottom:1px solid #0000001a;max-height:50vh;overflow-y:auto;padding:15px}.cart-item{background:#fff;border-bottom:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.cart-item:last-child{border-bottom:none;margin-bottom:0}.cart-item-image{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-right:15px;overflow:hidden;width:80px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.cart-item-info{margin-bottom:10px}.cart-item-info h4{color:#000;font-size:16px;margin:0 0 5px}.price-info{align-items:center;display:flex;justify-content:space-between}.item-unit-price{color:#0009;font-size:14px;margin:0}.cart-item-price{color:#000;font-size:16px;font-weight:600;margin:0}.cart-item-actions{align-items:center;display:flex;justify-content:flex-end;margin-top:5px}.quantity-btn{background:#fff;border:1px solid #0003;border-radius:50%;color:#000;font-size:14px;height:30px;transition:all .2s ease;width:30px}.quantity-btn:hover{background:#0000001a}.item-quantity{color:#000;padding:0 10px}.remove-item-btn{background:#fff;border:1px solid #0003;color:#000;margin-left:10px}.remove-item-btn:hover{background:#ff00001a;border-color:#e53935;color:#e53935}.cart-summary{background:#fff;border-top:1px solid #0000000f;padding:20px}.cart-total{margin-bottom:20px;text-align:right}.cart-total h3{color:#000;font-size:1.5rem;font-weight:600;margin:0}.payment-methods{background:#f5f5f5cc;border:1px solid #0000001a;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:20px}.payment-methods h4{border-bottom:1px solid #0000001a;color:#000000e6;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:15px;text-align:center}.payment-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.payment-option{background:#ffffffe6;border:2px solid #0000001a;flex:1 1;justify-content:center;margin:0;min-height:120px;min-width:100px;padding:20px 10px;transition:all .3s ease}.payment-option svg{font-size:32px;margin-bottom:12px}.payment-option span,.payment-option svg{color:#000000b3;color:var(--text-secondary)}.payment-option span{font-size:16px;font-weight:600}.payment-option:hover{background:#ffffffe6;border-color:#0000004d;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.payment-option.selected{background:#000;border-color:#000;box-shadow:0 8px 20px #00000040;transform:translateY(-5px)}.payment-option.selected span,.payment-option.selected svg{color:#fff}.payment-confirmation{background:#0000000d;border:1px solid #0000001a;border-radius:8px;margin-top:15px;padding:15px;text-align:center}.payment-confirmation p{color:#000000e6;color:var(--text-primary);font-size:1.1rem;margin:0}.payment-confirmation strong{color:#000;font-weight:700}.checkout-form h4{border-bottom:1px solid #0000001a;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.checkout-form h4,.glass-input label{color:#000000e6;color:var(--text-primary)}.glass-input label{display:block;font-weight:500;margin-bottom:8px}.glass-input input,.glass-input textarea{font-size:16px;margin-bottom:15px;padding:15px}.glass-input textarea{min-height:100px}.order-form{display:flex;flex-direction:column;gap:15px}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{background:#fff;border:1px solid #0000001a;border-radius:8px;color:#000;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#000;box-shadow:0 2px 10px #0000001a;outline:none}.form-group textarea{min-height:80px}.submit-order-btn{align-items:center;background:#000;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;letter-spacing:1px;margin-top:25px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.submit-order-btn.submitting{background:#333;cursor:not-allowed;opacity:.9}.loading-text{align-items:center;display:flex;justify-content:center}.loading-text:before{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}.submit-order-btn:hover{background:#222;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.submit-order-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.empty-cart,.order-success{padding:30px;text-align:center}.empty-cart p,.order-success p{color:#000000b3;font-size:16px;margin-bottom:20px}.continue-shopping-btn,.new-order-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.continue-shopping-btn:hover,.new-order-btn:hover{background:#333;box-shadow:0 4px 12px #0003}.order-success h3{color:#000;font-size:1.6rem;margin-bottom:15px}.order-number{background:#000;border-radius:30px;color:#fff;display:inline-block;font-size:1.2rem;letter-spacing:1px;margin-bottom:20px;padding:8px 20px}.digital-waiter-modal-overlay{overflow:hidden}.digital-waiter-modal-container{animation:scaleIn .3s ease;background:#fffffff2;box-shadow:0 10px 40px #0000004d;max-height:90vh}.waiter-chat-container{max-height:100%}.waiter-chat-body{height:calc(100% - 60px)}.waiter-chat-messages{padding:15px;scroll-behavior:smooth}.waiter-chat-suggestions{background:#f8f8f8e6;border-top:1px solid #0000001a;padding:10px}.waiter-chat-input{background:#fff;border-top:1px solid #0000001a;gap:8px;padding:15px}.waiter-chat-input input{border:1px solid #0000001a;border-radius:30px;font-size:15px}.waiter-chat-message{border-radius:18px;margin-bottom:15px;max-width:80%;padding:12px 15px}.waiter-chat-header{background:#000c;border-radius:16px 16px 0 0;color:#fff;height:60px;padding:15px}@media (max-height:700px){.digital-waiter-modal-container{height:90vh}.waiter-chat-suggestions{padding:5px}.waiter-chat-input{padding:10px}}@media (max-width:480px){.digital-waiter-modal-container{height:85vh;width:95%}}.glass-input input,.glass-input textarea{background:#fffc;border:1px solid #0000001a;box-shadow:0 2px 8px #0000000d;color:#000;font-size:15px;padding:12px 15px}.glass-input input:focus,.glass-input textarea:focus{border-color:#000;box-shadow:0 2px 12px #0000001a;outline:none}.consumer-menu-item .item-content{background-color:#ffffffe6;color:#000000e6;color:var(--text-primary);padding:16px}.consumer-menu-item h3{color:#374151;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .5rem;text-align:center}.consumer-menu-item .item-description{display:none}.consumer-menu-item .item-price{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:0;text-align:center}.glass-panel.business-header{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.glass-panel.menu-header{text-align:center}.digital-waiter-order-container{display:flex;justify-content:center;margin:20px auto;text-align:center;width:100%}.digital-waiter-order-button{align-items:center;animation:pulse-blue 2s infinite;background:linear-gradient(135deg,#0057ff,#00a8ff);border:none;border-radius:30px;box-shadow:0 4px 15px #08f6;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .3s ease}.digital-waiter-order-button:hover{background:linear-gradient(135deg,#0062ff,#00b0ff);box-shadow:0 6px 20px #0088ff80;transform:translateY(-3px)}.digital-waiter-icon{font-size:20px}@keyframes pulse-blue{0%{box-shadow:0 4px 15px #08f6}50%{box-shadow:0 4px 25px #0088ffb3}to{box-shadow:0 4px 15px #08f6}}.product-detail-staff-panel .product-detail-modal-new{border-radius:12px!important;height:100%!important;left:auto!important;max-height:none!important;max-width:none!important;position:static!important;top:auto!important;transform:none!important;width:100%!important}.product-detail-modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1500!important}body.product-detail-open{overflow:hidden}.product-detail-modal{animation:scaleIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;border-radius:16px;box-shadow:0 10px 40px #0000004d;color:#fff;left:auto!important;margin:auto!important;max-height:90vh;max-width:800px;overflow-y:auto;position:relative!important;top:auto!important;transform:none!important;width:90%;z-index:1501!important}.staff-pos-wrapper .product-detail-modal{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#000000f2!important;max-height:calc(90vh + 50px)!important;max-width:1200px!important;width:95%!important}.product-detail-header{align-items:center;background:#0000;border-bottom:1px solid #fff3;color:#fff;display:flex;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-detail-header h2{color:#fff;margin:0}.back-btn{background:#ffffff1a;border-radius:50%;font-size:22px;height:40px;justify-content:center;margin-right:15px;transition:all .2s ease;width:40px}.back-btn:hover{background:#fff3}.product-detail-content{padding:20px}.product-detail-content,.product-detail-top-row{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.product-detail-top-row{flex-direction:row;gap:30px}.product-detail-image{flex:0 0 300px;height:300px;margin-bottom:0}.product-detail-right-section{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}}.product-detail-image{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;height:250px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.product-detail-image img{height:100%;object-fit:cover;width:100%}.product-detail-info{display:flex;flex-direction:column}.product-detail-description{color:#fffc;font-size:15px;line-height:1.6;margin-bottom:15px}.product-detail-category{background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.product-detail-category span:first-child{color:#ffffffb3;font-weight:500}.product-detail-category span:last-child{color:#fff;font-weight:600}.product-variations{margin-bottom:20px}.product-variations h3{color:#fff;font-size:1.1rem;margin-bottom:10px}.variation-type-section{margin-bottom:30px}.variation-type-title{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 10px #0003;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:12px 16px;text-align:center;text-transform:uppercase}.variation-category-section{margin-bottom:20px}.variation-category-title{background:#3b82f633;border-left:3px solid #3b82f6cc;border-radius:4px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:6px 12px;text-transform:uppercase}.variations-row{display:flex;flex-wrap:wrap;gap:12px}.variations-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%}@media (min-width:768px){.variations-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.staff-pos-wrapper .variations-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}@media (min-width:768px){.staff-pos-wrapper .variations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media (min-width:1200px){.staff-pos-wrapper .variations-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}}.variations-list{gap:8px}.variation-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex-direction:column;min-height:80px;padding:12px 15px;position:relative;transition:all .3s ease}.variation-item .variation-details{flex:1 1;margin-bottom:8px}.variation-item .variation-price{align-self:flex-end;font-weight:600}.variation-item:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 2px 10px #0000004d}.variation-item.selected{background:#3b82f6cc;border-color:#3b82f6;color:#fff}.variation-item.selected .variation-name,.variation-item.selected .variation-price{color:#fff}.variation-name{color:#fff;font-weight:500}.variation-price{color:#fff}.price-adjustment{color:#ffffffb3;font-size:.8rem;margin-left:5px}.variation-item.selected .price-adjustment{color:#ffffffe6}.product-detail-price-section{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.product-detail-price{display:flex;flex-direction:column}.product-detail-price span:first-child{color:#fffc;font-size:.9rem}.price-value{font-size:1.3rem;font-weight:700}.product-detail-quantity{align-items:center;display:flex;gap:10px}.product-detail-quantity-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.product-detail-quantity-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.product-detail-quantity-btn:disabled{cursor:not-allowed;opacity:.5}.product-detail-quantity-btn svg{height:16px;width:16px}.quantity-value{font-size:1.2rem;font-weight:600;min-width:30px}.product-detail-total{background:#ffffff26;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.product-detail-total span:first-child{color:#fffc;font-size:1rem}.total-value{color:#fff;font-size:1.4rem}.add-to-cart-detail-btn{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease;width:100%}.add-to-cart-detail-btn:hover{background:#333;box-shadow:0 4px 15px #0003}.checkout-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:100%;z-index:1500}.checkout-container{animation:scaleIn .3s ease;background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:none;max-width:1000px;overflow:visible;width:95%}.checkout-header{align-items:center;background:#fff;border-bottom:1px solid #0000001a;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.checkout-header h2{color:#000;font-size:1.8rem;font-weight:600;margin:0}.close-checkout-btn{background:#0000000d;border-radius:50%;color:#000;font-size:20px}.close-checkout-btn:hover{background:#0000001a}.checkout-content{display:flex;flex-direction:row;height:auto;overflow:visible;padding:0}@media (max-width:768px){.checkout-content{flex-direction:column}.checkout-container{max-height:none}}.checkout-items-section{border-right:1px solid #0000001a;flex:1 1;height:auto;max-height:500px;overflow-y:visible;overflow-y:auto;padding:20px}.checkout-payment-section{flex:1 1;height:auto;overflow-y:visible;padding:20px}.checkout-items-section h3,.checkout-payment-section h3{border-bottom:1px solid #0000001a;color:#000;font-size:1.4rem;font-weight:600;margin-bottom:15px;padding-bottom:10px;text-align:center}.checkout-items{margin-bottom:30px;max-height:300px}.checkout-item{background:#fff;border-bottom:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.checkout-item:last-child{border-bottom:none;margin-bottom:0}.checkout-item-image{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:15px;overflow:hidden;width:60px}.checkout-item-image img{height:100%;object-fit:cover;width:100%}.checkout-item-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.checkout-total{background:#0000000d;border-radius:8px;margin-top:20px;padding:10px;text-align:right}.checkout-total h3{color:#000;font-size:1.5rem;font-weight:600;margin:10px 0}.checkout-form{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin-top:30px;padding:20px}.checkout-form .form-group{margin-bottom:20px}.checkout-form .form-group label{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.confirm-order-btn{background:#000;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;margin-top:25px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.confirm-order-btn,.confirm-order-btn.submitting{align-items:center;display:flex;justify-content:center}.confirm-order-btn.submitting{background-color:#2c3e50;cursor:not-allowed}.loading-text{display:inline-block;font-weight:600;letter-spacing:.5px}.loading-spinner-small{animation:spin .8s linear infinite;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}.confirm-order-btn:hover{background:#222;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.confirm-order-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-height:800px){.checkout-items-section:after{background:#0000000d;border-radius:8px;content:"⬇️ Desliza para ver más productos";display:block;font-size:.8rem;margin-top:10px;padding:10px;text-align:center}}@media (max-width:768px){.checkout-items-section,.checkout-payment-section{border-bottom:1px solid #0000001a;border-right:none;max-height:none}.checkout-items-section{max-height:300px;overflow-y:auto}}.simple-payment-methods{border-top:1px solid #0000001a;margin-top:20px;padding:20px}.simple-payment-methods h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.simple-payment-options{display:flex;flex-direction:column;gap:15px}.simple-payment-button{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:15px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.simple-payment-button:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.simple-payment-button:active{box-shadow:0 2px 5px #0000001a;transform:translateY(1px)}.app-button{background:#000;color:#fff}.app-button:hover{background:#333}.card-button{background:#2962ff;color:#fff}.card-button:hover{background:#1e4bd2}.cash-button{background:#43a047;color:#fff}.cash-button:hover{background:#388e3c}.simple-checkout-content{display:flex;flex-direction:column;padding:30px}.payment-method-badge{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:20px;padding:15px;text-align:center}.payment-method-badge strong{color:#000;font-weight:700}.checkout-items{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.payment-section{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin-top:20px;padding:20px}.payment-section h3{color:#333;font-size:1.3rem;margin-bottom:20px;text-align:center}.payment-options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.payment-option-tile{align-items:center;background:#fff;border:2px solid #0000001a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:110px;justify-content:center;padding:20px 15px;transition:all .3s ease}.payment-icon{color:#666;margin-bottom:10px;transition:color .3s ease}.payment-option-tile span{color:#000;font-weight:500;margin-top:6px;transition:color .3s ease}.payment-option-tile:hover{border-color:#0000004d;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.payment-option-tile.selected{background:#000;border-color:#000;box-shadow:0 5px 15px #0003;color:#fff}.payment-option-tile.selected .payment-icon,.payment-option-tile.selected span{color:#fff}.payment-selected-indicator{background:#0000000d;border-radius:8px;margin-top:15px;padding:10px;text-align:center}.payment-selected-indicator p{color:#000;margin-top:10px;text-align:center}.payment-selected-indicator strong{color:#000;font-weight:600}.required{color:#f44336;margin-left:2px}.order-form{border-top:1px solid #eaeaea;margin-top:25px;padding-top:25px}.customer-info-section{margin-top:30px}.section-header{border-bottom:1px solid #eaeaea;margin-bottom:15px;padding-bottom:10px}.section-icon{color:#333;font-size:22px;margin-right:10px}.section-header h3{color:#333;font-size:1.3rem;font-weight:600}.checkout-form .glass-input input,.checkout-form .glass-input textarea{background:#ffffffe6;border:1px solid #e0e0e0;font-size:16px;padding:12px 15px}.checkout-form .glass-input input:focus,.checkout-form .glass-input textarea:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.checkout-item-controls{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.checkout-item-quantity{align-items:center;display:flex;gap:8px}.quantity-control-btn{background-color:#ffffff80;color:#444;height:24px;transition:background-color .2s,transform .1s;width:24px}.quantity-control-btn:hover{background-color:#fffc;transform:scale(1.05)}.remove-item-btn{background-color:#ff634733;color:#e74c3c;transition:background-color .2s,transform .1s}.remove-item-btn:hover{background-color:#ff634766}.total-amount{color:#000!important;font-size:1.3rem!important;font-weight:700!important}.item-quantity-controls{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;margin-top:10px;padding-top:6px}.quantity-controls{background:#ffffff80;border:1px solid #0000001a;border-radius:20px;box-shadow:0 2px 4px #0000000d;padding:2px 8px}.control-btn{align-items:center;background-color:#ffffffb3;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.control-btn:hover{background-color:#ffffffe6;transform:scale(1.05)}.decrease-btn{color:#e74c3c}.increase-btn{color:#27ae60}.item-quantity{color:#333;margin:0 8px;min-width:30px;text-align:center}.delete-item-btn{align-items:center;background-color:#e74c3c26;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#e74c3c;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-item-btn:hover{background-color:#e74c3c4d;transform:scale(1.05)}.quantity-control-row{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;margin-top:10px;padding-top:8px}.quantity-button-group{align-items:center;background:#e9e9e9;border:1px solid #d0d0d0;border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;padding:4px}.quantity-btn-circle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.minus-btn{background-color:#fdd;box-shadow:0 1px 2px #0000001a;color:#e74c3c}.minus-btn:hover{background-color:#ffcccb;transform:scale(1.05)}.plus-btn{background-color:#d4ffda;box-shadow:0 1px 2px #0000001a;color:#27ae60}.plus-btn:hover{background-color:#bfffca;transform:scale(1.05)}.quantity-display{color:#000;font-size:16px;min-width:30px}.trash-btn{align-items:center;background-color:#fee;border:1px solid #ffcccb;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#e74c3c;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.trash-btn:hover{background-color:#ffcccb;box-shadow:0 2px 5px #00000026;transform:scale(1.05)}.checkout-item-price{color:#000!important;font-size:16px!important;font-weight:700!important}.checkout-quantity-row{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;margin-top:10px;padding-top:8px}.checkout-button-container{align-items:center;border-radius:30px;box-shadow:0 2px 5px #0000001a;display:flex;overflow:hidden}.checkout-btn{align-items:center;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.checkout-minus-btn{background-color:#e74c3c;color:#fff}.checkout-minus-btn:hover{background-color:#c0392b}.checkout-plus-btn{background-color:#27ae60;color:#fff}.checkout-plus-btn:hover{background-color:#219653}.checkout-quantity{background:#f8f8f8;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#000;font-weight:700;height:32px;min-width:32px;padding:5px 8px;text-align:center}.checkout-delete-btn,.checkout-quantity{align-items:center;display:flex;justify-content:center}.checkout-delete-btn{background-color:#9b59b6;border:none;border-radius:50%;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.checkout-delete-btn:hover{background-color:#8e44ad;transform:scale(1.05)}.checkout-item-info h4{color:#000!important;font-size:16px;font-weight:700!important;margin:0 0 5px}.error-message{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#e74c3c;font-weight:500;padding:10px}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-shake{animation:errorShake .5s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#e74c3c!important;box-shadow:0 0 5px #e74c3c80!important;transform:translateZ(0)}.order-success-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000!important}.order-success-container{animation:scaleInSuccess .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.order-success-container h3{color:#000;font-size:1.8rem;font-weight:700;margin-bottom:15px}.order-success-container .order-number{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:25px;box-shadow:0 4px 15px #27ae604d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding:8px 20px}.order-success-container p{color:#000;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:25px}.order-success-container .new-order-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.order-success-container .new-order-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}@keyframes scaleInSuccess{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.search-bar input{background:#0000!important;color:#000!important;font-weight:500}.search-bar input::placeholder{color:#000;font-weight:500;opacity:.7}.table-select,.waiter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #0000001a;border-radius:8px;color:#000;cursor:pointer;font-size:15px;margin-bottom:15px;padding:12px 15px;transition:all .3s ease;width:100%}.table-select:focus,.waiter-select:focus{border-color:#000;box-shadow:0 2px 10px #0000001a;outline:none}.table-select optgroup{background-color:#f8f8f8;font-weight:600;padding:8px 0}.table-select option,.waiter-select option{padding:10px}.section-info{align-items:center;background:#00000008;border-radius:8px;display:flex;margin-bottom:10px;padding:10px}.section-info-icon{color:#0009;margin-right:10px}.section-info-text{color:#000c;font-size:14px}.waiter-badge{align-items:center;background:#0000000d;border-radius:20px;cursor:pointer;display:inline-flex;margin-top:10px;padding:6px 12px;transition:all .2s ease}.waiter-badge:hover{background:#0000001a}.waiter-badge-icon{color:#000000b3;margin-right:8px}.waiter-badge-name{color:#000c;font-size:14px;font-weight:500}.order-success-details{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;margin:20px 0;padding:15px}.order-success-details h4{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:10px}.detail-row{justify-content:space-between;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.order-success-overlay .order-success-container .order-success-details .detail-label{color:#000!important;font-size:.9rem;font-weight:600}.order-success-overlay .order-success-container .order-success-details .detail-value{background:#0000000d;border-radius:4px;color:#000!important;font-size:.9rem;font-weight:700;padding:4px 8px}.order-success-details *,.order-success-details .detail-label,.order-success-details .detail-row,.order-success-details .detail-value,.order-success-overlay .order-success-container .order-success-details .detail-row,.order-success-overlay .order-success-container .order-success-details .detail-row *{color:#000!important}.checkout-section{background:#ffffffe6;border:1px solid #0000000d;border-radius:8px;margin-bottom:20px;padding:15px}.checkout-section-title{align-items:center;border-bottom:1px solid #0000001a;display:flex;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.checkout-section-title svg{margin-right:8px}.checkout-table-selection{margin-bottom:15px}.staff-info-display{display:flex;flex-direction:column;gap:15px}.staff-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;display:flex;gap:12px;padding:15px 20px}.staff-icon{font-size:20px}.staff-name{flex:1 1}.staff-label{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.staff-note{color:#718096;font-size:14px;font-style:italic;margin:0;text-align:center}.visual-table-selector-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.visual-table-selector-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.visual-table-selector-btn svg{font-size:14px}.selected-table-info{margin-top:15px}.selected-table-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.selected-table-badge svg{font-size:14px}.area-select,.table-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.area-select:focus,.table-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.section-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.section-pill{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.section-pill:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.section-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:600}.section-pill.active:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.section-pill svg{font-size:16px}.customer-info-toggle{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.customer-info-toggle:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateY(-1px)}.customer-info-toggle svg{font-size:14px}.customer-info-hint{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-top:10px;padding:15px 20px}.customer-info-hint p{color:#0369a1;font-size:14px;font-style:italic;margin:0;text-align:center}.section-header{flex-wrap:wrap;gap:15px}.section-header h3{flex:1 1;margin:0}.product-variations h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:16px}.variations-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.variation-item{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.variation-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.variation-item.selected{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.variation-item.selected .variation-name,.variation-item.selected .variation-price{color:#065f46!important;font-weight:700}.variation-item.substitution-variation{border-left:4px solid #f59e0b}.variation-item.substitution-variation.selected{border-left:4px solid #10b981}.variation-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.variation-name{color:#111827;font-size:1rem;font-weight:600}.variation-description{color:#6b7280;font-size:.875rem;line-height:1.4}.substitution-badge{align-self:flex-start;background:#fef3c7;border-radius:4px;color:#f59e0b;font-size:.75rem;font-weight:500;margin-top:4px;padding:2px 8px}.variation-price{color:#111827;text-align:right;white-space:nowrap}.price-adjustment{color:#059669;font-size:.875rem;margin-left:4px}.price-discount{color:#dc2626;font-size:.875rem;margin-left:4px}.substitution-details{background:#ffffff0d;border:1px solid #fff3;border-left:3px solid #ffa500b3;border-radius:8px;margin-top:16px;padding:16px}.substitution-details h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.substitution-group{margin-bottom:15px}.substitution-group:last-child{margin-bottom:0}.substitution-group h5{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 8px}.substitution-list{list-style:none;margin:0;padding:0}.substitution-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;gap:12px;padding:8px 12px}.original-ingredient{color:#fff9;font-size:.875rem;text-decoration:line-through}.arrow{color:#fffc;font-weight:700}.replacement-ingredient{color:#10b981;font-size:.875rem;font-weight:600}.has-options-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.recipe-badge,.standalone-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:500;gap:2px;margin-left:8px;padding:2px 6px}.standalone-badge{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.recipe-badge{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.standalone-variation{background:#10b9810d!important;border-left:3px solid #10b98199!important}.standalone-variation.selected{background:#10b98126!important;border-color:#10b981cc!important}.recipe-variation{background:#3b82f60d!important;border-left:3px solid #3b82f699!important}.recipe-variation.selected{background:#3b82f626!important;border-color:#3b82f6cc!important}.standalone-indicator{font-size:.8rem;margin-left:6px;opacity:.8}.standalone-note{color:#10b981e6;font-size:.7rem;font-style:italic;font-weight:500;margin-top:2px}.cart-item-details .variation-info{color:#6b7280;font-size:.8rem;margin-top:4px}.cart-item-details .substitution-info{color:#f59e0b;font-size:.75rem;font-weight:500;margin-top:2px}.product-detail-modal .variation-details{gap:6px}.product-detail-modal .variation-item{padding:12px 16px}.product-detail-modal .substitution-details{margin-top:20px}@media (max-width:768px){.variation-item{padding:12px}.variation-details{gap:6px}.variation-name{font-size:.9rem}.variation-description{font-size:.8rem}.substitution-item{align-items:flex-start;flex-direction:column;gap:4px}.arrow{transform:rotate(90deg)}}.cart-item-details .variations-list{border-top:1px solid #0000001a;margin-top:8px;padding:8px 0}.cart-item-details .variations-label{color:#000000b3;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.cart-item-details .variation-items{list-style:none;margin:0;padding:0}.cart-item-details .variation-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0}.cart-item-details .variation-name{color:#000000e6;color:var(--text-primary);font-weight:500}.cart-item-details .variation-price-adjustment{color:#e67e22;font-size:.75rem;font-weight:600}.cart-item-details .variation-price-discount{color:#27ae60;font-size:.75rem;font-weight:600}.cart-item-details .substitutions-label{color:#000000b3;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.cart-item-details .substitution-list{list-style:none;margin:0;padding:0}.cart-item-details .substitution-item{color:#000000e6;color:var(--text-primary);font-size:.8rem;font-style:italic;padding:2px 0}.cart-item-details .variation-info{color:#000000b3;color:var(--text-secondary);font-size:.85rem;font-style:italic}.cart-item-details .substitution-info,.cart-item-details .variation-info,.checkout-item-details .variations-list{border-top:1px solid #0000001a;margin-top:8px;padding:8px 0}.checkout-item-details .variations-label{color:#000;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.checkout-item-details .variation-items{list-style:none;margin:0;padding:0}.checkout-item-details .variation-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0}.checkout-item-details .variation-name{color:#000;font-weight:500}.checkout-item-details .variation-price-adjustment{color:#e67e22;font-size:.75rem;font-weight:600}.checkout-item-details .variation-price-discount{color:#27ae60;font-size:.75rem;font-weight:600}.checkout-item-details .substitutions-label{color:#000;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.checkout-item-details .substitution-list{list-style:none;margin:0;padding:0}.checkout-item-details .substitution-item{color:#000000e6;color:var(--text-primary);font-size:.8rem;font-style:italic;padding:2px 0}.checkout-item-details .variation-info{color:#000000b3;color:var(--text-secondary);font-size:.85rem;font-style:italic}.checkout-item-details .substitution-info,.checkout-item-details .variation-info{border-top:1px solid #0000001a;margin-top:8px;padding:8px 0}.customer-search-container{position:relative}.email-input-container{align-items:center;display:flex;position:relative}.search-loading{align-items:center;display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-icon{font-size:16px}.search-icon.spinning{animation:spin 1s linear infinite}.search-hint{color:#00000080;font-size:12px;font-weight:400;margin-left:8px}.customer-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#00000005;border-bottom:1px solid #0000001a;color:#000000b3;font-size:13px;font-weight:500;padding:12px 16px}.dropdown-icon{color:#00000080;font-size:14px}.customer-option{border-bottom:1px solid #0000000d;cursor:pointer;padding:16px;transition:all .2s ease}.customer-option:last-child{border-bottom:none}.customer-option:hover{background:#0000000d;transform:translateX(4px)}.customer-info{display:flex;flex-direction:column;gap:6px}.customer-name{color:#000000e6;font-size:15px;font-weight:600}.customer-details{color:#0009;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.customer-email,.customer-phone{align-items:center;display:flex}.customer-email:before{content:"📧";margin-right:4px}.customer-phone:before{content:"📱";margin-right:4px}.customer-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.customer-tier{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.customer-tier.tier-bronze{background:#cd7f3226;color:#cd7f32}.customer-tier.tier-silver{background:#c0c0c026;color:silver}.customer-tier.tier-gold{background:#ffd70026;color:gold}.customer-tier.tier-platinum{background:#e5e4e226;color:#e5e4e2}.customer-points,.customer-spent{background:#0000000d;border-radius:8px;color:#000000b3;font-size:11px;padding:2px 6px}.customer-last-visit{color:#00000080;font-size:11px;margin-top:2px}.selected-customer-indicator{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;color:#22c55ecc;display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 12px}.check-icon{color:#22c55ecc;font-size:14px}.table-selection-methods{margin-top:12px}.selection-method-tabs{display:flex;gap:8px;margin-bottom:16px}.method-tab{align-items:center;background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;color:#000000b3;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.method-tab:hover{background:#ffffffe6;transform:translateY(-1px)}.method-tab.active{background:#0000001a;border-color:#0003;color:#000000e6}.save-customer-checkbox{margin-bottom:8px;margin-top:16px}.checkbox-label{background:#22c55e05;border:1px solid #22c55e33;padding:12px 16px;position:relative;transition:all .2s ease}.checkbox-label:hover{background:#22c55e0d;border-color:#22c55e4d}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background:#fff;border:2px solid #22c55e99;border-radius:4px;display:flex;height:20px;justify-content:center;margin-right:12px;transition:all .2s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#22c55ee6;border-color:#22c55ee6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-text{align-items:center;color:#22c55ee6;font-size:14px;font-weight:500;gap:8px}.plus-icon{color:#22c55ecc;font-size:16px}.expanded-customer-form{animation:slideDown .3s ease-out;background:#fffc;border:1px solid #22c55e33;border-radius:8px;margin-top:16px;padding:16px}.form-section-title{align-items:center;border-bottom:1px solid #22c55e33;display:flex;gap:8px}.form-section-title .section-icon{color:#22c55ecc;font-size:16px}.form-section-title span{color:#000c;font-size:14px;font-weight:600}.customer-form-fields{margin-bottom:16px}.customer-form-fields .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.customer-form-fields .form-field{display:flex;flex-direction:column;gap:6px}.customer-form-fields .form-field label{color:#000000b3;font-size:13px;font-weight:500}.customer-form-fields .form-field input{background:#ffffffe6;border:1px solid #0003;border-radius:6px;color:#000;font-size:14px;padding:10px 12px;transition:all .2s ease}.customer-form-fields .form-field input:focus{background:#fff;border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e1a;outline:none}.customer-form-note{align-items:center;background:#22c55e0d;border:1px solid #22c55e33;border-radius:6px;color:#22c55ecc;display:flex;font-size:13px;gap:8px;padding:12px}.note-icon{color:#22c55ecc;flex-shrink:0;font-size:14px}.create-customer-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-top:16px;padding:20px}.form-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.form-header h4{color:#000000e6;font-size:16px;font-weight:600;margin:0}.close-form-btn{border-radius:4px;color:#00000080;padding:4px}.close-form-btn:hover{background:#0000000d;color:#000c}.new-customer-fields{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#000000b3;font-size:13px;font-weight:500}.form-field input{background:#fffc;border:1px solid #0003;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-field input:focus{background:#fff;border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e1a;outline:none}.form-actions{border-top:1px solid #0000001a;margin-top:20px}.cancel-btn{border:1px solid #0003;border-radius:6px;color:#000000b3;padding:8px 16px}.cancel-btn:hover{background:#0000000d;color:#000000e6}.create-btn{align-items:center;background:#22c55ee6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.create-btn:hover:not(:disabled){background:#22c55e;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.create-btn.creating{pointer-events:none}.loading-spinner-tiny{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:768px){.customer-dropdown{max-height:250px}.customer-option{padding:12px}.customer-details{flex-direction:column;gap:4px}.customer-stats{gap:6px}.method-tab{font-size:13px;padding:8px 12px}.search-hint{display:block;margin-left:0;margin-top:4px}.customer-form-fields .form-row{gap:12px;grid-template-columns:1fr}.expanded-customer-form{padding:12px}.checkbox-label{padding:10px 12px}.checkbox-text,.form-section-title span{font-size:13px}}.edit-mode-notice{animation:slideInFromTop .3s ease;border:1px solid #3b82f64d;border-radius:8px;padding:15px}.edit-mode-notice p{color:#3b82f6cc;font-size:14px;font-weight:500;margin:0 0 10px}.existing-order-info{flex-wrap:wrap;font-size:12px;gap:12px}.existing-order-info span{background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;color:#3b82f6e6;font-weight:500;padding:4px 8px}.edit-mode-totals{display:flex;flex-direction:column;gap:8px}.new-items-total{color:#000000b3;font-size:14px;margin:0}.total-divider{background:linear-gradient(90deg,#0000,#0003,#0000);margin:8px 0}.combined-total{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e4d;border-radius:6px;margin:0!important;padding:12px;text-align:center}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.existing-order-info{flex-direction:column;gap:8px}.existing-order-info span{font-size:11px;padding:3px 6px}.edit-mode-notice p{font-size:13px}}.cart-container,.checkout-container,.digital-waiter-modal-container,.order-success-container,.product-detail-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;touch-action:none}.cart-container.dragging,.checkout-container.dragging,.product-detail-modal.dragging{cursor:grabbing;filter:brightness(.95);scroll-behavior:auto;transition:filter .1s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cart-container.dragging *,.checkout-container.dragging *,.product-detail-modal.dragging *{pointer-events:none}.cart-container .payment-option-tile,.cart-container .quantity-btn,.cart-container .remove-item-btn,.cart-container .submit-order-btn,.product-detail-modal .add-to-cart-detail-btn,.product-detail-modal .product-detail-quantity-btn,.product-detail-modal .variation-item{min-height:44px;min-width:44px;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.cart-container .payment-option-tile:active,.cart-container .quantity-btn:active,.cart-container .remove-item-btn:active,.cart-container .submit-order-btn:active,.product-detail-modal .add-to-cart-detail-btn:active,.product-detail-modal .product-detail-quantity-btn:active,.product-detail-modal .variation-item:active{box-shadow:0 2px 8px #00000026;transform:scale(.96)}.cart-container::-webkit-scrollbar,.checkout-container::-webkit-scrollbar,.product-detail-modal::-webkit-scrollbar{background:#0000000d;width:12px}.cart-container::-webkit-scrollbar-thumb,.checkout-container::-webkit-scrollbar-thumb,.product-detail-modal::-webkit-scrollbar-thumb{background:#0000004d;background-clip:content-box;border:2px solid #0000;border-radius:6px;min-height:40px}.cart-container::-webkit-scrollbar-thumb:hover,.checkout-container::-webkit-scrollbar-thumb:hover,.product-detail-modal::-webkit-scrollbar-thumb:hover{background:#00000080;background-clip:content-box}@media (pointer:coarse){.cart-item{margin-bottom:12px;padding:16px}.cart-item-actions{gap:12px}.cart-item-actions .quantity-btn{font-size:18px;height:44px;width:44px}.variation-item{margin-bottom:8px;padding:16px}.product-detail-quantity-btn{font-size:20px;height:48px;width:48px}.glass-input input,.glass-input select,.glass-input textarea{font-size:16px;min-height:48px;padding:12px 16px}}.cart-container.touch-active:before,.checkout-container.touch-active:before,.product-detail-modal.touch-active:before{animation:touchIndicator 1s ease-in-out infinite;background:linear-gradient(90deg,#007bff,#0056b3,#007bff);background-size:200% 100%;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:9999}.cart-container.touch-active,.checkout-container.touch-active,.product-detail-modal.touch-active{-webkit-user-select:none;user-select:none}.cart-overlay,.checkout-overlay,.digital-waiter-modal-overlay,.order-success-overlay,.product-detail-modal-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:none}.mandatory-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;box-shadow:0 2px 4px #dc26264d;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:2px;letter-spacing:.5px;margin-left:8px;padding:4px 8px;text-transform:uppercase}.mandatory-indicator{color:#dc2626;font-size:14px;margin-left:4px}.mandatory-note{background:#dc26261a;border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;display:block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 6px}.mandatory-variation{background:#dc26260d;border:2px solid #dc2626!important}.mandatory-variation:hover{background:#dc26261a;border-color:#b91c1c!important}.mandatory-variation.selected{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.mandatory-variation.selected .mandatory-note,.mandatory-variation.selected .variation-description,.mandatory-variation.selected .variation-name{color:#fff!important}.optional-variation{background:#ffffffb3;border:1px solid #0000001a}.optional-variation:hover{background:#ffffffe6;border-color:#0003}.product-detail-bottom-section{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffffb3;background:var(--glass-bg);border-radius:0 0 12px 12px;border-radius:0 0 var(--glass-border-radius) var(--glass-border-radius);border-top:1px solid #0000001a;border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px #0000001a;margin-top:5px;padding:5px 20px;z-index:10}.bottom-total-display{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.bottom-total-label{color:#fff;font-size:16px;font-weight:600}.bottom-total-value{color:#fff;font-size:18px;font-weight:700}.bottom-add-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:20px;box-shadow:0 4px 15px #0596694d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px;height:80px;justify-content:center;letter-spacing:.5px;margin:0 auto;padding:0;text-transform:uppercase;transition:all .3s ease;width:120px}.bottom-add-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.bottom-add-btn:active{box-shadow:0 2px 10px #0596694d;transform:translateY(0)}@media (max-width:768px){.product-detail-bottom-section{margin-top:4px;padding:4px 15px}.bottom-total-display{margin-bottom:6px}.bottom-total-label{font-size:14px}.bottom-total-value{font-size:16px}.bottom-add-btn{border-radius:16px;font-size:12px;height:70px;margin:0 auto;padding:0;width:105px}.mandatory-badge{font-size:9px;padding:3px 6px}.mandatory-note{font-size:10px;padding:2px 4px}}.staff-pos-wrapper .consumer-menu-view{--glass-blur:8px}.staff-pos-wrapper .consumer-menu-view ::-webkit-scrollbar{height:18px!important;width:18px!important}.staff-pos-wrapper .consumer-menu-view ::-webkit-scrollbar-track{background:#f1f5f9!important;border:2px solid #e2e8f0!important;border-radius:9px!important}.staff-pos-wrapper .consumer-menu-view ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569)!important;border:2px solid #f1f5f9!important;border-radius:9px!important;box-shadow:0 2px 4px #0000001a!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 4px 8px #00000026!important;transform:scale(1.05)!important}.staff-pos-wrapper .consumer-menu-view .cart-floating-button,.staff-pos-wrapper .consumer-menu-view .category-filter button,.staff-pos-wrapper .consumer-menu-view .consumer-menu-item,.staff-pos-wrapper .consumer-menu-view .payment-option-tile,.staff-pos-wrapper .consumer-menu-view .quantity-btn,.staff-pos-wrapper .consumer-menu-view .variation-item,.staff-pos-wrapper .consumer-menu-view button{-webkit-tap-highlight-color:rgba(59,130,246,.3)!important;border-radius:14px!important;font-size:18px!important;min-height:60px!important;min-width:60px!important;padding:16px 24px!important;touch-action:manipulation!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view .add-to-cart-detail-btn,.staff-pos-wrapper .consumer-menu-view .bottom-add-btn,.staff-pos-wrapper .consumer-menu-view .confirm-order-btn,.staff-pos-wrapper .consumer-menu-view .submit-order-btn{border-radius:16px!important;font-size:20px!important;font-weight:700!important;min-height:70px!important;padding:20px 32px!important}.staff-pos-wrapper .consumer-menu-view .cart-overlay,.staff-pos-wrapper .consumer-menu-view .checkout-overlay,.staff-pos-wrapper .consumer-menu-view .order-success-overlay,.staff-pos-wrapper .consumer-menu-view .product-detail-modal-overlay{padding:24px!important}.staff-pos-wrapper .consumer-menu-view .cart-container,.staff-pos-wrapper .consumer-menu-view .checkout-container,.staff-pos-wrapper .consumer-menu-view .order-success-container,.staff-pos-wrapper .consumer-menu-view .product-detail-modal{border:4px solid #ffffffe6!important;border-radius:24px!important;box-shadow:0 30px 60px #0003!important;padding:32px!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;display:flex!important;font-size:14px!important;height:100%!important;justify-content:center!important;margin-bottom:0!important;max-height:none!important;max-width:none!important;min-height:140px!important;padding:1.5rem!important;transition:all .3s ease!important;width:auto!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item:active,.staff-pos-wrapper .consumer-menu-view .consumer-menu-item:hover{background:#fff!important;box-shadow:0 8px 25px #00000026!important;transform:translateY(-2px)!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items{gap:1rem!important;grid-auto-rows:140px!important;grid-template-columns:repeat(auto-fit,minmax(250px,350px))!important;justify-content:center!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.medium-density,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(8):not(:nth-child(16))){gap:.75rem!important;grid-auto-rows:120px!important;grid-template-columns:repeat(auto-fit,minmax(200px,280px))!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.high-density,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(16)){gap:.5rem!important;grid-auto-rows:100px!important;grid-template-columns:repeat(auto-fit,minmax(160px,220px))!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item h3{color:#374151!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.3!important;margin:0 0 .5rem!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item .item-description{color:#6b7280!important;font-size:.9rem!important;font-weight:500!important;line-height:1.4!important;margin:.25rem 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item .item-price{color:#059669!important;font-size:1.1rem!important;font-weight:700!important;margin:.5rem 0 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-item .item-content,.staff-pos-wrapper .consumer-menu-view .consumer-menu-item .item-content-wrapper{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;text-align:center!important;width:100%!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.medium-density .consumer-menu-item h3,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(8):not(:nth-child(16))) .consumer-menu-item h3{font-size:1.1rem!important;margin:0 0 .25rem!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.medium-density .consumer-menu-item .item-description,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(8):not(:nth-child(16))) .consumer-menu-item .item-description{font-size:.8rem!important;margin:.1rem 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.medium-density .consumer-menu-item .item-price,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(8):not(:nth-child(16))) .consumer-menu-item .item-price{font-size:1rem!important;margin:.25rem 0 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.high-density .consumer-menu-item h3,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(16)) .consumer-menu-item h3{font-size:.95rem!important;line-height:1.2!important;margin:0 0 .2rem!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.high-density .consumer-menu-item .item-description,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(16)) .consumer-menu-item .item-description{font-size:.7rem!important;line-height:1.3!important;margin:.1rem 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.high-density .consumer-menu-item .item-price,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(16)) .consumer-menu-item .item-price{font-size:.9rem!important;margin:.2rem 0 0!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items.high-density .consumer-menu-item,.staff-pos-wrapper .consumer-menu-view .consumer-menu-items:has(.consumer-menu-item:nth-child(16)) .consumer-menu-item{padding:1rem!important}.staff-pos-wrapper .consumer-menu-view .variation-item{border:3px solid #0000!important;border-radius:14px!important;margin:12px 0!important;min-height:70px!important;padding:20px 24px!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view .variation-item:hover{border-color:#e2e8f0!important;box-shadow:0 6px 20px #0000001a!important;transform:translateY(-2px)!important}.staff-pos-wrapper .consumer-menu-view .variation-item.selected{background:#10b9811a!important;border-color:#10b981!important;box-shadow:0 8px 24px #10b98133!important;transform:translateY(-2px)!important}.staff-pos-wrapper .consumer-menu-view .mandatory-variation{background:#dc26260d!important;border-color:#dc2626!important;border-width:4px!important}.staff-pos-wrapper .consumer-menu-view .mandatory-variation.selected{background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 8px 24px #dc26264d!important;color:#fff!important}.staff-pos-wrapper .consumer-menu-view .category-filter{gap:16px!important;padding:20px 24px!important}.staff-pos-wrapper .consumer-menu-view .category-filter button{border:3px solid #0000!important;border-radius:14px!important;font-size:18px!important;font-weight:600!important;min-height:60px!important;padding:18px 28px!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view .category-filter button.active,.staff-pos-wrapper .consumer-menu-view .category-filter button:hover{border-color:#3b82f6!important;box-shadow:0 6px 20px #3b82f633!important;transform:translateY(-2px)!important}.staff-pos-wrapper .consumer-menu-view .product-detail-quantity-btn,.staff-pos-wrapper .consumer-menu-view .quantity-btn{border:3px solid #e2e8f0!important;border-radius:14px!important;font-size:24px!important;font-weight:700!important;height:60px!important;transition:all .3s ease!important;width:60px!important}.staff-pos-wrapper .consumer-menu-view .product-detail-quantity-btn:hover,.staff-pos-wrapper .consumer-menu-view .quantity-btn:hover{border-color:#3b82f6!important;box-shadow:0 4px 15px #3b82f633!important;transform:scale(1.05)!important}.staff-pos-wrapper .consumer-menu-view .item-quantity,.staff-pos-wrapper .consumer-menu-view .quantity-value{background:#f8fafccc!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:20px!important;font-weight:700!important;min-width:60px!important;padding:12px!important;text-align:center!important}.staff-pos-wrapper .consumer-menu-view .payment-option-tile{border:4px solid #0000!important;border-radius:18px!important;min-height:100px!important;padding:28px!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view .payment-option-tile:hover{border-color:#e2e8f0!important;box-shadow:0 8px 24px #0000001a!important;transform:translateY(-3px)!important}.staff-pos-wrapper .consumer-menu-view .payment-option-tile.selected{background:#10b9811a!important;border-color:#10b981!important;box-shadow:0 12px 30px #10b98133!important;transform:translateY(-3px)!important}.staff-pos-wrapper .consumer-menu-view .payment-icon{font-size:40px!important;margin-bottom:12px!important}.staff-pos-wrapper .consumer-menu-view input,.staff-pos-wrapper .consumer-menu-view select,.staff-pos-wrapper .consumer-menu-view textarea{border:3px solid #e2e8f0!important;border-radius:14px!important;font-size:18px!important;min-height:60px!important;padding:18px 24px!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view input:focus,.staff-pos-wrapper .consumer-menu-view select:focus,.staff-pos-wrapper .consumer-menu-view textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 6px #3b82f61a!important;outline:none!important;transform:scale(1.02)!important}.staff-pos-wrapper .consumer-menu-view .cart-item{border:3px solid #0000!important;border-radius:18px!important;margin-bottom:20px!important;padding:24px!important;transition:all .3s ease!important}.staff-pos-wrapper .consumer-menu-view .cart-item:hover{border-color:#e2e8f0!important;box-shadow:0 6px 20px #00000014!important;transform:translateY(-2px)!important}.staff-pos-wrapper .consumer-menu-view .back-btn,.staff-pos-wrapper .consumer-menu-view .close-cart-btn,.staff-pos-wrapper .consumer-menu-view .close-checkout-btn{background:#f8fafcf2!important;border:3px solid #e2e8f0!important;border-radius:14px!important;font-size:24px!important;height:60px!important;transition:all .3s ease!important;width:60px!important}.staff-pos-wrapper .consumer-menu-view .back-btn:hover,.staff-pos-wrapper .consumer-menu-view .close-cart-btn:hover,.staff-pos-wrapper .consumer-menu-view .close-checkout-btn:hover{background:#ef44441a!important;border-color:#ef4444!important;transform:scale(1.05)!important}.staff-pos-wrapper .consumer-menu-view .cart-floating-button{border-radius:20px!important;box-shadow:0 12px 30px #3b82f64d!important;font-size:28px!important;height:80px!important;transition:all .3s ease!important;width:80px!important}.staff-pos-wrapper .consumer-menu-view .cart-floating-button:hover{box-shadow:0 16px 40px #3b82f666!important;transform:scale(1.1) translateY(-4px)!important}.staff-pos-wrapper .consumer-menu-view .cart-count{border:3px solid #fff!important;border-radius:16px!important;font-size:16px!important;font-weight:700!important;height:32px!important;min-width:32px!important}.staff-pos-wrapper .consumer-menu-view .product-detail-bottom-section{border-radius:20px!important;border-width:3px!important;margin-top:24px!important;padding:28px!important}.staff-pos-wrapper .consumer-menu-view .bottom-total-display{margin-bottom:20px!important;padding:16px 0!important}.staff-pos-wrapper .consumer-menu-view .bottom-total-label{font-size:20px!important;font-weight:700!important}.staff-pos-wrapper .consumer-menu-view .bottom-total-value{font-size:24px!important;font-weight:800!important}.staff-pos-wrapper .consumer-menu-view .category-filter button:active,.staff-pos-wrapper .consumer-menu-view .consumer-menu-item:active,.staff-pos-wrapper .consumer-menu-view .variation-item:active,.staff-pos-wrapper .consumer-menu-view button:active{transform:scale(.95)!important;transition:all .1s ease!important}.staff-pos-wrapper .consumer-menu-view{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.staff-pos-wrapper .consumer-menu-view input,.staff-pos-wrapper .consumer-menu-view textarea{-webkit-user-select:text!important;user-select:text!important}.staff-pos-wrapper .consumer-menu-view .mandatory-badge{border-radius:16px!important;font-size:12px!important;font-weight:700!important;margin-left:12px!important;padding:6px 12px!important}.staff-pos-wrapper .consumer-menu-view .mandatory-indicator{font-size:18px!important;margin-left:8px!important}.staff-pos-wrapper .consumer-menu-view .mandatory-note{border-left-width:4px!important;border-radius:10px!important;font-size:14px!important;margin-top:8px!important;padding:6px 12px!important}.staff-pos-wrapper .consumer-menu-view .search-bar-container{padding:16px 0!important}.staff-pos-wrapper .consumer-menu-view .search-bar input{border:3px solid #e2e8f0!important;border-radius:16px!important;font-size:18px!important;min-height:60px!important;padding:18px 50px 18px 24px!important}.staff-pos-wrapper .consumer-menu-view .search-icon{font-size:24px!important;right:18px!important;top:18px!important}.staff-pos-wrapper .consumer-menu-view .loading-spinner{border-width:8px!important;height:80px!important;width:80px!important}.staff-pos-wrapper .consumer-menu-view .loading-spinner-small{border-width:5px!important;height:40px!important;width:40px!important}.staff-pos-wrapper .consumer-menu-view .consumer-menu-items{gap:20px!important;padding:24px!important}.staff-pos-wrapper .consumer-menu-view .product-variations{margin-top:24px!important}.product-variations h3,.staff-pos-wrapper .consumer-menu-view .product-variations h3,.staff-pos-wrapper .consumer-menu-view .variation-category-title,.staff-pos-wrapper .consumer-menu-view .variation-type-title,.staff-pos-wrapper .variation-category-title,.staff-pos-wrapper .variation-type-title,.variation-category-title,.variation-type-title{color:#fff!important}.staff-pos-wrapper .consumer-menu-view .variations-grid{gap:16px!important;margin-top:16px!important}.staff-pos-wrapper .consumer-menu-view .variation-category-section{margin-bottom:24px!important}.staff-pos-wrapper .consumer-menu-view .variation-category-title{font-size:20px!important;margin-bottom:16px!important;padding:16px 0!important}@media (max-width:1024px){.staff-pos-wrapper .consumer-menu-view button{font-size:20px!important;min-height:70px!important;padding:20px 28px!important}.staff-pos-wrapper .consumer-menu-view .product-detail-quantity-btn,.staff-pos-wrapper .consumer-menu-view .quantity-btn{font-size:26px!important;height:70px!important;width:70px!important}.staff-pos-wrapper .consumer-menu-view .cart-floating-button{font-size:32px!important;height:90px!important;width:90px!important}}.staff-pos-wrapper .product-detail-content{gap:32px!important;padding:32px!important}.staff-pos-wrapper .product-detail-header{border-bottom:2px solid #ffffff4d!important;padding:24px 32px!important}.staff-pos-wrapper .product-detail-header h2{font-size:1.8rem!important;font-weight:700!important}.staff-pos-wrapper .back-btn{font-size:24px!important;height:48px!important;margin-right:20px!important;width:48px!important}.staff-pos-wrapper .variation-type-section{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:16px!important;margin-bottom:40px!important;padding:24px!important}.staff-pos-wrapper .variation-type-title{color:#fff!important;font-size:1.4rem!important;margin-bottom:24px!important;padding:16px 20px!important}.staff-pos-wrapper .variation-category-section{margin-bottom:32px!important}.staff-pos-wrapper .variation-category-title{color:#fff!important;font-size:1.2rem!important;margin-bottom:16px!important;padding:12px 16px!important}.staff-pos-wrapper .variation-item{background:#ffffff26!important;border:2px solid #ffffff4d!important;margin-bottom:12px!important;min-height:100px!important;padding:20px!important}.staff-pos-wrapper .variation-item:hover{background:#ffffff40!important;border-color:#fff9!important;box-shadow:0 8px 25px #0006!important;transform:translateY(-2px)!important}.staff-pos-wrapper .variation-item.selected{background:#3b82f6e6!important;border-color:#3b82f6!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-1px)!important}.staff-pos-wrapper .variation-name{font-size:1.1rem!important;font-weight:600!important;line-height:1.3!important;margin-bottom:8px!important}.staff-pos-wrapper .variation-price{font-size:1rem!important;font-weight:700!important}.staff-pos-wrapper .product-detail-bottom-section{border-top:2px solid #fff3!important;margin-top:16px!important;padding:12px 32px!important}.staff-pos-wrapper .bottom-total-display{margin-bottom:10px!important}.staff-pos-wrapper .bottom-total-label{color:#fff!important;font-size:1.1rem!important}.staff-pos-wrapper .bottom-total-value{color:#fff!important;font-size:1.4rem!important;font-weight:700!important}.staff-pos-wrapper .bottom-add-btn{border-radius:24px!important;flex-direction:column!important;font-size:14px!important;font-weight:700!important;gap:6px!important;height:100px!important;margin:0 auto!important;padding:0!important;width:150px!important}.staff-pos-wrapper .mandatory-badge{border-radius:14px!important;font-size:12px!important;padding:6px 12px!important}.staff-pos-wrapper .mandatory-note{border-radius:10px!important;font-size:13px!important;margin-top:8px!important;padding:8px 12px!important}.categories-grid-container{height:calc(100vh - 200px);overflow-y:auto;padding:1rem}.categories-grid-title{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:140px;grid-template-columns:repeat(auto-fit,minmax(250px,350px));justify-content:center;padding-bottom:2rem}.category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;height:100%;justify-content:center;padding:1.5rem;transition:all .3s ease}.category-card:hover{background:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.category-card-content{text-align:center}.category-card h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.category-items-count{color:#6b7280;font-size:.9rem;font-weight:500}.promos-card{background:linear-gradient(135deg,#ff6b6b,#ffd93d);border:none;color:#fff}.promos-card .promo-icon{font-size:1.5rem;margin-bottom:.5rem}.promos-card .category-items-count,.promos-card h3{color:#fff;text-shadow:0 1px 2px #0003}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem 0}.back-to-categories-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-to-categories-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateX(-2px)}.current-category-title{color:#374151;font-size:1.5rem;font-weight:600;margin:0}.consumer-menu-items{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:140px;grid-template-columns:repeat(auto-fit,minmax(250px,350px));justify-content:center;margin-bottom:0;overflow-y:auto;padding:1rem}@media (max-width:768px){.categories-grid{gap:.75rem;grid-auto-rows:120px;grid-template-columns:repeat(auto-fit,minmax(200px,300px))}.category-card{height:100%;padding:1rem}.category-card h3{font-size:1.1rem}.category-items-count{font-size:.85rem}.categories-grid-title{font-size:1.25rem;margin-bottom:1rem}.current-category-title{font-size:1.25rem}.consumer-menu-items{grid-auto-rows:120px;grid-template-columns:repeat(auto-fit,minmax(200px,300px));height:calc(100vh - 250px)}.consumer-menu-items.header-collapsed{height:calc(100vh - 230px)}}@media (max-width:480px){.categories-grid{gap:.5rem;grid-auto-rows:100px;grid-template-columns:1fr}.category-card{height:100%;padding:.75rem}.category-card h3{font-size:1rem}.category-items-count{font-size:.8rem}.consumer-menu-items{gap:.5rem;grid-auto-rows:100px;grid-template-columns:1fr;height:calc(100vh - 230px)}.consumer-menu-items.header-collapsed{height:calc(100vh - 210px)}.category-header{align-items:flex-start;flex-direction:column;gap:.5rem}.category-header-with-search{align-items:stretch;flex-direction:column;gap:.75rem}.category-header-left{justify-content:flex-start}.category-header-right{justify-content:flex-end}.inline-search-bar{min-width:150px}.current-category-title{font-size:1.1rem}.expand-header-btn{font-size:.8rem;padding:.4rem .8rem}.expand-header-btn span{max-width:120px}}.category-header-with-search{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0;min-height:70px;padding:.5rem 0}.category-header-left{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.category-header-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.search-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.search-toggle-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;color:#111827}.inline-search-bar{animation:slideInFromRight .3s ease;min-width:200px;position:relative}.inline-search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;color:#374151;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:all .3s ease;width:100%}.inline-search-bar input:focus{background:#fff;border-color:#0003;box-shadow:0 2px 8px #0000001a;outline:none}.inline-search-bar .clear-search{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.inline-search-bar .clear-search:hover{background:#0000000d;color:#374151}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.category-header-collapsed{align-items:center;display:flex;height:50px;justify-content:center;margin:0;padding:.5rem 0}.expand-header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #0000001a;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#374151;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.4rem .8rem;transition:all .3s ease}.expand-header-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.expand-header-btn span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.collapse-header-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;color:#374151}.consumer-menu-items.header-expanded{height:calc(100vh - 270px)}.consumer-menu-items.header-collapsed{height:calc(100vh - 250px)}.product-detail-modal-new{border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:95vh;left:50%;max-height:800px;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:95vw;z-index:1001}.product-modal-header{border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:flex-end;padding:15px 20px 10px}.close-modal-btn{background:#ffffff1a;color:#fff;font-size:18px;height:40px;width:40px}.close-modal-btn:hover{background:#fff3;transform:scale(1.05)}.product-modal-content{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden;padding:20px 30px}.product-info-column{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;overflow:hidden}.product-image-container{background:#ffffff0d;border-radius:15px;flex-shrink:0;height:200px;overflow:hidden;width:100%}.product-image-container img{height:100%;object-fit:cover;width:100%}.product-title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0}.product-quantity-section{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin:20px 0;padding:20px}.quantity-section-label{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:5px;text-align:center}.quantity-control-wrapper{gap:15px;margin:0 auto;max-width:200px}.quantity-control-btn,.quantity-control-wrapper{align-items:center;display:flex;justify-content:center}.quantity-control-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:50px}.quantity-control-btn.decrease{background:#ef4444;box-shadow:0 2px 8px #ef44444d}.quantity-control-btn.decrease:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:scale(1.05)}.quantity-control-btn.decrease:disabled{background:#6b7280;cursor:not-allowed;opacity:.5}.quantity-control-btn.increase{background:#10b981;box-shadow:0 2px 8px #10b9814d}.quantity-control-btn.increase:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:scale(1.05)}.quantity-control-btn:active{transform:scale(.95)}.quantity-control-display{background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;min-width:60px;padding:12px 20px;text-align:center}.pricing-section{background:#ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:20px}.price-row,.total-row{align-items:center;display:flex;justify-content:space-between}.price-label,.total-label{color:#fffc;font-size:1rem}.price-value{color:#fff;font-size:1.1rem;font-weight:600}.total-label{font-size:1.1rem;font-weight:700}.total-value{color:#10b981;font-size:1.3rem;font-weight:700}.variations-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.variations-loading{align-items:center;color:#ffffffb3;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.loading-spinner-small{border:3px solid #fff3;border-top-color:#10b981;height:30px;width:30px}.variations-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.variations-content{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 1fr;overflow-y:auto;padding-right:5px}.variations-title{color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;margin:0 0 20px}.variation-group{break-inside:avoid;margin-bottom:12px;page-break-inside:avoid}.variation-group:last-child{margin-bottom:0}.variation-group-title{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin:0 0 8px}.product-detail-staff-panel .variation-group{margin-bottom:10px}.product-detail-staff-panel .variation-group-title{font-size:.85rem;margin:0 0 6px}.mandatory-indicator{color:#f59e0b;font-weight:700}.variation-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-detail-staff-panel .variation-options{display:flex;flex-direction:column;gap:6px}.variations-content::-webkit-scrollbar{width:4px}.variations-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.variations-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.variations-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.variation-option{background:#ffffff1a;border:2px solid #0000;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-height:40px;padding:8px 10px;text-align:left;transition:all .2s ease;width:100%}.product-detail-staff-panel .variation-option{border-radius:6px;min-height:38px;padding:7px 10px}.variation-option:hover{background:#ffffff26;transform:translateY(-1px)}.variation-option.selected{background:#10b98133;border-color:#10b981;box-shadow:0 0 20px #10b9814d}.option-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.option-name{flex:1 1;font-size:.85rem;font-weight:600;line-height:1.2;min-width:0}.option-price{color:#10b981;flex-shrink:0;font-weight:700;white-space:nowrap}.option-price,.product-detail-staff-panel .option-name{font-size:.8rem}.product-detail-staff-panel .option-price{font-size:.75rem}.price-diff{display:block;font-size:.7rem;margin-left:3px;margin-top:2px}.price-diff.positive{color:#f59e0b}.price-diff.negative{color:#10b981}.option-description{color:#ffffffb3;font-size:.75rem;line-height:1.2;margin-top:2px;word-break:break-word}.substitution-summary{background:#ffffff0d;border-radius:12px;margin-top:15px;padding:15px}.substitution-title{color:#ffffffe6;font-size:.9rem;font-weight:600;margin:0 0 10px}.substitution-list{display:flex;flex-direction:column;gap:8px}.substitution-item{display:flex;flex-direction:column;gap:5px}.substitution-label{color:#fffc;font-size:.8rem;font-weight:600}.substitution-change{color:#ffffffb3;font-size:.8rem;padding-left:10px}.no-variations{align-items:center;color:#fff9;display:flex;font-style:italic;height:100%;justify-content:center}.product-modal-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:20px 30px}.add-to-cart-btn-new{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:15px;box-shadow:0 10px 25px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:15px;justify-content:center;padding:18px 25px;transition:all .3s ease;width:100%}.add-to-cart-btn-new:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 15px 30px #10b98166;transform:translateY(-2px)}.add-to-cart-btn-new:active{transform:translateY(0)}.btn-total{border-radius:8px;font-weight:700;padding:5px 12px}@media (max-width:1024px){.product-detail-modal-new{height:98vh;max-height:none;max-width:none;width:98vw}.product-modal-content{gap:20px;padding:15px 20px}.product-title{font-size:1.5rem}.variations-title{font-size:1.2rem}.variations-content{gap:12px}.option-name{font-size:.8rem}.option-price{font-size:.75rem}}@media (max-width:768px){.product-detail-modal-new{border-radius:0}.product-modal-content{gap:15px;grid-template-columns:1fr;padding:10px 15px}.product-image-container{height:150px}.product-title{font-size:1.3rem}.variations-column{max-height:300px}.variations-content{grid-template-columns:1fr;max-height:250px}.product-modal-footer{padding:15px 20px}}@media (max-width:480px){.product-modal-content{gap:10px;padding:10px}.pricing-section{padding:15px}.add-to-cart-btn-new{font-size:1rem;padding:15px 20px}.variation-option{min-height:45px;padding:10px 12px}.option-name{font-size:.9rem}.option-price{font-size:.85rem}}.checkout-overlay-new{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.checkout-modal-new{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;color:#fff;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:95vw}.checkout-modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.checkout-modal-header h2{color:#fff;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.close-checkout-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-checkout-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.checkout-modal-content{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;overflow:hidden;padding:24px}.checkout-left-column{display:flex;flex-direction:column;overflow:hidden}.cart-header{border-bottom:1px solid #0000001a;gap:12px;margin-bottom:16px;padding-bottom:12px}.cart-header,.cart-header h3{align-items:center;display:flex}.cart-header h3{color:#fff;flex:1 1;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.items-count{background:#10b9811a;border-radius:20px;color:#059669;font-size:.875rem;font-weight:600;padding:4px 12px}.edit-mode-notice{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f633;border-radius:12px;margin-bottom:20px;padding:16px}.edit-mode-notice p{color:#3730a3;font-weight:600;margin:0 0 8px}.existing-order-info{color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;gap:4px}.checkout-cart-items{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.checkout-cart-items::-webkit-scrollbar{width:6px}.checkout-cart-items::-webkit-scrollbar-track{background:#0000}.checkout-cart-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.checkout-cart-items::-webkit-scrollbar-thumb:hover{background:#ffffff80}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)){gap:8px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .checkout-cart-item{border-radius:12px;padding:12px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .cart-item-image-small{height:50px;width:50px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .cart-item-info h4{font-size:.9rem;margin-bottom:6px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .variation-tag{font-size:.7rem;padding:1px 6px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .total-price,.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .unit-price{font-size:.85rem}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .cart-quantity-btn{font-size:12px;height:28px;width:28px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .remove-item-btn{height:32px;width:32px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .quantity-display{font-size:.9rem;min-width:28px}.checkout-cart-items:has(.checkout-cart-item:nth-child(5)) .cart-item-controls{gap:12px}.checkout-cart-items.compact-mode{gap:8px}.checkout-cart-items.compact-mode .checkout-cart-item{border-radius:12px;padding:12px}.checkout-cart-items.compact-mode .cart-item-image-small{height:50px;width:50px}.checkout-cart-items.compact-mode .cart-item-info h4{font-size:.9rem;margin-bottom:6px}.checkout-cart-items.compact-mode .variation-tag{font-size:.7rem;padding:1px 6px}.checkout-cart-items.compact-mode .total-price,.checkout-cart-items.compact-mode .unit-price{font-size:.85rem}.checkout-cart-items.compact-mode .cart-quantity-btn{font-size:12px;height:28px;width:28px}.checkout-cart-items.compact-mode .remove-item-btn{height:32px;width:32px}.checkout-cart-items.compact-mode .quantity-display{font-size:.9rem;min-width:28px}.checkout-cart-items.compact-mode .cart-item-controls{gap:12px}.checkout-cart-items.compact-mode:after,.checkout-cart-items:has(.checkout-cart-item:nth-child(5)):after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:20px;margin-top:-20px;pointer-events:none;position:-webkit-sticky;position:sticky;z-index:1}.checkout-cart-item{align-items:stretch;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:16px}.cart-item-main{display:flex;flex:1 1;gap:12px;min-width:0}.cart-item-image-small{border-radius:12px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.cart-item-image-small img{height:100%;object-fit:cover;width:100%}.cart-item-info{flex:1 1;min-width:0}.cart-item-info h4{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;overflow-wrap:break-word}.item-variations-display{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.variation-tag{align-items:center;background:#10b9811a;border-radius:12px;color:#059669;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.variation-price-tag{background:#10b98133;border-radius:4px;color:#047857;font-size:.7rem;font-weight:600;padding:1px 4px}.item-price-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.unit-price{color:#ffffffb3;font-size:.875rem}.total-price{color:#fff;font-size:1rem;font-weight:600}.cart-item-controls{align-items:center;display:flex;flex-shrink:0;gap:16px}.cart-quantity-btn{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cart-quantity-btn:hover:not(:disabled){background:#059669;transform:scale(1.1)}.cart-quantity-btn.decrease{background:#ef4444}.cart-quantity-btn.decrease:hover:not(:disabled){background:#dc2626}.cart-quantity-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.3}.quantity-display{color:#fff;font-weight:600;min-width:32px;text-align:center}.remove-item-btn{background:#ef4444;border-radius:8px;color:#fff;height:36px;width:36px}.remove-item-btn:hover{background:#dc2626;transform:scale(1.05)}.cart-total-section{border-top:1px solid #fff3;margin-top:20px;padding-top:20px}.total-row{align-items:center;color:#fff;font-size:1rem;padding:8px 0}.total-row.final-total{border-top:1px solid #fff3;color:#fff;font-size:1.25rem;font-weight:700;margin-top:8px;padding-top:16px}.total-divider{background:#fff3;height:1px;margin:12px 0}.checkout-right-column{display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden;padding-right:8px}.checkout-customer-section,.checkout-payment-section,.checkout-table-section{background:#ffffffb3;border:1px solid #0000001a;border-radius:16px;padding:16px}.checkout-payment-section h4,.checkout-table-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.payment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.payment-option{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.payment-option:hover{background:#10b9810d;border-color:#10b9814d}.payment-option.selected{background:#10b9811a;border-color:#10b981;color:#059669}.payment-selected{color:#fffc;font-size:.875rem;text-align:center}.table-selection-content{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:.875rem}.checkout-modal-new .form-group label{color:#fff!important}.checkout-input,.checkout-select,.checkout-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.875rem;padding:12px;transition:all .2s ease}.checkout-input:focus,.checkout-select:focus,.checkout-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.selected-table-display{border-radius:8px;color:#059669;font-size:.875rem;font-weight:600;padding:12px}.customer-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.customer-section-header h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.customer-toggle-btn{background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:8px;transition:all .2s ease}.customer-toggle-btn:hover{background:#fff3;color:#fff}.customer-form-content{display:flex;flex-direction:column;gap:12px}.customer-hint{color:#fff9;font-size:.875rem;font-style:italic;text-align:center}.checkout-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:600;padding:12px}.checkout-modal-footer{background:#ffffff0d;border-top:1px solid #ffffff1a;padding:20px 24px}.confirm-checkout-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.confirm-checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 25px #10b9814d;transform:translateY(-2px)}.confirm-checkout-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirm-checkout-btn.submitting{background:#6b7280}.btn-total{background:#fff3;border-radius:20px;font-size:1rem;padding:4px 12px}@media (max-width:768px){.checkout-modal-new{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.checkout-modal-content{gap:24px;grid-template-columns:1fr;padding:20px}.checkout-right-column{order:-1}}.table-map-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.table-map-modal{background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:800px;overflow:hidden;width:90vw}.table-map-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.table-map-header h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.close-table-map-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s ease}.close-table-map-btn:hover{background:#ffffff1a;color:#fff}.table-map-content{flex:1 1;overflow:hidden;padding:20px;position:relative}.table-map-canvas{background:linear-gradient(45deg,#ffffff05 25%,#0000 0,#0000 75%,#ffffff05 0),linear-gradient(45deg,#ffffff05 25%,#0000 0,#0000 75%,#ffffff05 0);background-position:0 0,15px 15px;background-size:30px 30px;border-radius:12px;height:100%;min-height:400px;overflow:auto}.table-map-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.table-map-item:hover{background:#10b981b3!important;box-shadow:0 6px 25px #0006}.table-map-item.selected{border-color:#10b981!important;box-shadow:0 8px 30px #10b98199}.table-map-footer{background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.table-map-cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.table-map-cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.table-map-confirm-btn{align-items:center;background:#10b981;border:1px solid #059669;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.table-map-confirm-btn:hover:not(:disabled){background:#059669;border-color:#047857;box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.table-map-confirm-btn:disabled{background:#ffffff1a;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed}.checkout-table-map-btn:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(-1px)}.checkout-table-map-btn:active{transform:translateY(0)}.checkout-client-section{margin-bottom:20px;min-width:0}.checkout-client-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 12px}.client-info-content{display:flex;flex-direction:column;gap:12px}.checkout-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.checkout-input:focus{background:#ffffff14;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.checkout-input::placeholder{color:#ffffff80}.selected-client-display{align-items:flex-start;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:14px;gap:10px;padding:12px}.client-info{display:flex;flex-direction:column;gap:4px}.client-info span{color:#fff;font-weight:500}@media (max-width:768px){.table-map-modal{border-radius:12px;height:85vh;width:95vw}.table-map-header{padding:16px 20px}.table-map-header h3{font-size:1.2rem}.table-map-content{padding:16px}.table-map-canvas{min-height:300px}.table-map-footer{flex-direction:column;padding:16px 20px}.table-map-cancel-btn,.table-map-confirm-btn{justify-content:center;width:100%}.table-map-item{font-size:11px}.checkout-client-section{margin-bottom:16px}.client-info-content{gap:10px}}@media (max-width:480px){.table-map-modal{border-radius:8px;height:90vh}.table-map-canvas{min-height:250px}.table-map-item{font-size:10px}}.categories-header-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.categories-header-section .categories-grid-title{margin-bottom:1rem}.table-selection-btn{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:10px 16px;transition:all .2s ease}.table-selection-btn:hover{background:#10b98133;border-color:#10b98180;box-shadow:0 2px 8px #10b98133;transform:translateY(-1px)}.selected-table-display{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;box-sizing:border-box;color:#10b981;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;margin-bottom:16px;padding:8px 12px;width:100%}.selected-table-display button{align-items:center;background:none;border:none;border-radius:3px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease;width:20px}.selected-table-display button:hover{background:#ef44441a;transform:scale(1.1)}.staff-pos-wrapper .table-selection-btn{background:#fffffff2!important;border:1px solid #0000001a!important;color:#374151!important}.staff-pos-wrapper .table-selection-btn:hover{background:#fff!important;border-color:#10b981!important;color:#10b981!important}.staff-pos-wrapper .selected-table-display{background:#fffffff2!important;border:1px solid #10b9814d!important;color:#10b981!important}.areas-selection-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;max-width:600px;width:100%}.areas-title{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 16px;text-align:center}.areas-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px;max-width:600px;width:100%}.area-btn{background:#fffffff2;border:1px solid #0000001a;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 8px;text-align:center;transition:all .2s ease}.area-btn:hover{background:#fff;border-color:#10b981;box-shadow:0 2px 8px #10b98133;color:#10b981;transform:translateY(-1px)}.table-selection-section{align-items:center;display:flex;flex-direction:column;max-width:500px;width:100%}.digital-waiter-container{display:flex;flex-direction:column;margin:0 auto 30px;max-width:400px;position:relative;width:100%}.glass-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#00000080;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;color:#fff}.digital-waiter-container.immersive{margin:0 auto;max-width:450px}.digital-waiter-container.sidebar{position:fixed;right:20px;top:20px;width:300px;z-index:100}.waiter-chat-container{height:500px}.waiter-chat-header{border-bottom:1px solid #ffffff1a}.waiter-chat-title{font-size:18px}.waiter-chat-icon{color:#fff;font-size:20px}.waiter-control-button{font-size:16px;height:32px;transition:background-color .3s ease;width:32px}.waiter-control-button:hover{background-color:#ffffff1a}.waiter-control-button.close-button:hover{background-color:#f003}.waiter-chat-body{padding:10px}.waiter-chat-messages{gap:10px;padding:10px}.waiter-chat-messages::-webkit-scrollbar{width:6px}.waiter-chat-messages::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.waiter-chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.waiter-chat-message{animation:fadeIn .3s ease;border-radius:16px;padding:10px 15px;position:relative}.waiter-chat-message.user-message{align-self:flex-end;background-color:#ffffff1a;border:1px solid #fff3}.waiter-chat-message.waiter-message{align-self:flex-start;background-color:#00000080;border:1px solid #ffffff0d}.message-text{line-height:1.5;margin-bottom:5px;word-break:break-word}.message-time{font-size:11px}.typing-indicator{gap:4px;padding:5px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite both;background-color:#ffffff80;height:8px;opacity:.6;width:8px}.typing-indicator span:first-child{animation-delay:0s}@keyframes typing{0%,60%,to{transform:scale(1)}30%{transform:scale(1.5)}}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.message-action-btn{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid #78b4ff4d;border-radius:20px;box-shadow:0 4px 10px #0003;cursor:pointer;font-size:.85rem;overflow:hidden;padding:8px 15px;position:relative;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.message-action-btn:before{background:linear-gradient(135deg,#0000,#78b4ff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.message-action-btn:hover:before{transform:translateX(100%)}.message-action-btn.primary{background:#2850aa99;color:#fff}.message-action-btn.primary:hover{background:#3c64c8b3;box-shadow:0 6px 15px #0000004d,0 0 10px #78b4ff66;transform:translateY(-2px)}.message-action-btn.secondary{background:#141428b3;color:#ffffffe6}.message-action-btn.secondary:hover{background:#28283ccc;box-shadow:0 6px 15px #0000004d,0 0 10px #78b4ff66;transform:translateY(-2px)}.message-action-btn.neutral{background:#3c3c5099;color:#ffffffe6}.message-action-btn.neutral:hover{background:#505064b3;box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.waiter-chat-suggestions{flex-wrap:nowrap;gap:15px;margin:20px 0;padding:5px 0}.waiter-chat-suggestions::-webkit-scrollbar{height:3px}.waiter-chat-suggestions::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.waiter-chat-suggestions::-webkit-scrollbar-thumb{background:#78b4ff4d;border-radius:3px}.suggestion-chip{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#282850cc,#141428e6);border:1px solid #78b4ff66;border-radius:24px;box-shadow:0 6px 15px #00000040;color:#fffffff2;flex:1 1;font-size:1rem;font-weight:500;gap:8px;justify-content:center;max-width:45%;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .3s ease}.suggestion-chip:before{background:linear-gradient(135deg,#0000,#78b4ff33,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.suggestion-chip:hover{background:linear-gradient(135deg,#3c64b4b3,#2850a0cc);border-color:#78b4ff99;box-shadow:0 8px 20px #0000004d,0 0 15px #78b4ff80;transform:translateY(-3px)}.suggestion-chip:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}.suggestion-chip:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.suggestion-icon{font-size:1.2rem;margin-right:2px}.waiter-chat-input{background-color:#0000004d;border-radius:0 0 16px 16px;border-top:1px solid #ffffff1a;padding:10px}.waiter-chat-input input{background-color:#ffffff0d;font-size:14px;padding:10px 15px;transition:all .3s ease}.waiter-chat-input input:focus{background-color:#ffffff1a;border-color:#ffffff4d}.send-button,.voice-button{background-color:#ffffff1a;height:36px;transition:all .3s ease;width:36px}.send-button:hover,.voice-button:hover{background-color:#fff3;transform:scale(1.05)}.voice-button.listening{background-color:#ff000080}.send-button{background-color:#fff3}.send-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.digital-waiter-container{margin:0;max-width:100%}.waiter-chat-container{border-radius:10px;height:calc(100vh - 200px)}.message-action-btn{font-size:11px;padding:5px 10px}.waiter-chat-suggestions{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:5px 0}.waiter-chat-suggestions::-webkit-scrollbar{display:none}}.waiter-chat-container{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#0f0f0fd9;border:1px solid #ffffff0d;border-radius:0;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;height:100%;max-height:80vh;max-width:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.waiter-chat-container:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.waiter-chat-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141414cc;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;max-height:60px;min-height:60px;padding:15px 20px;position:relative;z-index:10}.waiter-chat-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:10px;letter-spacing:.5px}.waiter-chat-icon{color:#00a8ff;font-size:1.2rem}.waiter-chat-controls{display:flex;gap:10px}.waiter-control-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.waiter-control-button:hover{background:#ffffff1a}.waiter-control-button.cart-button{position:relative}.cart-count{background:#00a8ff;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.waiter-chat-body{background:#141414b3;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 180px);min-height:0;overflow:hidden}.waiter-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;max-height:100%;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.waiter-chat-messages::-webkit-scrollbar{width:4px}.waiter-chat-messages::-webkit-scrollbar-track{background:#0000}.waiter-chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.waiter-chat-message{border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:85%;padding:12px 16px;word-break:break-word}.user-message{align-self:flex-end;background:linear-gradient(135deg,#0057ff,#00a8ff);border-bottom-right-radius:0;color:#fff}.waiter-message{align-self:flex-start;background:#2d2d2dd9;border:1px solid #ffffff0d;border-bottom-left-radius:0;color:#fff}.message-content{display:flex;flex-direction:column;gap:5px}.message-text{font-size:.95rem;line-height:1.4;white-space:pre-line}.message-text b,.message-text strong{font-weight:600}.message-time{align-self:flex-end;font-size:.7rem;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:5px}.typing-indicator span{animation:bounce 1.5s infinite;background:#ffffffb3;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.waiter-chat-suggestions{align-items:center;background:#1e1e1ed9;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:60px;min-height:60px;overflow-x:auto;padding:15px}.suggestion-chip{align-items:center;background:#3c3c3cb3;border:1px solid #ffffff14;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:8px 15px;transition:all .2s;white-space:nowrap}.suggestion-chip:hover{background:#505050cc}.suggestion-chip .suggestion-icon{font-size:.9rem}.waiter-chat-input{align-items:center;background:#1e1e1ee6;border-top:1px solid #ffffff0d;display:flex;gap:10px;max-height:60px;min-height:60px;padding:12px 15px}.waiter-chat-input input{background:#32323280;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:12px 15px;transition:all .2s}.waiter-chat-input input::placeholder{color:#ffffff80}.waiter-chat-input input:focus{background:#3c3c3c99;border-color:#ffffff26}.send-button,.voice-button{align-items:center;background:#00a8ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.send-button:hover,.voice-button:hover{background:#0089d1}.voice-button.listening{animation:pulse 1.5s infinite;background:#ff3b5c}.send-button:disabled,.voice-button:disabled{background:#464646cc;cursor:not-allowed;opacity:.5}@media (max-width:768px){.waiter-chat-container{border-radius:0;height:100%;max-width:100%}.waiter-chat-message{max-width:90%}.suggestion-chip{font-size:.8rem;padding:6px 12px}}.digital-waiter-modal-container .waiter-chat-container{border-radius:10px;max-height:700px}.waiter-chat-container .suggestion-chip{margin:0;padding:8px 15px}.waiter-chat-container button,.waiter-chat-container input{box-sizing:border-box;font-family:inherit}.waiter-chat-message .message-text{white-space:pre-wrap}.user-message .message-text,.waiter-message .message-text{color:#fff}@media (max-width:768px){.digital-waiter-modal-container .waiter-chat-container{border-radius:0;max-height:100%}}.digital-waiter-modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1500}.digital-waiter-modal-container{border-radius:16px;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:800px;overflow:hidden;position:relative;width:90%}@media (max-height:700px){.digital-waiter-modal-container{height:90vh}.waiter-chat-body{height:calc(100% - 130px)}}@media (max-width:480px){.waiter-chat-suggestions{padding:10px}.suggestion-chip{font-size:.8rem;padding:6px 12px}}.financial-hub-container{background:#fff;color:#000;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.finance-title{border-bottom:1px solid #000;color:#000;font-family:Times New Roman,Times,serif;font-weight:300;letter-spacing:1px;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.minimal-panel{background:#fff!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;height:100%;padding:1.5rem!important}.h-full{height:100%}.panel-title{border-bottom:1px solid #000;color:#000;font-family:Times New Roman,Times,serif;font-size:1.25rem!important;gap:.5rem;letter-spacing:.5px;margin-bottom:1.5rem!important;padding-bottom:.5rem}.panel-content,.panel-title{align-items:center;display:flex}.panel-content{flex:1 1;flex-direction:column;justify-content:center;padding:1rem 0;text-align:center}.status-badge{margin-bottom:1rem}.status-indicator{border-radius:0;font-size:.875rem;font-weight:500;letter-spacing:1px;padding:.25rem 1rem;text-transform:uppercase}.status-indicator.active{background:#fff;border:1px solid #000;color:#000}.status-indicator.pending{background:#fff;border:1px dashed #000;color:#000}.clabe-number,.wallet-address{background:#f5f5f5;border:1px solid #ddd;border-radius:0;color:#000;font-family:monospace;margin-bottom:1rem;max-width:400px;padding:1rem;width:100%;word-break:break-all}.clabe-actions,.wallet-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.minimal-btn{background:#fff!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;color:#000!important;font-weight:500!important;letter-spacing:1px;padding:.5rem 1.5rem!important;text-transform:uppercase!important;transition:all .2s ease!important}.minimal-btn:hover{background:#000!important;color:#fff!important}.minimal-btn:disabled{background:#f5f5f5!important;border-color:#ddd!important;color:#999!important}.minimal-card{background:#fff;border:1px solid #000;border-radius:0;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.minimal-card:hover{background:#f9f9f9}.balance-card{padding:1.5rem;text-align:center}.currency-icon{color:#000;font-size:2rem;margin-bottom:.5rem}.quick-actions{display:flex;flex-direction:column;gap:1rem}.contact-item{background:#fff;border-radius:0;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.contact-avatar{background:#000!important;color:#fff!important}.contact-info{flex:1 1;gap:.5rem}.contact-type{background:#fff;border:1px solid #000;border-radius:0;color:#000;font-size:.8rem;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.contact-details{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.contact-id{color:#000;font-family:monospace;font-size:.8rem}.contact-actions{display:flex;gap:.5rem}.transaction-item{align-items:center;display:flex;gap:1rem}.transaction-icon{color:#000;font-size:1.5rem}.transaction-info{flex:1 1}.transaction-amount{font-weight:700}.transaction-amount.out{color:#000;text-decoration:line-through}.transaction-amount.in{color:#000;font-weight:700}.minimal-modal{align-items:center;background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{width:90%}.qr-container{border:1px solid #000;border-radius:0;justify-content:center;margin:1.5rem auto;padding:2rem;width:-webkit-fit-content;width:fit-content}.wallet-info-text{color:#000;font-size:.9rem;font-style:italic;line-height:1.5;margin-top:1rem}.payment-options{margin-top:2rem}.payment-buttons{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.payment-info{color:#000;font-style:italic;margin-top:1rem}.transfer-type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.payment-options-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 0;text-align:center}.payment-buttons-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;max-width:400px;width:100%}.payment-buttons-container .minimal-btn{color:#000!important;font-weight:700;height:50px;letter-spacing:1px}.payment-buttons-container .minimal-btn svg{color:#000!important}@media (max-width:600px){.financial-hub-container{padding:1rem}.minimal-panel{padding:1rem!important}.balance-card{padding:1rem}.contact-item{flex-direction:column;padding:1.5rem;text-align:center}.contact-actions{justify-content:center;margin-top:1rem}.contact-type{margin:0 auto}.payment-buttons{flex-direction:column}}@media print{body{font-family:Courier New,Courier,monospace}.minimal-panel{break-inside:avoid;page-break-inside:avoid}.minimal-btn{display:none}body{background:#fff!important}.minimal-panel{border:1px solid #000!important;box-shadow:none!important}.minimal-btn{display:none!important}}.invoicing-table{border-collapse:collapse;width:100%}.invoicing-table td,.invoicing-table th{border:1px solid #000!important;color:#000!important;padding:.75rem!important;text-align:left}.invoicing-table th{background:#fff!important;font-size:.875rem;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.invoicing-table tbody tr:hover{background:#f9f9f9!important}.invoice-status-chip{border:1px solid #000;border-radius:0;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.invoice-status-chip.warning{background:#fff3cd;border-color:#856404;color:#856404}.invoice-status-chip.info{background:#d1ecf1;border-color:#0c5460;color:#0c5460}.invoice-status-chip.success{background:#d4edda;border-color:#155724;color:#155724}.invoice-status-chip.error{background:#f8d7da;border-color:#721c24;color:#721c24}.orders-empty-state{color:#666;padding:3rem 1rem;text-align:center}.orders-empty-state svg{margin-bottom:1rem;opacity:.5}.gigstack-config-panel{background:#f8f9fa!important;border:2px solid #000!important}.gigstack-config-panel .panel-title{color:#000;font-weight:600}.global-invoice-panel{background:#f0f8ff!important;border:2px dashed #000!important}.global-invoice-panel .panel-title{color:#000;font-weight:600}.invoice-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-action-buttons .minimal-btn{font-size:.75rem!important;padding:.375rem .75rem!important}.order-details{display:flex;flex-direction:column;gap:.25rem}.order-number{color:#000;font-weight:600}.order-client{color:#000;font-size:.875rem}.order-client-email{color:#666;font-size:.75rem}.order-amount{color:#000;font-size:1rem;font-weight:600}.order-date{color:#000;font-size:.875rem}.order-time{color:#666;font-size:.75rem}@media (max-width:768px){.invoicing-table{font-size:.75rem}.invoicing-table td,.invoicing-table th{padding:.5rem!important}.invoice-action-buttons{flex-direction:column}.invoice-action-buttons .minimal-btn{margin-bottom:.25rem;width:100%}.order-details{gap:.125rem}}.MuiTabs-root{border-bottom:1px solid #000!important}.MuiTab-root{font-size:1rem!important;font-weight:500!important;text-transform:none!important}.MuiTab-root .MuiSvgIcon-root{margin-right:.5rem!important}.invoice-loading{align-items:center;color:#666;gap:.5rem}.invoice-loading,.orders-loading{display:flex;justify-content:center}.orders-loading{padding:2rem}.gigstack-link{border-bottom:1px solid #000;color:#000!important;font-weight:500;text-decoration:none!important;transition:all .2s ease}.gigstack-link:hover{background:#000;color:#fff!important;margin:-.25rem -.5rem;padding:.25rem .5rem}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--tertiary-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--text-primary:#1a202c;--text-secondary:#718096;--text-light:#ffffffe6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--border-radius:12px;--border-radius-lg:16px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.financial-hub{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.financial-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative}.financial-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.header-content{position:relative;z-index:1}.header-title{color:#ffffffe6;color:var(--text-light);gap:16px;gap:var(--spacing-md)}.title-icon{font-size:2rem}.header-title h1{font-size:2.5rem;font-weight:700}.header-actions{gap:12px;gap:var(--spacing-sm)}.header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);color:#ffffffe6;color:var(--text-light);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.header-btn:hover{background:#fff3;transform:translateY(-2px)}.header-btn.primary{background:#10b981;background:var(--success-color);border-color:#10b981;border-color:var(--success-color)}.header-btn.primary:hover{background:#059669}.financial-tabs{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.tabs-container{display:flex;padding:0 32px;padding:0 var(--spacing-xl)}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#718096;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;gap:var(--spacing-xs);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.tab-btn.active{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;border-bottom-color:linear-gradient(135deg,#667eea,#764ba2);border-bottom-color:var(--primary-gradient);color:#1a202c;color:var(--text-primary)}.tab-btn:hover:not(.active){background:#667eea1a}.financial-content{margin:0 auto;max-width:1200px;padding:0 32px;padding:0 var(--spacing-xl)}.financial-dashboard{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.section-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.section-header h2{color:#1a202c;font-size:1.5rem}.section-header p{color:#666;font-size:.9rem;margin:4px 0 0}.balances-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.enhanced-balance-card{background:#fff;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #0000001a;min-height:200px;overflow:hidden;padding:24px;position:relative}.enhanced-balance-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.enhanced-balance-card.usd:before,.enhanced-balance-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.enhanced-balance-card.mxn:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}.enhanced-balance-card.btc:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--tertiary-gradient)}.enhanced-balance-card:hover{box-shadow:0 4px 16px #0000001a!important;transform:none!important}.balance-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.balance-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.enhanced-balance-card.mxn .balance-icon{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}.enhanced-balance-card.btc .balance-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--tertiary-gradient)}.balance-info{flex:1 1}.balance-label{color:#4a5568;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.balance-amount{align-items:baseline;display:flex;gap:4px;margin-bottom:16px}.amount-value{color:#1a202c;font-size:2.25rem;font-weight:800;line-height:1}.enhanced-balance-card.btc .amount-value{font-size:1.5rem}.balance-actions{gap:12px;margin-bottom:16px;width:100%}.action-btn,.balance-actions{animation:none!important;display:flex!important;opacity:1!important;transition:none!important;visibility:visible!important}.action-btn{background:#fff;border:2px solid;font-size:.85rem;gap:6px;min-height:40px;padding:10px 16px}.action-btn:hover{box-shadow:none!important;transform:none!important}.send-btn{border-color:#e53e3e;color:#e53e3e}.send-btn:hover{background:#e53e3e;color:#fff}.receive-btn{border-color:#38a169;color:#38a169}.receive-btn:hover{background:#38a169;color:#fff}.enhanced-balance-card .action-btn,.enhanced-balance-card .balance-actions{animation:none!important;display:flex!important;opacity:1!important;position:relative!important;transform:none!important;transition:none!important;visibility:visible!important;z-index:10!important}.enhanced-balance-card *{animation:none!important;transition:none!important}.enhanced-balance-card .action-btn[style*=display],.enhanced-balance-card .balance-actions[style*=display]{animation:none!important;display:flex!important;transition:none!important}.balance-trend{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-size:.8rem;gap:8px;gap:var(--spacing-xs)}.trend-icon{font-size:.9rem}.enhanced-payment-card{animation:none!important;background:#fff;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #0000001a;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:none!important}.enhanced-payment-card:hover{box-shadow:0 4px 16px #0000001a!important;transform:none!important}.enhanced-payment-card *,.enhanced-payment-card :after,.enhanced-payment-card :before{animation:none!important;transition:none!important}.payment-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.payment-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.payment-info h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 4px}.payment-info p{color:#718096;color:var(--text-secondary);font-size:.9rem;margin:0}.payment-methods-list{flex-direction:column}.payment-method-item,.payment-methods-list{display:flex;gap:16px;gap:var(--spacing-md)}.payment-method-item{align-items:center;animation:none!important;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);padding:16px;padding:var(--spacing-md);transition:none!important}.payment-method-item:hover{background:#f8fafc;border-color:#cbd5e0;transition:none!important}.payment-method-item.active{background:#10b9810d;border-color:#10b981;border-color:var(--success-color)}.method-icon{align-items:center;background:#f8fafc;border-radius:50%;color:#718096;color:var(--text-secondary);display:flex;height:40px;justify-content:center;width:40px}.payment-method-item.active .method-icon{background:#10b981;background:var(--success-color);color:#fff}.method-details{flex:1 1}.method-name{color:#1a202c;font-size:.9rem;font-weight:600;margin-bottom:2px}.method-description{color:#666;font-size:.8rem;margin-bottom:4px}.method-status{align-items:center;display:flex;font-size:.8rem;gap:4px}.method-status.enabled{color:#10b981;color:var(--success-color)}.method-status.disabled{color:#f59e0b;color:var(--warning-color)}.method-actions{display:flex;gap:8px;gap:var(--spacing-xs)}.method-btn{align-items:center;animation:none!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;transition:none!important}.method-btn:hover{transform:none!important}.method-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;color:#fff}.method-btn.success{background:#10b981;background:var(--success-color);border:none;color:#fff}.method-btn.warning{background:#f59e0b;background:var(--warning-color);border:none;color:#fff}.contacts-transactions-section{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.contacts-column,.transactions-column{display:flex;flex-direction:column}.contacts-list,.transactions-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.enhanced-contact-card{align-items:center;background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:none!important}.enhanced-contact-card:hover{box-shadow:0 2px 8px #0000001a!important;transform:none!important}.enhanced-contact-card *,.enhanced-contact-card :after,.enhanced-contact-card :before{animation:none!important;transition:none!important}.contact-avatar-section{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs)}.contact-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.contact-status{background:#f8fafc;border-radius:10px;color:#666;font-size:.7rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.contact-details-section{flex:1 1}.contact-name{color:#1a202c;font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.contact-methods{display:flex;flex-direction:column;gap:4px}.contact-method{align-items:center;color:#666;display:flex;font-size:.8rem;gap:6px}.method-icon{font-size:.7rem}.contact-actions-section{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs)}.transfer-btn,.transfer-options{display:flex;gap:4px}.transfer-btn{align-items:center;animation:none!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-size:.7rem;padding:4px 8px;transition:none!important}.transfer-btn:hover{transform:none!important}.transfer-btn.despierta{border-color:#667eea;color:linear-gradient(135deg,#667eea,#764ba2);color:var(--primary-gradient)}.transfer-btn.fiat{border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.transfer-btn.crypto{border-color:#f59e0b;border-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.enhanced-transaction-card{align-items:center;background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.enhanced-transaction-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.enhanced-transaction-card.in{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.enhanced-transaction-card.out{border-left:4px solid #ef4444;border-left:4px solid var(--danger-color)}.transaction-icon-section{align-items:center;display:flex;flex-direction:column;gap:4px}.transaction-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.transaction-icon.crypto{background:#f59e0b;background:var(--warning-color)}.transaction-icon.fiat{background:#10b981;background:var(--success-color)}.transaction-direction{font-size:.7rem;font-weight:600;text-transform:uppercase}.transaction-direction.in{color:#10b981;color:var(--success-color)}.transaction-direction.out{color:#ef4444;color:var(--danger-color)}.transaction-details-section{flex:1 1}.transaction-description{color:#1a202c;color:var(--text-primary);font-weight:600;margin:0 0 4px}.transaction-meta{color:#718096;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;gap:var(--spacing-xs)}.transaction-amount-section{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.transaction-amount{align-items:center;display:flex;font-weight:600;gap:2px}.transaction-amount.in{color:#10b981;color:var(--success-color)}.transaction-amount.out{color:#ef4444;color:var(--danger-color)}.transaction-status{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-size:.7rem;gap:4px}.empty-state{border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;padding:32px;padding:var(--spacing-xl)}.empty-icon{color:#718096;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.empty-state h3{color:#1a202c;margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.empty-state p{margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.empty-action-btn:hover{transform:translateY(-2px)}.add-contact-btn,.view-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;gap:var(--spacing-xs);padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.add-contact-btn:hover,.view-all-btn:hover{transform:translateY(-1px)}.view-all-btn{background:#fff;border:1px solid #e2e8f0;color:#1a202c;color:var(--text-primary)}.view-all-btn:hover{background:#f8fafc}.enhanced-modal{align-items:center;display:flex;justify-content:center;padding:24px;padding:var(--spacing-lg)}.enhanced-modal .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:var(--spacing-lg)}.modal-header h2{color:var(--text-primary)}.close-btn{background:#f8fafc;color:var(--text-secondary);height:32px;transition:all .3s ease;width:32px}.close-btn:hover{background:#e2e8f0;color:#1a202c;color:var(--text-primary)}.enhanced-form{padding:24px;padding:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-lg)}.form-section h3{color:#1a202c;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.form-row{grid-gap:16px;grid-gap:var(--spacing-md);gap:16px;gap:var(--spacing-md)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{color:#1a202c;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:.9rem;padding:12px;padding:var(--spacing-sm);transition:all .3s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #667eea1a}.form-actions{border-top:1px solid #e2e8f0;gap:var(--spacing-sm);padding-top:16px;padding-top:var(--spacing-md)}.cancel-btn,.save-btn{border-radius:12px;border-radius:var(--border-radius);font-weight:500;gap:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.cancel-btn{color:#718096;color:var(--text-secondary)}.cancel-btn:hover{background:#f8fafc;color:#1a202c;color:var(--text-primary)}.save-btn{background:#10b981;background:var(--success-color)}.save-btn:hover:not(:disabled){background:#059669}.qr-modal .modal-content{max-width:400px}.qr-section{padding:24px;padding:var(--spacing-lg);text-align:center}.qr-display{background:#f8fafc;border-radius:12px;border-radius:var(--border-radius);justify-content:center;padding:16px;padding:var(--spacing-md)}.qr-display,.qr-info{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.qr-info h3{color:#1a202c;color:var(--text-primary);margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.qr-info p{color:#718096;color:var(--text-secondary);font-size:.9rem;margin:0}.qr-actions{gap:12px;gap:var(--spacing-sm)}.qr-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);color:#1a202c;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.qr-btn:hover{background:#f8fafc;transform:translateY(-1px)}.qr-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;color:#fff}.transfer-modal .modal-content{max-width:500px}.transfer-type-section{padding:24px 24px 0;padding:var(--spacing-lg) var(--spacing-lg) 0}.transfer-type-section h3{color:#1a202c;color:var(--text-primary);margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.transfer-type-buttons{grid-gap:12px;grid-gap:var(--spacing-sm);display:grid;gap:12px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.type-btn:hover{background:#f8fafc;border-color:#cbd5e0}.type-btn.active{background:#667eea1a;border-color:#667eea;color:#667eea}.type-btn svg{font-size:1.5rem}.transfer-form{padding:24px;padding:var(--spacing-lg)}@media (max-width:1024px){.contacts-transactions-section{gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}.balances-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.financial-content,.financial-header{padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md)}.tabs-container{padding:0 16px;padding:0 var(--spacing-md)}.header-content{flex-direction:column;gap:16px;gap:var(--spacing-md);text-align:center}.header-title h1{font-size:2rem}.form-row{grid-template-columns:1fr}.enhanced-contact-card,.enhanced-transaction-card{flex-direction:column;text-align:center}.contact-actions-section,.transaction-amount-section{align-items:center}}@media (max-width:480px){.balances-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.header-btn{justify-content:center}.transfer-type-buttons{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center}}.action-btn:focus,.header-btn:focus,.method-btn:focus,.qr-btn:focus,.tab-btn:focus,.transfer-btn:focus{outline:2px solid #667eea;outline-offset:2px}.enhanced-payment-card{animation:slideIn .5s ease-out forwards}.enhanced-contact-card,.enhanced-transaction-card{animation:none!important}.enhanced-balance-card:first-child,.enhanced-balance-card:nth-child(2),.enhanced-balance-card:nth-child(3){animation:none!important;animation-delay:0s!important}.enhanced-balance-card{transform:none!important}.enhanced-balance-card,.enhanced-balance-card .balance-actions{animation:none!important;opacity:1!important;transition:none!important}.enhanced-balance-card .balance-actions{animation-delay:0s!important;visibility:visible!important}.enhanced-balance-card .action-btn{animation:none!important;display:flex!important;opacity:1!important;transition:none!important;visibility:visible!important}@keyframes buttonFadeIn{0%{opacity:1}to{opacity:1}}.financial-dashboard .enhanced-balance-card,.financial-dashboard .enhanced-balance-card *,.financial-hub .enhanced-balance-card,.financial-hub .enhanced-balance-card *{animation:none!important;opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}@media (prefers-color-scheme:dark){:root{--text-primary:#f7fafc;--text-secondary:#a0aec0;--glass-bg:#1a202ccc}.financial-hub{background:linear-gradient(135deg,#1a202c,#2d3748)}.empty-state,.enhanced-balance-card,.enhanced-contact-card,.enhanced-payment-card,.enhanced-transaction-card{background:#2d3748;color:#1a202c;color:var(--text-primary)}.financial-tabs{background:#2d3748}.form-group input,.form-group select{background:#4a5568;border-color:#4a5568;color:#1a202c;color:var(--text-primary)}.enhanced-modal .modal-content{background:#2d3748}}:root{--main-bg:#fff;--text-primary:#000;--text-secondary:#666;--accent-color:#000;--border-color:#d1d5db;--border-color-light:#e5e7eb;--shadow-color:#0000001a;--hover-bg:#f9fafb;--active-bg:#f3f4f6;--whatsapp-color:#25d366;--error-color:#dc2626;--success-color:#059669}.staff-management :not(.add-staff-btn):not(.add-staff-btn *):not(.add-phone-btn):not(.add-phone-btn *):not(.edit-btn *):not(.submit-btn *):not(.whatsapp-button *):not(.test-btn *){color:#000!important}.staff-management,.staff-management a,.staff-management button,.staff-management div,.staff-management h1,.staff-management h2,.staff-management h3,.staff-management input,.staff-management label,.staff-management p,.staff-management select,.staff-management span,.staff-management strong{color:#000!important;color:var(--text-primary)!important}.staff-card .access-label span,.staff-card .contact-item span,.staff-card .contact-item strong,.staff-card .role-badge,.staff-card .staff-name{color:#000!important;font-weight:600}.access-hint,.empty-results-sub,.form-hint,.staff-title p,.whatsapp-info small{color:#666!important}.add-staff-btn,.add-staff-btn svg,.staff-icon,.staff-icon svg,.submit-btn,.submit-btn svg,.whatsapp-button,.whatsapp-button svg{color:#fff!important}.edit-simple,.edit-simple svg{color:#000!important}.delete-btn,.delete-btn svg{color:#dc2626!important}.test-btn,.test-btn svg{color:#fff!important}::selection{background:#0003;color:#000!important}::-moz-selection{background:#0003;color:#000!important}.staff-management{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color-light);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);color:#000!important;font-family:Inter,Roboto,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.staff-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color-light);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:1.5rem}.staff-icon{border-radius:50%;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);color:#fff!important;height:60px;margin-right:1.5rem;width:60px}.staff-title{flex:1 1;min-width:300px}.staff-title h1{color:#000!important;font-size:2rem;margin:0 0 .5rem;text-shadow:none}.staff-title p{color:#333!important;font-size:1rem;font-weight:500;margin:0}.whatsapp-controls{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.whatsapp-info{max-width:250px}.whatsapp-info small{color:#666!important;color:var(--text-secondary)!important;display:block;font-size:.75rem;text-align:right}.search-filter-container{max-width:400px}.search-input{background:var(--main-bg);border:2px solid var(--border-color);color:var(--text-primary)!important;padding:.75rem 1rem;transition:border-color .2s ease}.search-input:focus{border-color:var(--accent-color)}.search-input::placeholder{color:#999!important}.add-staff-btn{background:var(--accent-color);border-radius:8px;color:#fff!important;color:var(--main-bg)!important;font-size:.95rem;font-weight:500;justify-content:center;padding:.75rem 1.5rem}.add-staff-btn:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.add-staff-btn .fa-user-plus,.add-staff-btn svg,.staff-management .add-staff-btn,.staff-management .add-staff-btn *,.staff-management .add-staff-btn svg,button.add-staff-btn,button.add-staff-btn *{color:#fff!important}.staff-management .add-phone-btn,.staff-management .contact-item .add-phone-btn,.staff-management .staff-card .add-phone-btn,.staff-management .staff-controls .add-staff-btn,.staff-management .staff-controls button.add-staff-btn,.staff-management div .add-staff-btn,button.add-phone-btn{background:#000!important;color:#fff!important}.modal-overlay{animation:fadeIn .3s ease}.staff-modal{background:#fff;background:var(--main-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{background:var(--main-bg);border-bottom:2px solid var(--border-color-light)}.modal-header,.modal-header h2{color:#000!important;color:var(--text-primary)!important}.modal-header h2{gap:.75rem}.close-modal{align-items:center;background:#0000;border-radius:50%;color:#000!important;color:var(--text-primary)!important;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-modal:hover{background:#f9fafb;background:var(--hover-bg)}.staff-form{background:#fff;background:var(--main-bg);color:#000!important;color:var(--text-primary)!important;overflow-y:auto;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary)!important}.form-group input,.form-group select{background:var(--main-bg);border:2px solid var(--border-color);color:#000!important;color:var(--text-primary)!important;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color)}.modal-actions{flex-wrap:wrap}.cancel-btn{border:2px solid var(--border-color);color:#000!important;color:var(--text-primary)!important;font-size:.9rem;min-width:120px;text-align:center;white-space:nowrap}.cancel-btn:hover{background:var(--hover-bg);border-color:var(--accent-color)}.submit-btn{background:var(--accent-color);border-radius:8px;color:#fff!important;color:var(--main-bg)!important;font-size:.9rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-align:center;white-space:nowrap}.submit-btn:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.staff-list{background:#0000}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:0}.staff-card{background:var(--main-bg);border:2px solid var(--border-color-light);box-shadow:0 2px 8px var(--shadow-color)}.staff-card:hover{border-color:#d1d5db;border-color:var(--border-color);box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--shadow-color)}.staff-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:1rem}.staff-info h3.staff-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.role-badge,.staff-info h3.staff-name{color:#000!important;color:var(--text-primary)!important}.role-badge{background:#f9fafb;background:var(--hover-bg);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.delete-btn,.edit-btn{background:#fff;background:var(--main-bg);border:1px solid #d1d5db;border:1px solid var(--border-color);height:36px;transition:all .2s ease;width:36px}.edit-btn{background:#fff;border-color:#dee2e6;color:#000!important}.edit-btn svg{color:#000!important;font-size:14px}.edit-btn:hover{background:#000;border-color:#000;box-shadow:0 2px 8px #0000001a}.edit-btn:hover svg{color:#fff!important}.delete-btn{border-color:#fecaca;color:#dc2626!important}.delete-btn:hover{box-shadow:0 2px 8px #dc262633}.staff-card-body{gap:1.5rem}.contact-info,.staff-card-body{display:flex;flex-direction:column}.contact-info{gap:.75rem}.contact-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:.5rem 0}.contact-item:last-child{border-bottom:none}.contact-item strong{color:#000!important;color:var(--text-primary)!important;font-weight:600;min-width:120px}.staff-email{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#000!important;font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:color .2s ease}.staff-email:hover{background:#e9ecef;color:#000!important;text-decoration:underline}.phone-number{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#000!important;font-family:monospace;font-weight:600;padding:.25rem .5rem}.add-phone-btn{background:#000;border:1px solid #000;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.add-phone-btn:hover{background:#333;box-shadow:0 2px 8px #0003;color:#fff!important;transform:translateY(-1px)}.add-phone-btn:disabled{background:#666;color:#fff!important;cursor:not-allowed;opacity:.5}.whatsapp-controls{background:#f9fafb;background:var(--hover-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color-light);border-radius:8px;padding:1rem}.whatsapp-access{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.access-label,.whatsapp-access{align-items:center;display:flex}.access-label{color:#000!important;font-weight:600;gap:.5rem}.whatsapp-icon{color:#25d366!important;color:var(--whatsapp-color)!important;font-size:1.1rem}.access-toggle-container{align-items:center;display:flex;gap:.75rem}.test-btn{background:#25d366;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease}.test-btn:hover{background:#20b954;box-shadow:0 2px 8px #25d3664d;transform:translateY(-1px)}.test-btn:disabled{background:#ccc;color:#666!important;cursor:not-allowed;opacity:.5;transform:none}.whatsapp-button{align-items:center;background-color:#25d366;background-color:var(--whatsapp-color);border:none;border-radius:8px;color:#fff!important;color:var(--main-bg)!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.whatsapp-button:hover{background-color:#20b954;box-shadow:0 4px 12px #25d3664d;transform:translateY(-1px)}.whatsapp-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.whatsapp-button svg{color:#fff!important;color:var(--main-bg)!important;font-size:1rem}.empty-results{background:#fff;border:2px dashed #ccc;border-radius:12px;margin:2rem 0;padding:3rem;text-align:center}.empty-results p{color:#000!important;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.empty-results-sub{color:#333!important;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.empty-results .add-staff-btn{background:#000;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:1rem 2rem;transition:all .2s ease}.empty-results .add-staff-btn:hover{background:#333;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.access-controls{background:#f9fafb;background:var(--hover-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color-light);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.ai-switch-group{justify-content:space-between}.ai-switch-group,.switch-label{align-items:center;display:flex}.switch-label{color:#000!important;color:var(--text-primary)!important;font-weight:500;gap:.5rem}.ai-icon{color:#000!important;color:var(--accent-color)!important}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border:1px solid #999;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#000;border-color:#000}input:checked+.slider:before{transform:translateX(20px)}input:disabled+.slider{background-color:#f0f0f0;cursor:not-allowed;opacity:.5}.access-hint,.form-hint{color:#666!important;color:var(--text-secondary)!important;font-size:.75rem;font-style:italic;margin-top:.25rem}@media (max-width:1024px){.staff-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.staff-management{padding:1rem}.staff-header{align-items:flex-start;flex-direction:column;gap:1rem}.whatsapp-controls{align-items:flex-start;width:100%}.whatsapp-info small{text-align:left}.staff-controls{align-items:stretch;flex-direction:column}.search-filter-container{margin-bottom:1rem;max-width:none}.staff-grid{grid-template-columns:1fr}.staff-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.staff-actions{align-self:flex-end}.contact-item{gap:.5rem}.contact-item,.whatsapp-access{align-items:flex-start;flex-direction:column}.whatsapp-access{gap:.75rem}}@media (max-width:480px){.staff-card{padding:1rem}.contact-item strong{min-width:auto}}.loading-container{border:2px solid var(--border-color-light)}.loading-container p{color:#000!important}.spinner{border:4px solid #e5e7eb;border-top:4px solid #000;border:4px solid var(--border-color-light);border-top-color:var(--accent-color);height:40px;margin-bottom:1rem;width:40px}.staff-management .edit-simple,.staff-management .edit-simple *,.staff-management .edit-simple svg,.staff-management button.edit-simple,.staff-management button.edit-simple *,.staff-management button.edit-simple svg{color:#000!important}.staff-management .delete-btn,.staff-management .delete-btn *,.staff-management .delete-btn svg,.staff-management button.delete-btn,.staff-management button.delete-btn *,.staff-management button.delete-btn svg{color:#dc2626!important}.staff-management .staff-card .staff-actions .edit-btn,.staff-management .staff-card .staff-actions button.edit-btn,.staff-management button.edit-btn{background:#fff!important;border:1px solid #dee2e6!important;color:#000!important}.staff-management .edit-btn svg,.staff-management .staff-card .staff-actions .edit-btn svg,.staff-management .staff-card .staff-actions button.edit-btn svg,.staff-management button.edit-btn svg{color:#000!important}.staff-management .staff-card .staff-actions .edit-btn:hover,.staff-management .staff-card .staff-actions button.edit-btn:hover,.staff-management button.edit-btn:hover{background:#000!important}.working-area-badge{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151!important;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}.area-icon{color:#6b7280!important;font-size:.75rem}.working-area-badge:has(.fa-building){background:#e0f2fe;border-color:#0284c7;color:#0284c7!important}.working-area-badge:contains("🏢"){background:#f3f4f6;border-color:#6b7280;color:#374151!important}.working-area-badge:contains("👔"){background:#fef3c7;border-color:#d97706;color:#d97706!important}.working-area-badge:contains("🏭"){background:#e0f2fe;border-color:#0284c7;color:#0284c7!important}body{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#111;color:var(--text-primary);min-height:100vh}.inventory-management{animation:fadeIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px #0000000a;font-family:Roboto,Segoe UI,sans-serif;letter-spacing:.3px;margin:0 auto;max-width:1200px;padding:2rem}.inventory-management h1{border-bottom:1px solid #e0e0e0;color:#111;font-weight:300;letter-spacing:3px;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-shadow:0 0 10px #0000000d;text-transform:uppercase}.alerts-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--glass-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #00000012;box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:1.5rem}.alerts-section h2{color:#111;color:var(--text-primary);font-weight:300;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #0000000d;text-transform:uppercase}.alerts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.alert-card{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;padding:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.alert-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.alert-card.out_of_stock{border-left:4px solid var(--out-of-stock-color)}.alert-card.low_stock{border-left:4px solid var(--low-stock-color)}.alert-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.3));font-size:1.5rem;margin-right:1rem}.alert-card.out_of_stock .alert-icon{color:var(--out-of-stock-color)}.alert-card.low_stock .alert-icon{color:var(--low-stock-color)}.alert-content h3{color:#111;color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.alert-content p{color:#333;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin:.5rem 0}.inventory-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.add-cost-btn,.add-item-btn,.apply-btn,.back-btn,.process-receipt-btn,.quantity-apply-btn,.save-receipt-btn,.scan-receipt-btn{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:none;color:#111;cursor:pointer;display:flex;font-size:.95rem;font-weight:400;gap:.5rem;justify-content:center;letter-spacing:1px;padding:.85rem 1.8rem;text-transform:uppercase;transition:all .3s ease}.add-cost-btn:hover,.add-item-btn:hover,.apply-btn:hover,.back-btn:hover,.process-receipt-btn:hover,.quantity-apply-btn:hover,.save-receipt-btn:hover,.scan-receipt-btn:hover{background:#f5f5f5;box-shadow:0 6px 12px #0000001a,0 0 0 1px #0000000d,0 0 20px #0000000d;color:#111;transform:translateY(-2px)}.add-cost-btn:active,.add-item-btn:active,.apply-btn:active,.back-btn:active,.process-receipt-btn:active,.quantity-apply-btn:active,.save-receipt-btn:active,.scan-receipt-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.inventory-filters-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.inventory-filters{background:#fff;background:var(--glass-bg);border-radius:50px;gap:0;padding:.25rem}.history-btn,.inventory-filters{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid #e0e0e0;border:1px solid var(--glass-border);display:flex;overflow:hidden}.history-btn{align-items:center;background:#000;border-radius:50px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;gap:.5rem;height:38px;justify-content:center;letter-spacing:.5px;min-width:120px;padding:.6rem 1.2rem;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.history-btn:hover{background:#333;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.history-btn.active{background:#000;box-shadow:0 2px 8px #0003;color:#fff}.history-btn svg{font-size:1rem;min-width:1rem}.mobile-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafafafa);border-radius:16px;box-shadow:0 8px 32px #0000000d,0 0 0 1px #00000008;margin-bottom:1.5rem;padding:1.5rem}.mobile-card:hover{box-shadow:0 12px 24px #0000001a,0 0 0 1px #0000000d;transform:translateY(-3px)}.mobile-card.out{border-left:5px solid var(--out-of-stock-color)}.mobile-card.low{border-left:5px solid var(--low-stock-color)}.mobile-card.normal{border-left:5px solid var(--normal-stock-color)}.mobile-card-header{border-bottom:1px solid #0000000d;margin-bottom:1.2rem;padding-bottom:1rem}.mobile-card-header h3{color:#111;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.mobile-card-category{background:#0000000d;border-radius:50px;color:#333;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.4rem .8rem}.mobile-card-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.2rem}.mobile-card-detail{display:flex;flex-direction:column;gap:.3rem}.detail-label{color:#333;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#111;color:var(--text-primary);font-size:1rem;font-weight:500}.mobile-card-quantity{background:#00000008;border-radius:12px;justify-content:space-between;margin-bottom:1.2rem;padding:1rem}.mobile-transaction-logs .cost-update-container{background:#00000005;border-radius:8px;padding:1rem}.mobile-transaction-logs .cost-update-container h3{color:#111;color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:1rem}.mobile-transaction-logs .cost-update-form{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.mobile-transaction-logs .cost-update-form input{background:#fff;border:1px solid #0000001a;border-radius:6px;font-size:.9rem;padding:.7rem}.mobile-transaction-logs .cost-update-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.mobile-transaction-logs .cost-update-actions button{align-items:center;border-radius:6px;display:flex;flex:1 1;font-size:.9rem;gap:.5rem;justify-content:center;padding:.7rem}.mobile-transaction-logs .cost-update-actions .cancel-btn{background:linear-gradient(90deg,#78787899,#96969699);border:1px solid #7878784d;color:#fff}.mobile-transaction-logs .cost-update-actions .apply-btn{background:linear-gradient(90deg,#2196f399,#42a5f599);border:1px solid #2196f34d;color:#fff}@media (max-width:768px){.inventory-filters-container{flex-direction:column;gap:.75rem}.inventory-filters{justify-content:space-between;padding:.4rem;width:100%}.inventory-filters button{align-items:center;display:flex;flex:0 0 auto;font-size:.8rem;justify-content:center;min-width:5rem;overflow:hidden;padding:.5rem .7rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.history-btn{font-size:.85rem;justify-content:center;margin-top:.5rem;min-width:0;min-width:auto;padding:.6rem 1rem;width:100%}.history-btn .btn-text{display:inline-block}.mobile-card-details{gap:.8rem;grid-template-columns:1fr}.mobile-card-detail{align-items:center;flex-direction:row;justify-content:space-between}.detail-label{font-size:.75rem}.detail-value{font-size:.9rem}}@media (max-width:400px){.history-btn{font-size:.8rem;padding:.5rem .8rem}.inventory-filters button{align-items:center;display:flex;font-size:.75rem;justify-content:center;min-width:4.2rem;padding:.5rem}.inventory-filters button svg{flex-shrink:0;margin-right:.25rem}}.item-actions{display:flex;gap:.3rem;justify-content:center}.item-actions .history-btn{background:linear-gradient(135deg,#2196f34d,#2196f31a);border:1px solid #2196f34d;font-size:.8rem;height:32px;justify-content:center;overflow:hidden;padding:0;width:16px}.item-actions .history-btn:hover{background:linear-gradient(135deg,#2196f380,#2196f34d)}.transaction-logs-row{animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#fafafae6);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--glass-border)}.transaction-logs-cell{padding:0!important}.transaction-logs{margin:0;padding:1.2rem;width:100%}.transaction-logs-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px 0}.transaction-logs-header h3{color:#111;color:var(--text-primary);font-size:1rem;font-weight:500;margin:0}.all-transaction-logs-header h3,.transaction-logs-header h3{color:#000}.refresh-logs-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7b68ee;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.refresh-logs-btn:hover{background-color:#7b68ee1a;transform:rotate(30deg)}.refresh-logs-btn svg{font-size:14px}.transaction-logs-table-container{background:#fff;background:var(--glass-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 6px #0000000d;max-height:300px;overflow-y:auto}.transaction-logs-table{border-collapse:collapse;color:#000;font-size:.85rem;width:100%}.transaction-logs-table th{background:#000;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--glass-border);color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.8rem;text-align:left;text-transform:uppercase}.transaction-logs-table td{border-bottom:1px solid #0000000d;color:#000;padding:.8rem}.transaction-logs-table tbody tr:last-child td{border-bottom:none}.transaction-logs-table tbody tr:hover{background:#00000005}.change-type{border-radius:4px;color:#000;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.change-type.increase{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.change-type.decrease{background:#f4433633;border:1px solid #f443364d;color:#f44336}.change-type.adjustment{background:#2196f333;border:1px solid #2196f34d;color:#2196f3}.change-type.initial{background:#9c27b033;border:1px solid #9c27b04d;color:#9c27b0}.positive-change{color:#4caf50;font-weight:500}.negative-change{color:#f44336;font-weight:500}.transaction-logs-empty{color:#000;font-style:italic;padding:2rem;text-align:center}.transaction-logs-loading{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:2rem}.transaction-logs-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.all-logs-container{background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #00000012;box-shadow:var(--glass-shadow);margin-top:1rem;padding:1rem;transition:opacity .3s ease,transform .3s ease}.all-logs-container.loading{opacity:.7;transform:translateY(10px)}.all-logs-container.loaded{opacity:1;transform:translateY(0)}.all-logs-loading{align-items:center;color:#333;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner-container{margin-bottom:1rem}.spinner{border:4px solid #0000001a;border-top-color:#000;height:30px;width:30px}.all-transaction-logs{width:100%}.all-transaction-logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.all-transaction-logs-header h3{color:#111;color:var(--text-primary);font-size:1.2rem;font-weight:400;letter-spacing:1px;margin:0}.close-all-logs-btn{background:none;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;opacity:.8;padding:.5rem;transition:opacity .3s ease,transform .3s ease}.close-all-logs-btn:hover{background:#0000000d;opacity:1;transform:scale(1.1)}.form-actions{align-items:center;justify-content:space-between}.delete-btn-form{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(90deg,#b4000099,#dc000099);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:400;gap:.5rem;letter-spacing:1px;padding:.85rem 1.8rem;text-transform:uppercase;transition:all .3s ease}.delete-btn-form:hover{background:linear-gradient(90deg,#dc0000cc,#f00000cc);box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.delete-btn-form:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}@media (max-width:768px){.form-actions{flex-direction:column;gap:1rem}.delete-btn-form,.submit-btn{width:100%}}.mobile-transaction-logs{animation:fadeIn .3s ease-out;background:#fff;background:var(--glass-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;max-width:100%;overflow-x:auto;padding:1rem;width:100%}.mobile-transaction-logs .transaction-logs-header h3{font-size:1rem}.mobile-transaction-logs .transaction-logs-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.mobile-transaction-logs .transaction-logs-table{font-size:.75rem;min-width:650px;table-layout:fixed;width:100%}.mobile-transaction-logs .transaction-logs-table td,.mobile-transaction-logs .transaction-logs-table th{padding:.6rem .4rem}.mobile-card-buttons .history-btn{align-items:center;background:linear-gradient(135deg,#2196f34d,#2196f31a);border:1px solid #2196f34d;color:#fff;display:flex;font-size:1rem;height:32px;justify-content:center;overflow:hidden;padding:0;width:16px}.mobile-card-buttons .history-btn:hover{background:linear-gradient(135deg,#2196f380,#2196f34d)}@media (max-width:768px){.inventory-filters-container{flex-direction:column;gap:.5rem}.transaction-logs-table-container{overflow-x:auto}.transaction-logs-table{min-width:550px}.history-btn{padding:.6rem 1rem;width:auto}.all-transaction-logs-header h3,.transaction-logs-header h3{font-size:1rem}.all-logs-container{padding:1rem}.transaction-logs{padding:.5rem}.mobile-transaction-logs .transaction-logs-table{min-width:auto}.mobile-transaction-logs{margin-top:1rem}}@media (max-width:480px){.transaction-logs-table{font-size:.7rem;min-width:450px}.transaction-logs-table td,.transaction-logs-table th{padding:.6rem .3rem}.change-type{font-size:.65rem;padding:.1rem .3rem}.form-actions{grid-template-columns:1fr}.delete-btn{grid-column:1}}.inventory-list{-webkit-overflow-scrolling:touch;background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #00000012;box-shadow:var(--glass-shadow);margin-bottom:1rem;overflow-x:auto;position:relative}.inventory-list::-webkit-scrollbar{display:none}.inventory-table{width:100%}.inventory-table th:first-child,.inventory-table th:nth-child(2),.inventory-table th:nth-child(3),.inventory-table th:nth-child(4),.inventory-table th:nth-child(5),.inventory-table th:nth-child(6),.inventory-table th:nth-child(7),.inventory-table th:nth-child(8){width:auto}.inventory-table th:first-child{width:16%}.inventory-table th:nth-child(2),.inventory-table th:nth-child(3){width:10%}.inventory-table th:nth-child(4),.inventory-table th:nth-child(5){width:6%}.inventory-table th:nth-child(6),.inventory-table th:nth-child(7),.inventory-table th:nth-child(8){width:10%}.inventory-table th:nth-child(9){width:16%}.inventory-table td,.inventory-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--glass-border);color:#111;color:var(--text-primary);padding:.6rem .5rem;text-align:center;vertical-align:middle}.inventory-table td:not(:first-child){font-size:.9rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.inventory-table th:first-child{border-top-left-radius:12px}.inventory-table th:last-child{border-top-right-radius:12px}.sortable-header{cursor:pointer;padding-right:1.5rem!important;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header svg{color:#fff;font-size:.75rem;opacity:.7;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.sortable-header:hover{background:#ffffff1a}.sortable-header:hover svg{opacity:1}.inventory-table th:before{background:linear-gradient(180deg,#ffffff26,#fff0);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.inventory-table thead{background:#000}.inventory-table tr{display:table-row;height:auto!important;min-height:3rem!important;transition:all .2s ease}.inventory-table tr:hover{backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));background-color:#00000005;box-shadow:inset 0 0 0 1px #e0e0e0;box-shadow:inset 0 0 0 1px var(--glass-border)}.inventory-table tr.out{background:#f443361a}.inventory-table tr.low{background:#ff98001a}.quantity-cell{align-items:center;border-bottom:1px solid #0000000d!important;display:flex;gap:.5rem;height:100%;justify-content:center;padding:.7rem .5rem!important}.quantity-badge{border-radius:50px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:3rem;padding:.4rem 1rem;text-align:center}.quantity-badge.normal{background:var(--normal-stock-color);color:#fff}.quantity-badge.low{background:var(--low-stock-color);color:#fff}.quantity-badge.out{background:var(--out-of-stock-color);color:#fff}.mobile-card-actions{padding-top:1rem}.mobile-card-counter{gap:.8rem}.mobile-card-count{font-size:1.1rem;font-weight:600;min-width:2.5rem}.mobile-card-buttons{gap:.8rem}.cost-history-btn,.delete-btn,.edit-btn,.history-btn,.quantity-btn{align-items:center;background:#000;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cost-history-btn:hover,.edit-btn:hover,.history-btn:hover,.quantity-btn:hover:not(:disabled){background:#333;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.delete-btn:hover{background:linear-gradient(90deg,#dc0000cc,#b40000cc);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.cost-history-btn:active,.delete-btn:active,.edit-btn:active,.history-btn:active,.quantity-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.loading{font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:50px;position:absolute;width:50px}.no-items{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #00000012;box-shadow:var(--glass-shadow);color:#333;color:var(--text-secondary);display:flex;font-size:1.1rem;height:200px;justify-content:center;padding:2rem;text-align:center}@media (max-width:768px){.inventory-management{border-radius:8px;padding:1rem}.inventory-management h1{font-size:1.5rem;letter-spacing:2px;margin-bottom:1.5rem}.inventory-actions,.inventory-filters,.search-container{width:100%}.add-item-btn{justify-content:center;margin:0 auto 1.2rem;padding:.7rem;width:100%}.inventory-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:.3rem}.inventory-filters button{align-items:center;background:#e0e0e0;box-shadow:0 1px 3px #0000001a;color:#333;display:flex;flex:0 0 auto;font-size:.8rem;justify-content:center;min-width:5rem;overflow:hidden;padding:.5rem .7rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.inventory-filters button svg{flex-shrink:0;margin-right:.25rem}.form-row{gap:.8rem;grid-template-columns:1fr}.add-item-form-container{max-width:100%;padding:1.5rem 1rem}.add-item-form-container h2{font-size:1.2rem}.inventory-table{display:none}.mobile-card-view{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;padding-top:.5rem}.mobile-card{background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:1rem;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.mobile-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.mobile-card-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.mobile-card-title{color:#111;color:var(--text-primary);font-size:1.1rem;font-weight:500}.mobile-card-quantity{align-items:center;display:flex}.mobile-card-body{margin-bottom:1rem}.mobile-card-field{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.3rem 0}.mobile-card-field:last-child{margin-bottom:0}.mobile-card-label{color:#333;color:var(--text-secondary);font-size:.9rem;font-weight:500}.mobile-card-value{color:#111;color:var(--text-primary);font-size:.9rem;text-align:right}.mobile-card-actions{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;padding-top:.8rem}.mobile-card-counter{align-items:center;display:flex;gap:.5rem}.mobile-card-count{font-weight:500;min-width:2rem;text-align:center}.mobile-card-buttons{display:flex;gap:.5rem}.inventory-list:after,.inventory-list:before{display:none}.product-count{color:#fff;font-size:.85rem;letter-spacing:.5px;margin-bottom:2rem;margin-top:1rem;text-align:center}.inventory-filters,.search-container{margin-bottom:1.2rem}.search-box{width:100%}}@media (max-width:480px){.inventory-management{padding:.8rem}.alerts-grid{grid-template-columns:1fr}.search-box{padding:.4rem .8rem}.search-input{font-size:.9rem}}.add-item-btn{overflow:hidden;position:relative}.add-item-btn:after{background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:scale(0);transition:transform .5s;width:200%}.add-item-btn:hover:after{transform:scale(1)}.add-item-form-container:before,.alerts-section:before,.inventory-management:before,.inventory-table:before{background:linear-gradient(180deg,#ffffff1a,#fff0);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;content:"";height:30%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.search-container{margin:0 auto 1rem;max-width:500px;width:100%;z-index:10}.search-box{align-items:center;background-color:#ffffffe6;border:1px solid #0000001a;border-radius:20px;box-shadow:0 2px 8px #0000000d;display:flex;height:42px;overflow:visible;padding:0 12px;position:relative;width:100%;z-index:20}.search-box input{background-color:initial;margin:0;padding:0}.search-icon{color:#00000080;display:flex;font-size:14px;margin-right:12px}.search-input{background:#0000;border:none;color:#000!important;flex:1 1;font-size:14px;height:40px;line-height:40px;margin:0;outline:none;padding:0;position:relative;z-index:5}.search-input::placeholder{color:#0006;opacity:1}.clear-search{align-items:center;background:#0000;border:none;color:#0006;cursor:pointer;display:flex;font-size:14px;padding:0}.clear-search:hover{color:#fff}.search-box:focus-within{border-color:#ffffff4d;box-shadow:0 3px 10px #0000004d}.animate-table{animation:fadeIn .3s ease-out}.form-exit{animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.product-count{color:#ffffffb3;font-size:.9rem;letter-spacing:.5px;margin-top:1rem;text-align:center}.loading{flex-direction:column;gap:2rem;height:400px}.loading-text{color:#fff;font-size:1.2rem;letter-spacing:3px;text-transform:uppercase}.loading-text:after{animation:ellipsis 1.5s infinite;content:"...";position:absolute}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.section-icon{margin-right:.5rem;vertical-align:middle}.inventory-table td,.inventory-table th{overflow:hidden;position:relative}.inventory-table td:after,.inventory-table th:after{background:linear-gradient(90deg,#0000,#0000000d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.decrease-btn:hover,.delete-btn:hover,.edit-btn:hover,.increase-btn:hover{box-shadow:0 0 15px #ffffff4d}.alert-card{overflow:hidden;position:relative}.alert-card.out_of_stock:before{animation:pulse 2s infinite;background:var(--out-of-stock-color);border-radius:8px;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.7}}.inventory-table th{background:#000;box-shadow:0 1px 0 #0000000d;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.05rem;padding:.8rem .6rem;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:5}.inventory-table td{color:#000000d9;font-weight:600;padding:.8rem .5rem;text-align:center;vertical-align:middle}.add-item-form-container,.alerts-section,.inventory-filters,.inventory-list,.inventory-management,.search-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-card-quantity .quantity-badge{font-size:.8rem;padding:.3rem .8rem}.mobile-card-counter .decrease-btn,.mobile-card-counter .increase-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#000;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.mobile-card-counter .decrease-btn svg,.mobile-card-counter .increase-btn svg{fill:currentColor;color:#fff;display:block;height:14px;width:14px}.mobile-card-counter .decrease-btn:disabled{background:#777;cursor:not-allowed;opacity:.5}.item-actions .decrease-btn,.item-actions .increase-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#000;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.item-actions .decrease-btn svg,.item-actions .increase-btn svg{fill:currentColor;color:#fff;display:block;height:14px;width:14px}.mobile-card.out{border-left:4px solid var(--out-of-stock-color)}.mobile-card.low{border-left:4px solid var(--low-stock-color)}.mobile-card.normal{border-left:4px solid var(--normal-stock-color)}.mobile-card{background:#fff;background:var(--panel-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:1rem;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.mobile-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.mobile-card-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.mobile-card-title{color:#111;color:var(--text-primary);font-size:1.1rem;font-weight:500}.mobile-card-quantity{align-items:center;display:flex}.mobile-card-body{margin-bottom:1rem}.mobile-card-field{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.3rem 0}.mobile-card-field:last-child{margin-bottom:0}.mobile-card-label{color:#333;color:var(--text-secondary);font-size:.9rem;font-weight:500}.mobile-card-value{color:#111;color:var(--text-primary);font-size:.9rem;text-align:right}.mobile-card-actions{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;padding-top:.8rem}.mobile-card-counter{align-items:center;display:flex;gap:.5rem}.mobile-card-count{font-weight:500;min-width:2rem;text-align:center}.mobile-card-buttons{display:flex;gap:.5rem}.mobile-card .cost-cell{flex-direction:column!important;gap:.4rem!important}.mobile-card .cost-cell,.mobile-card .cost-history-btn{align-items:center!important;display:flex!important;justify-content:center!important}.mobile-card .cost-history-btn{font-size:.8rem!important;height:24px!important;margin:0 auto!important;min-width:24px!important;padding:0!important;width:24px!important}.mobile-card .add-cost-btn{align-items:center;background:linear-gradient(90deg,#0009,#32323299);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;padding:.4rem .8rem;transition:all .3s ease}.mobile-transaction-logs{border-top:1px dashed #0000001a;margin-top:1rem;padding-top:1rem}.add-item-form-container{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#fff!important;border:none;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;overflow:auto;padding:2rem;position:fixed;scrollbar-color:#0003 #fff3;scrollbar-width:thin;top:55px;transform:translateX(-50%);width:80%;z-index:1000}.add-item-form-container *{background-color:initial!important}.add-item-form-container input,.add-item-form-container select,.add-item-form-container textarea{background-color:#fff!important;border:1px solid #000!important;color:#000!important}.add-item-form-container label{color:#000!important}.add-item-form-container::-webkit-scrollbar{width:10px}.add-item-form-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.add-item-form-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.add-item-form-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000004d;z-index:99999998}.close-form-btn{background:#0000001a;border:1px solid #0000000d;color:#000;line-height:1;padding:0;right:1rem;top:1rem;transition:all .2s ease}.close-form-btn:hover{background:#ff00001a;color:red;transform:scale(1.1)}.add-item-form{grid-gap:1.2rem;background-color:initial;border-radius:0;display:grid;gap:1.2rem;padding:0 2rem 2rem;width:100%}.form-title{background-color:initial!important;color:#000;font-size:1.7rem;font-weight:400;letter-spacing:.5px;margin:0 0 1.5rem;padding:0;text-align:center;width:100%}.form-section-header{margin-bottom:.5rem;margin-top:.5rem}.form-section-header h3{border-bottom:1px solid #0000001a;color:#000;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:.5rem}.form-row{grid-gap:1.2rem;gap:1.2rem}.form-group label{margin-bottom:.2rem}.form-group input,.form-group select,.form-group textarea,.tags-input{background-color:#fff!important;border:1px solid #000!important;border-radius:5px;color:#000!important;font-size:.95rem;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.tags-input-container{background-color:#fff;border:1px solid #000;border-radius:5px;padding:.5rem}.tag-item{align-items:center;background:#0000000d;border-radius:4px;color:#000;display:inline-flex;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .5rem}.tags-input{background:#0000!important;border:none!important;box-shadow:none!important;margin-top:.5rem;outline:none!important;padding:.3rem 0!important}.form-group input[list],.form-group input[list]:focus{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - .6rem);background-repeat:no-repeat;background-size:12px;border:1px solid #0000001a;border-radius:5px;color:#000;font-size:.95rem;padding:.6rem 2rem .6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.category-selection,.unit-selection{position:relative;width:100%}.back-to-select-btn{background:#0000001a;border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#000;cursor:pointer;height:100%;padding:.6rem .8rem;position:absolute;right:0;top:0;transition:background .2s}.back-to-select-btn:hover{background:#0003}.unit-selection input.has-suggestions,.unit-selection select.has-suggestions{border-color:#2ecc71b3}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#0006;box-shadow:0 0 0 3px #0000000d}.cancel-btn,.submit-btn{border-radius:50px;font-size:.95rem;font-weight:400;letter-spacing:1px;padding:.85rem 2rem;text-transform:uppercase}.submit-btn{background:#000;box-shadow:0 4px 6px #0000001a}.submit-btn:hover{background:#333;box-shadow:0 6px 12px #0000001a}.submit-btn:active{transform:translateY(1px)}.cancel-btn{background:#0000000d}.cancel-btn:hover{background:#0000001a;transform:translateY(-2px)}.cancel-btn:active{transform:translateY(1px)}@media (max-width:768px){.add-item-form-container{max-height:85vh;padding:1.5rem;width:95%}.form-row{gap:1rem;grid-template-columns:1fr}}.inventory-filters button{align-items:center;background:#e0e0e0;border:none;border-radius:0;box-shadow:none;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.6rem 1.2rem;position:relative;text-align:center;transition:all .3s ease}.inventory-filters button:not(:last-child):after{background-color:#0000001a;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.inventory-filters button:first-child{border-radius:50px 0 0 50px}.inventory-filters button:last-child{border-radius:0 50px 50px 0}.inventory-filters button svg{color:#333;flex-shrink:0}.inventory-filters button:hover{background:#d0d0d0}.inventory-filters button.active{background:#000;box-shadow:inset 0 2px 4px #0003;color:#fff}.inventory-filters button.active svg{color:#fff}.quantity-modal-backdrop{align-items:center!important;animation:fadeIn .2s ease-out;backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));background:#0000004d;bottom:0!important;box-sizing:border-box;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;overflow-y:auto;padding:20px;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:9999!important}.quantity-modal{animation:scaleIn .3s ease-out;background-color:#fff;border:1px solid #0000000d;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #0000000d;color:#000;margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;position:relative!important;transform:none!important;width:90%}.quantity-modal-header{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.quantity-modal-header h3{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:1px;margin:0}.quantity-modal-body{color:#000;padding:1.5rem}.quantity-modal-body p{color:#000;font-size:.95rem;margin-bottom:1rem;margin-top:0}.quantity-input-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.quantity-input-container label{color:#000;font-size:1rem;font-weight:500;width:80px}.quantity-input{background:#fff;border-radius:8px;flex:1 1;font-size:1.1rem;font-weight:500;padding:.8rem 1rem;transition:all .2s ease}.quantity-input:focus{background:#fff;border-color:#0006;box-shadow:0 0 0 3px #0000000d;outline:none}.quantity-current{background:#0000000d;border:1px solid #0000001a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.quantity-current span{color:#000;font-size:.9rem}.quantity-current strong{color:#000;font-weight:600}.quantity-note-container{margin-top:1rem}.quantity-note-container label{color:#000;display:block;font-weight:500;margin-bottom:.5rem}.quantity-note{background:#fff;border:1px solid #0003;border-radius:8px;color:#000;padding:.8rem;width:100%}.quantity-note:focus{background:#fff;border-color:#0006;box-shadow:0 0 0 3px #0000000d;outline:none}.quantity-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.quantity-modal-actions button{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.quantity-modal-actions .cancel-btn,.quantity-modal-actions .quantity-cancel-btn{background:#0000000d;border:1px solid #0000001a;color:#000}.quantity-modal-actions .cancel-btn:hover,.quantity-modal-actions .quantity-cancel-btn:hover{background:#0000001a;transform:translateY(-2px)}.quantity-modal-actions .apply-btn,.quantity-modal-actions .quantity-apply-btn{background:#000;border:none;color:#fff}.quantity-note-input{background:#fff;border:1px solid #0003;border-radius:8px;color:#000;font-family:inherit;min-height:60px;padding:.8rem;resize:vertical;width:100%}.quantity-note-input:focus{border-color:#0006;box-shadow:0 0 0 3px #0000000d;outline:none}.notes-container{align-items:flex-start;flex-direction:column}.notes-container label{margin-bottom:.5rem}.quantity-areas-distribution-header{background:#00000005;border:1px solid #0000000d;border-radius:8px;margin-bottom:1rem;padding:1rem}.quantity-areas-distribution-header h4{color:#000;font-size:1rem;font-weight:600;margin:0 0 .5rem}.quantity-areas-distribution-header .helper-text{color:#666;font-size:.85rem;margin:0}.quantity-areas-distribution{margin-bottom:1rem}.quantity-area-row{align-items:center;background:#f8f9fa;border:1px solid #0000000d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.quantity-area-row select{flex:1 1}.quantity-area-row input,.quantity-area-row select{background:#fff;border:1px solid #0003;border-radius:4px;color:#000;font-size:.9rem;padding:.5rem}.quantity-area-row input{text-align:center;width:80px}.quantity-area-row span{color:#666;font-size:.85rem;min-width:30px}.quantity-area-row button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.quantity-area-row .add-area-btn{background:#007bff;color:#fff}.quantity-area-row .add-area-btn:hover{background:#0056b3;transform:translateY(-1px)}.quantity-area-row .remove-area-btn{background:#dc3545;color:#fff}.quantity-area-row .remove-area-btn:hover{background:#a02834;transform:translateY(-1px)}.quantity-distribution-summary{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin-top:1rem;padding:.75rem}.quantity-distribution-summary.warning{background:#fff3cd;border-color:#ffc107}.quantity-distribution-summary.error{background:#f8d7da;border-color:#dc3545}.quantity-distribution-summary .summary-text{color:#000;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.quantity-distribution-summary .summary-warning{color:#856404;font-size:.85rem;margin:0}.quantity-distribution-summary.error .summary-warning{color:#721c24}#table-history-btn,.action-buttons .history-btn,tr td.actions-cell div.action-buttons button.history-btn{align-items:center;background:#000!important;border-radius:6px!important;display:flex;height:28px!important;justify-content:center;min-width:28px;overflow:hidden;width:28px!important}.quantity-btn.decrease:before{content:"-";display:block;font-size:18px;font-weight:700;line-height:1}.quantity-btn.increase:before{content:"+";display:block;font-size:18px;font-weight:700;line-height:1}.quantity-btn svg{display:none!important}.cost-history-btn{border:1px solid #e0e0e0!important;border:1px solid var(--glass-border)!important;border-radius:6px!important;color:#fff!important;display:flex!important;height:28px!important;min-width:28px!important;width:28px!important}.action-buttons .edit-btn,.edit-btn,.history-btn.active{background:#000!important;color:#fff!important}.action-buttons .delete-btn,.action-buttons .edit-btn,.delete-btn,.edit-btn{border-radius:6px!important;height:28px!important;min-width:28px!important;width:28px!important}.action-buttons .delete-btn,.delete-btn{background:#d32f2f!important;color:#fff!important}.quantity-value{min-width:28px!important}.inventory-filters-container .history-btn{background:linear-gradient(90deg,#14141499,#28282899)!important;border-radius:50px!important;height:38px!important;min-width:120px!important;width:auto!important}.inventory-table td:first-child{font-size:.85rem!important;line-height:1.2!important;max-width:100%!important;min-height:2.4rem!important;padding:.4rem .5rem!important}.inventory-table th:first-child{padding-left:.5rem!important;text-align:left!important}.inventory-table td:nth-child(3),.inventory-table td:nth-child(5),.inventory-table td:nth-child(7),.inventory-table td:nth-child(8){font-weight:600!important;text-align:center!important}.inventory-table td:first-child{font-size:.9rem!important;height:auto!important;line-height:1.3!important;max-height:none!important;overflow:visible!important;padding:.6rem .5rem!important;text-align:left!important;vertical-align:middle!important;white-space:normal!important;word-break:break-word}.inventory-table td:last-child{padding:.6rem .4rem!important;white-space:nowrap!important;width:1%}.inventory-table td{height:100%}.inventory-table{background:#0000;border-collapse:initial;border-spacing:0;table-layout:fixed}.quantity-controls{padding:.1rem .2rem}.quantity-btn{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--glass-border);color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative}.decrease-btn svg,.increase-btn svg,.item-actions .decrease-btn svg,.item-actions .increase-btn svg,.mobile-card-counter .decrease-btn svg,.mobile-card-counter .increase-btn svg,.quantity-btn svg{display:none!important}.decrease-btn:before,.quantity-btn.decrease:before{content:"-"}.decrease-btn:before,.increase-btn:before,.quantity-btn.decrease:before,.quantity-btn.increase:before{display:block;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.increase-btn:before,.quantity-btn.increase:before{content:"+"}.inventory-table tr.normal .quantity-controls{background:#00c85333}.inventory-table tr.low .quantity-controls{background:#ff980033}.inventory-table tr.out .quantity-controls{background:#f4433633}.quantity-value{display:inline-block!important;padding:.1rem .2rem!important}tr.normal .quantity-value{color:#1a7d3f!important}tr.low .quantity-value{color:#b86200!important}tr.out .quantity-value{color:#d32f2f!important}.inventory-table td:nth-child(3){padding:.3rem .1rem!important}.quantity-value.truncated{max-width:30px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.inventory-table td:nth-child(3) .quantity-value{position:relative;transition:all .2s ease;z-index:1}.inventory-table td:nth-child(3) .quantity-value:hover{box-shadow:0 2px 5px #0000001a;max-width:none!important;transform:scale(1.1);z-index:10}.quantity-btn:before{left:50%!important;position:absolute;top:50%!important;transform:translate(-50%,-50%)!important}.inventory-table td:nth-child(3){align-items:center!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:32px!important;padding:.4rem .1rem!important}.quantity-controls{box-shadow:0 1px 3px #0000001a;gap:.15rem;justify-content:space-between;padding:.1rem .25rem;width:100%}.quantity-btn{align-items:center!important;background:#000!important;border:1px solid #e0e0e0!important;border:1px solid var(--glass-border)!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:22px!important;justify-content:center!important;min-width:22px!important;padding:0!important;position:relative!important;width:22px!important}.quantity-value{font-weight:600!important;line-height:1!important;min-width:24px!important}.inventory-table td:nth-child(3){padding:.4rem 0!important}.quantity-controls{background:#ffffff4d;border-radius:6px;display:flex;gap:.2rem;height:28px;justify-content:center;margin:0 auto;max-width:85px;padding:0 .15rem;position:relative;width:85px}.decrease-btn,.increase-btn,.quantity-btn.decrease,.quantity-btn.increase{background:#000!important;border:1px solid #0000001a!important;flex-shrink:0!important;height:22px!important;min-width:22px!important;overflow:hidden!important;position:relative!important;width:22px!important}.decrease-btn svg,.increase-btn svg,.item-actions .decrease-btn svg,.item-actions .increase-btn svg,.mobile-card-counter .decrease-btn svg,.mobile-card-counter .increase-btn svg,.quantity-btn svg,button svg.fa-minus,button svg.fa-plus{display:none!important}.decrease-btn:before,.increase-btn:before,.quantity-btn.decrease:before,.quantity-btn.increase:before{font-size:16px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.quantity-value{margin:0 .15rem!important;width:25px!important}button.decrease-btn,button.increase-btn,button.quantity-btn{font-family:inherit!important;overflow:hidden!important}button.decrease-btn svg,button.increase-btn svg,button.quantity-btn svg,svg.fa-minus,svg.fa-plus,svg[data-icon=minus],svg[data-icon=plus]{display:none!important;height:0!important;opacity:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.inventory-table td.quantity-cell{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;padding:0!important}.inventory-table td:nth-child(3){height:100%!important}.decrease-btn,.quantity-btn.decrease{left:0!important}.decrease-btn,.increase-btn,.quantity-btn.decrease,.quantity-btn.increase{align-items:center!important;background:#222!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:24px!important;justify-content:center!important;margin:0!important;padding:0!important;top:0!important;width:24px!important}.increase-btn,.quantity-btn.increase{right:0!important}.quantity-value{text-shadow:0 0 1px #ffffff80!important}.inventory-table tr.low .quantity-value,.inventory-table tr.normal .quantity-value,.inventory-table tr.out .quantity-value{text-shadow:0 0 1px #ffffffb3!important}.decrease-btn svg,.increase-btn svg,.quantity-btn svg,button svg.fa-minus,button svg.fa-plus,svg[data-icon=minus],svg[data-icon=plus]{display:none!important}.decrease-btn:before,.quantity-btn.decrease:before{content:"-"!important;font-size:15px!important;font-weight:700!important;line-height:1!important}.increase-btn:before,.quantity-btn.increase:before{content:"+"!important;font-size:15px!important;font-weight:700!important;line-height:1!important}.inventory-table tr.normal .quantity-controls{background:#00c85326!important}.inventory-table tr.low .quantity-controls{background:#ff980026!important}.inventory-table tr.out .quantity-controls{background:#f4433626!important}button.decrease-btn,button.increase-btn,button.quantity-btn{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-sizing:border-box!important}.inventory-table td{box-sizing:border-box!important;padding:.6rem .4rem!important}.inventory-table td,.inventory-table td:nth-child(3){height:52px!important;vertical-align:middle!important}.inventory-table td:nth-child(3){display:table-cell!important;padding:4px!important;position:relative!important;text-align:center!important}.quantity-controls{background:#0000000d!important;border-radius:5px!important;display:inline-block!important;height:26px!important;overflow:hidden!important;vertical-align:middle!important;width:76px!important}.decrease-btn,.quantity-btn.decrease{left:1px!important}.decrease-btn,.increase-btn,.quantity-btn.decrease,.quantity-btn.increase{background:#333!important;border-radius:4px!important;height:20px!important;min-width:20px!important;position:absolute!important;top:1px!important;width:20px!important;z-index:2!important}.increase-btn,.quantity-btn.increase{right:1px!important}.quantity-controls{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;height:22px!important;width:92px!important}.quantity-value{background:#0000!important;border:none!important;bottom:0!important;color:#333!important;font-size:13px!important;left:25px!important;margin:0 5px!important;padding:0 5px!important;position:absolute!important;right:25px!important;top:0!important;width:auto!important}.inventory-table td:nth-child(6){display:table-cell!important;font-size:.75rem!important;height:2.5rem!important;line-height:1!important;max-width:150px!important;overflow:visible!important;padding:5px!important;text-align:center!important;vertical-align:middle!important;white-space:normal!important;word-break:break-word!important}.inventory-table th:nth-child(6){text-align:center!important}.inventory-table td:nth-child(6){position:relative!important}.inventory-table td:nth-child(6):hover:after{background:#fff!important;background:var(--panel-bg)!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important;content:attr(title)!important;display:none!important;font-size:.9rem!important;left:0!important;max-width:200px!important;padding:.5rem!important;position:absolute!important;text-align:left!important;top:100%!important;white-space:normal!important;z-index:10!important}.inventory-table td:nth-child(7){position:relative!important;text-align:center!important}.backdrop-exit{animation:backdropFadeOut .3s ease forwards}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.add-item-animation{animation:fadeInCenter .3s ease forwards}.edit-item-animation{animation:fadeInPlace .3s ease forwards}@keyframes fadeInCenter{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%)}}@keyframes fadeInPlace{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%)}}.form-exit-center{animation:fadeOutCenter .3s ease forwards}.form-exit-place{animation:fadeOutPlace .3s ease forwards}@keyframes fadeOutCenter{0%{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes fadeOutPlace{0%{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.form-wrapper{background:#fffffff2;border:1px solid #0000001a;border-radius:10px;box-shadow:0 4px 10px #0000001a;clear:both;padding:1.5rem;width:100%}.unit-suggestions-hint{bottom:-18px;color:#2ecc71e6;font-size:.75rem;font-style:italic;pointer-events:none;position:absolute;right:5px;text-align:right}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - .6rem);background-repeat:no-repeat;background-size:12px;border:1px solid #000!important;color:#000!important;font-size:.95rem;padding:.6rem 2rem .6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group select option{padding:.5rem}.form-group select optgroup,.form-group select option{background-color:#fff!important;border:none;color:#000!important}.form-group select optgroup{font-style:italic}@-moz-document url-prefix(){.form-group select,.form-group select optgroup,.form-group select option{background-color:#fff!important;color:#000!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.form-group select optgroup,.form-group select option{background-color:#fff!important;color:#000!important}}select::-ms-expand{display:none}.form-group select{border-radius:5px;overflow:hidden}@supports (-ms-ime-align:auto){.form-group select option{background-color:#2c3347!important}}.form-group select:focus{background-color:#fff!important;border-color:#000!important;box-shadow:0 0 0 2px #0000000d;outline:none}select[data-theme=dark],select[data-theme=light]{background-color:#fff!important;border:1px solid #000!important;color:#000!important}select[data-theme=dark] option,select[data-theme=light] option{background-color:#fff!important;color:#000!important;min-height:1.5em;padding:10px}select[data-theme=dark] option:hover,select[data-theme=light] option:hover{background-color:#f0f0f0!important}select[data-theme=dark] option:checked,select[data-theme=light] option:checked{background-color:#f0f0f0!important;color:#000!important}select[data-theme=dark] optgroup,select[data-theme=light] optgroup{background-color:#fff!important;color:#000!important;font-weight:700;padding:8px}select[data-theme=dark] optgroup option,select[data-theme=light] optgroup option{background-color:#fff!important;color:#000!important;padding-left:15px}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){select[data-theme=dark] option{background-color:#fff!important}}@media screen and (-webkit-min-device-pixel-ratio:0){select[data-theme=dark],select[data-theme=dark] option{background-color:#fff}}select[data-theme=dark] option+option{border-top:none}@media screen and (-webkit-min-device-pixel-ratio:0){select[data-theme=dark]{background-color:#fff!important}select[data-theme=dark] optgroup,select[data-theme=dark] option{background-color:#fff!important;margin:0}select[data-theme=dark]::-webkit-scrollbar{background-color:#fff;width:10px}select[data-theme=dark]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}select[data-theme=dark]::-webkit-scrollbar-track{background-color:#f0f0f0}select[data-theme=dark] option{border:none!important;outline:none!important;padding:8px 10px}}@media (max-width:768px){.add-item-form-container{margin:0 auto;max-width:none!important;overflow-y:auto!important;width:95%!important}.edit-item-animation{animation:fadeInPlace .3s ease-out forwards!important}@keyframes fadeInPlace{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.form-exit-place{animation:fadeOutPlace .3s ease-in forwards!important}@keyframes fadeOutPlace{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}}.receipt-scanner-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-height:85vh;max-width:800px;overflow-y:auto;width:90%}.receipt-scanner-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.receipt-scanner-header h2{color:#000;font-size:1.25rem;font-weight:500;margin:0}.close-scanner-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-scanner-btn:hover{background:#ff00001a;transform:scale(1.1)}.receipt-upload-step{display:flex;flex-direction:column;gap:20px}.receipt-upload-container{align-items:center;background:#ffffffb3;border:2px dashed #0003;border-radius:10px;display:flex;justify-content:center;margin-bottom:20px;min-height:200px;position:relative;transition:all .3s ease;width:100%}.receipt-upload-container:hover{background:#ffffffe6;border-color:#0006}.receipt-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.receipt-upload-placeholder{align-items:center;color:#000000b3;display:flex;flex-direction:column;gap:15px}.receipt-upload-placeholder svg{font-size:40px;opacity:.7}.receipt-preview-container{display:flex;height:100%;justify-content:center;width:100%}.receipt-preview{border-radius:4px;max-height:300px;max-width:100%;object-fit:contain}.receipt-actions{display:flex;gap:15px;justify-content:center}.process-receipt-btn{background:#000;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.process-receipt-btn:hover:not(:disabled){background:#333;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.process-receipt-btn:disabled{background:#555;color:#999;cursor:not-allowed}@media (max-width:768px){.receipt-scanner-container{max-height:90vh;padding:15px;width:95%}.receipt-upload-container{min-height:150px}.receipt-preview{max-height:250px}}.add-item-form-container h2{color:#000;font-weight:300;letter-spacing:1px;margin-bottom:1.5rem;margin-top:0;text-align:center}.receipt-review-step{display:flex;flex-direction:column;gap:20px}.receipt-items-container,.receipt-metadata{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important;padding:20px!important}.receipt-items-container h3{border-bottom:1px solid #0000001a!important;color:#000!important;font-weight:500!important;letter-spacing:.5px!important;margin-bottom:20px!important;margin-top:0!important;padding-bottom:10px!important}.receipt-items-list{display:flex!important;flex-direction:column!important;gap:15px!important;max-height:50vh!important;overflow-y:auto!important;padding-right:5px!important}.receipt-item{background:#fffffff2!important;border:1px solid #0000000d!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;padding:15px!important;transition:all .2s ease!important}.receipt-item:hover{border-color:#ffffff1a!important;box-shadow:0 4px 12px #0003!important;transform:translateY(-2px)!important}.receipt-item.matched{border-left:4px solid #4caf50!important}.receipt-item.partial-match{border-left:4px solid #ff9800!important}.receipt-item.unmatched{border-left:4px solid #f44336!important}.receipt-item-header{align-items:center!important;border-bottom:1px solid #0000001a!important;display:flex!important;justify-content:space-between!important;margin-bottom:12px!important;padding-bottom:8px!important}.receipt-item-name{color:#000!important;font-size:1rem!important;font-weight:600!important}.receipt-item-status{align-items:center!important;background:#0000000d!important;border-radius:20px!important;display:flex!important;font-size:.85rem!important;font-weight:500!important;gap:5px!important;padding:4px 8px!important}.matched-status{color:#4caf50!important}.partial-status{color:#ff9800!important}.unmatched-status{color:#f44336!important}.receipt-item-details{display:flex!important;flex-direction:column!important;gap:12px!important}.receipt-item-row{align-items:center!important;display:flex!important;gap:10px!important}.receipt-item-row label{color:#000!important;font-weight:500!important;min-width:120px!important}.receipt-item-row div,.receipt-item-row input,.receipt-item-row select{background:#ffffffe6!important;border:1px solid #0000001a!important;border-radius:5px!important;color:#000!important;flex:1 1!important;font-size:.95rem!important;padding:8px 10px!important}.receipt-item-row input:focus,.receipt-item-row select:focus{border-color:#0003!important;box-shadow:0 0 0 2px #0000000d!important;outline:none!important}.receipt-items-list::-webkit-scrollbar{width:8px!important}.receipt-items-list::-webkit-scrollbar-track{background:#0000000d!important;border-radius:4px!important}.receipt-items-list::-webkit-scrollbar-thumb{background:#0003!important;border-radius:4px!important}.receipt-items-list::-webkit-scrollbar-thumb:hover{background:#0000004d!important}.receipt-modal-backdrop{align-items:flex-start!important;animation:fadeIn .3s ease-out!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background:#000c!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding-top:80px!important;position:fixed!important;top:0!important;width:100%!important;z-index:1000!important}.quantity-btn.decrease{left:2px!important}.quantity-btn.decrease,.quantity-btn.increase{background:#333!important;font-size:14px!important;font-weight:700!important;height:20px!important;min-width:20px!important;outline:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important}.quantity-btn.increase{right:2px!important}.inventory-table td.quantity-cell{padding:.4rem!important}.quantity-controls{background-color:#fffc!important;border:1px solid #0000001a!important;border-radius:4px!important;padding:0 2px!important;width:90px!important}.quantity-btn.decrease,.quantity-btn.increase{align-items:center!important;background-color:#333!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:16px!important;height:24px!important;justify-content:center!important;line-height:1!important;min-width:24px!important;padding:0!important;width:24px!important;z-index:2!important}.quantity-value{display:block!important;z-index:1!important}.inventory-table tr.normal .quantity-controls{background-color:#00c85326!important}.inventory-table tr.low .quantity-controls{background-color:#ff980026!important}.inventory-table tr.out .quantity-controls{background-color:#f4433626!important}.inventory-table tr td.quantity-cell .quantity-controls .quantity-value{background:#0000!important;color:#000!important;display:inline-block!important;flex:1 1!important;font-size:14px!important;font-weight:700!important;height:auto!important;margin:0 2px!important;max-width:none!important;overflow:visible!important;padding:0 2px!important;position:static!important;text-align:center!important;white-space:nowrap!important;z-index:1!important}.delete-btn,.edit-btn{height:22px!important;margin-left:1px!important;margin-right:1px!important;min-width:22px!important;width:22px!important}.actions-cell{max-width:70px!important;min-width:60px!important;padding:.2rem!important;width:60px!important}.add-cost-btn{border:1px solid #e0e0e0!important;border:1px solid var(--glass-border)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.6rem!important;font-weight:500!important;gap:.1rem!important;letter-spacing:0!important;margin:0 auto!important;max-width:60px!important;min-width:50px!important;padding:.15rem .2rem!important;text-align:center!important;text-transform:uppercase!important;white-space:nowrap!important;width:-webkit-fit-content!important;width:fit-content!important}.add-cost-btn,.cost-history-btn{align-items:center!important;background:#000!important;border-radius:4px!important;justify-content:center!important;overflow:hidden!important}.cost-history-btn{display:inline-flex!important;font-size:.7rem!important;height:20px!important;margin:0!important;min-width:20px!important;padding:0!important;width:20px!important}.inventory-table td:nth-child(7) .cost-cell{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.4rem!important;justify-content:center!important}.inventory-table td:nth-child(7) .cost-history-btn{align-items:center!important;display:flex!important;font-size:.8rem!important;height:24px!important;justify-content:center!important;margin:0 auto!important;min-width:24px!important;padding:0!important;width:24px!important}.inventory-table td:nth-child(7){max-width:80px!important;overflow:hidden!important;padding:.3rem .2rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.delete-btn,.edit-btn,.history-btn{background:#000!important;border:1px solid #e0e0e0!important;border:1px solid var(--glass-border)!important;border-radius:4px!important;box-shadow:0 2px 4px #0000000d!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:.7rem!important;height:22px!important;margin-left:1px!important;margin-right:1px!important;min-width:22px!important;padding:0!important;transition:all .2s ease!important;width:22px!important}.action-buttons,.delete-btn,.edit-btn,.history-btn{align-items:center!important;display:flex!important;justify-content:center!important}.action-buttons{flex-wrap:nowrap!important;gap:.15rem!important;margin:0 auto!important;max-width:50px!important;width:100%!important}.actions-cell,.inventory-table td:nth-child(9){max-width:70px!important;min-width:60px!important;padding:.2rem!important;text-align:center!important;white-space:nowrap!important;width:60px!important}.inventory-table th:nth-child(7){width:8%!important}.inventory-table th:nth-child(9){width:12%!important}.inventory-table tr td.actions-cell button,.inventory-table tr td:nth-child(7) button{font-size:.7rem!important}.quantity-value{align-items:center!important;background-color:initial!important;color:#000!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:700!important;justify-content:center!important;margin:0 4px!important;min-width:20px!important;opacity:1!important;overflow:visible!important;padding:0!important;pointer-events:auto!important;position:static!important;text-align:center!important;visibility:visible!important;white-space:nowrap!important;z-index:5!important}.inventory-table tr.normal .quantity-value{color:#1a7d3f!important}.inventory-table tr.low .quantity-value{color:#b86200!important}.inventory-table tr.out .quantity-value{color:#d32f2f!important}.mobile-card-counter,.quantity-controls{justify-content:space-between!important;position:relative!important;width:85px!important}.quantity-controls{align-items:center!important;background:#e0f5e9!important;border-radius:6px!important;box-sizing:border-box!important;display:flex!important;height:28px!important;justify-content:center!important;margin:0 auto!important;padding:0!important;width:95px!important}.quantity-btn.decrease,.quantity-btn.increase{border-radius:4px!important;min-width:28px!important;position:static!important;width:28px!important}.mobile-card-counter{align-items:center!important;background:#e0f5e9!important;border-radius:6px!important;box-sizing:border-box!important;display:flex!important;height:28px!important;justify-content:center!important;margin:0!important;padding:0!important;width:95px!important}.inventory-table td.quantity-cell{padding:.3rem .2rem!important;text-align:center!important;vertical-align:middle!important}.mobile-card-counter,.quantity-controls{background:#e0f5e9!important;border-radius:20px!important;box-sizing:border-box!important;justify-content:space-between!important;margin:0 auto!important;overflow:hidden!important;position:relative!important;width:110px!important}.mobile-card-counter,.quantity-btn.decrease,.quantity-btn.increase,.quantity-controls{align-items:center!important;display:flex!important;height:28px!important;padding:0!important}.quantity-btn.decrease,.quantity-btn.increase{background-color:#333!important;border:none!important;border-radius:0!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;justify-content:center!important;margin:0!important;min-width:30px!important;text-align:center!important;width:30px!important}.quantity-btn.decrease{border-bottom-left-radius:20px!important;border-top-left-radius:20px!important}.quantity-btn.increase{border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}.quantity-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.helper-text{color:#666;font-size:.8rem;margin-top:.25rem}.add-item-form-container div,.add-item-form-container p,.add-item-form-container small,.add-item-form-container span{color:#000}select[data-theme=light]{background-color:#fff;border:1px solid #0003;color:#000}select[data-theme=light] option{background-color:#fff;color:#000;min-height:1.5em;padding:10px}select[data-theme=light] option:hover{background-color:#f0f0f0}select[data-theme=light] option:checked{background-color:#f0f0f0;color:#000}select[data-theme=light] optgroup{background-color:#f8f8f8;color:#666;font-weight:700;padding:8px}select[data-theme=light] optgroup option{background-color:#fff;color:#000;padding-left:15px}.add-item-form-container .form-group label{color:#333}.add-item-form-container .form-group input,.add-item-form-container .form-group select,.add-item-form-container .form-group textarea{background-color:#fff;border:1px solid #0003;color:#333}.add-item-form-container .form-group input:focus,.add-item-form-container .form-group select:focus,.add-item-form-container .form-group textarea:focus{background-color:#fff;border-color:#0006}.modal-title{background-color:initial;display:none}.whitebox{background-color:#fff!important}.whitebox *,.whitebox label{background-color:initial!important}.whitebox label{color:#000!important}.add-item-form-container .form-group label{background-color:initial;color:#000;padding:5px 0}.whitebox,.whitebox *,.whitebox .form-group,.whitebox .form-title,.whitebox .tag-item,.whitebox .tags-input-container,.whitebox :after,.whitebox :before,.whitebox div,.whitebox form,.whitebox h2,.whitebox h3,.whitebox input,.whitebox label,.whitebox select,.whitebox span,.whitebox textarea{background-color:#fff!important}.whitebox input,.whitebox select,.whitebox textarea{background-color:#fff!important;border:1px solid #000!important;color:#000!important}.whitebox .form-section-header h3,.whitebox .form-title,.whitebox h2,.whitebox h3,.whitebox label{color:#000!important}@media (max-width:768px){.add-item-form-container{border-radius:0;max-height:100vh;padding:1.5rem;top:0;width:80%!important}.add-item-form{padding:0 1rem 1rem}.form-title{font-size:1.4rem;margin-bottom:1rem}}.category-selection select,.form-group select,.unit-selection select,select[data-theme=dark],select[data-theme=light]{background-color:#fff!important;border:1px solid #000!important;color:#000!important}.category-selection select optgroup,.category-selection select option,.form-group select optgroup,.form-group select option,.unit-selection select optgroup,.unit-selection select option,select[data-theme=dark] optgroup,select[data-theme=dark] option,select[data-theme=light] optgroup,select[data-theme=light] option{background-color:#fff!important;border:none!important;color:#000!important}@-moz-document url-prefix(){.category-selection option,.category-selection select,.form-group select,.unit-selection option,.unit-selection select,select optgroup,select option{background-color:#fff!important;color:#000!important}}select:not([multiple]){-webkit-appearance:menulist!important;appearance:menulist!important}@-moz-document url-prefix(){select:not([multiple]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - .6rem);background-repeat:no-repeat;background-size:12px;padding-right:2rem}}.selection-header{background-color:#333!important;border-bottom:1px solid #555!important;color:#fff!important;font-size:16px!important}.dropdown-section-title,.selection-header{font-weight:700!important;padding:10px!important}.dropdown-section-title{background-color:#eee!important;border-bottom:1px solid #ddd!important;color:#333!important}select[aria-label="Seleccionar categoría"],select[aria-label="Seleccionar unidad"]{background-color:#fff!important;border:1px solid #000!important;color:#000!important}select[aria-label="Seleccionar categoría"] option,select[aria-label="Seleccionar unidad"] option{background-color:#fff!important;color:#000!important;padding:8px 12px!important}select option:active,select option:checked,select option:focus,select option:hover{background-color:#2979ff!important;color:#fff!important}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")!important;background-position:calc(100% - .6rem)!important;background-repeat:no-repeat!important;background-size:12px!important;padding-right:2rem!important}option[value=header-todas-unidades],option[value=header-unidades-sugeridas]{background-color:#333!important;color:#fff!important;font-weight:700!important;padding:10px 8px!important;pointer-events:none!important}option:contains("Todas las unidades"),option:contains("Unidades sugeridas"){background-color:#333!important;color:#fff!important;font-weight:700!important;padding:10px 8px!important;pointer-events:none!important}.category-selection select option:hover,.form-group select option:focus,.form-group select option:hover,.unit-selection select option:focus,select[data-theme=dark] option:focus,select[data-theme=dark] option:hover,select[data-theme=light] option:focus,select[data-theme=light] option:hover{background-color:#2979ff!important;color:#fff!important}.mobile-card,.mobile-card *{color:#000!important;opacity:1!important}.mobile-card .edit-btn svg,.mobile-card .history-btn svg,.mobile-card .quantity-btn.decrease:before,.mobile-card .quantity-btn.increase:before{fill:#fff!important;color:#fff!important}.mobile-card .edit-btn i,.mobile-card .history-btn i,.mobile-card .mobile-card-actions button span,.mobile-card .quantity-btn.decrease:before,.mobile-card .quantity-btn.increase:before{color:#fff!important}.receipt-item-row div{color:#000!important;font-weight:500!important}.file-preview{align-items:center;background:#2c2c2c;border:2px dashed #666;border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:2rem;transition:all .3s ease}.file-preview:hover{background:#333;border-color:#888}.file-preview svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:1rem}.file-preview p{color:#fff;font-size:1rem;font-weight:500;margin:0;text-align:center;text-shadow:0 1px 2px #00000080}.receipt-preview-container .file-preview{margin:0 auto;max-width:400px;width:100%}:root{--glass-text-secondary:#ffffffb3}.profile-management-container{color:#fff;color:var(--glass-text);font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.glass-background{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-2}.glass-background:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#78c8ff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.glass-container{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e3040;background-color:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 0 2px #78c8ff80;box-shadow:0 8px 32px var(--glass-shadow),inset 0 0 2px var(--glass-highlight);margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.glass-container:before{background:linear-gradient(90deg,#0000,#78c8ffcc,#0000);background:linear-gradient(90deg,#0000,var(--neon-highlight),#0000);box-shadow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;box-shadow:var(--neon-glow);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-title{color:#fff;color:var(--glass-text);font-size:2.5rem;font-weight:300;letter-spacing:2px;margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:0 0 15px #78c8ffb3}.glass-title:after{background:linear-gradient(90deg,#0000,#78c8ffcc,#0000);background:linear-gradient(90deg,#0000,var(--neon-highlight),#0000);bottom:-10px;box-shadow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;box-shadow:var(--neon-glow);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.glass-tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;justify-content:center;margin-bottom:2rem;padding-bottom:1rem;position:relative}.glass-tabs:after{background:linear-gradient(90deg,#0000,#78c8ffcc,#0000);background:linear-gradient(90deg,#0000,var(--neon-highlight),#0000);bottom:0;box-shadow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;box-shadow:var(--neon-glow);content:"";height:1px;left:0;position:absolute;right:0}.glass-tab{align-items:center;background:#141e3066;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:30px;color:#ffffffb3;color:var(--glass-text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:8px;margin:0 .5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.glass-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.glass-tab:hover:before{left:100%}.glass-tab svg{filter:drop-shadow(0 0 2px rgba(120,200,255,.8));filter:drop-shadow(0 0 2px var(--neon-highlight));font-size:1.2rem}.glass-tab:hover{background-color:#409cff1a;box-shadow:0 0 10px #409cff33;color:#fff;color:var(--glass-text)}.glass-tab.active{background-color:#409cffcc;background-color:var(--glass-accent);box-shadow:0 0 15px #409cff80;color:#fff}.glass-section{animation:fadeIn .5s ease-out}.glass-card{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 25px #0000001a,inset 0 0 2px #78c8ff80;box-shadow:0 8px 25px #0000001a,inset 0 0 2px var(--glass-highlight);margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.glass-card:before{background:linear-gradient(135deg,#78c8ff0d,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.glass-card h2{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);color:#fff;color:var(--glass-text);display:flex;font-size:1.5rem;font-weight:500;gap:10px;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem;position:relative}.glass-card h2:after{background:linear-gradient(90deg,#78c8ffcc,#0000);background:linear-gradient(90deg,var(--neon-highlight),#0000);bottom:-1px;box-shadow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;box-shadow:var(--neon-glow);content:"";height:1px;left:0;position:absolute;width:100%}.glass-card h3{color:#fff;color:var(--glass-text);font-size:1.2rem;font-weight:500;gap:8px;margin-bottom:1rem;margin-top:.5rem}.glass-card h3,.profile-header{align-items:center;display:flex}.profile-header{margin-bottom:2rem}.profile-logo{align-items:center;backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:15px;display:flex;height:120px;justify-content:center;margin-right:1.5rem;overflow:hidden;width:120px}.profile-logo img{height:100%;object-fit:cover;width:100%}.profile-title{flex:1 1;margin-left:1rem}.profile-title h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.business-type{color:#fffc;font-size:1rem;font-style:italic}.edit-profile-btn{margin-top:.5rem}.profile-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-item{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 5px 15px #0000001a;overflow:hidden;padding:1.2rem;transition:all .3s ease}.detail-item:before{background:linear-gradient(135deg,#78c8ff0d,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.detail-item:hover{border-color:#78c8ffcc;border-color:var(--neon-highlight);box-shadow:0 10px 25px #0003,0 0 15px #78c8ff33;transform:translateY(-5px)}.detail-item h3{color:#fff;color:var(--glass-text);font-size:1.1rem;margin-bottom:.75rem;margin-top:0}.detail-item h3,.detail-item p{align-items:center;display:flex;gap:8px}.detail-item p{color:#ffffffb3;color:var(--glass-text-secondary);font-size:.95rem;margin:.5rem 0}.glass-btn{align-items:center;backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e3080;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;outline:none;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.glass-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.glass-btn:hover:before{left:100%}.glass-btn svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.glass-btn:hover{background:#ffffff40;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.glass-btn:active{transform:translateY(0)}.save-btn{background-color:#1ec882b3;background-color:var(--glass-success)}.save-btn:hover{background-color:#1edc82cc;box-shadow:0 5px 15px #1edc824d}.cancel-btn{background-color:initial}.delete-account-btn{background-color:#ff4646b3;background-color:var(--glass-danger);margin-top:1rem}.delete-account-btn:hover{background-color:#ff3c3ce6}.account-btn{margin-bottom:10px;margin-right:10px}.glass-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.form-group,.glass-input label{margin-bottom:.5rem}.glass-input label{align-items:center;color:#fff;color:var(--glass-text);display:flex;font-size:.9rem;gap:6px}.glass-input input,.glass-input textarea{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#141e3099;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;box-shadow:inset 0 2px 5px #0000001a;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:.8rem;transition:all .3s ease;width:100%}.glass-input input:focus,.glass-input textarea:focus{background-color:#141e30b3;border-color:#78c8ffcc;border-color:var(--neon-highlight);box-shadow:0 0 0 3px #78c8ff33,inset 0 2px 5px #0000001a}.glass-select{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#141e3099;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.95rem;padding:.8rem;width:200px}.glass-select option{background-color:#2c3e50;color:#fff}.glass-toggle{display:inline-block;height:26px;position:relative;width:50px}.glass-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#141e3099;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:34px;bottom:0;box-shadow:inset 0 2px 5px #0003;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 5px #0003;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#409cffcc;background-color:var(--glass-accent);box-shadow:inset 0 2px 5px #0003,0 0 10px #409cff66}input:checked+.toggle-slider:before{transform:translateX(23px)}.setting-category{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.setting-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:.75rem 0}.setting-item:last-child{border-bottom:none}.setting-description{margin-left:1rem}.setting-title{color:#fff;color:var(--glass-text);font-size:1rem;margin:0}.setting-subtitle{color:#ffffffb3;color:var(--glass-text-secondary);font-size:.85rem;margin:.25rem 0 0}.account-actions,.account-info,.account-subscription{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.account-info p,.account-subscription p{color:#ffffffb3;color:var(--glass-text-secondary);margin:.5rem 0}.danger-zone{background-color:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:12px;margin-top:1.5rem;padding:1.2rem}.danger-zone h3{align-items:center;color:#ff4646e6;display:flex;gap:8px}.logo-upload-section{display:flex;gap:1.5rem;margin-bottom:1rem}.logo-preview{align-items:center;border-radius:12px;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.logo-preview img{height:100%;object-fit:cover;width:100%}.logo-upload-controls{display:flex;flex-direction:column;justify-content:center}.file-upload-btn{align-items:center;backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e3080;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.file-upload-btn:hover{background-color:#409cff1a}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.glass-modal{animation:scaleIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0f1928b3;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 50px #0006,0 0 15px #78c8ff33;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.modal-header{border-bottom:1px solid var(--glass-border);position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,#78c8ffcc,#0000);background:linear-gradient(90deg,#0000,var(--neon-highlight),#0000);bottom:0;box-shadow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;box-shadow:var(--neon-glow);content:"";height:1px;left:0;position:absolute;width:100%}.modal-header h2{align-items:center;color:#fff;color:var(--glass-text);display:flex;gap:10px}.close-modal-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffb3;color:var(--glass-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-modal-btn:hover{background-color:#ffffff1a;color:#fff;color:var(--glass-text)}.glass-loading{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;color:var(--glass-text);display:flex;font-size:1.2rem;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.glass-loading:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at center,#78c8ff1a 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.glass-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--neon-highlight);box-shadow:0 0 15px #78c8ff80;content:"";height:40px;margin-left:15px;width:40px}@media (max-width:768px){.profile-management-container{padding:1rem}.glass-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.form-row{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-logo{margin-bottom:1rem;margin-right:0}.profile-details{grid-template-columns:1fr}.logo-upload-section{align-items:center;flex-direction:column}.logo-upload-controls{margin-top:1rem}}.glass-btn,.glass-card,.glass-input input,.glass-input textarea,.glass-panel,.glass-select{transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{background-color:#ffffff14}.glass-orbs{height:100%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%}.glass-orbs,.orb{position:absolute}.orb{border-radius:50%;filter:blur(80px);opacity:.2}.orb1{animation:float1 20s ease-in-out infinite;background:radial-gradient(circle,#4a9eff 0,#0000 70%);height:400px;left:20%;top:10%;width:400px}.orb2{animation:float2 25s ease-in-out infinite;background:radial-gradient(circle,#ff4a9e 0,#0000 70%);bottom:20%;height:350px;right:10%;width:350px}.orb3{animation:float3 18s ease-in-out infinite;background:radial-gradient(circle,#4aff9e 0,#0000 70%);height:300px;left:50%;top:50%;width:300px}@keyframes float1{0%{transform:translate(0)}50%{transform:translate(50px,30px)}to{transform:translate(0)}}@keyframes float2{0%{transform:translate(0)}50%{transform:translate(-40px,-50px)}to{transform:translate(0)}}@keyframes float3{0%{transform:translate(0)}50%{transform:translate(30px,-40px)}to{transform:translate(0)}}.btn-glow{background:radial-gradient(circle,#78c8ff66 0,#0000 70%);border-radius:30px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.glass-btn:hover .btn-glow{opacity:1}.panel-glow{border-radius:inherit;bottom:0;box-shadow:0 0 15px #fff0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.detail-item:hover .panel-glow,.glass-panel:hover .panel-glow{box-shadow:0 0 20px #4a9eff4d}.glow-effect{background:radial-gradient(circle at 50% 50%,#78c8ff33 0,#0000 80%);border-radius:15px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease}.profile-logo:hover .glow-effect{box-shadow:0 0 20px #78c8ff4d;opacity:1}.loading-text{position:relative}.loading-text:after{animation:dots 1.5s infinite;content:".";display:inline-block;text-align:left;width:20px}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.password-strength{background-color:#141e304d;border-radius:8px;margin-bottom:1rem;padding:10px}.strength-label{color:#ffffffb3;color:var(--glass-text-secondary);font-size:.85rem;margin-bottom:5px}.strength-meter{background-color:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.strength-level{border-radius:3px;height:100%;transition:width .3s ease}.strength-level.low{background:linear-gradient(90deg,#ff4a4a,#ff4a4a);width:30%}.strength-level.medium{background:linear-gradient(90deg,#ffad4a,#ffad4a);width:60%}.strength-level.high{background:linear-gradient(90deg,#4aff8c,#4aff8c);width:100%}.strength-text{color:#4aff8c;font-size:.8rem;margin-top:5px;text-align:right}.premium-badge{background-color:#409cff33;border-radius:15px;color:var(--glass-text);font-size:.85rem;gap:5px;padding:3px 8px}.premium-badge svg{color:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.plan-details{grid-gap:10px;display:grid;gap:10px;margin-bottom:15px}.plan-item{align-items:center;display:flex}.plan-label{color:#fff;color:var(--glass-text);flex:1 1;font-weight:500;margin-right:10px}.plan-value{color:#ffffffb3;color:var(--glass-text-secondary)}.plan-value.premium{color:gold;font-weight:500;text-shadow:0 0 5px #ffd70080}.upload-hint{color:#ffffffb3;color:var(--glass-text-secondary);display:block;font-size:.8rem;margin-top:5px;text-align:center}.detail-item{position:relative}.edit-field-btn{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:none;background-color:#0000004d;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;opacity:0;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:30px;z-index:10}.edit-field-btn.small{display:inline-flex;font-size:.8rem;height:20px;margin-left:.5rem;position:relative;right:auto;top:auto;vertical-align:middle;width:20px}.detail-item:hover .edit-field-btn{opacity:1}.edit-field-btn:hover{background-color:#4a9eff4d;color:#fff;transform:scale(1.1)}.detail-item.editing p{display:none}.inline-edit-container{display:flex;flex-direction:column;position:relative;width:100%}.inline-edit-container input,.inline-edit-container textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0000004d;border:1px solid #4a9eff80;border-radius:4px;box-shadow:0 0 10px #4a9eff33;color:#fff;font-size:.9rem;outline:none;padding:.5rem;transition:all .3s ease;width:100%}.inline-edit-container input:focus,.inline-edit-container textarea:focus{border-color:#4a9effcc;box-shadow:0 0 15px #4a9eff66}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.edit-action-btn{align-items:center;background-color:#0000004d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.edit-action-btn.save{background-color:#28a7454d}.edit-action-btn.cancel{background-color:#dc35454d}.edit-action-btn.save:hover{background-color:#28a74580;transform:translateY(-2px)}.edit-action-btn.cancel:hover{background-color:#dc354580;transform:translateY(-2px)}.change-logo-btn{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;border:none;border-radius:50%;bottom:.5rem;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;opacity:0;position:absolute;right:.5rem;transition:all .3s ease;width:35px;z-index:10}.profile-logo:hover .change-logo-btn{opacity:1}.change-logo-btn:hover{background-color:#4a9eff80;transform:scale(1.1)}.email-note{color:#ffffffb3;color:var(--glass-text-secondary);font-size:.8rem;font-style:italic;margin-left:.5rem}input:disabled{cursor:not-allowed;opacity:.7}.business-address{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.business-address svg{font-size:.8rem;opacity:.8}.profile-cover-image{border-radius:12px;height:200px;margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.profile-cover-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-cover-image:hover img{transform:scale(1.05)}.change-cover-btn{align-items:center;background:#00000080;border-radius:50%;bottom:15px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;right:15px;transition:opacity .3s ease;width:40px;z-index:2}.profile-cover-image:hover .change-cover-btn{opacity:1}.change-cover-btn:hover{background:#000c;transform:scale(1.1)}.kitchen-test-btn{background:#ff980040;border:1px solid #ff98004d}.kitchen-test-btn:hover{background:#ff980066;box-shadow:0 8px 20px #ff980033}.drawer-test-btn{background:#4caf5040;border:1px solid #4caf504d}.drawer-test-btn:hover{background:#4caf5066;box-shadow:0 8px 20px #4caf5033}.access-note{align-items:center;background-color:#409cff1a;border-left:3px solid #409cffcc;border-left:3px solid var(--glass-accent);border-radius:8px;color:#ffffffb3;color:var(--glass-text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem;padding:.5rem}.printer-test-section{margin-top:20px}.printer-test-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.printer-test-buttons .glass-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:14px;justify-content:flex-start;padding:12px 20px;transition:all .3s ease}.printer-test-buttons .glass-btn:hover{background:#ffffff1a;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.printer-test-buttons .glass-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.printer-actions-section{margin-bottom:20px}.printer-actions-section .glass-btn{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55ee6;padding:12px 20px;width:100%}.printer-actions-section .glass-btn:hover{background:#22c55e33;box-shadow:0 4px 15px #22c55e1a;transform:translateY(-2px)}.printer-info{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;margin-top:15px;padding:15px}.printer-info p{color:#ffffffb3;font-size:13px;line-height:1.4;margin:8px 0}.printer-info p:first-child{margin-top:0}.printer-info p:last-child{margin-bottom:0}@media (min-width:768px){.printer-test-buttons{flex-direction:row;flex-wrap:wrap}.printer-test-buttons .glass-btn{flex:1 1;min-width:200px}}.billing-settings-container{color:#fff;padding:2rem}.billing-section{background:#0003;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.billing-section h2{border-bottom:1px solid #ffffff1a;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.subscription-overview{background:#1e1e1e80;border-radius:8px;padding:1.5rem}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tier-info{display:flex;gap:1rem}.tier-badge{align-items:center;border-radius:20px;display:flex;font-weight:600;padding:.4rem 1rem}.tier-badge.lite{background:linear-gradient(135deg,#4a4a4a,#333);color:#eee}.tier-badge.pro{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.status-badge{font-size:.9rem;font-weight:500;padding:.4rem 1rem}.status-badge.active{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status-badge.past-due{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.status-badge.canceled,.status-badge.incomplete{background:#f4433633;border:1px solid #f443364d;color:#f44336}.status-badge.pending{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.manage-button,.portal-button,.upgrade-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.upgrade-button{background:linear-gradient(135deg,#f44336,#d32f2f)}.upgrade-button:hover{box-shadow:0 4px 12px #f4433666}.manage-button,.portal-button{background:linear-gradient(135deg,#3f51b5,#303f9f);color:#fff}.manage-button:hover,.portal-button:hover{box-shadow:0 4px 12px #3f51b566;transform:translateY(-2px)}.manage-button:disabled,.portal-button:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.renewal-info{background:#0003;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.renewal-info p{margin:0}.trial-info{background:#3f51b51a;border:1px solid #3f51b54d;border-radius:8px;margin-bottom:1rem;padding:1rem}.trial-badge{background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .8rem}.tier-features{margin-top:1.5rem}.tier-features h3{align-items:center;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.pro-icon{color:#1e88e5}.tier-features ul{list-style:none;padding:0}.tier-features li{background:#0000001a;border-radius:4px;margin-bottom:.7rem;padding:.5rem}.feature-icon{color:#4caf50;font-size:.9rem}.billing-action-center{background:#0000001a;border-radius:8px;padding:2rem;text-align:center}.billing-action-center p{margin-bottom:1.5rem}.no-subscription-message{background:#0000001a;border-radius:8px;padding:2rem;text-align:center}.upgrade-button-large{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:.8rem 2rem;transition:all .2s ease}.upgrade-button-large:hover{box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.billing-loading{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.spin-icon{animation:spin 1s linear infinite;font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.billing-settings-container{padding:1rem}.subscription-header{align-items:flex-start;flex-direction:column;gap:1rem}.manage-button,.upgrade-button{justify-content:center;width:100%}}.upgrade-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #0000001a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:1.5rem 0;padding:1.5rem}.upgrade-content{flex:1 1;min-width:280px}.upgrade-content h3{color:#333;font-size:1.4rem;margin:0 0 .5rem}.upgrade-content p{color:#555;margin:0 0 1rem}.upgrade-features{list-style:none;margin:0;padding:0}.upgrade-features li{align-items:center;color:#555;display:flex;gap:.5rem;margin-bottom:.5rem}.upgrade-features li svg{color:#4ecdc4;font-size:1.1rem}.upgrade-button{align-items:center;background:linear-gradient(135deg,#4ecdc4,#45b3ac);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.upgrade-button:hover{background:linear-gradient(135deg,#45b3ac,#3a9690);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.upgrade-button svg{font-size:1.1rem}@media (max-width:768px){.upgrade-section{align-items:flex-start;flex-direction:column}.upgrade-button{justify-content:center;width:100%}}.account-subscription .subscription-header{margin-bottom:1.5rem}.account-subscription .tier-info{display:flex;gap:1rem}.account-subscription .tier-badge{align-items:center;border-radius:20px;display:flex;font-weight:600;padding:.4rem 1rem}.account-subscription .tier-badge.lite{background:linear-gradient(135deg,#4a4a4a,#333);color:#eee}.account-subscription .tier-badge.pro{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.account-subscription .status-badge{border-radius:20px;font-size:.9rem;font-weight:500;padding:.4rem 1rem}.account-subscription .status-badge.active{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.account-subscription .status-badge.past-due{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.account-subscription .status-badge.canceled,.account-subscription .status-badge.incomplete{background:#f4433633;border:1px solid #f443364d;color:#f44336}.account-subscription .status-badge.pending{background:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.account-subscription .spin-icon{animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width:768px){.account-subscription .subscription-header{align-items:flex-start;flex-direction:column;gap:1rem}.account-subscription .tier-info{justify-content:flex-start;margin-bottom:1rem}}.special-access-container{background-color:initial;border-radius:12px;color:#fff;margin:0 auto;max-width:1000px;padding:20px;width:100%}.special-access-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.form-header h3,.special-access-header h3{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:500;gap:10px;margin:0}.form-header{border-bottom:1px solid #e0e0e0;margin-bottom:25px;padding-bottom:15px}.special-access-description{color:#666;line-height:1.5;margin-bottom:25px}.add-user-btn{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:12px 20px;transition:all .2s ease}.add-user-btn:hover{background-color:#5a67d8;transform:translateY(-1px)}.add-user-btn.small{font-size:.9rem;padding:10px 16px}.add-user-btn:disabled{cursor:not-allowed;opacity:.6}.users-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:1rem;margin-top:20px;overflow-x:auto;padding:.5rem}.users-table{border-collapse:collapse;color:#333;width:100%}.users-table td,.users-table th{border-bottom:1px solid #f0f0f0;padding:15px 20px;text-align:left}.users-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600}.delete-btn,.edit-btn{border-radius:6px;color:#ffffffb3;padding:8px 12px}.edit-btn{background:#ffc107}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.form-field{margin-bottom:20px}.form-field label{color:#333;display:block;font-weight:600;margin-bottom:6px}.form-field input,.form-field select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feature-description{color:#666;display:block;font-size:.9rem;font-style:italic;margin-top:6px}.user-info-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:15px}.user-info-box p{color:#333;margin:5px 0}.user-info-box strong{color:#667eea}.form-actions{border-top:1px solid #e0e0e0;gap:12px;margin-top:25px;padding-top:20px}.cancel-btn,.save-btn{border-radius:8px;font-size:1rem;padding:12px 24px}.save-btn{background:#667eea}.save-btn:hover:not(:disabled){background:#5a67d8}.save-btn:disabled{background:#ccc}.cancel-btn{background:#f8f9fa;border:2px solid #e0e0e0}.cancel-btn:hover{background:#e9ecef;border-color:#ccc}.loading-message,.no-users-message{color:#666;padding:40px 20px;text-align:center}.no-users-message p{font-size:1.1rem;margin-bottom:20px}@media (max-width:768px){.special-access-container{padding:15px}.special-access-header{align-items:flex-start;flex-direction:column;gap:15px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.users-table-wrapper{overflow-x:auto}.users-table{min-width:600px}.users-table td,.users-table th{padding:10px 15px}}@media (max-width:480px){.special-access-header h3{font-size:1.25rem}.form-field input,.form-field select{padding:10px}.users-table td,.users-table th{font-size:.9rem;padding:8px 12px}.action-buttons{flex-direction:column;gap:4px}.delete-btn,.edit-btn{font-size:.85rem;padding:6px 10px}}.form-field select,.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;color:#333!important;padding-right:2.5rem}.form-field select option{background-color:#fff!important;color:#333!important}.form-field select:active,.form-field select:focus{color:#333!important}.features-list{gap:8px}.feature-item{align-items:center;background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.feature-name{color:#333;flex:1 1;font-weight:500}.password-icon{color:#f57c00;font-size:.9rem}.feature-date{color:#666;font-size:.8rem}.feature-actions{align-items:center;display:flex;gap:4px}.add-feature-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.add-feature-btn:hover{background:#218838;transform:translateY(-1px)}.action-buttons{align-items:flex-start;gap:8px}.feature-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;padding:4px 12px}.feature-badge.cash-orders{background:#28a745}.feature-badge.multi-location{background:#667eea}.feature-badge.advanced-reports{background:#fd7e14}.feature-badge.system-admin{background:#dc3545}.feature-badge.default{background:#6c757d}.printer-configuration{max-width:100%;padding:0}.printer-config-header{margin-bottom:2rem}.printer-config-header h3{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:.5rem}.config-description{color:var(--text-secondary);margin:0}.printing-strategy{margin-bottom:2rem;padding:1.5rem}.strategy-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.strategy-header svg{color:var(--primary-color);font-size:1.25rem;margin-top:.25rem}.strategy-header h4{color:var(--text-primary);margin:0 0 .25rem}.strategy-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.strategy-details{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding-top:1rem}.printer-count-info{align-items:center;display:flex;gap:.5rem}.count-badge{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.printer-discovery{margin-bottom:2rem;padding:1.5rem}.printer-discovery h4{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:.5rem}.connection-types{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.connection-btn{border:2px solid #0000;border-radius:1rem;text-decoration:none}.connection-btn.bluetooth{border-color:#007bff}.connection-btn.bluetooth:hover{background:#007bff1a;box-shadow:0 0 20px #007bff4d}.connection-btn.usb{border-color:#28a745}.connection-btn.usb:hover{background:#28a7451a;box-shadow:0 0 20px #28a7454d}.connection-btn.ip{border-color:#ffc107}.connection-btn.ip:hover{background:#ffc1071a;box-shadow:0 0 20px #ffc1074d}.connection-btn.parallel{border-color:#6f42c1}.connection-btn.parallel:hover{background:#6f42c11a;box-shadow:0 0 20px #6f42c14d}.connection-btn.wifi-direct{border-color:#fd7e14}.connection-btn.wifi-direct:hover{background:#fd7e141a;box-shadow:0 0 20px #fd7e144d}.connection-btn.usb-c{border-color:#20c997}.connection-btn.usb-c:hover{background:#20c9971a;box-shadow:0 0 20px #20c9974d}.connection-btn.rs485{border-color:#e83e8c}.connection-btn.rs485:hover{background:#e83e8c1a;box-shadow:0 0 20px #e83e8c4d}.connection-btn.serial{border-color:#6c757d}.connection-btn.serial:hover{background:#6c757d1a;box-shadow:0 0 20px #6c757d4d}.connection-btn span{margin-bottom:.25rem}.configured-printers{margin-bottom:2rem;padding:1.5rem}.configured-printers h4{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:1rem}.no-printers{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:2rem;text-align:center}.no-printers svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.printers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.printer-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1rem;transition:all .3s ease}.printer-card:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 5px 20px #0003}.printer-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.printer-info{align-items:center}.connection-indicator{font-size:1.5rem}.printer-info h5{color:var(--text-primary);margin:0 0 .25rem}.printer-info small{color:var(--text-secondary);font-size:.8rem}.printer-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--text-primary);padding:.5rem}.action-btn:hover{background:#fff3;transform:scale(1.05)}.action-btn.test{color:#28a745}.action-btn.edit{color:#007bff}.action-btn.delete{color:#dc3545}.printer-details{margin-bottom:1rem}.printer-details p{color:var(--text-secondary);margin:.25rem 0}.fallback-option{border-top:1px solid #ffffff1a;padding-top:1rem}.fallback-option label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.fallback-option input[type=radio]{accent-color:var(--primary-color)}.area-assignments{margin-bottom:2rem;padding:1.5rem}.area-assignments h4{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:.5rem}.assignments-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.assignment-row{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.assignment-row:hover{background:#ffffff14}.area-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.area-info svg{color:var(--primary-color);font-size:1.25rem}.area-name{color:var(--text-primary);font-weight:600}.area-info small{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.printer-select{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--text-primary);min-width:200px;padding:.5rem 1rem}.printer-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.modal-overlay.printer-discovery-overlay{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000000d9!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:auto!important;padding:20px!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:2147483647!important}.discovery-modal{background:#1e293bfa!important;border:1px solid #fff3;border-radius:1rem;box-shadow:0 25px 50px #000000b3;box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;max-height:calc(100vh - 40px)!important;max-width:min(800px,95vw)!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem!important;position:relative!important;transform:translateZ(0)!important;width:100%!important}.discovery-content{box-sizing:border-box!important;height:100%;overflow:hidden!important;width:100%}.modal-content{background:#fffffffa!important;border-radius:12px!important;box-sizing:border-box!important;margin-top:1rem!important;max-width:100%!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow:visible!important;padding:1.5rem!important;width:100%!important}.discovery-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.discovery-header h3{font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.close-discovery-btn,.discovery-header h3{align-items:center;color:#fff;display:flex}.close-discovery-btn{background:#ffffff1a;border:none;border-radius:.5rem;cursor:pointer;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.close-discovery-btn:hover{background:#fff3;transform:scale(1.1)}.no-discovery{align-items:center;color:#495057!important;display:flex;flex-direction:column;padding:3rem 2rem;text-align:center}.no-discovery svg{color:#6c757d!important;font-size:3.5rem;margin-bottom:1.5rem}.no-discovery p{color:#495057!important;font-size:1.1rem;font-weight:500;line-height:1.5;max-width:400px}.discovered-printers{flex-direction:column;gap:1rem;max-height:calc(60vh - 120px);overflow-x:hidden!important;overflow-y:auto;padding-right:.5rem}.discovered-printer-card,.discovered-printers{box-sizing:border-box!important;display:flex;width:100%!important}.discovered-printer-card{align-items:stretch!important;background:#fff!important;border:2px solid #e1e1e1!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-direction:column!important;gap:1rem!important;margin-bottom:1rem!important;max-width:100%!important;min-height:200px!important;overflow:visible!important;padding:1.5rem!important;transition:all .3s ease}.discovered-printer-card:hover{background:#f8f9fa!important;border-color:#007bff!important;box-shadow:0 4px 15px #007bff33!important;transform:translateY(-2px)}.printer-info{flex:1 1;flex-direction:column;margin-bottom:1rem!important;min-height:120px!important}.printer-info,.printer-name{display:flex;gap:.75rem;width:100%!important}.printer-name{align-items:flex-start!important;flex-wrap:wrap!important;margin-bottom:.75rem!important;max-width:100%!important;min-width:0!important;overflow:visible!important}.printer-name svg{color:#333!important;flex-shrink:0!important;font-size:1.4rem}.printer-name span{color:#212529!important;display:block!important;font-size:1.1rem!important;font-weight:600;line-break:anywhere!important;max-width:100%!important;overflow-wrap:break-word!important;width:100%!important;word-break:break-word!important}.printer-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem!important;min-height:-webkit-fit-content!important;min-height:fit-content!important}.printer-details small{color:#495057!important;display:block!important;font-size:.85rem;font-weight:500;line-height:1.5!important;margin-bottom:.25rem!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.add-printer-btn{align-items:center;background:#007bff;border:none;border-radius:8px!important;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem!important;font-weight:600;gap:.5rem;justify-content:center!important;margin-top:.5rem!important;padding:.875rem 1.5rem!important;transition:all .3s ease;white-space:nowrap;width:100%!important}.add-printer-btn:hover{background:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.add-printer-btn svg{font-size:1rem}.printer-instructions{padding:1.5rem}.printer-instructions h4{color:var(--text-primary);margin-bottom:1rem}.printer-instructions ul{list-style:none;margin:0;padding:0}.printer-instructions li{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);line-height:1.5;padding:.75rem 0}.printer-instructions li:last-child{border-bottom:none}.printer-instructions strong{color:var(--text-primary)}@media (max-width:900px){.discovery-modal{padding:1rem!important}.discovered-printer-card{padding:1.25rem!important}}@media (max-width:768px){.connection-types,.printers-grid{grid-template-columns:1fr}.assignment-row{align-items:flex-start;flex-direction:column;gap:1rem}.printer-select{width:100%}.discovery-modal{margin:0!important;max-height:calc(100vh - 20px)!important;max-width:calc(100vw - 20px)!important;padding:1rem!important;width:calc(100vw - 20px)!important}.discovered-printers{max-height:calc(55vh - 80px)!important}.discovered-printer-card{min-height:180px!important}.modal-overlay.printer-discovery-overlay{padding:10px!important}.discovered-printer-card{padding:1rem!important}.add-printer-btn{padding:.875rem 1rem!important}.add-printer-btn,.printer-name span{font-size:.9rem!important}.connection-badge{font-size:.6rem!important;margin-left:0!important;margin-top:.25rem!important;padding:.2rem .4rem!important}.connection-types-simple{gap:.75rem;grid-template-columns:1fr}.scan-all-btn{font-size:1rem;padding:1rem}.diagnostic-btn{font-size:.9rem;padding:.75rem}}.config-section label input[type=checkbox]{accent-color:var(--primary-color);margin-right:.5rem}.config-section select{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.config-section select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.modal-actions{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.modal-actions .action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions .action-btn.save{background:var(--primary-color);color:#fff}.modal-actions .action-btn.save:hover{background:var(--primary-color-dark);transform:scale(1.05)}.modal-actions .action-btn.cancel{background:#ffffff1a;border:1px solid #fff3;color:var(--text-secondary)}.modal-actions .action-btn.cancel:hover{background:#fff3;color:var(--text-primary)}@media (prefers-color-scheme:dark){.printer-card{background:#ffffff05}.printer-card:hover{background:#ffffff0d}.connection-btn{background:#ffffff05}.connection-btn:hover{background:#ffffff0d}}.scan-all-section{margin-bottom:1rem}.scan-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;font-size:1.1rem;justify-content:center;padding:1.25rem}.scan-all-btn:hover:not(:disabled){box-shadow:0 12px 30px #667eea66;transform:translateY(-3px)}.scan-all-btn:disabled{opacity:.6}.scan-all-btn span{flex-direction:column;gap:.25rem}.scan-all-btn svg{font-size:1.5rem}.scan-enhanced-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:.5rem;margin-top:.75rem;overflow:hidden;padding:.875rem;position:relative;transition:all .3s ease;width:100%}.scan-enhanced-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);border-color:#667eea99;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.scan-enhanced-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.scan-enhanced-btn span{font-size:1rem;font-weight:600;margin-bottom:.125rem}.scan-enhanced-btn small{font-size:.8rem;font-weight:400;opacity:.9;text-align:center}.scan-enhanced-btn svg{font-size:1.25rem;margin-bottom:.25rem}.diagnostic-section{margin-bottom:1.5rem}.diagnostic-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid #f093fb4d;font-size:.95rem;font-weight:600;justify-content:center;overflow:hidden;padding:.875rem;position:relative}.diagnostic-btn:hover:not(:disabled){border-color:#f093fb99;box-shadow:0 8px 25px #f093fb66;transform:translateY(-2px)}.diagnostic-btn:disabled{opacity:.6}.diagnostic-btn span{align-items:center;display:flex;flex-direction:column;gap:.25rem}.diagnostic-btn small{font-weight:400;opacity:.9}.diagnostic-btn svg{animation:pulse 2s infinite;font-size:1.2rem}.connection-types-simple{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.connection-types-simple .connection-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.connection-types-simple .connection-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--primary-color);box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.connection-types-simple .connection-btn:disabled{cursor:not-allowed;opacity:.6}.connection-types-simple .connection-btn svg{color:var(--primary-color);font-size:1.5rem}.connection-types-simple .connection-btn span{font-size:.9rem;font-weight:600}.connection-types-simple .connection-btn small{font-size:.75rem;opacity:.8;text-align:center}.divider{align-items:center;display:flex;justify-content:center;margin:2rem 0 1.5rem}.divider:after,.divider:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";flex:1 1;height:1px}.divider span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:0 1.5rem}.connection-badge{border-radius:12px;flex-shrink:0!important;font-size:.65rem!important;font-weight:700;letter-spacing:.5px;margin-left:.5rem!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap!important}.connection-badge.bluetooth{background:#e3f2fd;border:1px solid #1976d2;color:#1976d2}.connection-badge.usb{background:#e8f5e8;border:1px solid #2e7d32;color:#2e7d32}.connection-badge.ip{background:#fff3e0;border:1px solid #f57c00;color:#f57c00}.connection-badge.parallel{background:#6f42c133;border:1px solid #6f42c14d;color:#6f42c1}.connection-badge.wifi_direct{background:#fd7e1433;border:1px solid #fd7e144d;color:#fd7e14}.connection-badge.usb_c{background:#20c99733;border:1px solid #20c9974d;color:#20c997}.additional-scan-options{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.additional-scan-options h4{color:var(--accent-color);font-size:1rem;margin-bottom:.75rem}.additional-scan-options p{color:var(--text-secondary);margin-bottom:1rem}.scan-option-btn{align-items:flex-start;background:rgba(var(--accent-color-rgb),.1);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;margin-bottom:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.scan-option-btn:last-child{margin-bottom:0}.scan-option-btn:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.15);border-color:rgba(var(--accent-color-rgb),.3);transform:translateY(-1px)}.scan-option-btn:disabled{cursor:not-allowed;opacity:.6}.scan-option-btn svg{color:var(--accent-color);margin-right:.5rem}.scan-option-btn small{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin-top:.25rem}.discovery-summary{background:#20c9971a;border:1px solid #20c99733;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.discovery-summary h4{color:#20c997;font-size:1.1rem;margin:0 0 .75rem}.ip-summary{display:flex;flex-wrap:wrap;gap:.5rem}.ip-tag{background:#20c99733;border:1px solid #20c9974d;border-radius:.25rem;color:#20c997;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:500;padding:.25rem .6rem}.printer-input{background:#ffffff0d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.printer-input:focus{background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.printer-input::placeholder{color:var(--text-secondary)}.connection-types-simple{grid-gap:1rem;gap:1rem;margin-top:1rem}.connection-btn{background:#ffffff0d;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);gap:.5rem;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.connection-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.connection-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.connection-btn svg{font-size:2rem;margin-bottom:.5rem}.connection-btn.usb svg{color:#28a745}.connection-btn.bluetooth svg{color:#007bff}.connection-btn span{font-size:1rem}.connection-btn small{color:var(--text-secondary);font-size:.8rem;text-align:center}.printer-info-section{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1rem}.printer-info-section h4{align-items:center;color:var(--primary-color);display:flex;font-size:.95rem;gap:.5rem;margin:0 0 .75rem}.printer-info-section p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.printer-info-section strong{color:var(--text-primary)}.connection-test-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem}.connection-test-indicator.passed{background:#28a74533;color:#28a745}.connection-test-indicator.failed{background:#dc354533;color:#dc3545}.discovery-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{background:rgba(var(--primary-rgb),.1);border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-primary);gap:.5rem}.close-btn,.close-modal-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-btn:hover,.close-modal-btn:hover{background:#ffffff1a;color:var(--text-primary)}.config-section{margin-bottom:1.5rem}.config-section label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.config-section small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.config-section input[type=checkbox]{margin-right:.5rem;transform:scale(1.1)}.action-btn{display:inline-flex;padding:.75rem 1.5rem}.action-btn.save{background:var(--primary-color);color:#fff}.action-btn.save:hover{background:var(--primary-dark);transform:translateY(-1px)}.action-btn.cancel{background:#6c757d1a;border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.cancel:hover{background:#6c757d33;color:var(--text-primary)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.printer-details{margin:1rem 0}.printer-details p{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem 0}.printer-details svg{color:var(--primary-color);font-size:1rem}.scan-all-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));font-size:1rem;gap:.75rem;padding:2rem 1.5rem}.scan-all-btn:hover{box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.scan-all-btn:disabled{opacity:.7}.scan-all-btn span{font-size:1.1rem;font-weight:700}.scan-all-btn small{font-size:.85rem}.diagnostic-btn{align-items:center;background:#ffc1071a;border:2px solid #ffc1074d;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;transition:all .3s ease;width:100%}.diagnostic-btn:hover{background:#ffc10733;border-color:#ffc10780}.diagnostic-btn:disabled{opacity:.5}.diagnostic-btn span{font-weight:600}.diagnostic-btn small{color:var(--text-secondary);font-size:.8rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;display:inline-block;height:1rem;width:1rem}@media (max-width:768px){.connection-types-simple{gap:.75rem;grid-template-columns:1fr}.connection-btn{padding:1.25rem 1rem}.discovery-modal{margin:1rem;width:95%}.modal-header{padding:1rem}.scan-all-btn{padding:1.5rem 1rem}}.printer-configuration{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.discovery-loading{animation:pulse 2s infinite;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin-top:15px;padding:12px 20px;text-align:center}.discovery-loading span{color:#1565c0;font-size:14px;font-weight:500}.printer-error-display{align-items:flex-start;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;border-radius:12px;box-shadow:0 4px 12px #f4433626;display:flex;gap:15px;margin-top:20px;padding:20px}.printer-error-display svg{color:#d32f2f;flex-shrink:0;font-size:24px;margin-top:2px}.error-content{flex:1 1}.error-content h4{color:#b71c1c;font-size:16px;font-weight:600;margin:0 0 10px}.error-message{font-size:14px;line-height:1.5;margin-bottom:15px;white-space:pre-line}.error-actions{display:flex;flex-wrap:wrap;gap:10px}.diagnostic-btn,.retry-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s ease}.retry-btn{background:#4caf50}.retry-btn:hover{background:#45a049;transform:translateY(-1px)}.diagnostic-btn{background:#ff9800;color:#fff}.diagnostic-btn:hover{background:#f57c00;transform:translateY(-1px)}.diagnostic-btn:disabled{background:#bdbdbd;cursor:not-allowed;transform:none}.usb-help-section{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 12px #4caf5026;margin-top:25px;padding:20px}.usb-help-section h5{color:#2e7d32;font-size:15px;font-weight:600;margin:0 0 15px}.help-steps{display:flex;flex-direction:column;gap:8px}.help-step{background:#ffffffb3;border-left:4px solid #4caf50;border-radius:8px;color:#388e3c;font-size:14px;line-height:1.4;padding:8px 12px}.help-step strong{color:#1b5e20;margin-right:8px}.scan-all-btn{align-items:center;background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:12px;box-shadow:0 6px 20px #1976d24d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:100%}.scan-all-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.scan-all-btn:hover:before{left:100%}.scan-all-btn:hover{box-shadow:0 8px 25px #1976d266;transform:translateY(-2px)}.scan-all-btn:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;transform:none}.scan-all-btn span{align-items:center;display:flex;font-size:18px;gap:8px}.scan-all-btn small{font-size:13px;font-weight:400;opacity:.9}.connection-types-simple{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px}.connection-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px;text-align:center;transition:all .2s ease}.connection-btn:hover{border-color:#2196f3;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.connection-btn.usb{border-color:#4caf50}.connection-btn.usb:hover{background:#f1f8e9;border-color:#388e3c}.connection-btn.bluetooth{border-color:#2196f3}.connection-btn.bluetooth:hover{background:#e3f2fd;border-color:#1976d2}.connection-btn svg{color:#666;font-size:24px}.connection-btn.usb svg{color:#4caf50}.connection-btn.bluetooth svg{color:#2196f3}.connection-btn span{color:#333;font-weight:600}.connection-btn small{color:#666;font-size:12px;line-height:1.3}.divider{margin:25px 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:13px;padding:0 15px;position:relative}.printer-configuration[lang=es] .scan-all-btn span{letter-spacing:.5px}.printer-configuration[lang=es] .help-step{text-align:left}@media (max-width:768px){.connection-types-simple{grid-template-columns:1fr}.error-actions{flex-direction:column}.diagnostic-btn,.retry-btn{justify-content:center;width:100%}.scan-all-btn{padding:16px}.scan-all-btn span{font-size:16px}}.discovery-success{animation:slideIn .3s ease;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #4caf50;border-radius:12px;color:#2e7d32;font-weight:500;margin-top:15px;padding:15px 20px;text-align:center}@media (prefers-color-scheme:dark){.usb-help-section{background:linear-gradient(135deg,#2e5d2e,#1b5e1b);border-color:#4caf50}.help-step{background:#ffffff1a;color:#a5d6a7}.printer-error-display{background:linear-gradient(135deg,#5d2e2e,#5e1b1b)}}.business-onboarding-container{align-items:center;background:linear-gradient(135deg,#4ecdc4,#556270);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.business-onboarding-container:after,.business-onboarding-container:before{animation:float 20s linear infinite;background:#ffffff1a;border-radius:50%;content:"";height:600px;position:absolute;width:600px}.business-onboarding-container:before{left:-300px;top:-300px}.business-onboarding-container:after{animation-delay:-10s;bottom:-300px;right:-300px}@keyframes float{0%{transform:rotate(0deg) translate(0)}50%{transform:rotate(180deg) translate(100px,100px)}to{transform:rotate(1turn) translate(0)}}.business-onboarding-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;max-width:800px;padding:2.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.business-onboarding-card:hover{box-shadow:0 12px 48px #0003;transform:translateY(-5px)}.onboarding-progress{display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:0 2rem;position:relative}.onboarding-progress:before{background:#fff3;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.progress-step{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff9;display:flex;font-weight:700;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:2}.progress-step.active{background:#fff3;border-color:#fffc;color:#fff}.progress-step.active~.progress-step{cursor:pointer}.onboarding-step{animation:fadeIn .5s ease}.onboarding-step h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem}.onboarding-step p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.onboarding-welcome{padding:3rem 0;text-align:center}.welcome-icon{color:#fff;font-size:4rem;margin-bottom:1.5rem;opacity:.9}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;padding:12px 16px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#fff6}.form-row{gap:1rem}.form-row .form-group{flex:1 1;margin-bottom:0}.password-input{position:relative}.toggle-password{background:none;border:none;color:#757575;cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.image-upload{margin-top:.5rem}.image-upload input[type=file]{background:#ffffff1a;border:2px dashed #fff3;border-radius:12px;color:#fff;cursor:pointer;padding:2rem;transition:all .3s ease;width:100%}.image-upload input[type=file]:hover{background:#ffffff26;border-color:#ffffff4d}.image-preview{background:#ffffff1a;border-radius:12px;margin-top:1rem;max-width:200px;overflow:hidden;padding:.5rem}.image-preview.cover{height:200px;max-width:100%}.image-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.onboarding-nav{display:flex;justify-content:space-between;margin-top:2rem}.onboarding-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s}.onboarding-button:hover{background-color:#333}.onboarding-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.onboarding-button.secondary{background-color:initial;border:1px solid #000;color:#000}.onboarding-button.secondary:hover{background-color:#0000001a}.onboarding-summary{background:#ffffff1a;margin-bottom:1.5rem;padding:1.5rem}.summary-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.summary-item:last-child{margin-bottom:0}.summary-icon{color:#4ecdc4;flex-shrink:0;font-size:1.5rem;margin-right:1rem}.summary-content h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.summary-content p{color:#fffc;font-size:.95rem;margin:0 0 .25rem}@media (max-width:768px){.business-onboarding-container{padding:1rem}.business-onboarding-card{padding:1.5rem}.form-row,.onboarding-nav{flex-direction:column}.onboarding-nav{gap:1rem}.onboarding-button{width:100%}}.form-help-text{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:.5rem}.google-maps-loading{background-color:#f5f5f5;border:1px dashed #ddd;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.error-message{background-color:#d32f2f1a;color:#d32f2f;padding:.5rem}.place-search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.place-search-input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.business-auth-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.business-auth-loading .icon-spin{font-size:2rem;margin-bottom:1rem}.business-auth-footer{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.business-auth-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:14px 28px;transition:all .3s ease}.business-auth-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.business-auth-button:disabled{cursor:not-allowed;opacity:.7}.business-auth-button.secondary{background:#0000;border:1px solid #ffffff4d}.business-auth-button.secondary:hover:not(:disabled){background:#ffffff1a}.subscription-container{background:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.subscription-header{color:#333;margin-bottom:2rem;text-align:center}.subscription-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subscription-header p{color:#555;font-size:1.1rem;opacity:.9}.pricing-table-container{background:#fff;border:1px solid #0000001a;border-radius:20px;box-shadow:0 8px 32px #0000000d;margin:0 auto;max-width:1200px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.pricing-table-container:hover{box-shadow:0 12px 48px #0000001a;transform:translateY(-5px)}stripe-pricing-table{--primary-button-background-color:#4ecdc4;--primary-button-text-color:#fff;--primary-text-color:#333;--body-text-color:#555;--cell-border-color:#0000001a;--header-color:#333;--pricing-table-border-radius:16px;--cell-background-color:#fff;--pricing-table-spacing:2rem;width:100%}::part(stripe-pricing-table-table){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important}::part(stripe-pricing-table-header),::part(stripe-pricing-table-price),::part(stripe-pricing-table-price-container),::part(stripe-pricing-table-section){width:100%!important}.subscription-footer{display:flex;justify-content:space-between;margin-top:2rem;padding:0 2rem}.back-button,.skip-button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.back-button{background:#f5f5f5;border:1px solid #0000001a;color:#333}.back-button:hover{background:#eee}.skip-button{background:#4ecdc4;border:none;color:#fff}.skip-button:hover{background:#3db9b0;transform:translateY(-2px)}.subscription-loading{align-items:center;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.subscription-loading .icon-spin{animation:spin 1s linear infinite;color:#4ecdc4;font-size:2rem;margin-bottom:1rem}@media (max-width:768px){.pricing-table-container,.subscription-container{padding:1rem}.subscription-footer{flex-direction:column;gap:1rem;padding:0}.back-button,.skip-button{width:100%}}.lite-plan-display,.master-plan-display,.pro-plan-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px;width:100%}.plan-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;padding:2rem;position:relative}.plan-badge{gap:1rem;justify-content:center}.plan-name{color:#1e293b}.included-badge{background:linear-gradient(45deg,#10b981,#059669);font-size:.875rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.plan-pricing .price{color:#1e293b;font-size:3rem;font-weight:800;margin-right:.5rem}.plan-pricing .period{color:#64748b;font-size:1.25rem;font-weight:500}.plan-description{color:#64748b;font-size:1.125rem;font-weight:500}.plan-tagline{color:#3b82f6;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 auto;max-width:600px}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.feature-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.feature-header{gap:1rem;padding:1.5rem;transition:background-color .2s ease}.feature-header:hover{background:#f8fafc}.feature-icon{color:#3b82f6;min-width:1.5rem}.feature-content{flex-grow:1}.feature-content h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-content p{color:#64748b;line-height:1.5}.expand-icon{color:#94a3b8;font-size:1.25rem;transition:transform .2s ease}.feature-section:hover .expand-icon{color:#3b82f6}.feature-details{background:#f8fafc;border-top:1px solid #e2e8f0;padding:0 1.5rem 1.5rem}.feature-details ul{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 0}.feature-details li{align-items:flex-start;background:#fff;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;font-size:.95rem;gap:.75rem;line-height:1.5;padding:.75rem}.check-icon{font-size:.875rem;margin-top:.125rem;min-width:.875rem}.lite-plan-display .plan-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.lite-plan-display .feature-icon,.lite-plan-display .plan-pricing .price,.lite-plan-display .plan-tagline{color:#475569}.lite-plan-display .feature-details li{background:#4755690d;border-left-color:#475569}.pro-plan-display .included-note{background:#3b82f61a;border-left:4px solid #3b82f6}.master-plan-display .pro-features-included,.pro-plan-display .included-note{border-radius:10px;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.lite-plan-display,.master-plan-display,.pro-plan-display{padding:1rem}.plan-header{padding:1.5rem}.plan-pricing .price{font-size:2.5rem!important}.plan-name{font-size:1.25rem}.feature-header{padding:1rem}.feature-details{padding:0 1rem 1rem}.feature-details li{font-size:.9rem;padding:.5rem}.feature-content h3{font-size:1.1rem}.feature-content p{font-size:.9rem}}@media (max-width:480px){.plan-header{padding:1rem}.plan-pricing .price{font-size:2rem!important}.plan-tagline{font-size:1.1rem}.feature-header{gap:.75rem;padding:.875rem}.feature-icon{font-size:1.25rem!important}.feature-content h3{font-size:1rem}.feature-content p{font-size:.85rem}}@keyframes expandSection{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feature-details{animation:expandSection .3s ease-out}.feature-header:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.expand-icon,.feature-details,.feature-header,.feature-section{transition:none!important}.feature-details{animation:none!important}}.module-marketplace{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;padding:2rem}.marketplace-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;margin-bottom:1rem}.marketplace-header p{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.module-card{border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;flex-direction:column;padding:2rem}.module-card:hover{box-shadow:0 12px 32px #00000026}.module-card.included{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.module-card.included:before{background:linear-gradient(90deg,#10b981,#059669)}.module-card.included:before,.module-card.purchased:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.module-card.purchased:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.module-card.available:hover{border-color:#8b5cf6}.module-header{gap:1.5rem;margin-bottom:1.5rem}.module-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:1.75rem;height:60px;width:60px}.module-card.included .module-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.module-card.purchased .module-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.module-info{flex-grow:1}.module-info h3{color:#1e293b;font-size:1.5rem}.module-description{color:#64748b;font-size:1rem;line-height:1.5}.status-badge{font-size:.875rem}.status-badge.included{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.status-badge.purchased{background:linear-gradient(45deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d}.module-pricing{align-items:baseline;display:flex;gap:.25rem}.module-pricing .price{color:#1e293b;font-weight:800}.module-pricing .billing{color:#64748b;font-weight:500}.module-tagline{background:#f8fafc;border-left:4px solid #3b82f6;font-size:1rem;line-height:1.6}.module-tagline,.upgrade-suggestion{border-radius:12px;margin-bottom:1.5rem}.upgrade-suggestion{background:linear-gradient(135deg,#fef3c7,#fde68a);gap:.75rem;padding:1rem}.upgrade-suggestion svg{color:#f59e0b;flex-shrink:0;font-size:1.25rem}.upgrade-suggestion span{color:#92400e;font-size:.95rem;font-weight:500;line-height:1.4}.features-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s ease}.features-toggle:hover{background:#e2e8f0;border-color:#cbd5e1}.features-toggle span:first-child{color:#475569;font-size:.95rem;font-weight:600}.toggle-icon{color:#64748b;font-size:.875rem;font-weight:700;transition:transform .2s ease}.module-features{animation:expandFeatures .3s ease-out;margin-bottom:1.5rem}@keyframes expandFeatures{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.module-features ul{display:flex;flex-direction:column;gap:.75rem}.module-features li{align-items:flex-start;background:#fff;border-left:3px solid #3b82f6;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#374151;font-size:.95rem;gap:.75rem;line-height:1.5;padding:.75rem}.module-card.included .module-features li{background:#10b9810d;border-left-color:#10b981}.module-card.purchased .module-features li{background:#3b82f60d;border-left-color:#3b82f6}.feature-check{flex-shrink:0;font-size:.875rem;margin-top:.125rem}.module-action{margin-top:auto}.action-btn{border-radius:16px;font-size:1.1rem;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase}.action-btn.purchase{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.action-btn.purchase:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 25px #8b5cf666}.action-btn.included{background:linear-gradient(135deg,#10b981,#059669);opacity:.8}.action-btn.manage{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.action-btn.manage:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 25px #3b82f666}@media (max-width:768px){.module-marketplace{padding:1rem}.marketplace-header h2{font-size:2rem}.marketplace-header p{font-size:1.1rem}.modules-grid{gap:1.5rem;grid-template-columns:1fr}.module-card{padding:1.5rem}.module-header{align-items:flex-start;flex-direction:column;gap:1rem}.module-status{align-self:flex-end}.module-icon{font-size:1.5rem;height:50px;width:50px}.module-info h3{font-size:1.25rem}.module-description{font-size:.95rem}}@media (max-width:480px){.module-card{padding:1rem}.module-header{gap:.75rem}.module-icon{font-size:1.25rem;height:45px;width:45px}.module-info h3{font-size:1.125rem}.module-pricing .price{font-size:1.25rem}.action-btn{font-size:1rem;padding:.875rem 1.5rem}.upgrade-suggestion{padding:.75rem}.upgrade-suggestion span{font-size:.875rem}}.action-btn:focus,.features-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.action-btn,.features-toggle,.module-card,.module-features{transition:none!important}.action-btn:hover,.module-card:hover{transform:none!important}.module-features{animation:none!important}}.tier-comparison{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;padding:2rem}.comparison-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;margin-bottom:1rem}.comparison-header p{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:600px}.tiers-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.tier-card{border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px #0000000d}.tier-card:hover{transform:translateY(-8px)}.tier-card.current{box-shadow:0 8px 32px #10b98133}.tier-card.current:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tier-card.popular{box-shadow:0 12px 32px #3b82f633;transform:scale(1.05)}.tier-card.popular:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.popular-badge{background:linear-gradient(45deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.enterprise-badge,.popular-badge{border-radius:20px;color:#fff;font-size:.875rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.5rem 1.5rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.enterprise-badge{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.enterprise-badge:before{content:"👑 ";margin-right:.25rem}.tier-header{border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem}.tier-icon{display:block}.tier-header h3{color:#1e293b;font-size:1.75rem}.tier-description{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.tier-pricing .price{color:#1e293b;font-size:2.5rem;font-weight:800;margin-right:.5rem}.tier-pricing .period{color:#64748b;font-weight:500}.feature-row{border-bottom:1px solid #f1f5f9}.feature-row:last-child{border-bottom:none}.feature-label{font-size:.95rem;font-weight:500}.feature-value{justify-content:center;min-width:2rem}.feature-included,.feature-not-included{font-size:1.25rem}.feature-limited,.feature-unlimited{font-size:.75rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.feature-value{color:#64748b;font-size:.875rem;font-weight:500}.tier-actions{margin-top:auto}.select-plan-btn{border-radius:16px;box-shadow:0 4px 12px #3b82f64d;font-size:1.1rem;padding:1rem 2rem}.select-plan-btn:hover{box-shadow:0 8px 25px #3b82f666}.current-plan-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 12px #10b9814d;font-size:1.1rem;padding:1rem 2rem}.comparison-footer{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;margin-top:2rem}.ai-tokens-note{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0}.ai-tokens-note strong{color:#1e293b}@media (max-width:1024px){.tiers-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tier-card.popular{transform:none}}@media (max-width:768px){.tier-comparison{padding:1rem}.comparison-header h2{font-size:2rem}.comparison-header p{font-size:1.1rem}.tiers-grid{gap:1.5rem;grid-template-columns:1fr}.tier-card{padding:1.5rem}.tier-icon{font-size:2.5rem}.tier-header h3{font-size:1.5rem}.tier-pricing .price{font-size:2rem}.feature-row{padding:.5rem 0}.feature-label{font-size:.9rem}}@media (max-width:480px){.tier-card{padding:1rem}.tier-icon{font-size:2rem}.tier-header h3{font-size:1.25rem}.tier-pricing .price{font-size:1.75rem}.current-plan-btn,.select-plan-btn{font-size:1rem;padding:.875rem 1.5rem}.feature-label{font-size:.85rem}.comparison-footer{padding:1.5rem}.ai-tokens-note{font-size:1rem}}.current-plan-btn:focus,.select-plan-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.select-plan-btn,.tier-card{transition:none!important}.select-plan-btn:hover,.tier-card:hover{transform:none!important}}.pricing-selector{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 1rem}.pricing-header{padding:2rem 0}.pricing-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;line-height:1.2}.pricing-header p{color:#64748b;font-size:1.25rem;line-height:1.6}.nav-tab{border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #0000000d;font-size:1rem;gap:.75rem;padding:1rem 1.5rem}.nav-tab:hover{box-shadow:0 8px 25px #3b82f626}.nav-tab.active{box-shadow:0 8px 25px #3b82f64d}.nav-tab-icon{color:#64748b}.nav-tab.active .nav-tab-icon{color:#fff}.nav-tab-content{align-items:flex-start}.nav-tab-description{font-size:.875rem;margin-top:.25rem}.plans-view{margin:0 auto;max-width:1200px}.plan-tab{border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #0000000d;min-width:250px;padding:1.5rem 2rem}.plan-tab:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.plan-tab.active{background:linear-gradient(135deg,var(--tab-color) 0,var(--tab-color)dd 100%);box-shadow:0 12px 32px #00000026}.plan-tab.popular:before{background:linear-gradient(90deg,#f59e0b,#f97316,#ef4444);height:4px}.plan-tab-icon{color:var(--tab-color);font-size:2rem}.plan-tab.active .plan-tab-icon{color:#fff}.plan-tab-content{flex-grow:1}.plan-tab-label{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.plan-tab-price{font-size:1rem;font-weight:500}.popular-indicator{background:linear-gradient(45deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b66;right:12px}.current-indicator,.popular-indicator{border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:-8px}.current-indicator{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;left:12px}.plan-content{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #0000001a;margin-top:2rem;padding:2rem}.pricing-content{margin:0 auto;max-width:1400px;min-height:400px}.pricing-footer{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;margin:4rem auto 0;max-width:1200px}.current-plan-summary h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.current-plan-info{gap:.25rem}.current-plan-modules{color:#64748b}.support-info p{color:#64748b;margin:0}.support-info a{transition:color .2s ease}.support-info a:hover{color:#1d4ed8}@media (max-width:768px){.pricing-selector{padding:1rem .5rem}.pricing-header h1{font-size:2rem}.pricing-header p{font-size:1.1rem}.pricing-navigation{align-items:center;flex-direction:column}.nav-tab{justify-content:center;min-width:280px}.plan-selector-tabs{align-items:center;flex-direction:column}.plan-tab{justify-content:center;min-width:280px}.plan-content{margin-top:1rem;padding:1.5rem}.pricing-footer{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width:480px){.pricing-header h1{font-size:1.75rem}.nav-tab{min-width:260px;padding:.875rem 1.25rem}.plan-tab{min-width:260px;padding:1.25rem 1.5rem}.plan-content{padding:1rem}}.pricing-content:empty{align-items:center;color:#64748b;display:flex;font-size:1.1rem;justify-content:center;min-height:400px}.pricing-content:empty:before{content:"Cargando contenido..."}.plan-content{animation:fadeInUp .4s ease-out}.nav-tab:focus,.plan-tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.pricing-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-header p{color:#6b7280;font-size:1.1rem;margin:0 auto;max-width:600px}.pricing-navigation{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.nav-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.nav-tab:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f61a;transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f633;color:#fff}.nav-tab-icon{font-size:1.5rem}.nav-tab-content{display:flex;flex-direction:column;text-align:left}.nav-tab-label{font-size:1.1rem;font-weight:600}.nav-tab-description{font-size:.9rem;opacity:.8}.plan-selector-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.plan-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;min-width:180px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.plan-tab:hover{border-color:var(--tab-color);box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.plan-tab.active{background:var(--tab-color);border-color:var(--tab-color);box-shadow:0 10px 25px #0003;color:#fff}.plan-tab.popular:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.plan-tab-icon{font-size:1.3rem}.plan-tab-content{display:flex;flex-direction:column;text-align:left}.plan-tab-label{font-size:1rem;font-weight:600}.plan-tab-price{font-size:.9rem;opacity:.8}.current-indicator,.popular-indicator{background:#fbbf24;border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:8px;top:8px}.current-indicator{background:#10b981}.lite-plan-display{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:20px;padding:2rem}.plan-header{margin-bottom:2rem;text-align:center}.plan-badge{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-name{color:#1f2937;font-size:1.5rem;font-weight:700}.included-badge{background:#1f2937;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.plan-pricing{margin-bottom:1rem}.price{color:#6b7280;font-size:2.5rem;font-weight:700}.period{color:#9ca3af;font-size:1.2rem}.plan-description{color:#6b7280;font-size:1.1rem;margin-bottom:.5rem}.plan-tagline{color:#374151;font-size:1rem;font-weight:500;margin-bottom:1rem}.plan-subtitle{color:#6b7280;font-size:.95rem;font-style:italic;margin-bottom:1.5rem}.feature-section{border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.feature-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:1rem 0;transition:background-color .2s}.feature-header:hover{background-color:#00000005}.feature-icon{color:#6b7280;font-size:1.5rem;margin-right:1rem;text-align:center;width:2rem}.feature-content{flex:1 1}.feature-content h3{color:#1f2937;font-size:1.1rem;margin:0 0 .25rem}.feature-content p{color:#6b7280;font-size:.95rem;margin:0}.expand-icon{color:#9ca3af;transition:transform .2s}.feature-details{animation:slideDown .3s ease;padding:0 3rem 1rem}.feature-details ul{list-style:none;margin:0;padding:0}.feature-details li{align-items:center;background:#10b9810d;border-radius:6px;display:flex;margin-bottom:.75rem;padding:.5rem}.check-icon{font-size:.9rem;margin-right:.75rem}.pro-plan-display{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:20px;overflow:hidden;padding:2rem;position:relative}.pro-plan-display:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8,#2563eb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.pro-plan-display .plan-pricing .price{color:#1d4ed8;font-size:2.5rem;font-weight:700}.pro-plan-display .plan-tagline{color:#1e40af;font-weight:600;margin-bottom:.5rem}.pro-plan-display .plan-subtitle{color:#6b7280;font-style:italic;margin-bottom:1.5rem}.pro-plan-display .feature-icon{color:#3b82f6;font-size:1.5rem}.lite-features-included,.pro-features-included{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:10px;margin-top:2rem;padding:1rem;text-align:center}.pro-plan-display .feature-details li{background:#3b82f60d;border-left:3px solid #3b82f6}.master-plan-display{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:20px;overflow:hidden;padding:2rem;position:relative}.master-plan-display:before{background:linear-gradient(90deg,#10b981,#059669,#047857);content:"";height:4px;left:0;position:absolute;right:0;top:0}.master-plan-display:after{background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:15px;color:#fff;content:"👑 ENTERPRISE";font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:15px;top:15px}.master-plan-display .plan-pricing .price{color:#047857;font-size:2.5rem;font-weight:700}.master-plan-display .plan-tagline{color:#065f46;font-weight:600;line-height:1.4;margin-bottom:.5rem}.master-plan-display .plan-subtitle{color:#6b7280;font-style:italic;margin-bottom:1.5rem}.master-plan-display .feature-icon{color:#10b981;font-size:1.5rem}.master-plan-display .pro-features-included{background:#10b9811a;border-left:4px solid #10b981}.master-plan-display .feature-details li{background:#10b9810d;border-left:3px solid #10b981}.module-marketplace{margin:0 auto;max-width:1200px}.marketplace-header{text-align:center}.marketplace-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.marketplace-header p{color:#6b7280;font-size:1.1rem}.modules-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.module-card{border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem}.module-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.module-card.included{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.module-card.purchased{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.module-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.module-icon{color:#6b7280;font-size:2rem;margin-top:.25rem}.module-info h3{color:#1f2937;font-size:1.3rem;margin-bottom:.5rem}.module-description{color:#6b7280;font-size:.95rem;margin:0}.module-status{text-align:right}.status-badge{font-size:.85rem;padding:.5rem 1rem}.status-badge.included{background:#10b981;color:#fff}.status-badge.purchased{background:#3b82f6;color:#fff}.module-pricing{text-align:right}.module-pricing .price{color:#1f2937;font-size:1.5rem;font-weight:700}.module-pricing .billing{color:#6b7280;font-size:1rem}.module-tagline{background:#00000005;border-left:3px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:1rem}.upgrade-suggestion{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;color:#92400e;font-size:.9rem;gap:.5rem}.features-toggle,.upgrade-suggestion{align-items:center;border-radius:8px;display:flex;margin-bottom:1rem;padding:.75rem}.features-toggle{background:#00000005;cursor:pointer;justify-content:space-between;transition:background-color .2s}.features-toggle:hover{background:#0000000d}.toggle-icon{color:#6b7280;font-size:.9rem}.module-features{animation:slideDown .3s ease;margin-bottom:1rem}.module-features ul{list-style:none;margin:0;padding:0}.module-features li{align-items:center;background:#3b82f60d;border-radius:6px;display:flex;font-size:.9rem;margin-bottom:.5rem;padding:.5rem}.feature-check{color:#10b981;font-size:.8rem;margin-right:.75rem}.module-action{margin-top:1.5rem}.action-btn{font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.action-btn.included{background:#10b981;color:#fff;cursor:not-allowed;opacity:.7}.action-btn.manage{background:#3b82f6;color:#fff}.action-btn.manage:hover{background:#1d4ed8;transform:translateY(-2px)}.action-btn.purchase{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.purchase:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.tier-comparison{margin:0 auto;max-width:1200px}.comparison-header{margin-bottom:3rem;text-align:center}.comparison-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.comparison-header p{color:#6b7280;font-size:1.1rem}.tiers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.tier-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.tier-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.tier-card.current{border-color:#10b981;box-shadow:0 20px 40px #10b98133}.tier-card.popular{border-color:#3b82f6;box-shadow:0 20px 40px #3b82f633}.enterprise-badge,.popular-badge{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border-radius:15px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:15px;top:15px}.enterprise-badge{background:linear-gradient(45deg,#fbbf24,#f59e0b)}.tier-header{margin-bottom:2rem;text-align:center}.tier-icon{font-size:3rem;margin-bottom:1rem}.tier-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.tier-description{color:#6b7280}.tier-description,.tier-pricing{margin-bottom:1rem}.tier-pricing .price{color:#1f2937;font-size:2rem;font-weight:700}.tier-pricing .period{color:#6b7280;font-size:1rem}.tier-features{margin-bottom:2rem}.feature-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.feature-label{color:#374151;font-size:.9rem}.feature-value{align-items:center;display:flex}.feature-included{color:#10b981;font-size:1.2rem}.feature-not-included{color:#ef4444;font-size:1.2rem}.feature-limited{background:#fbbf24}.feature-limited,.feature-unlimited{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.feature-unlimited{background:#10b981}.tier-actions{text-align:center}.current-plan-btn{background:#10b981;cursor:not-allowed;opacity:.7}.current-plan-btn,.select-plan-btn{border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:1rem;width:100%}.select-plan-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;transition:all .3s ease}.select-plan-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.comparison-footer{background:#00000005;border-radius:12px;padding:2rem;text-align:center}.ai-tokens-note{color:#6b7280;font-size:.9rem}.pricing-footer{grid-gap:2rem;background:#00000005;border-radius:12px;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:3rem;padding:2rem}.current-plan-summary h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.current-plan-info{display:flex;flex-direction:column;gap:.5rem}.current-plan-name{color:#3b82f6;font-size:1.1rem;font-weight:600}.current-plan-modules{color:#6b7280;font-size:.9rem}.support-info{text-align:right}.support-info p{color:#6b7280;font-size:.9rem}.support-info a{color:#3b82f6;font-weight:600;text-decoration:none}.support-info a:hover{text-decoration:underline}.pricing-content{animation:fadeIn .3s ease}@media (max-width:768px){.pricing-selector{padding:1rem}.pricing-header h1{font-size:2rem}.pricing-navigation{align-items:center;flex-direction:column}.nav-tab{min-width:280px}.plan-selector-tabs{align-items:center;flex-direction:column}.plan-tab{min-width:280px}.modules-grid,.pricing-footer,.tiers-grid{grid-template-columns:1fr}.pricing-footer,.support-info{text-align:center}.lite-plan-display,.master-plan-display,.pro-plan-display{padding:1.5rem}.feature-details{padding:0 1rem 1rem}.master-plan-display:after{display:none}}@media (max-width:480px){.pricing-header h1{font-size:1.8rem}.plan-pricing .price{font-size:2rem}.tier-pricing .price{font-size:1.8rem}.module-pricing .price{font-size:1.3rem}}:root{--glass-bg:#fff;--glass-border:#e0e0e0;--glass-shadow:0 8px 32px 0 #00000012;--text-primary:#111;--text-secondary:#333;--accent-glow:#000;--panel-bg:#fff;--highlight-color:#f5f5f5;--button-hover:#f5f5f5;--error-color:#d32f2f;--warning-color:#ffa000;--success-color:#388e3c;--cost-color:#333;--cost-bg:#fafafa;--blur-amount:0px}.recipe-management{animation:fadeIn .5s ease-out;backdrop-filter:blur(0);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(0);-webkit-backdrop-filter:blur(var(--blur-amount));background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px #0000000a;color:#111;font-family:Roboto,Segoe UI,sans-serif;letter-spacing:.3px;margin:0 auto;max-width:1200px;padding:2rem}.recipe-management h1{border-bottom:1px solid #e0e0e0;color:#111;font-weight:300;letter-spacing:3px;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center;text-transform:uppercase}.recipe-management h1:after{background:linear-gradient(90deg,#fff0,#000,#fff0);background:linear-gradient(90deg,#fff0,var(--accent-glow),#fff0);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.recipe-actions{margin-bottom:1rem}.recipes-grid,.variations-grid{margin-top:1rem}.add-recipe-btn{align-items:center;backdrop-filter:blur(0);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(0);-webkit-backdrop-filter:blur(var(--blur-amount));background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:none;color:#111;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:background .2s,color .2s}.add-recipe-btn:after{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-recipe-btn:hover{background:#f5f5f5;color:#111}.add-recipe-btn:hover:after{left:100%}.variations-btn{align-items:center;backdrop-filter:blur(0);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(0);-webkit-backdrop-filter:blur(var(--blur-amount));background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:none;color:#111;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:background .2s,color .2s}.variations-btn:after{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.variations-btn:hover{background:#f5f5f5;color:#111}.variations-btn:hover:after{left:100%}.recipe-form-container{animation:scaleIn .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 12px #0000000a;margin-bottom:2rem;max-width:800px;padding:1.5rem;position:relative;z-index:10}.recipe-form-container h2{color:#111;display:inline-block;font-size:1.5rem;font-weight:300;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.recipe-form-container h2:after{background:#e0e0e0;background:var(--glass-border);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.recipe-cost{animation:pulse 2s ease-in-out infinite;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;margin:1rem 0;padding:.75rem 1rem}.cost-label,.recipe-cost{align-items:center;display:flex}.cost-label{font-weight:500;gap:.5rem}.cost-icon,.cost-label{color:#333;color:var(--cost-color)}.cost-icon{animation:spin-slow 6s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cost-value{color:#333;color:var(--cost-color);font-size:1.2rem;font-weight:600;text-shadow:0 0 10px #673ab74d}.recipe-cost-banner{align-items:center;background:#673ab71a;border-bottom:1px solid #673ab733;display:flex;justify-content:space-between;padding:.75rem 1rem}.recipe-cost-banner .cost-item{align-items:center;background:none;display:flex;gap:.5rem;padding:0}.recipe-cost-banner .cost-icon{animation:spin-slow 6s linear infinite;color:#9575cd}.recipe-cost-banner span{color:#9575cd;font-weight:500}.recipe-form{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;width:100%}.form-group label{color:#111;color:var(--text-primary)}.form-group input,.form-group select{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:6px;color:#fff;padding:.7rem;transition:all .2s}.form-group input[type=text]{background-color:#282828b3;color:#111;color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-group select.has-value{border-color:#388e3c;border-color:var(--success-color);box-shadow:0 0 0 1px #4caf5033}.form-group textarea{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:6px;color:#fff;min-height:100px;padding:.7rem;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000;border-color:var(--accent-glow);box-shadow:0 0 0 3px #ffffff1a}.ingredients-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--glass-border);margin-top:1.5rem;overflow-x:hidden;padding-top:1.5rem;width:100%}.ingredients-section h3{color:#111!important;font-weight:300;letter-spacing:1px;margin-bottom:1rem}.ingredient-select-container{flex:2 1;min-width:200px;position:relative}.ingredient-select-container .ai-search-container{margin-bottom:.5rem;position:relative;width:100%}.ai-search-container{margin-bottom:.5rem;width:100%}.ai-search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;padding:.5rem}.ai-search-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.ai-search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.quantity-section{align-items:center;display:flex;flex-direction:column;min-width:100px}.quantity-input{border:1px solid #e0e0e0;border:1px solid var(--glass-border);color:#111;flex-shrink:0;min-width:100px!important;padding:.6rem;width:100px!important}.unit-input-group{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:80px;width:80px}.unit-label{background-color:#f5f5f5;border:1px solid #e0e0e0;border:1px solid var(--glass-border);min-width:40px;overflow:hidden;padding:.6rem;text-align:center;text-overflow:ellipsis;width:100%}.ingredient-cost,.unit-label{border-radius:4px;white-space:nowrap}.ingredient-cost{background:#fafafa;background:var(--cost-bg);border:1px solid #673ab733;color:#333;color:var(--cost-color);flex-shrink:0;font-weight:500;min-width:90px;padding:.4rem .75rem;text-align:right;width:90px}.remove-ingredient-btn{background:none;border-radius:50%;color:#999;flex-shrink:0;font-size:1.1rem;height:36px;min-width:36px;transition:all .2s ease;width:36px}.remove-ingredient-btn:hover{background-color:#d32f2f1a;color:#d32f2f;color:var(--error-color)}@media (max-width:768px){.ingredient-inputs{overflow-x:auto;padding-bottom:4px}.ingredient-select-container{min-width:180px}}.ingredient-row optgroup,.ingredient-row option,.ingredient-row select{color:#111!important}.add-ingredient-btn{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:4px;color:#111;display:flex;gap:8px;padding:.6rem 1rem;transition:all .2s ease}.add-ingredient-btn:hover{background-color:#f5f5f5}.form-actions{margin-top:1.5rem}.submit-btn{background:#fff!important;border:2px solid #111!important;box-shadow:none;color:#111!important;transition:box-shadow .2s,border-color .2s,color .2s}.submit-btn:hover{border-color:#000!important;box-shadow:0 2px 8px #00000014;color:#000!important}.delete-btn{background:#fff!important;border:2px solid #111!important;color:#111!important;font-weight:600;transition:border-color .2s,color .2s}.delete-btn:hover{background:#fff!important;border-color:#d32f2f!important;color:#d32f2f!important}.cancel-btn{background:#f5f5f5!important;border:1px solid #bbb!important;color:#111!important;transition:border-color .2s,color .2s}.cancel-btn:hover{background:#e0e0e0!important;border-color:#888!important;color:#111!important}.conversion-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.conversion-modal{animation:scaleIn .3s ease;background:linear-gradient(135deg,#1e1e1ef2,#3c3c3cf2);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:1.5rem;width:90%}.conversion-modal h3{color:#fff;font-weight:400;letter-spacing:1px;margin-bottom:1.5rem;margin-top:0;position:relative;text-align:center}.conversion-modal h3:after{background:#e0e0e0;background:var(--glass-border);bottom:-.5rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.conversion-result{gap:1rem;margin-bottom:1.5rem}.conversion-result,.conversion-value{align-items:center;display:flex;justify-content:center}.conversion-value{background:#ffffff0d;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:8px;gap:.5rem;min-width:100px;padding:1rem}.from-value,.to-value{color:#fff;font-size:1.2rem;font-weight:500}.conversion-unit{font-size:.9rem}.conversion-equals,.conversion-unit{color:#333;color:var(--text-secondary)}.conversion-equals{font-size:1.5rem;position:relative}.conversion-equals:before{background:#ffffff05;border-radius:50%;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:-1}.conversion-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.apply-conversion-btn{background:#388e3c;background:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.7rem 1.5rem;transition:all .2s}.apply-conversion-btn:hover{background:#4caf50e6;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.close-conversion-btn{background:#fff;background:var(--glass-bg);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:6px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:all .2s}.close-conversion-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.recipes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}@media (max-width:900px){.recipes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.recipes-grid{grid-template-columns:1fr}}.recipe-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 4px #00000008;overflow:hidden;transition:all .3s}.recipe-card:hover{box-shadow:0 6px 12px #0003,0 0 0 1px #ffffff26;transform:translateY(-3px)}.recipe-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1rem}.recipe-header h3{color:#111;font-size:1.1rem;font-weight:400;letter-spacing:.5px;margin:0}.recipe-actions{gap:.5rem}.delete-btn,.edit-btn{align-items:center;background:none;border:none;border-radius:4px;color:#2196f3cc;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:all .2s}.edit-btn{color:#2196f3cc}.edit-btn:hover{color:#2196f3;transform:scale(1.1)}.delete-btn{color:#f44336cc}.delete-btn:hover{color:#f44336;transform:scale(1.1)}.recipe-description{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--glass-border);color:#111!important;font-size:.95rem;line-height:1.5;padding:1rem}.recipe-ingredients{padding:1rem}.recipe-ingredients h4{color:#111!important;font-size:1rem;font-weight:400;margin-bottom:.75rem;margin-top:0}.recipe-ingredients ul{list-style-type:none;margin:0;padding:0}.recipe-ingredients li{border-bottom:1px dashed #e0e0e0;color:#111!important;font-size:.9rem;padding:.5rem 0;position:relative;transition:background-color .3s ease}.recipe-ingredients li:hover{background-color:#ffffff08;border-radius:4px}.ingredient-detail{align-items:center;color:#111!important;display:flex;justify-content:space-between}.ingredient-amount{color:#111!important;font-weight:500;min-width:90px}.ingredient-name{color:#111!important;flex:1 1;margin:0 .5rem}.ingredient-item-cost{background:#fafafa;background:var(--cost-bg);border-radius:4px;color:#333;color:var(--cost-color);font-size:.8rem;font-weight:500;margin-left:auto;padding:2px 6px}.recipe-ingredients li.unit-mismatch,.unit-note{color:#ffa000;color:var(--warning-color)}.unit-note{display:inline-block;font-size:.8rem;margin-left:.5rem}.loading{align-items:center;color:#fff;display:flex;font-size:1.1rem;height:200px;justify-content:center;position:relative}.loading:after{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:25px;margin-left:10px;width:25px}@media (max-width:768px){.recipe-management{border-radius:0;padding:1rem}.recipe-management h1{font-size:1.5rem}.ingredient-row{gap:.8rem;grid-template-columns:1fr;padding:.8rem}.unit-input-group{flex-direction:row;justify-content:space-between;width:100%}.unit-input-group select{max-width:90px!important;min-width:60px!important;width:80px!important}.remove-ingredient-btn{height:30px;position:absolute;right:10px;top:10px;width:30px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.recipes-grid{grid-template-columns:1fr}}.ingredient-row select option{background-color:#fff!important;color:#111!important;font-size:1rem;padding:8px}.ingredient-row select{background-color:#282828e6;border-radius:6px;color:#111!important;font-size:1rem;padding:8px 12px}.ingredient-row select:focus{border-color:#000;border-color:var(--accent-glow);box-shadow:0 0 0 3px #fff3;outline:none}.form-group select option,.ingredient-row select option{border-bottom:1px solid #ffffff1a;padding:10px;text-shadow:0 0 1px #00000080}.form-group select option:hover,.ingredient-row select option:hover{background-color:#673ab74d}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px!important}.form-group select,.ingredient-row select,.ingredient-select-container select{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>")!important;background-position:right 10px center!important;background-repeat:no-repeat!important}.ingredient-row select{background-color:#1e1e1ee6;border:1px solid #e0e0e0;border:1px solid var(--glass-border);color:#fff;font-weight:500;transition:all .2s}.form-group select option,.ingredient-row select option{background-color:#2a2a2a;color:#fff;font-size:16px;font-weight:400;line-height:2}@-moz-document url-prefix(){.ingredient-row select{-webkit-appearance:none!important;appearance:none!important;background-color:#1e1e1ee6;color:#fff;padding:8px 12px}.ingredient-row select option{background-color:#2a2a2a;color:#fff}}.modal-content .ingredient-select-container select{background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center!important}.recipe-tabs{border-bottom:1px solid #c8d2e633;margin-bottom:1.5rem;padding-bottom:.5rem}.recipe-management .tab-button{align-items:center;background:#fff!important;border:1px solid #e0e0e0;border-bottom:none;border-radius:8px 8px 0 0;bottom:-1px;color:#000!important;cursor:pointer;display:flex;font-size:1rem!important;font-weight:500!important;gap:.5rem;margin-right:.5rem;opacity:1!important;padding:.8rem 1.5rem;position:relative;transition:all .2s ease}.recipe-management .tab-button svg{color:#000!important;font-size:.9rem;opacity:1!important}.recipe-management .tab-button:hover{background:#f5f5f5!important;color:#000!important}.recipe-management .tab-button.active{background:#fafafa!important;border-bottom:none!important;color:#000!important;font-weight:600!important}.recipe-management .tab-button.active svg{color:#000!important}.recipe-management .tab-button.active:after{background:#007bff!important;bottom:-2px;content:"";height:2px;left:50%;opacity:1!important;position:absolute;transform:translateX(-50%);width:30px}@media (max-width:768px){.recipe-tabs{flex-wrap:wrap}.tab-button{font-size:.9rem;padding:.6rem 1rem}}.component-recipe{border-left:4px solid #ffb74d;box-shadow:0 4px 15px #ffb74d33,0 0 0 1px #ffffff1a}.recipe-type-badge{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffb74d33;border:1px solid #ffb74d4d;border-radius:4px;color:#ffb74d;display:inline-block;font-size:.8rem;margin:.5rem 0;padding:.3rem .6rem}.recipe-type-badge.combined{background:#9c27b033;border-color:#9c27b04d;color:#ce93d8}.recipe-type-toggle{align-items:center;display:flex;margin-bottom:1.5rem}.toggle-label{align-items:center;cursor:pointer;display:flex}.toggle-label input[type=checkbox]{margin-right:.5rem;width:auto}.toggle-text{color:#ffffffe6}.components-section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:1rem}.components-section h3{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1rem;margin-top:0}.help-text{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.selected-components{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.selected-component{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.component-name{color:#fff;flex-grow:1}.component-cost{color:#81c784;font-family:monospace;margin:0 .5rem}.no-components-selected{color:#ffffff80;font-style:italic;margin-bottom:1rem}.add-component-btn{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffb74d33;border:1px solid #ffb74d4d;border-radius:4px;color:#ffb74d;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.add-component-btn:hover{background:#ffb74d4d}.component-selector-modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 25px #0003;margin:0 auto;max-height:80vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:90%}.modal-header{border-bottom:1px solid #ffffff1a}.modal-header h3{color:#111;font-size:1.3rem;font-weight:500}.close-btn{color:#ffffffb3;line-height:1;padding:.2rem .5rem;transition:color .2s}.component-list{display:flex;flex-direction:column;gap:1rem}.component-option{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.component-option:hover{background:#0000004d;border-color:#fff3}.component-info{flex-grow:1}.component-info h4{color:#111;font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.component-info p{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.component-info .component-cost{color:#81c784;font-size:.9rem}.no-components{color:#ffffffb3;font-style:italic;padding:2rem 0;text-align:center}.complements-section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:1rem}.complements-section h3{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1rem;margin-top:0}.selected-complements{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.selected-complement{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.complement-name{color:#fff;flex-grow:1}.complement-quantity{align-items:center;display:flex;gap:.5rem;margin:0 1rem}.complement-quantity label{color:#ffffffb3;font-size:.9rem}.complement-quantity input{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;padding:.3rem;text-align:center;width:60px}.complement-cost{color:#81c784;font-family:monospace;margin:0 .5rem}.no-complements-selected{color:#ffffff80;font-style:italic;margin-bottom:1rem}.add-complement-btn{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#81c78433;border:1px solid #81c7844d;border-radius:4px;color:#81c784;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.add-complement-btn:hover{background:#81c7844d}.complement-selector-modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 25px #0003;margin:0 auto;max-height:80vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:90%}.complement-list{display:flex;flex-direction:column;gap:1rem}.complement-option{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.complement-option:hover{background:#0000004d;border-color:#fff3}.complement-info{flex-grow:1}.complement-info h4{color:#111;font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.complement-info p{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.complement-info .complement-cost{color:#81c784;display:flex;font-size:.9rem;gap:1rem}.no-complements{color:#ffffffb3;font-style:italic;padding:2rem 0;text-align:center}.remove-complement-btn,.remove-component-btn{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.2rem;transition:color .2s}.remove-complement-btn:hover,.remove-component-btn:hover{color:#f44336cc}.modal-backdrop{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.complement-option,.component-option{align-items:flex-start;flex-direction:column}.complement-info,.component-info{margin-bottom:1rem;width:100%}.selected-complement{flex-wrap:wrap;gap:.5rem}.complement-quantity{margin:.5rem 0;order:3;width:100%}}.recipe-card.combined{border-left:4px solid #ce93d8;box-shadow:0 4px 15px #9c27b033,0 0 0 1px #ffffff1a}.form-overlay{align-items:center;background:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:2vw;position:fixed;top:0;width:100vw;z-index:1000}.recipe-form-container.centered-form{background:#fff!important;box-sizing:border-box;color:#111;max-height:90vh;overflow-y:auto}.recipe-form-container.centered-form .add-ingredient-btn,.recipe-form-container.centered-form .cost-label,.recipe-form-container.centered-form .cost-value,.recipe-form-container.centered-form .form-actions,.recipe-form-container.centered-form .form-group,.recipe-form-container.centered-form h2,.recipe-form-container.centered-form input,.recipe-form-container.centered-form label,.recipe-form-container.centered-form textarea{color:#111!important}.recipe-form-container.centered-form input,.recipe-form-container.centered-form textarea{background:#fff;border:1px solid #e0e0e0;color:#111}.recipe-form-container.centered-form .cost-label,.recipe-form-container.centered-form .cost-value{color:#111!important}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:18px;top:18px;transition:background .2s,color .2s;width:36px;z-index:10}.close-form-btn:hover{background:#f5f5f5;color:#111}.quantity-value,.unit-input-group,.unit-input-group .unit-label,.unit-input-group input,.unit-input-group select{color:#111!important}.centered-form,.recipe-form-container{align-items:stretch;animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#282828f7,#1e1e1ef7);border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;max-height:98vh;max-width:480px;min-width:0;overflow:visible;padding:2rem 1.5rem;position:relative;width:100vw}.centered-form *,.recipe-form-container *{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}.centered-form button,.centered-form input,.centered-form select,.centered-form textarea,.recipe-form-container button,.recipe-form-container input,.recipe-form-container select,.recipe-form-container textarea{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.form-actions{box-sizing:border-box;max-width:100%;width:100%}@media (max-width:600px){.centered-form,.recipe-form-container{border-radius:8px;max-height:99vh;max-width:99vw;padding:1rem .5rem}.form-actions{align-items:stretch;flex-direction:column;gap:.5rem}}.recipe-form-content{max-width:100%;overflow-x:hidden;padding:20px}.ai-suggestions-dropdown{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 20px #0000001a;margin-top:4px;max-height:200px;z-index:10000}.modal-body .ai-suggestions-dropdown,.recipe-form-container .ai-suggestions-dropdown{border:2px solid #e0e0e0;box-shadow:0 8px 40px #0003;position:fixed;z-index:99999}.modal-body .ingredient-select-container,.recipe-form-container .ingredient-select-container{overflow:visible;position:relative;z-index:1}.modal-body .ai-search-container,.recipe-form-container .ai-search-container{position:relative;z-index:2}.ai-suggestions-header{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-bottom:1px solid #dee2e6;color:#495057;font-size:.875rem;font-weight:600}.ai-suggestion-item{border-bottom:1px solid #f1f3f4;padding:.75rem;transition:background-color .2s ease}.ai-suggestion-item:hover{background-color:#f8f9fa}.ai-suggestion-item:last-child{border-bottom:none}.ai-suggestion-item.no-results,.ai-suggestion-item.searching{color:#6c757d}.suggestion-main{align-items:center;margin-bottom:.25rem}.suggestion-name{color:#212529;font-weight:500}.suggestion-source{background:#e9ecef;border-radius:12px;padding:.125rem .375rem}.suggestion-category,.suggestion-source{color:#6c757d;font-size:.75rem}.suggestion-meta{gap:1rem}.area{color:#17a2b8}.suggested-cost{color:#fd7e14;font-weight:600}.ai-icon{color:#007bff}.ai-icon.spinning{animation:spin 1s linear infinite}.ai-input-container{align-items:flex-start;display:flex;gap:.5rem;position:relative}.ai-input-container input{flex:1 1}.ai-analyze-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.ai-analyze-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004494);box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.ai-analyze-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-help-text{color:#6c757d;display:block;font-size:.75rem;margin-top:.25rem}.ai-processing-section{background:linear-gradient(135deg,#e8f4fd,#f0e6ff);border:1px solid #b3d9ff;border-radius:8px;margin:1rem 0;padding:1rem}.ai-process-btn{background:linear-gradient(135deg,#28a745,#20c997);border-radius:6px;display:flex;font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.ai-process-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 4px 6px #28a7454d;transform:translateY(-1px)}.ai-help-text{color:#495057;font-size:.875rem;line-height:1.4;margin:0}.ai-status-warning{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:#856404}.ai-status-warning,.unit-warning{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.unit-warning{background-color:#ffa0001a;border-radius:4px;color:#ffa000;color:var(--warning-color)}.ingredient-row{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--glass-border);margin-bottom:1rem;padding:.75rem;position:relative}.ingredient-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.ingredient-inputs{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;width:100%}.ingredient-select-container select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border:1px solid var(--glass-border);border-radius:4px;color:#111;font-size:.95rem;padding:.6rem 32px .6rem .6rem;width:100%}.ingredient-select-container select optgroup{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#333;font-weight:700;padding:5px}.ingredient-select-container select option{background-color:#fff;color:#333;padding:8px}.ingredient-select-container select option:disabled{background-color:#f8f9fa;color:#6c757d;font-style:italic}@media (max-width:768px){.ai-input-container{flex-direction:column}.ai-analyze-btn{align-self:flex-start}.ai-suggestions-dropdown{left:1rem;max-width:none;position:fixed;right:1rem;z-index:10001}}.success-modal-content{animation:fadeIn .3s ease-out;padding:2rem;text-align:center}.success-icon{animation:scaleIn .4s ease-out;font-size:3rem;margin-bottom:1rem}.success-message{color:#111;color:var(--text-primary);font-size:1.2rem;font-weight:400;line-height:1.5;margin-bottom:2rem}.success-actions{gap:1rem}.success-btn{background:#388e3c;background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .2s ease}.success-btn:hover{background:#2e7d32;box-shadow:0 4px 12px #388e3c4d;transform:translateY(-1px)}.success-btn:after{background:linear-gradient(90deg,#fff0,#fff3,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.success-btn:hover:after{left:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.enhanced-recipe-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;min-height:320px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-recipe-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.enhanced-recipe-card.component-recipe{background:linear-gradient(135deg,#8b5cf608,#fff);border-left:4px solid #8b5cf6}.enhanced-recipe-card.standard-recipe{background:linear-gradient(135deg,#05966908,#fff);border-left:4px solid #059669}.enhanced-recipe-card .status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:2}.enhanced-recipe-card .status-badge.component{background:#8b5cf6e6;border:1px solid #8b5cf633;color:#fff}.enhanced-recipe-card .status-badge.standard{background:#059669e6;border:1px solid #05966933;color:#fff}.enhanced-recipe-card .status-badge .status-icon{font-size:.875rem}.enhanced-recipe-card .recipe-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.enhanced-recipe-card .recipe-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.enhanced-recipe-card .recipe-title-section{flex:1 1;min-width:0}.enhanced-recipe-card .recipe-name{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 8px;word-break:break-word}.enhanced-recipe-card .recipe-time-badge{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.enhanced-recipe-card .recipe-time-badge .time-icon{font-size:.75rem}.enhanced-recipe-card .recipe-cost-section{flex-shrink:0;text-align:right}.enhanced-recipe-card .recipe-cost-section .cost-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.enhanced-recipe-card .recipe-cost{color:#059669;font-size:1.5rem;font-weight:800;line-height:1}.enhanced-recipe-card .recipe-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.enhanced-recipe-card .recipe-components{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.enhanced-recipe-card .components-title{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.enhanced-recipe-card .components-icon{color:#6b7280;font-size:1rem}.enhanced-recipe-card .components-list{display:flex;flex-direction:column;gap:8px}.enhanced-recipe-card .component-item{grid-gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;font-size:.875rem;gap:8px;grid-template-columns:1fr auto auto;padding:8px 12px}.enhanced-recipe-card .component-item.unit-mismatch{background:#fffbeb;border-color:#fbbf24}.enhanced-recipe-card .component-name{color:#374151;font-weight:500}.enhanced-recipe-card .component-quantity{color:#6b7280;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:500}.enhanced-recipe-card .component-cost{color:#111827;font-family:SF Mono,Monaco,monospace;font-weight:600}.enhanced-recipe-card .more-items{border-style:dashed;color:#6b7280;font-style:italic;grid-column:1/-1;justify-content:center}.enhanced-recipe-card .recipe-financials{margin-top:auto}.enhanced-recipe-card .financial-item-single{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px;transition:all .2s}.enhanced-recipe-card .financial-item-single:hover{background:#f1f5f9;transform:translateY(-1px)}.enhanced-recipe-card .financial-item-single .financial-icon{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.enhanced-recipe-card .financial-item-single .financial-details{flex:1 1;min-width:0}.enhanced-recipe-card .financial-item-single .financial-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.enhanced-recipe-card .financial-item-single .financial-value{color:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:1rem;font-weight:700}.enhanced-recipe-card .financial-grid-simple{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.enhanced-recipe-card .financial-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.enhanced-recipe-card .financial-item:hover{background:#f1f5f9;transform:translateY(-1px)}.enhanced-recipe-card .financial-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.enhanced-recipe-card .financial-item.cost .financial-icon{background:#f8fafc;color:#64748b}.enhanced-recipe-card .financial-item.yield .financial-icon{background:#dcfce7;color:#16a34a}.enhanced-recipe-card .financial-details{flex:1 1;min-width:0}.enhanced-recipe-card .financial-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.enhanced-recipe-card .financial-value{color:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:1rem;font-weight:700}.enhanced-recipe-card .recipe-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:auto;padding-top:16px}.enhanced-recipe-card .action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s}.enhanced-recipe-card .action-btn:disabled{cursor:not-allowed;opacity:.5}.enhanced-recipe-card .edit-btn{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.enhanced-recipe-card .edit-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.enhanced-recipe-card .delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.enhanced-recipe-card .delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.enhanced-complement-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;min-height:240px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-complement-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.enhanced-complement-card .status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f1e6;border:1px solid #6366f133;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:2}.enhanced-complement-card .status-badge.packaging{background:#a855f7e6;border-color:#a855f733}.enhanced-complement-card .status-badge.utensils{background:#22c55ee6;border-color:#22c55e33}.enhanced-complement-card .status-badge.condiments{background:#fb923ce6;border-color:#fb923c33}.enhanced-complement-card .status-badge.addons{background:#ef4444e6;border-color:#ef444433}.enhanced-complement-card .status-badge .status-icon{font-size:.875rem}.enhanced-complement-card .complement-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.enhanced-complement-card .complement-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.enhanced-complement-card .complement-title-section{flex:1 1;min-width:0}.enhanced-complement-card .complement-name{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 8px;word-break:break-word}.enhanced-complement-card .complement-cost-section{flex-shrink:0;text-align:right}.enhanced-complement-card .complement-cost-section .cost-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.enhanced-complement-card .complement-cost{color:#dc2626;font-size:1.5rem;font-weight:800;line-height:1}.enhanced-complement-card .complement-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.enhanced-complement-card .complement-financials{margin-top:auto}.enhanced-complement-card .financial-item-single{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px;transition:all .2s}.enhanced-complement-card .financial-item-single:hover{background:#f1f5f9;transform:translateY(-1px)}.enhanced-complement-card .financial-item-single .financial-icon{align-items:center;background:#fef3c7;border-radius:8px;color:#d97706;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.enhanced-complement-card .financial-item-single .financial-details{flex:1 1;min-width:0}.enhanced-complement-card .financial-item-single .financial-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.enhanced-complement-card .financial-item-single .financial-value{color:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:1rem;font-weight:700}.enhanced-complement-card .complement-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:auto;padding-top:16px}.enhanced-complement-card .action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s}.enhanced-complement-card .action-btn:disabled{cursor:not-allowed;opacity:.5}.enhanced-complement-card .edit-btn{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.enhanced-complement-card .edit-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.enhanced-complement-card .delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.enhanced-complement-card .delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}@media (max-width:768px){.enhanced-complement-card .complement-header,.enhanced-recipe-card .recipe-header{align-items:flex-start;flex-direction:column;gap:8px}.enhanced-complement-card .complement-cost-section,.enhanced-recipe-card .recipe-cost-section{text-align:left}.enhanced-recipe-card .financial-grid-simple{grid-template-columns:1fr}.enhanced-complement-card .action-btn,.enhanced-recipe-card .action-btn{font-size:.8rem;padding:8px 12px}}.recipe-card:not(.enhanced-recipe-card):not(.enhanced-complement-card){display:none!important}.enhanced-complement-card *,.enhanced-recipe-card *{background-image:none!important}.enhanced-complement-card .complement-content:before,.enhanced-complement-card .complement-image,.enhanced-complement-card .image-section,.enhanced-complement-card .product-image,.enhanced-recipe-card .image-section,.enhanced-recipe-card .product-image,.enhanced-recipe-card .recipe-content:before,.enhanced-recipe-card .recipe-image{display:none!important}.search-container{align-items:center;display:flex;margin-left:auto;max-width:400px}.search-input{border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-input::placeholder{opacity:.8}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .3s ease;width:1.5rem}.clear-search-btn:hover{background-color:#dc35451a;color:#dc3545}.recipe-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.recipe-actions .add-recipe-btn{flex-shrink:0}.menu-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.menu-actions .add-button{flex-shrink:0}@media (max-width:768px){.menu-actions,.recipe-actions{align-items:stretch;flex-direction:column}.search-container{margin-left:0;max-width:100%}.search-input{font-size:16px}}.no-items,.no-recipes{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#666;font-style:italic;margin:2rem 0;padding:3rem 2rem;text-align:center}.search-highlight{background-color:#ffeb3b4d;border-radius:3px;font-weight:500;padding:.1rem .2rem}.enhanced-variation-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;min-height:300px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-variation-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.enhanced-variation-card.standalone{background:linear-gradient(135deg,#10b98108,#fff);border-left:4px solid #10b981}.enhanced-variation-card.recipe-linked{background:linear-gradient(135deg,#3b82f608,#fff);border-left:4px solid #3b82f6}.enhanced-variation-card .status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:2}.enhanced-variation-card .status-badge.standalone{background:#10b981e6;border:1px solid #10b98133;color:#fff}.enhanced-variation-card .status-badge.linked{background:#3b82f6e6;border:1px solid #3b82f633;color:#fff}.enhanced-variation-card .status-badge .status-icon{font-size:.875rem}.enhanced-variation-card .variation-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.enhanced-variation-card .variation-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.enhanced-variation-card .variation-title-section{flex:1 1;min-width:0}.enhanced-variation-card .variation-name{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 8px;word-break:break-word}.enhanced-variation-card .variation-category-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.enhanced-variation-card .variation-category-badge .category-icon{font-size:.75rem}.enhanced-variation-card .variation-price-section{flex-shrink:0;text-align:right}.enhanced-variation-card .variation-price-section .price-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.enhanced-variation-card .variation-price{font-size:1.5rem;font-weight:800;line-height:1}.enhanced-variation-card .variation-price.positive{color:#059669}.enhanced-variation-card .variation-price.negative{color:#dc2626}.enhanced-variation-card .variation-price.neutral{color:#64748b;font-style:italic}.enhanced-variation-card .variation-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.enhanced-variation-card .variation-components{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.enhanced-variation-card .components-title{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.enhanced-variation-card .components-icon{color:#6b7280;font-size:1rem}.enhanced-variation-card .components-list{display:flex;flex-direction:column;gap:8px}.enhanced-variation-card .component-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;padding:8px 12px}.enhanced-variation-card .component-name{color:#374151;font-weight:500}.enhanced-variation-card .component-adjustment{border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:600;padding:2px 6px}.enhanced-variation-card .component-adjustment.positive{background:#d1fae5;color:#059669}.enhanced-variation-card .component-adjustment.negative{background:#fee2e2;color:#dc2626}.enhanced-variation-card .component-adjustment.neutral{background:#f1f5f9;color:#64748b;font-style:italic}.enhanced-variation-card .more-items{border-style:dashed;color:#6b7280;font-style:italic;justify-content:center}.enhanced-variation-card .variation-financials{margin-top:auto}.enhanced-variation-card .financial-grid-simple{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.enhanced-variation-card .financial-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.enhanced-variation-card .financial-item:hover{background:#f1f5f9;transform:translateY(-1px)}.enhanced-variation-card .financial-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.enhanced-variation-card .financial-item.variation-cost .financial-icon{background:#f8fafc;color:#64748b}.enhanced-variation-card .financial-item.adjustment .financial-icon{background:#f0fdf4;color:#16a34a}.enhanced-variation-card .financial-item.adjustment.negative .financial-icon{background:#fef2f2;color:#dc2626}.enhanced-variation-card .financial-item.adjustment.neutral .financial-icon{background:#f1f5f9;color:#64748b}.enhanced-variation-card .financial-details{flex:1 1;min-width:0}.enhanced-variation-card .financial-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.enhanced-variation-card .financial-value{color:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:1rem;font-weight:700}.enhanced-variation-card .requirement-status{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.enhanced-variation-card .requirement-status.required{background:linear-gradient(135deg,#fdf4ff,#f3e8ff);border-color:#c084fc;color:#7c3aed}.enhanced-variation-card .requirement-status.optional{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24;color:#d97706}.enhanced-variation-card .requirement-icon{align-items:center;background:#e2e8f0;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.enhanced-variation-card .requirement-status.required .requirement-icon{background:#ede9fe;color:#7c3aed}.enhanced-variation-card .requirement-status.optional .requirement-icon{background:#fef3c7;color:#d97706}.enhanced-variation-card .requirement-content{flex:1 1}.enhanced-variation-card .requirement-text{font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.enhanced-variation-card .variation-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:auto;padding-top:16px;width:100%}.enhanced-variation-card .action-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #0000;border-radius:8px;border-style:solid;border-width:1px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;margin:0;min-height:44px;outline:none;overflow:visible;padding:12px 16px;position:relative;text-decoration:none;text-transform:none;transition:all .2s;white-space:nowrap}.enhanced-variation-card .action-btn:disabled{cursor:not-allowed;opacity:.5}.enhanced-variation-card .action-btn svg{flex-shrink:0;height:16px;width:16px}.enhanced-variation-card .action-btn span{flex-shrink:0;line-height:1}.enhanced-variation-card .edit-btn{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#2563eb!important}.enhanced-variation-card .edit-btn:hover:not(:disabled){background:#dbeafe!important;border-color:#93c5fd!important;transform:translateY(-1px)}.enhanced-variation-card .delete-btn{background:#fef2f2!important;border:1px solid #fecaca!important;color:#dc2626!important}.enhanced-variation-card .delete-btn:hover:not(:disabled){background:#fee2e2!important;border-color:#fca5a5!important;transform:translateY(-1px)}.variation-card{display:none}.enhanced-variation-card button.action-btn{all:unset;align-items:center;border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;line-height:1;min-height:44px;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s;white-space:nowrap}.enhanced-variation-card button.edit-btn{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#2563eb!important}.enhanced-variation-card button.delete-btn{background:#fef2f2!important;border:1px solid #fecaca!important;color:#dc2626!important}.enhanced-variation-card button.action-btn svg{flex-shrink:0;height:16px!important;width:16px!important}.enhanced-variation-card button.action-btn span{flex-shrink:0;font-size:inherit;line-height:1.2}@media (max-width:768px){.enhanced-variation-card .variation-header{align-items:flex-start;flex-direction:column;gap:8px}.enhanced-variation-card .variation-price-section{text-align:left}.enhanced-variation-card .financial-grid-simple{grid-template-columns:1fr}.enhanced-variation-card .action-btn,.enhanced-variation-card button.action-btn{font-size:.85rem;gap:6px;min-height:40px;padding:10px 14px}}:root{--glass-bg:#ffffff0d;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#ffffffde;--text-secondary:#fff9;--accent-glow:#fffc;--panel-bg:#ffffff1a;--highlight-color:#ffffffe6;--button-hover:#ffffff1a;--active-tab-color:#4caf50}.variations-grid{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;margin-top:0!important;max-width:100%!important;width:100%!important}@media (min-width:1200px){.variations-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1199px) and (min-width:768px){.variations-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:767px){.variations-grid{grid-template-columns:1fr!important}}.recipe-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:2rem;position:relative}.variation-management .tab-button,on
.recipe-management .tab-button{align-items:center;background:#0000!important;border:none!important;color:#000!important;cursor:pointer;display:flex;font-size:1rem!important;font-weight:500!important;gap:.5rem;letter-spacing:.5px;opacity:1!important;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab-button:hover{color:#ffffffde;color:var(--text-primary)}.recipe-management .tab-button.active,.variation-management .tab-button.active{border-bottom:none!important;color:#000!important;font-weight:600!important;position:relative}.recipe-management .tab-button.active:after,.variation-management .tab-button.active:after{background-color:#007bff!important;bottom:-1px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.variation-management{animation:fadeIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#141414b3,#282828b3);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);font-family:Roboto,Segoe UI,sans-serif;letter-spacing:.3px;margin:0 auto;max-width:1200px;padding:2rem}.variation-management h1{border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);color:#fff;font-weight:300;letter-spacing:3px;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-transform:uppercase}.variation-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.actions-bar{display:flex;justify-content:flex-end;margin-bottom:1.5rem;width:100%}.add-variation-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.add-variation-btn:after{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-variation-btn:hover{box-shadow:0 6px 12px #0003,0 0 0 1px #ffffff26,0 0 20px #ffffff0d;transform:translateY(-2px)}.add-variation-btn:hover:after{left:100%}.add-variation-btn:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.recipes-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0003;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.recipes-btn:after{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.recipes-btn:hover{box-shadow:0 6px 12px #0003,0 0 0 1px #ffffff26,0 0 20px #ffffff0d;transform:translateY(-2px)}.recipes-btn:hover:after{left:100%}.recipes-btn:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.variation-form-container{animation:scaleIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow);margin-bottom:2rem;max-width:800px;padding:1.5rem;position:relative;z-index:10}.variation-form-container h2{color:#fff;display:inline-block;font-size:1.5rem;font-weight:300;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.variation-form-container h2:after{background:#fff3;background:var(--glass-border);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.variation-form{background:#0000;margin:0;max-width:100%;padding:0}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:.25rem;padding:1rem}.form-section+.form-section{margin-top:-.5rem}.section-title{font-size:1.2rem;margin:0 0 1rem}.section-icon{color:#9575cd;font-size:1.1rem}.section-description{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.subsection-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin:1.5rem 0 .75rem}.subsection-description{color:#fff9;font-size:.85rem;margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-group.category-group,.form-group:has(.category-selector-container){margin-bottom:.25rem}.form-group label{gap:.5rem}.field-icon{color:#9575cd;font-size:.9rem}.category-select,.form-input,.form-select,.unit-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.category-select:focus,.form-input:focus,.form-select:focus,.unit-select:focus{background:#ffffff26;border-color:#9575cd;box-shadow:0 0 0 3px #9575cd33;outline:none}.form-input::placeholder{color:#ffffff80}.help-text{color:#fff9;font-size:.8rem;line-height:1.3;margin-top:.25rem}.ai-indicator{align-items:center;background:linear-gradient(135deg,#9575cd,#673ab7);border-radius:12px;color:#fff;display:flex;font-size:.7rem;font-weight:500;gap:.25rem;margin-left:auto;padding:.25rem .5rem}.ai-icon{font-size:.8rem}.checkbox-group{margin:.25rem 0}.checkbox-label{align-items:flex-start;background:#ffffff40;border:2px solid #ffffff80;border-radius:8px;gap:.75rem;min-height:60px;padding:.75rem;transition:all .3s ease}.checkbox-label:hover{background:#ffffff59;border-color:#ffffffb3;transform:translateY(-1px)}.checkbox-input{display:none}.checkbox-custom{align-items:center;background:#0000004d;border:3px solid #fff;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;transition:all .3s ease;width:24px}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#9575cd,#673ab7);border-color:#9575cd;color:#fff}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.checkbox-text strong{color:#fff!important;font-size:1rem;font-weight:600;text-shadow:1px 1px 2px #00000080}.checkbox-text small{color:#fffffff2!important;font-size:.85rem;line-height:1.3;text-shadow:1px 1px 2px #0000004d}.ai-category-suggestion{align-items:center;animation:slideIn .3s ease;background:#9575cd1a;border:1px solid #9575cd4d;border-radius:8px;display:flex;gap:.5rem;padding:.75rem}.ai-suggestion-text{color:#ffffffe6;flex:1 1;font-size:.85rem}.ai-suggest-btn{align-items:center;background:linear-gradient(135deg,#9575cd,#673ab7);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.5rem .75rem;transition:all .3s ease}.ai-suggest-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e57c2,#5e35b1);transform:translateY(-1px)}.ai-suggest-btn:disabled{cursor:not-allowed;opacity:.6}.ai-processing-section{background:#9575cd1a;border:1px solid #9575cd4d;border-radius:12px;margin:.75rem 0;padding:1.5rem;text-align:center}.ai-section-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.ai-section-header h4{color:#fff;font-size:1.1rem;margin:0}.ai-description{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.ai-process-btn{align-items:center;background:linear-gradient(135deg,#9575cd,#673ab7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:200px;padding:.875rem 1.5rem;transition:all .3s ease}.ai-process-btn:hover:not(:disabled){background:linear-gradient(135deg,#7e57c2,#5e35b1);box-shadow:0 4px 12px #9575cd4d;transform:translateY(-2px)}.ai-process-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.ai-process-btn.processing{background:linear-gradient(135deg,#ff9800,#f57c00)}.ai-search-container{float:left;margin-bottom:1rem;position:relative;width:24%;z-index:10000}.quantity-controls{grid-gap:.75rem;align-items:center;background:#9575cd1a;border:2px solid #9575cd4d;border-radius:8px;clear:both;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;margin-bottom:1rem;padding:1rem}.quantity-controls label{color:#fff;font-size:1rem;font-weight:600;margin:0}.ingredient-row.additional{background:#ffffff14;border:2px solid #9575cd33;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.ingredient-row.additional:hover{background:#ffffff1f;border-color:#9575cd66;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.ingredient-selector{margin-bottom:1.5rem;width:35%}.ingredient-selector label{display:block;font-size:.9rem;margin-bottom:.75rem}.ingredient-select,.ingredient-selector select{border:1px solid #fff3;border-radius:8px;font-size:1.05rem;min-height:50px;padding:1rem;width:100%}.ingredient-select,.ingredient-selector select,.unit-select{background:#ffffff1a;color:#fff;font-weight:500;transition:all .3s ease}.unit-select{border:2px solid #9575cd4d;border-radius:8px;font-size:.95rem;padding:.75rem}.unit-select:focus{background:#ffffff26;border-color:#9575cd;box-shadow:0 0 0 3px #9575cd33;outline:none}.ai-suggestions-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e1e1efa;border:2px solid #9575cd66;border-radius:8px;box-shadow:0 8px 32px #0006;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateZ(0);z-index:999999}.ai-suggestions-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#fffc;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.75rem}.ai-suggestion-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:1rem;transition:all .2s ease}.ai-suggestion-item:hover{background:#9575cd33;transform:translateX(4px)}.ai-suggestion-item.searching{align-items:center;color:#ffffffb3;cursor:default;display:flex;gap:.5rem;justify-content:center}.ai-suggestion-item.no-results{color:#ffffff80;cursor:default;font-style:italic;text-align:center}.suggestion-main{display:flex;flex-direction:column;gap:.5rem}.suggestion-area{align-items:center;background:#9575cd33;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.25rem .5rem}.area-icon{font-size:1rem}.area-name{color:#fff;font-size:.8rem;font-weight:500}.suggestion-details{align-items:center;display:flex;gap:.5rem}.suggestion-name{color:#000;font-size:1rem;font-weight:600}.suggestion-category{color:#fff9;font-size:.8rem;font-style:italic}.suggestion-source{background:#ffffff1a;border-radius:3px;color:#ffffff80;font-size:.7rem;padding:.1rem .3rem}.suggestion-meta{align-items:center;display:flex;font-size:.75rem;gap:.75rem;justify-content:space-between;margin-top:.25rem}.confidence{color:#000;font-weight:500}.area{color:#fff9}.ingredients-list{display:flex;flex-direction:column;gap:1rem}.ingredient-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;transition:all .3s ease}.ingredient-row:hover{background:#ffffff14;border-color:#fff3}.ingredient-row.additional{border-left:3px solid #9575cd}.ingredient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ingredient-number{background:linear-gradient(135deg,#9575cd,#673ab7);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.remove-ingredient-btn{align-items:center;background:#f44336cc;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.remove-ingredient-btn:hover{background:#f44336;transform:scale(1.05)}.ingredient-cost-info{background:#ffffff0d;border-radius:6px;color:#fffc;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem .75rem}.ingredients-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.table-header{background:#9575cd33;color:#fff;font-size:.9rem;font-weight:500;padding:.875rem 1rem;text-align:center}.table-header,.table-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:3fr 1.2fr 2fr 1.2fr}.table-row{align-items:center;border-bottom:1px solid #ffffff0d;padding:1rem}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff08}.ingredient-cell{gap:.25rem}.ingredient-cell,.ingredient-main{display:flex;flex-direction:column}.ingredient-main{gap:.5rem}.ingredient-name{color:#fff;font-size:.9rem}.ingredient-details{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ingredient-area{align-items:center;background:#9575cd33;border-radius:3px;color:#fffc;display:flex;font-size:.75rem;gap:.25rem;padding:.15rem .4rem}.ingredient-category{color:#fff9;font-size:.75rem}.quantity-cell{text-align:center}.quantity-value{color:#ffffffe6;font-size:.9rem}.adjustment-cell{display:flex;justify-content:center}.adjustment-controls{align-items:center;background:#ffffff1a;border-radius:6px;justify-content:center;margin:0 auto;overflow:hidden;width:-webkit-fit-content;width:fit-content}.adjust-btn{background:#9575cdcc;font-weight:500;min-width:32px;padding:.5rem;transition:all .3s ease}.adjust-btn:hover{background:#9575cd}.adjust-input{background:#0000;border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:500;padding:.6rem .35rem;text-align:center;width:320px}.adjust-input:focus{background:#ffffff26;outline:none}.final-cell{text-align:center}.final-quantity{color:#fff;font-size:.9rem;font-weight:500}.final-quantity.negative{color:#f44336}.final-quantity.increased{color:#4caf50}.empty-state{color:#fff9;padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#ffffffb3;font-size:1.1rem;margin-bottom:.5rem}.empty-state small{color:#ffffff80;font-size:.9rem}.add-ingredient-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.add-ingredient-btn:hover{background:linear-gradient(135deg,#45a049,#2e7d32);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.cost-summary{background:#9575cd1a;border:1px solid #9575cd4d}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.cost-item{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem}.cost-item.total{background:#9575cd33;border:1px solid #9575cd66;font-size:1.05rem;font-weight:600}.cost-item span:first-child{color:#ffffffe6}.cost-item span:last-child{color:#fff;font-weight:500}.positive{color:#4caf50!important}.negative{color:#f44336!important}.form-actions{border-top:1px solid #ffffff1a;padding-top:1.5rem}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-height:50px;padding:1rem 1.5rem;transition:all .3s ease}.submit-btn.primary{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.submit-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#2e7d32);box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.cancel-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.cancel-btn.secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{height:16px;width:16px}@media (max-width:768px){.form-section{padding:1rem}.section-title{font-size:1rem}.ai-search-container{width:100%}.table-header,.table-row{font-size:.8rem}.ingredients-table{overflow-x:auto}.table-header,.table-row{min-width:600px}.table-row{padding:.5rem}.adjustment-cell,.final-cell,.ingredient-cell,.quantity-cell{padding:.25rem}.adjustment-controls{gap:.25rem}.adjustment-controls,.form-actions,.quantity-controls{flex-direction:column}.ai-suggestions-dropdown{left:50%;max-height:60vh;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}}.ingredient-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1.05rem;font-weight:500;min-height:50px;padding:1rem;transition:all .3s ease;width:100%}.ingredient-select:focus{background:#ffffff26;border-color:#9575cd;box-shadow:0 0 0 3px #9575cd33}.add-ingredient-with-ai{align-items:center;background:linear-gradient(135deg,#9575cd,#673ab7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.add-ingredient-with-ai:hover{background:linear-gradient(135deg,#7e57c2,#5e35b1);box-shadow:0 4px 12px #9575cd4d;transform:translateY(-2px)}.add-ingredient-with-ai:after{background:#ffffff26;border-radius:0 8px 0 8px;content:"🤖 IA Activada";font-size:.7rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:-2px;top:-2px}.ai-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-icon{color:#9575cdb3;left:.75rem;z-index:2}.ai-search-input{background:#9575cd1a;border:2px solid #9575cd4d;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;padding:1rem 1rem 1rem 2.75rem;transition:all .3s ease;width:100%}.ai-search-input:focus{background:#9575cd26;border-color:#9575cd;box-shadow:0 0 0 3px #9575cd33;outline:none}.ai-search-input::placeholder{color:#ffffffb3;font-weight:400}.search-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;position:absolute;right:.75rem;width:16px}.ingredient-row.ai-generated{animation:aiGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid #4caf504d!important;box-shadow:0 0 10px #4caf5033;position:relative}.ingredient-row.ai-generated:before{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px 4px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.ingredient-row.ai-generated:hover{border-color:#4caf5080!important;box-shadow:0 0 15px #4caf504d}.ai-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 2px 4px #4caf504d;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-right:8px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ai-badge .ai-icon{font-size:.8rem}@keyframes aiGlow{0%{box-shadow:0 0 10px #4caf5033}to{box-shadow:0 0 20px #4caf5066}}.ai-suggestion-item .suggestion-meta .area{background:#2196f333;border-radius:8px;color:#2196f3;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 6px}.ai-search-container.area-filtered{position:relative}.ai-search-container.area-filtered:before{color:#fff9;content:"🎯 Filtrado por área de receta";font-size:.7rem;font-style:italic;left:0;position:absolute;top:-20px}.custom-category-input{display:flex;flex-direction:column;gap:.5rem}.custom-category-input input{background:#fff;border:2px solid #007bff;border-radius:6px;color:#333;font-size:.9rem;padding:.75rem}.custom-category-input input:focus{border-color:#0056b3;box-shadow:0 0 0 .2rem #007bff40;outline:none}.custom-category-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-confirm{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.5rem 1rem;transition:background-color .2s}.btn-confirm:hover:not(:disabled){background:#218838}.btn-confirm:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.btn-cancel{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.5rem 1rem;transition:background-color .2s}.btn-cancel:hover{background:#5a6268}.ingredient-search-container{position:relative;width:100%}.ingredient-search-input{border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;margin-bottom:.5rem;padding:.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.ingredient-search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.ingredient-suggestions-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 40px #0003;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.suggestions-header{fontSize:.85rem;background:#f8f9fa;border-bottom:1px solid #eee;color:#666;font-weight:700;padding:.5rem}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:.75rem;transition:background-color .2s}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.ingredient-selector{display:flex;flex-direction:column;gap:.5rem}.ingredient-selector label{color:#ffffffe6;font-weight:500;margin-bottom:.25rem}.ingredient-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:.9rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.ingredient-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.ingredient-select optgroup{background:#f8f9fa;color:#333;font-weight:700}.ingredient-select option{color:#333;font-weight:400;padding:.5rem}.category-selector-container{display:flex;flex-direction:column;gap:.5rem}.category-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:.9rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.category-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-section{background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:2rem;padding:1.5rem}.section-title{align-items:center;border-bottom:1px solid #ffffff1a;color:#fffffff2;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.section-icon{color:#007bff}@media (max-width:768px){.custom-category-buttons{flex-direction:column}.btn-cancel,.btn-confirm{justify-content:center;width:100%}.ingredient-suggestions-dropdown{max-height:150px}.form-section{padding:1rem}}.modal-overlay{animation:modalFadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:100vh;width:100vw;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalScaleIn .25s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 8px 32px #0000002e;outline:none}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-size-small{max-width:500px}.modal-size-medium{max-width:700px}.modal-header{border-bottom:1px solid #f0f0f0;border-top-left-radius:16px;border-top-right-radius:16px;padding:1.25rem 1.5rem;z-index:2}.modal-title{color:#000;font-size:1.3rem;font-weight:600}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:background .2s,color .2s;width:40px}.modal-close-btn:focus,.modal-close-btn:hover{background:#f5f5f5;color:#111;outline:2px solid #bbb}.modal-body{max-height:calc(90vh - 120px);overflow-x:visible;overflow-y:auto!important;position:relative}.modal-body,.modal-body>.variation-management{display:flex;flex:1 1;flex-direction:column}.modal-body>*{max-height:none;overflow:visible}.modal-content{overflow:hidden}.modal-content .modal-body{overflow-x:visible;overflow-y:auto!important;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.modal-content .modal-body::-webkit-scrollbar{width:8px}.modal-content .modal-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.modal-content .modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:800px){.modal-content,.modal-size-large,.modal-size-medium{max-width:98vw}}@media (max-width:600px){.modal-content,.modal-size-large,.modal-size-medium,.modal-size-small{border-radius:8px;max-width:99vw;padding:0}.modal-body,.modal-header{padding-left:1rem;padding-right:1rem}}.modal-content .item-description,.modal-content .item-header h4,.modal-content .item-header h5,.modal-content .item-header h6,.modal-content .selectable-item,.modal-content .variation-description,.modal-content .variation-item,.modal-content .variation-name,.modal-content button,.modal-content div,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6,.modal-content input,.modal-content label,.modal-content p,.modal-content select,.modal-content span,.modal-content textarea{color:#000!important}.modal-content .recipe-variations-section,.modal-content .recipe-variations-section h5,.modal-content .variation-category,.modal-content .variation-category h4,.modal-content .variations-selection{color:#111827!important}.modal-content .selectable-item{background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important}.modal-content .selectable-item:hover{background:#f3f4f6!important;border-color:#3b82f6!important}.modal-content .selectable-item.selected{background:#ecfdf5!important;border-color:#10b981!important}.modal-content .item-header h4,.modal-content .item-header h5,.modal-content .item-header h6{color:#111827!important}.modal-content .item-description{color:#6b7280!important}.modal-content .item-cost{background:#f3f4f6!important;color:#374151!important}.modal-content .selectable-item.selected .item-cost{background:#10b981!important;color:#fff!important}.modal-content .selected-summary{background:#f0f9ff!important;border:1px solid #e0f2fe!important}.modal-content .selected-summary h4{color:#0c4a6e!important}.modal-content .selected-item{background:#fff!important;border:1px solid #e0f2fe!important}.modal-content .item-name{color:#374151!important}.modal-content .selected-item .item-cost{background:#0ea5e9!important;color:#fff!important}.modal-content .variation-selector h4{color:#111827!important}.modal-content .variation-selector .help-text{color:#6b7280!important}.modal-content .variation-card{background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important}.modal-content .variation-card:hover{background:#f3f4f6!important;border-color:#3b82f6!important}.modal-content .variation-card.selected{background:#ecfdf5!important;border-color:#10b981!important}.modal-content .variation-content h6{color:#111827!important}.modal-content .variation-price{color:#2563eb!important}.modal-content .variation-name{color:#111827!important}.modal-content .selected-variations{background:#f9fafb!important;border:1px solid #e5e7eb!important}.modal-content .selected-variations h5{color:#111827!important}.modal-content .selected-variation-item{background:#fff!important;border:1px solid #e5e7eb!important}.modal-content .required-label{color:#374151!important}.modal-content .category-description,.modal-content .loading-state,.modal-content .section-description{color:#6b7280!important}.modal-content .no-variations{color:#9ca3af!important}.modal-content .variation-details{color:#374151!important}.modal-content .variation-type{background:#e5e7eb!important;color:#374151!important}.modal-content input::placeholder,.modal-content textarea::placeholder{color:#555}.modal-content input,.modal-content select,.modal-content textarea{background-color:#fff!important;border:1px solid #e0e0e0;border-radius:4px;color:#000!important;padding:8px 12px;transition:border-color .2s ease;width:100%}.modal-content select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:32px}.modal-content select option{background-color:#fff;color:#000;padding:8px}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#666;box-shadow:0 0 0 2px #0000000d;outline:none}.modal-content button{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;margin:0 8px;min-width:80px;padding:8px 16px;transition:all .2s ease}.modal-content .ingredient-row{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.modal-content .ingredient-inputs{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;width:100%}.modal-content .ingredient-select-container{flex:2 1;min-width:180px}.modal-content .quantity-unit-container{align-items:center;display:flex;flex:1 1;gap:8px;white-space:nowrap}.modal-content .quantity-input{flex-shrink:0;min-width:100px;padding:8px 12px;text-align:center;width:100px}.modal-content .unit-input-group{align-items:center;display:flex;justify-content:center;min-width:80px;white-space:nowrap}.modal-content .unit-label{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;min-width:80px;padding:8px 12px;text-align:center}.modal-content .ingredient-cost{font-weight:500;min-width:90px;padding:8px 12px;text-align:right;white-space:nowrap}.modal-content .remove-ingredient-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;margin:0;min-width:36px;padding:0;width:36px}.modal-content .remove-ingredient-btn:hover{background-color:#ff5252;border-color:#ff5252;color:#fff}.modal-content .add-ingredient-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333;display:flex;gap:8px;margin:16px 0;padding:8px 16px}.modal-content .add-ingredient-btn:hover{background-color:#e0e0e0}.modal-content .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-content .cancel-btn,.modal-content .submit-btn{background-color:#333;border:none;color:#fff;font-size:14px;min-width:120px;padding:10px 20px;white-space:nowrap}.modal-content .submit-btn:hover{background-color:#000}.modal-content .cancel-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333}.modal-content .cancel-btn:hover{background-color:#e0e0e0}@media (max-width:768px){.modal-content .ingredient-inputs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.modal-content .ingredient-select-container{min-width:150px}.modal-content .quantity-input{min-width:80px;width:80px}.modal-content .unit-label{min-width:60px}.modal-content .ingredient-cost{min-width:80px}}.modal-body .variation-form,.modal-body .variation-form-container{box-shadow:none;margin:0;max-height:none!important;overflow:visible!important;padding:1rem 0}.modal-body .additional-ingredients,.modal-body .base-ingredients,.modal-body .form-container,.modal-body .ingredients-adjustments,.modal-body .recipe-form,.modal-body .variation-form,.modal-body form{max-height:none!important;overflow:visible!important}@supports (-webkit-overflow-scrolling:touch){.modal-body{-webkit-overflow-scrolling:touch}.modal-body>*{-webkit-overflow-scrolling:auto}}.modal-body .additional-ingredients,.modal-body .base-ingredients,.modal-body .cost-section,.modal-body .form-group,.modal-body .ingredients-adjustments,.modal-body .variation-form>*{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}.modal-body .additional-ingredient-content,.modal-body .adjustment-controls,.modal-body .ingredient-adjustment-row{box-sizing:border-box;flex-wrap:wrap;max-width:100%;overflow-x:auto;width:100%}.modal-body button,.modal-body input,.modal-body select{box-sizing:border-box;max-width:100%}.ingredient-adjustment-row{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;margin-bottom:15px;overflow:visible;width:100%}.ingredient-info{background-color:#f9f9f9;border-bottom:1px solid #eee;padding:12px;text-align:center}.ingredient-name{color:#333;font-size:15px}.adjustment-controls{display:flex;flex-direction:row;gap:10px;padding:15px;width:100%}.quantity-value{background-color:#d32f2f;border-radius:4px;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px;text-align:center}.quantity-value .quantity-label{font-size:13px;font-weight:500;margin-bottom:8px}.adjustment-input-group{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;flex:1 1;flex-direction:column;padding:10px}.adjustment-input-group .quantity-label{color:#333;font-size:13px;font-weight:500;margin-bottom:8px}.btn-container{margin:0 auto;width:140px}.adjust-btn,.btn-container{align-items:center;display:flex;justify-content:center}.adjust-btn{border:none;color:#fff;cursor:pointer;font-size:18px;height:36px;width:36px}.adjust-btn.minus{background-color:#d32f2f;border-radius:4px 0 0 4px}.adjust-btn.plus{background-color:#4caf50;border-radius:0 4px 4px 0}.adjustment-input-group input,.quantity-input{border:1px solid #ddd;border-left:none;border-right:none;font-size:14px;height:36px;margin:0;padding:0;text-align:center;width:360px}.quantity-value.final{background-color:#4caf50;color:#fff}.unit{display:block;font-size:13px;margin-top:8px;text-align:center}.base-ingredients{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px;width:100%}.base-ingredients h4{color:#333;font-size:16px;font-weight:600;margin-bottom:10px}.base-ingredients .help-text{color:#666;font-size:13px;line-height:1.4;margin-bottom:15px}.table-header{align-items:center;display:flex;margin-bottom:15px;width:100%}.header-ingredient{color:#333;flex:1 1;font-size:14px;font-weight:600;text-align:center}.header-quantities{display:flex;flex:3 1}.header-quantities span{color:#333;flex:1 1;font-size:14px;font-weight:600;text-align:center}.additional-ingredients{background-color:#f5f5f5;border-radius:8px;margin-top:20px;padding:20px;width:100%}.additional-ingredients h4{color:#333;font-size:16px;font-weight:600;margin-bottom:10px}.additional-ingredient-row{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px;position:relative}.additional-ingredient-content{display:flex;flex-direction:column;gap:15px;width:100%}.additional-ingredient-selector{width:100%}.additional-ingredient-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;height:40px;padding:8px 12px;width:100%}.additional-quantity-container{align-items:center;display:flex;flex-direction:column;width:100%}.ingredients-adjustments,.variation-form{overflow:visible;width:100%}@media (max-width:768px){.adjustment-controls{flex-direction:column;gap:10px}.adjustment-input-group,.quantity-value{width:100%}.modal-size-large{max-width:95vw}}.modal-content{max-width:95vw!important;width:1200px!important}.modal-content .ingredient-adjustment-row{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:grid;grid-template-rows:auto auto;margin-bottom:20px;overflow:visible}.modal-content .ingredient-info{background:#f9f9f9;border-bottom:1px solid #eee;grid-row:1;padding:12px;text-align:center}.modal-content .ingredient-name{color:#333;font-size:16px;font-weight:600;margin:0}.modal-content .adjustment-controls:before{color:#555;content:"";font-size:14px;font-weight:500;left:0;padding-bottom:5px;position:absolute;text-align:center;top:0;width:100%}.modal-content .adjustment-input-group{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;min-height:100px;padding:15px 10px}.modal-content .quantity-label{font-size:14px;font-weight:500;margin-bottom:10px;text-align:center}.modal-content .adjust-btn{align-items:center;background:#e74c3c;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.modal-content .adjust-btn.minus{border-radius:4px 0 0 4px}.modal-content .adjust-btn.plus{background:#2ecc71;border-radius:0 4px 4px 0}.modal-content .adjustment-input-group input{border:1px solid #ddd;border-left:none;border-right:none;font-size:14px;height:36px;margin:0;max-width:calc(100vw - 120px);padding:0;text-align:center;width:360px}.modal-content .unit{background:#e0e0e0;border-radius:4px;color:#333;display:inline-block;font-size:14px;margin-top:10px;padding:5px 10px}.modal-size-large{max-width:98vw!important;width:1200px!important}.additional-ingredients,.base-ingredients{margin-bottom:30px!important;max-width:100%!important;width:100%!important}.modal-content .additional-ingredients,.modal-content .base-ingredients,.modal-content .form-group,.modal-content .form-section,.modal-content .ingredients-adjustments,.modal-content .ingredients-table{box-sizing:border-box!important;max-width:100%!important;padding:15px!important;width:100%!important}.modal-content .ingredient-adjustment-row{background:#fff!important;border-radius:8px!important;box-shadow:0 1px 5px #0000001a!important;display:flex!important;flex-direction:column!important;margin-bottom:25px!important;max-width:100%!important;width:100%!important}.modal-content .ingredient-info{background:#f5f5f5!important;border-bottom:1px solid #eee!important;padding:10px!important;text-align:center!important;width:100%!important}.modal-content .ingredient-name{color:#333!important;font-size:16px!important;font-weight:600!important;margin:0!important}.modal-content .adjustment-controls{flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;padding:20px!important;width:100%!important}.modal-content .adjustment-controls,.modal-content .quantity-value{align-items:center!important;display:flex!important;justify-content:center!important}.modal-content .quantity-value{background:#e74c3c!important;border-radius:6px!important;color:#fff!important;flex:0.5 1!important;flex-direction:column!important;min-height:50px!important;padding:7px 5px!important;text-align:center!important}.modal-content .quantity-value.final{background:#2ecc71!important}.modal-content .quantity-label{font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.modal-content .adjustment-input-group{background:#f9f9f9!important;border-radius:6px!important;flex:1.2 1!important;flex-direction:column!important;min-height:100px!important;padding:15px 10px!important}.modal-content .adjustment-input-group,.modal-content .btn-container{align-items:center!important;display:flex!important;justify-content:center!important}.modal-content .btn-container{margin:0 auto!important;max-width:430px!important;width:100%!important}.modal-content .ingredient-select-container select{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;padding-right:32px!important}@media (max-width:600px){.modal-content{margin:10px;max-height:95vh!important}.modal-body{-webkit-overflow-scrolling:touch;max-height:calc(95vh - 80px)!important;overflow-y:auto!important;padding:1rem!important}.modal-content .adjustment-input-group input{max-width:calc(100vw - 160px)!important;width:250px!important}.modal-content .btn-container{max-width:300px!important}.modal-content .form-group,.modal-content .form-section{padding:10px!important}}@media (max-width:480px){.modal-content .adjustment-input-group input{max-width:calc(100vw - 140px)!important;width:200px!important}.modal-content .btn-container{max-width:250px!important}}.reports-container{background-color:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.reports-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.header-content p{font-size:1.1rem;margin:0 0 1.5rem;opacity:.9}.reports-filters{align-items:end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.filter-group{gap:.5rem;min-width:120px}.filter-group label{font-size:.9rem;font-weight:500;opacity:.9}.filter-input,.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.5rem .75rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{background:#fff3;border-color:#ffffff80;outline:none}.filter-select option{background:#2d3748;color:#fff}.reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem}.report-card{background:#fff;border-left:4px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.report-card:before{background:linear-gradient(90deg,#0000,#667eea,#0000);background:linear-gradient(90deg,#0000,var(--accent-color,#667eea),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.report-card:hover{box-shadow:0 8px 40px #0000001f;transform:translateY(-4px)}.report-card:hover:before{opacity:1}.report-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.report-icon{align-items:center;background:#667eea1a;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.report-info h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.report-info p{color:#64748b;font-size:.9rem;margin:0}.report-list{display:flex;flex-direction:column;gap:1rem}.report-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.report-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.report-details h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.report-details p{color:#64748b;font-size:.85rem;margin:0}.report-actions{align-items:center;display:flex;gap:.5rem}.export-btn{font-size:.8rem;gap:.25rem;height:36px;justify-content:center;min-width:60px;padding:0 .5rem;transition:all .3s ease}.export-btn .btn-text{font-size:.7rem;font-weight:600}.export-btn.pdf{background:#dc2626;color:#fff}.export-btn.pdf:hover{background:#b91c1c;transform:scale(1.05)}.export-btn.excel{background:#059669;color:#fff}.export-btn.excel:hover{background:#047857;transform:scale(1.05)}.export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.loading-spinner{border:2px solid #ffffff4d;height:16px;width:16px}.reports-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.summary-card{align-items:center;background:#fff;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 6px 30px #0000001f;transform:translateY(-2px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.summary-content h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.summary-content p{color:#64748b;font-size:.9rem;margin:0}@media (max-width:768px){.reports-container{padding:1rem}.reports-header{padding:1.5rem}.header-content h1{font-size:2rem}.reports-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:0;min-width:auto}.reports-grid{gap:1.5rem;grid-template-columns:1fr}.report-card{padding:1rem}.report-item{align-items:flex-start;flex-direction:column;gap:1rem}.report-actions{align-self:flex-end}.reports-summary{grid-template-columns:1fr}}@media (max-width:480px){.reports-header{padding:1rem}.header-content h1{font-size:1.75rem}.report-card-header{align-items:flex-start;flex-direction:column;text-align:left}.report-icon{font-size:1.25rem;height:40px;width:40px}.export-btn{font-size:.7rem;height:32px;min-width:50px;padding:0 .25rem}.export-btn .btn-text{font-size:.6rem}}.reports-container::-webkit-scrollbar{width:8px}.reports-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.reports-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.reports-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.report-card{animation:fadeInUp .6s ease-out}.report-card:first-child{animation-delay:.1s}.report-card:nth-child(2){animation-delay:.2s}.report-card:nth-child(3){animation-delay:.3s}.report-card:nth-child(4){animation-delay:.4s}.report-card:nth-child(5){animation-delay:.5s}.report-card:nth-child(6){animation-delay:.6s}.report-card:nth-child(7){animation-delay:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.export-btn{position:relative}.export-btn:after{background:#1a202c;border-radius:6px;color:#fff;content:attr(title);font-size:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;white-space:nowrap}.export-btn:after,.export-btn:before{bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:1000}.export-btn:before{border:4px solid #0000;border-top-color:#1a202c;content:""}.export-btn:hover:after,.export-btn:hover:before{opacity:1;visibility:visible}.export-btn:focus,.filter-input:focus,.filter-select:focus{outline:2px solid #667eea;outline-offset:2px}.report-item.consultant-report{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #6366f1;box-shadow:0 8px 25px #667eea33;color:#fff;overflow:hidden;position:relative}.report-item.consultant-report:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.report-item.consultant-report:hover{background:linear-gradient(135deg,#5b5be6,#6f5ba7);border-color:#4f46e5;box-shadow:0 12px 35px #667eea59;transform:translateX(8px) translateY(-2px)}.report-item.consultant-report .report-details h4,.report-item.consultant-report .report-details p{color:#fff;text-shadow:0 1px 2px #0000001a}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.consultant-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;box-shadow:0 2px 8px #0000001a;margin-right:.5rem}.consultant-badge,.experience-badge{align-items:center;border:1px solid #fff3;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;padding:.25rem .6rem}.experience-badge{background:linear-gradient(45deg,#f59e0b,#f97316);box-shadow:0 3px 12px #f59e0b66;color:#fff}.consultant-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.feature-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 6px #0000001a;font-size:.7rem;font-weight:500;padding:.3rem .6rem;transition:all .3s ease}.feature-badge:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-generate{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;height:38px;justify-content:center;min-width:44px;overflow:hidden;position:relative;transition:all .3s ease;z-index:10}.btn-basic{background:#3b82f6;box-shadow:0 2px 8px #3b82f633;color:#fff}.btn-basic:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f64d;transform:translateY(-2px)}.btn-consultant{background:linear-gradient(45deg,#f59e0b,#f97316);border:2px solid #ffffff4d;box-shadow:0 4px 16px #f59e0b4d;color:#fff}.btn-consultant:hover{background:linear-gradient(45deg,#e68e09,#ea6a0e);box-shadow:0 8px 25px #f59e0b80;transform:translateY(-3px)}.btn-consultant:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-consultant:hover:before{left:100%}.btn-generate:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from:#faf5ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#faf5ff00)}.to-blue-50{--tw-gradient-to:#eff6ff}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.border-purple-200{border-color:#e9d5ff}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-800{color:#1f2937}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-600{color:#4b5563}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.bg-white{background-color:#fff}.p-4{padding:1rem}.p-6{padding:1.5rem}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.font-medium{font-weight:500}.w-full{width:100%}.rounded-full{border-radius:9999px}.h-3{height:.75rem}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.text-xs{font-size:.75rem;line-height:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.p-3{padding:.75rem}.border{border-width:1px}.mr-1{margin-right:.25rem}.text-blue-700{color:#1d4ed8}.text-blue-600{color:#2563eb}.bg-blue-200{background-color:#dbeafe}.bg-blue-600{background-color:#2563eb}.text-green-700{color:#15803d}.text-green-600{color:#16a34a}.bg-green-200{background-color:#bbf7d0}.bg-green-600{background-color:#16a34a}.text-purple-700{color:#7c3aed}.text-purple-600{color:#9333ea}.bg-purple-200{background-color:#e9d5ff}.bg-purple-600{background-color:#9333ea}.text-indigo-700{color:#4338ca}.text-indigo-600{color:#4f46e5}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-600{background-color:#4f46e5}.text-blue-800{color:#1e40af}.bg-blue-50{background-color:#eff6ff}.border-blue-200{border-color:#bfdbfe}.text-yellow-800{color:#92400e}.bg-yellow-50{background-color:#fffbeb}.border-yellow-200{border-color:#fde68a}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.consultant-features{flex-direction:column;gap:.3rem}.feature-badge{align-self:flex-start}.report-header{align-items:flex-start;flex-direction:column}.experience-badge{margin-top:.5rem}.btn-generate{font-size:1rem;height:36px;min-width:40px}}@media (max-width:480px){.consultant-badge,.experience-badge{font-size:.65rem;padding:.2rem .4rem}.feature-badge{font-size:.65rem;padding:.25rem .4rem}.btn-generate{font-size:.9rem;height:32px;min-width:36px}}.customer-center{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.customer-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001f;padding:2rem 2rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-title{align-items:center;display:flex;gap:1.5rem}.title-icon{color:#4f46e5;filter:drop-shadow(0 4px 8px rgba(79,70,229,.3));height:3rem;width:3rem}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4f46e5 50%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#2d3748;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin:0}.customer-tabs{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-bottom:1px solid #ffffff4d;box-shadow:0 4px 20px #00000014;padding:0 2rem;position:-webkit-sticky;position:sticky;top:120px;z-index:99}.tabs-container{margin:0 auto;max-width:1200px}.desktop-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.tab-button{background:#ffffffe6!important;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#1a202c!important;font-weight:600;gap:.75rem;min-height:60px;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-button:before{display:none}.tab-button:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#ffffff4d;box-shadow:0 8px 25px #667eea66;color:#fff!important;transform:translateY(-2px)}.tab-button:hover:before{display:none}.tab-button.active{background:#fff!important;border-color:#4f46e5;box-shadow:0 8px 30px #4f46e54d;color:#1a202c!important;font-weight:700;transform:translateY(-2px)}.tab-button.active:before{display:none}.tab-button.active:after{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:2px 2px 0 0;bottom:-2px;height:4px;left:0;right:0}.tab-button svg{font-size:1.2rem}.tab-button span,.tab-button svg{color:inherit!important;position:relative;z-index:1}.mobile-tabs-container{display:none;position:relative}.mobile-menu-toggle{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #4f46e533;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1.25rem;transition:all .3s ease;width:100%}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#4f46e566;box-shadow:0 6px 20px #00000026;color:#1a202c;transform:translateY(-1px)}.mobile-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #4f46e533;border-radius:16px;box-shadow:0 20px 50px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:200}.mobile-tabs button{align-items:center;background:none;border:none;border-bottom:1px solid #f1f5f9cc;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1.25rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.mobile-tabs button:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.mobile-tabs button:last-child{border-bottom:none}.mobile-tabs button:hover{background:#4f46e50d;color:#4f46e5;padding-left:2rem}.mobile-tabs button:hover:before{width:4px}.mobile-tabs button.active{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);color:#4f46e5;font-weight:700;padding-left:2rem}.mobile-tabs button.active:before{width:4px}.mobile-tabs button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.1rem}.tab-content{margin:0 auto;max-width:1200px;padding:2rem}.customer-dashboard{gap:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{color:#fff;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.section-header p{color:#fffffff2;font-size:.95rem;font-weight:500;margin:.25rem 0 0;text-shadow:0 1px 3px #0003}.enhanced-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.enhanced-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-2px)}.card-header{gap:1rem;margin-bottom:1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.card-info h3{color:#1a202c;font-size:1.3rem;font-weight:700;margin:0}.card-info p{color:#4a5568;font-size:.9rem;font-weight:500;margin:.25rem 0 0}.enhanced-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group label,.form-group select,.form-group textarea{color:#1f2937}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;color:#1a202c}.form-actions{border-top:1px solid #f3f4f6;padding-top:1rem}.btn{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.btn-primary:hover{box-shadow:0 4px 15px #4f46e566;transform:translateY(-1px)}.btn-secondary{background:#f8fafc;border:2px solid #e5e7eb;color:#374151;font-weight:600}.btn-secondary:hover{background:#f1f5f9;border-color:#d1d5db;color:#1f2937}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #4f46e5;color:#4f46e5;font-weight:600}.btn-outline:hover{background:#4f46e5;color:#fff}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.coupons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.coupon-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:all .3s ease}.coupon-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.coupon-header{align-items:flex-start;margin-bottom:1rem}.status-badge.active{background:#d1fae5;color:#065f46}.coupon-details{margin-bottom:1rem}.coupon-discount{color:#1f2937}.coupon-description{color:#4a5568}.coupon-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.coupon-meta span{color:#6b7280}.coupon-actions{gap:.5rem}.loading-container{color:#fff;font-size:1.1rem;font-weight:600;padding:3rem}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:2rem;margin-right:1rem;width:2rem}@media (max-width:768px){.customer-center{padding:0}.customer-header{padding:1rem}.header-title h1{font-size:1.5rem}.title-icon{height:2rem;width:2rem}.customer-tabs{padding:0 1rem}.desktop-tabs{display:none}.mobile-tabs-container{display:block}.tab-content{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.enhanced-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.coupons-grid{grid-template-columns:1fr}.coupon-actions{flex-direction:column}}.customer-center *{color:inherit}.enhanced-card h1,.enhanced-card h2,.enhanced-card h3,.enhanced-card h4,.enhanced-card h5,.enhanced-card h6{color:#1a202c!important;font-weight:700}.enhanced-card div:not(.card-icon):not(.status-badge),.enhanced-card p,.enhanced-card span{color:#374151!important;font-weight:500}.enhanced-card label{color:#1f2937!important;font-weight:600}.tab-content h1,.tab-content h2,.tab-content h3,.tab-content h4,.tab-content h5,.tab-content h6{color:#fff!important;font-weight:700;text-shadow:0 2px 4px #0000004d}.tab-content p:not(.card-info p){color:#fffffff2!important;font-weight:500;text-shadow:0 1px 3px #0003}.status-badge{border-radius:20px;color:#fff!important;font-weight:700;text-shadow:0 1px 2px #0000004d}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important}.coupon-code{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-shadow:0 1px 2px #0000004d}.coupon-discount{color:#1a202c!important;font-size:1.2rem;margin-bottom:.5rem}.coupon-description{color:#374151!important;font-size:.9rem;font-weight:500;margin-bottom:1rem}.coupon-meta span{color:#4a5568!important;font-size:.8rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1a202c!important;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af!important;font-weight:400}.loading-container p{color:#fff!important;text-shadow:0 2px 4px #0000004d}.mobile-menu-toggle{color:#1f2937!important;font-weight:600}.mobile-tabs button{color:#374151!important;font-weight:600}.mobile-tabs button.active,.mobile-tabs button:hover{color:#4f46e5!important;font-weight:700}.btn{font-weight:700!important;text-shadow:0 1px 2px #0000001a}.btn-primary{color:#fff!important}.btn-secondary{color:#374151!important}.btn-success{color:#fff!important}.btn-outline{color:#4f46e5!important}.btn-outline:hover{color:#fff!important}.customer-center .tab-button,.customer-center .tab-button span,.customer-center .tab-button svg{color:#1a202c!important}.customer-center .tab-button:hover,.customer-center .tab-button:hover span,.customer-center .tab-button:hover svg{color:#fff!important}.customer-center .tab-button.active,.customer-center .tab-button.active span,.customer-center .tab-button.active svg{color:#1a202c!important}.customer-center .desktop-tabs .tab-button.active,.customer-center .tab-button.active{background:#fff!important;border:2px solid #4f46e5!important;box-shadow:0 8px 30px #4f46e54d;color:#1a202c!important;font-weight:700;transform:translateY(-2px)}.customer-center .desktop-tabs .tab-button.active span,.customer-center .desktop-tabs .tab-button.active svg,.customer-center .tab-button.active span,.customer-center .tab-button.active svg{color:#1a202c!important}.customer-center .tab-button.active:before{background:none!important;display:none!important}.client-registration-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-radius:16px;margin-bottom:2rem;padding:2rem}@media (max-width:768px){.client-registration-container{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.qr-section{padding:.5rem}.qr-preview{max-width:320px;padding:1.5rem}.qr-preview canvas{height:200px!important;width:200px!important}.coupon-preview{padding:.6rem 1rem;width:90%}.discount-value{font-size:2rem}.qr-actions{flex-wrap:wrap;gap:.8rem}.qr-action-btn{flex:1 1;font-size:.9rem;min-width:100px;padding:.7rem 1rem}}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h2{align-items:center;display:flex;font-size:1.6rem;font-weight:600;gap:10px}.section-header .actions{display:flex;gap:12px}.action-button{background:#ffffff1a;border:none;border-radius:8px;font-size:1rem;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.action-button:hover{background:#fff3}.action-button.active-vip{background:#ffd7004d;color:gold}.action-button.active-vip:hover{background:#ffd70066}.action-button svg{margin-right:6px}.section-controls{justify-content:space-between;margin-bottom:20px}.search-bar,.search-filter,.section-controls{align-items:center;display:flex}.search-bar{background:#ffffff1a;border-radius:8px;gap:1rem;padding:.8rem 1.5rem}.search-bar input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.search-bar input::placeholder{color:#fff9}.client-list{background:#3c3c3c4d;border-radius:8px;margin-bottom:30px;overflow:hidden}.client-list-header{background:#50505066;border-bottom:1px solid #ffffff1a;display:grid;font-weight:600;grid-template-columns:2fr 2fr 1fr 1fr 1fr;letter-spacing:.5px;padding:15px 20px}.client-list-header .sortable{align-items:center;cursor:pointer;display:flex;gap:5px;transition:color .2s}.client-list-header .sortable:hover{color:#ffd700cc}.client-row{align-items:center;border-bottom:1px solid #ffffff0d;display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;padding:15px 20px;transition:all .3s ease}.client-row:hover{background:#ffffff0d}.vip-client{background:#ffd7000d;border-left:4px solid gold;position:relative}.vip-icon{color:gold;font-size:1.2rem;margin-right:8px;vertical-align:middle}.client-name{align-items:center;display:flex;font-size:1.05rem;font-weight:500}.client-row.vip-client .client-name{color:#fff;font-weight:600}.client-contact{display:flex;flex-direction:column;gap:4px}.client-contact div{align-items:center;display:flex;gap:6px}.client-spent{font-size:1.1rem;font-weight:600}.client-points{align-items:center;color:#ddd;display:flex;font-size:.85rem;gap:4px;margin-top:6px}.client-points svg{color:#ff9800}.client-visit{color:#ffffffb3}.client-actions{display:flex;gap:8px;justify-content:flex-end}.client-actions button{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.client-actions .edit-btn{background-color:#00000080}.client-actions .delete-btn{background-color:#ef444433}.client-actions .whatsapp-btn{background-color:#25d36633}.client-actions .vip-btn{background-color:#ffd70033;color:#ccc}.client-actions .vip-btn.active{color:gold}.client-actions .edit-btn:hover{background-color:#000000b3}.client-actions .delete-btn:hover{background-color:#ef444480}.client-actions .whatsapp-btn:hover{background-color:#25d36680;color:#fff}.client-actions .vip-btn:hover{background-color:#ffd7004d;color:gold}.customer-form-container{background:#ffffff1a;border-radius:12px;margin-bottom:2rem;padding:2rem}.customer-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{color:#ffffffe6;font-size:.9rem}.checkbox-label{gap:8px}.form-actions{grid-column:1/-1;margin-top:1rem}.cancel-btn{background:#ffffff1a;border:none;color:#fff;padding:.8rem 1.5rem}.save-btn{background:#48c78e33;border-radius:8px;padding:.8rem 1.5rem}.cancel-btn:hover{background:#fff3}.save-btn:hover{background:#48c78e4d}.qr-section{display:flex;justify-content:center;margin-bottom:2rem}.qr-display{margin:0 auto;max-width:500px}.qr-display,.qr-preview{align-items:center;display:flex;flex-direction:column}.qr-preview{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#333;margin:0 auto 1.5rem;max-width:400px;padding:2rem;text-align:center;transition:all .3s ease;width:100%}.qr-preview.modern{border-radius:20px;box-shadow:0 12px 30px #00000026;overflow:hidden;padding:2rem;position:relative}.qr-preview.modern:before{background:#4a6cf7;background:var(--accent-color,#4a6cf7);content:"";height:8px;left:0;position:absolute;top:0;width:100%}.qr-preview.minimal{border:1px solid #eaeaea;border-radius:10px;box-shadow:0 5px 15px #00000014;padding:1.5rem}.qr-preview.branded{background:#f9f9f9;border-radius:16px;box-shadow:0 8px 20px #0000001f;padding:2rem}.business-logo{align-items:center;border:2px solid #4a6cf7;border:2px solid var(--accent-color,#4a6cf7);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:15px;overflow:hidden;transition:all .3s ease;width:80px}.business-logo:hover{box-shadow:0 0 10px #fff3;transform:scale(1.05)}.business-logo img{object-fit:contain}.card-main-title{color:#333;font-size:1.3rem;font-weight:600;margin:10px 0}.card-subtitle{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:20px}.qr-code-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;display:inline-block;margin:20px 0;padding:10px;position:relative}.card-customization{margin-bottom:1.5rem}.qr-settings h4{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:1.1rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.qr-settings h3{border-bottom:1px solid #fff3;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:.5rem}.qr-settings .form-group{margin-bottom:1.2rem}.qr-settings .form-group label{color:#fff;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.qr-settings small{color:#fff9;display:block;font-size:.8rem;margin-top:.3rem}@media (max-width:768px){.qr-settings h4{font-size:1rem;margin:1.2rem 0 .8rem}.qr-settings h3{font-size:1.2rem;margin-bottom:1.2rem}.qr-settings .form-group{margin-bottom:1rem}}.qr-preview h3{color:#333;font-weight:600;margin-bottom:10px}.qr-preview p{color:#666;font-size:.95rem;margin-bottom:20px}.qr-status-badge{background-color:#4a6cf7;border-radius:20px;box-shadow:0 2px 10px #4a6cf733;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:6px 16px}.coupon-preview{align-items:center;background:linear-gradient(135deg,#ff5e62,#f96);border-radius:12px;box-shadow:0 6px 16px #ff5e6233;display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0;padding:.8rem 1.5rem;transition:all .3s ease;width:85%}.coupon-preview svg{color:#fff;font-size:1.5rem}.flow-explanation{background:#4a6cf71a;border-radius:10px;margin:1.5rem 0;padding:1.2rem}.flow-explanation h4{color:#4a6cf7e6;margin-bottom:.8rem}.flow-explanation ol{color:#fffc;padding-left:1.5rem}.flow-explanation li{margin-bottom:.5rem}.usage-suggestion{background:#ffffff0d;border-radius:10px;margin:1.5rem 0;padding:1.2rem}.usage-suggestion h4{margin-bottom:.8rem}.usage-suggestion ul{color:#fffc;padding-left:1.5rem}.usage-suggestion li{margin-bottom:.5rem}@media (max-width:768px){.card-customization{padding:1rem}.qr-preview{max-width:100%}.business-logo{height:60px;width:60px}.color-selector input[type=color]{height:35px;width:35px}}.tracking-info{align-self:stretch;background-color:#f8f9fa;border-left:3px solid #6c757d;border-radius:8px;box-shadow:0 2px 6px #00000008;color:#6c757d;font-size:12px;margin-top:15px;padding:8px 16px;text-align:left;width:auto}.messagebird-info{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.2rem;width:100%}.messagebird-info h4{color:#25d366e6;font-size:1.1rem;font-weight:600;gap:.8rem;margin-bottom:1rem}.messagebird-info p{align-items:center;color:#ffffffe6;display:flex;font-weight:500;gap:.8rem}.welcome-message-preview{background-color:initial;border-left:3px solid #25d366e6;border-radius:0;box-shadow:none;margin-bottom:.8rem;padding:1rem}.welcome-message-preview p{color:#fff;display:block;font-size:1.1rem;font-weight:500;line-height:1.6;margin:.5rem 0}.welcome-message-preview p:first-child{font-weight:600}.welcome-message-preview .highlight{background-color:#4a6cf7e6;border-radius:4px;color:#fff;display:inline-block;margin:2px 0;padding:3px 8px}.no-results{color:#fff9;padding:2rem;text-align:center}.twilio-info{background:#25d36626;border-radius:10px;color:#fff;margin-top:1.5rem;padding:1rem}.twilio-info h4{gap:.5rem}.twilio-info h4,.twilio-info p{align-items:center;display:flex;margin-bottom:.8rem}.twilio-info p{font-size:.95rem;gap:8px;line-height:1.4}.messagebird-info{background:#25d36626;border-radius:10px;margin-top:1.5rem;padding:1rem}.messagebird-info h4{align-items:center;color:#ffffffe6;display:flex;gap:.5rem;margin-bottom:.8rem}.messagebird-info p{color:#fffc;font-size:.95rem;line-height:1.4;margin-bottom:.8rem}.messagebird-info p:first-of-type{align-items:center;display:flex;font-weight:600;gap:.5rem}@media (max-width:768px){.qr-preview{max-width:100%;padding:1.5rem}.qr-preview canvas{height:auto;max-width:200px}.qr-action-btn,.qr-actions{justify-content:center}.qr-action-btn{flex-grow:1;min-width:120px}.tracking-info{width:100%}.coupon-preview{padding:.6rem 1rem;width:85%}.discount-value{font-size:2rem}.messagebird-info{padding:1rem}.qr-placeholder{padding:2rem 1rem}.generate-qr-btn{justify-content:center;width:100%}.client-list-header,.client-row{gap:.5rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-header .actions{overflow-x:auto;padding-bottom:.5rem;width:100%}.action-button{font-size:.9rem;min-width:45px;padding:.7rem}.mobile-header .actions{display:flex;justify-content:space-between;width:100%}.section-controls{flex-direction:column;gap:1rem}.search-bar,.search-filter{width:100%}.add-client-btn{justify-content:center;width:100%}.mobile-client-details{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;padding-left:.5rem}.mobile-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.mobile-qr-section{display:flex;flex-direction:column}.qr-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.qr-display,.qr-settings{width:100%}.qr-actions{flex-wrap:wrap;gap:.5rem}.qr-action-btn{flex:1 1;min-width:100px}.client-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:.5rem}.client-actions button{height:38px;width:38px}}.mobile-header{padding-bottom:1rem}.filter-controls{margin-left:.5rem}.filter-btn,.filter-controls{align-items:center;display:flex}.filter-btn{background:#ffd7001a;border:none;border-radius:8px;color:#fff;cursor:pointer;gap:.5rem;justify-content:center;padding:.6rem 1rem}.filter-btn.active{background:#ffd7004d;color:gold}.filter-btn:hover{background:#ffd70033}.provider-selector{margin:1.5rem 0;max-width:400px;width:100%}.provider-option{align-items:center;background:#ffffff14;border-radius:12px;display:flex;gap:12px;padding:1rem 1.5rem;transition:all .2s ease}.provider-option:hover{background:#ffffff1f}.provider-option input[type=radio]{height:18px;margin:0;width:18px}.provider-option label{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;gap:12px}.provider-option svg{color:#25d366;font-size:1.3rem}.generate-qr-btn{align-items:center;background:#4a6cf7;border:none;border-radius:12px;box-shadow:0 4px 15px #4a6cf733;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;margin-top:1.5rem;padding:1rem 2.5rem;transition:all .2s ease}.generate-qr-btn:hover:not(:disabled){background:#3a5ce5;box-shadow:0 6px 20px #4a6cf74d;transform:translateY(-2px)}.generate-qr-btn:disabled{background:#4a6cf780;cursor:not-allowed}.qr-placeholder{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.qr-placeholder p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.despierta-note{color:#3dd658cc;font-size:12px;font-style:italic;margin-left:25px;margin-top:5px}.provider-warning{background-color:#ff3b3033;border-left:3px solid #ff3b30;border-radius:4px;color:#ffb3b0;font-size:13px;margin-top:15px;padding:12px}.qr-permanent-note{display:flex;justify-content:center;margin-top:2rem}.close-qr-btn{background:#4a6cf7;border:none;border-radius:10px;box-shadow:0 4px 15px #4a6cf733;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .2s ease}.close-qr-btn:hover{background:#3a5ce5;box-shadow:0 6px 20px #4a6cf74d;transform:translateY(-2px)}.discount-value{color:#fff;font-size:2.5rem;font-weight:700;margin:0 .25rem}.discount-label{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:1px}.qr-actions{gap:1rem;margin-top:1.5rem}.qr-action-btn{align-items:center;background:#f5f5f5;border:none;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.8rem;padding:.8rem 1.5rem;transition:all .2s ease}.qr-action-btn:hover{background:#eee;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qr-action-btn.whatsapp{background:#25d366;color:#fff}.qr-action-btn.whatsapp:hover{background:#22c35e}.qr-action-btn.edit{background-color:#4a6cf733}.qr-action-btn.edit:hover{background-color:#4a6cf766}.save-settings-btn{background:#4a6cf7;border:none;border-radius:10px;box-shadow:0 4px 15px #4a6cf733;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:1rem auto;padding:.8rem 2rem;transition:all .2s ease}.save-settings-btn:hover{background:#3a5ce5;box-shadow:0 6px 20px #4a6cf74d;transform:translateY(-2px)}.qr-section .qr-settings{background:#ffffff0d;border-radius:16px;margin:0 auto;max-width:600px;padding:1.5rem}@media (max-width:768px){.qr-section .qr-settings{padding:1rem}}.color-selector{align-items:center;background:#ffffff14;border-radius:8px;display:flex;gap:10px;margin-top:5px;padding:.5rem}.color-selector input[type=color]{background:none;border:none;border-radius:50%;box-shadow:0 0 10px #0003;cursor:pointer;height:40px;overflow:hidden;width:40px}.color-value{background:#ffffff1a;border-radius:4px;color:#fffc;font-family:monospace;font-size:14px;padding:4px 8px}.color-selector input[type=color]:active,.color-selector input[type=color]:focus{outline:2px solid #ffffff80;transform:scale(1.05)}.color-selector input[type=color]:hover{cursor:pointer;transform:scale(1.05);transition:transform .2s ease}.save-settings-btn{overflow:hidden;position:relative}.save-settings-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.save-settings-btn:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}.coupon-preview{transition:background .5s ease}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex;transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{opacity:.9}.modern-checkbox{align-items:center;background:#ffffff14;border-radius:12px;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.8rem 1rem;transition:all .3s ease}.modern-checkbox:hover{background:#ffffff1f}.modern-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.modern-checkbox .checkbox-control{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:24px;justify-content:center;margin-right:12px;min-width:24px;position:relative;transition:all .3s ease;width:24px}.modern-checkbox:hover .checkbox-control{background-color:#ffffff26}.modern-checkbox input:checked~.checkbox-control{background-color:#4a6cf7;box-shadow:0 0 10px #4a6cf780}.modern-checkbox .checkbox-control:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:9px;position:absolute;top:5px;transform:rotate(45deg);width:6px}.modern-checkbox input:checked~.checkbox-control:after{display:block}.modern-checkbox .checkbox-text{align-items:center;color:#fff;display:flex;font-weight:500}.modern-checkbox .checkbox-text svg{color:#4a6cf7;margin-left:6px}.qr-settings input[type=number],.qr-settings input[type=text],.qr-settings select,.qr-settings textarea{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.95rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.qr-settings input[type=number]:focus,.qr-settings input[type=text]:focus,.qr-settings select:focus,.qr-settings textarea:focus{background:#ffffff1a;border-color:#4a6cf780;box-shadow:0 0 0 2px #4a6cf740;outline:none}.qr-settings input::placeholder,.qr-settings textarea::placeholder{color:#fff6}.logo-loading{align-items:center;background:#4a6cf71a;border-radius:8px;color:#fffc;display:flex;font-size:.9rem;justify-content:center;margin-top:5px;padding:15px;position:relative}.logo-loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#4a6cf7;content:"";height:20px;position:absolute;right:15px;width:20px}.logo-url-group{background:#ffffff08;border-left:3px solid #4a6cf7;border-radius:8px;margin-bottom:20px;margin-left:10px;padding:10px}.business-logo img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.business-logo:hover img{transform:scale(1.1)}.discount-selector{align-items:center;background:#ffffff14;border-radius:8px;display:flex;overflow:hidden}.discount-selector input{background:#0000;border:none;color:#fff;font-size:1rem;padding:.8rem 1rem;width:100%}.discount-selector .percent-sign{background:#4a6cf780;color:#fff;font-weight:500;padding:.8rem 1rem}.loyalty-section{background:#4a6cf70d;border-radius:16px;box-shadow:0 8px 24px #00000014;margin:2rem 0;overflow:hidden;padding:1.5rem;position:relative}.loyalty-section:before{background:linear-gradient(90deg,#4a6cf7e6,#25d366e6);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.loyalty-section h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:600;gap:.8rem;margin-bottom:1.2rem}.loyalty-section-content{padding:1rem 0}.loyalty-rules-container,.new-rule-btn{position:relative}.new-rule-btn{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#4a6cf7,#25d366);border:none;border-radius:50px;box-shadow:0 4px 15px #4a6cf74d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.7rem;letter-spacing:.5px;margin-bottom:1.5rem;overflow:hidden;padding:.9rem 2rem;text-shadow:0 1px 3px #0003;transition:all .3s ease;z-index:1}.new-rule-btn:after{background:linear-gradient(90deg,#ffffff21 0,#ffffff21 77%,#ffffff80 92%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .7s ease-in-out;width:100%;z-index:-1}.new-rule-btn:hover:after{transform:translateX(100%)}.new-rule-btn:before{background:linear-gradient(135deg,#25d366,#4a6cf7);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:-1}.new-rule-btn:hover:before{opacity:1}.new-rule-btn:hover{box-shadow:0 8px 25px #4a6cf780;transform:translateY(-3px) scale(1.02)}.new-rule-btn:active{box-shadow:0 2px 5px #4a6cf74d;transform:translateY(1px) scale(.98)}.new-rule-btn svg{font-size:1.1rem;transition:transform .3s ease}.new-rule-btn:hover svg{transform:rotate(90deg)}.rule-card{background:#ffffff0d;border-left:3px solid #4a6cf7e6;border-radius:12px;margin-bottom:1rem;padding:1.2rem;position:relative;transition:transform .2s,box-shadow .2s}.rule-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-3px)}.rule-header{gap:1rem;margin-bottom:1rem}.rule-header,.rule-icon{align-items:center;display:flex}.rule-icon{background:#4a6cf7e6;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:1.1rem;height:40px;justify-content:center;width:40px}.rule-title{color:#fff;flex-grow:1;font-size:1.2rem;font-weight:600}.rule-status{background:#25d36633;border-radius:50px;color:#25d366e6;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.rule-status.inactive{background:#ff634733;color:#ff6347e6}.rule-details{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr;margin-bottom:1rem;padding-left:3.5rem}.rule-label{color:#ffffffb3;font-size:.9rem;font-weight:600}.rule-value{color:#ffffffe6;font-size:.95rem}.rule-actions{display:flex;gap:.8rem;padding-left:3.5rem}.rule-action-btn{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.rule-action-btn:hover{background:#ffffff1a;color:#fff}.rule-action-btn.edit{color:#4a6cf7e6}.rule-action-btn.delete{color:#ff6347e6}.rule-toggle{display:inline-block;height:24px;position:absolute;right:1.2rem;top:1.2rem;width:40px}.rule-toggle input{height:0;opacity:0;width:0}.rule-toggle-slider{background-color:#fff3;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.rule-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.rule-toggle-slider{background-color:#25d366e6}input:checked+.rule-toggle-slider:before{transform:translateX(16px)}.loyalty-rule-form{background:#ffffff0d;border:1px solid #4a6cf733;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.loyalty-rule-form h4{align-items:center;color:#fff;font-size:1.2rem;font-weight:600;gap:.8rem}.form-row,.loyalty-rule-form h4{display:flex;margin-bottom:1.5rem}.form-row{gap:1.5rem}.form-group-minimal{flex:1 1}.form-group-minimal label{color:#ffffffb3;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group-minimal input,.form-group-minimal select,.form-group-minimal textarea{background:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.95rem;padding:.8rem;transition:all .2s;width:100%}.form-group-minimal input:focus,.form-group-minimal select:focus,.form-group-minimal textarea:focus{border-color:#4a6cf799;box-shadow:0 0 0 2px #4a6cf733;outline:none}.form-actions-minimal{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-btn-cancel{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.95rem;padding:.7rem 1.5rem;transition:all .2s}.form-btn-cancel:hover{background:#ffffff0d;color:#fff}.form-btn-save{background:#4a6cf7e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.5rem;transition:all .2s}.form-btn-save:hover{background:#4a6cf7;box-shadow:0 4px 10px #4a6cf74d}.condition-icon-container{display:flex;gap:.7rem;margin-bottom:1.5rem}.condition-icon-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;opacity:.6;padding:.5rem;transition:all .2s}.condition-icon-option:hover{background:#ffffff0d;opacity:.8}.condition-icon-option.selected{background:#4a6cf71a;opacity:1}.condition-icon-circle{align-items:center;background:#4a6cf7cc;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.condition-icon-label{color:#fffc;font-size:.8rem;text-align:center}.customer-tabs-container{margin:2rem 0;width:100%}.tab-navigation{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 1.2rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{background:#4a6cf733;color:#fff;position:relative}.tab-button.active:after{background:linear-gradient(90deg,#4a6cf7e6,#25d366e6);border-radius:3px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.tab-content{min-height:300px}.customer-points{margin-bottom:2rem}.points-display{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:.8rem;padding:1rem;width:-webkit-fit-content;width:fit-content}.points-value{color:#fff;font-size:1.8rem;font-weight:700}.points-label{font-size:.9rem}.passport-rewards{background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding:1rem}.passport-rewards p{color:#ffffffe6;font-size:.95rem}@media (max-width:768px){.tab-navigation{padding-bottom:.3rem}.tab-button{font-size:.9rem;padding:.7rem 1rem}.tab-content{min-height:200px}}.customer-dashboard{display:flex;flex-direction:column;width:100%}.main-content-section{background:#2a2d38;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.main-tabs-container{background:#6464644d;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:flex-start;margin:0 0 1.5rem;padding:1rem .5rem;position:relative}.main-tabs-bar{gap:5px;overflow-x:auto;padding:0;width:100%;z-index:1}.main-tab-item,.main-tabs-bar{background:#0000;display:flex;position:relative}.main-tab-item{align-items:center;border:none;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;font-weight:500;gap:.7rem;padding:.7rem 1.2rem;transition:all .3s ease;white-space:nowrap;z-index:2}.main-tab-item:hover:not(.active){background:#ffffff1a;color:#fff}.main-tab-item.active{background:#ffffff26;box-shadow:0 2px 5px #0000001a;color:#fff}.main-tabs-indicator{background:linear-gradient(90deg,#4a6cf7,#25d366);bottom:0;height:3px;left:0;position:absolute;right:0}.main-tabs-content{padding:.5rem}.inner-tabs-container{background:#3a3e4a;border-radius:16px;box-shadow:0 4px 15px #0003;display:flex;margin:1rem 0 2rem;padding:.5rem}.inner-tab-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.7rem;padding:.7rem 1.5rem;transition:all .3s ease}.inner-tab-item:hover:not(.active){background:#ffffff0d;color:#fff}.inner-tab-item.active{background:#4b5ee7;box-shadow:0 4px 10px #0003;color:#fff}.section-title-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.section-title-icon{align-items:center;background:#3a3e4a;border-radius:12px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-right:auto}.section-actions{display:flex;gap:.8rem}.section-actions .action-button{align-items:center;background:#4a6cf71a;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.section-actions .action-button:hover{background:#4a6cf733;color:#fff;transform:translateY(-2px)}.section-actions .action-button:active{transform:translateY(0)}.section-actions .action-button.view-qr{background:#25d36626;border-radius:10px;box-shadow:0 3px 10px #25d36633;color:#25d366;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.section-actions .action-button.view-qr:hover{background:#25d36640;box-shadow:0 5px 15px #25d3664d;color:#fff;transform:translateY(-3px)}.section-actions .action-button.view-qr:active{box-shadow:0 2px 5px #25d36633;transform:translateY(0)}.section-actions .action-button.view-qr svg{font-size:1.2rem;margin-right:.5rem}.points-container{align-items:center;background:#3a3e4a;border-radius:12px;display:flex;margin-bottom:2rem;padding:1rem 1.5rem;width:-webkit-fit-content;width:fit-content}.points-icon{color:gold;font-size:2rem;margin-right:1rem}.points-amount{color:#fff;font-size:2rem;font-weight:700;margin-right:.8rem}.points-label{color:#ffffffb3;font-size:1rem}.main-tabs-page{animation:fadeIn .3s ease-in-out}.coupons-section{width:100%}.coupons-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.coupon-card{background:#ffffff0d;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.coupon-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-5px)}.coupon-header{align-items:center;background:linear-gradient(135deg,#4a6cf733,#25d36633);border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1.2rem}.coupon-code{color:#fff;font-size:1.1rem;gap:.5rem}.coupon-code,.coupon-status{align-items:center;display:flex;font-weight:600}.coupon-status{border-radius:50px;font-size:.8rem;padding:.3rem .8rem}.coupon-status.active{background:#25d36633;color:#25d366e6}.coupon-status.inactive{background:#ff634733;color:#ff6347e6}.coupon-body{display:flex;flex-direction:column;flex-grow:1;padding:1.2rem}.coupon-description{color:#ffffffe6;font-size:.95rem;margin-bottom:.8rem}.coupon-discount{color:#4a6cf7e6;font-size:1.3rem;font-weight:700;margin-bottom:1.2rem}.coupon-details{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:auto}.coupon-detail{align-items:center;display:flex;font-size:.9rem}.detail-label{color:#fff9;font-weight:500;margin-right:.5rem}.detail-value{color:#ffffffe6;font-weight:600}.coupon-actions{background:#0003;display:flex;justify-content:space-between;padding:.8rem 1.2rem}.coupon-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.coupon-action-btn:hover{background:#ffffff1a;color:#fff}.coupon-action-btn.toggle{color:#4a6cf7e6}.coupon-action-btn.toggle:hover{background:#4a6cf71a}.coupon-action-btn.share{color:#25d366e6}.coupon-action-btn.share:hover{background:#25d3661a}.coupon-action-btn.delete{color:#ff6347e6}.coupon-action-btn.delete:hover{background:#ff63471a}@media (max-width:768px){.coupons-list{grid-template-columns:1fr}}.table-layout-list{display:flex;flex-direction:column;height:100%}.list-header{align-items:center;border-bottom:1px solid #e1e5eb;display:flex;justify-content:space-between;padding:1rem}.list-header h3{color:#444;font-size:1.1rem;margin:0}.add-layout-btn{align-items:center!important;background-color:initial!important;border:none!important;border-radius:4px!important;color:#222!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;padding:0!important;transition:background-color .2s!important;width:32px!important}.add-layout-btn:hover{background-color:#0000001a!important}.layouts-container{flex:1 1;overflow-y:auto}.layouts-list{list-style:none;margin:0;padding:0}.layout-item{align-items:center;border-bottom:1px solid #e1e5eb;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s}.layout-item:hover{background-color:#f5f7fa}.layout-item.selected{background-color:#f0f0f0;border-left:3px solid #222}.layout-name{align-items:center;color:#333;display:flex;font-weight:500;gap:.5rem}.active-badge{background-color:#4caf50;border-radius:10px;color:#fff;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.layout-actions{display:flex;gap:.5rem}.delete-btn,.star-btn{align-items:center!important;background-color:#fff!important;border:1px solid #e1e5eb!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:32px!important}.star-btn{color:#aaa!important}.star-btn svg{display:block!important;font-size:16px!important}.star-btn.active{background-color:#222!important;color:#ffc107!important}.star-btn:hover{background-color:#ffc1071a!important;box-shadow:0 2px 4px #0000001a!important}.delete-btn{color:#f44336!important}.delete-btn:hover{background-color:#f443361a!important}.empty-layouts{align-items:center;color:#777;display:flex;height:100%;justify-content:center;padding:1rem;text-align:center}.table-layout-list .layout-actions .delete-btn,.table-layout-list .layout-actions .star-btn,.table-layout-list .list-header .add-layout-btn{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;font-feature-settings:normal,auto!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;direction:ltr!important;filter:none!important;-webkit-font-kerning:auto!important;font-kerning:auto!important;font-optical-sizing:auto!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-variation-settings:normal!important;letter-spacing:normal!important;line-height:normal!important;mask:none!important;-webkit-mask:none!important;opacity:1!important;overflow:visible!important;text-decoration:none!important;text-indent:0!important;text-orientation:mixed!important;text-overflow:clip!important;text-rendering:auto!important;text-shadow:none!important;text-transform:none!important;transform:none!important;-webkit-transform:none!important;unicode-bidi:normal!important;visibility:visible!important;white-space:normal!important;word-spacing:normal!important;writing-mode:horizontal-tb!important}.table-item{align-items:center;background-color:#fff;border:2px solid #222;border-radius:4px;box-shadow:0 2px 10px #0000001a;cursor:move;display:flex;flex-direction:column;justify-content:center;padding:.25rem;position:absolute;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.table-item.circle{border-radius:50%}.table-item.selected{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5066;z-index:10}.table-item:hover:not(.selected){border-color:#777;box-shadow:0 2px 12px #00000026}.table-number{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.table-seats{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.25rem}.table-actions{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #00000026;display:flex;gap:.5rem;left:50%;padding:.25rem;position:absolute;top:-40px;transform:translateX(-50%)}.table-actions button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.table-actions .edit-btn{color:#222}.table-actions .edit-btn:hover{background-color:#0000001a;border-color:#222}.table-actions .delete-btn{color:#f44336}.table-actions .delete-btn:hover{background-color:#f443361a;border-color:#f44336}.table-layout-editor{display:flex;flex-direction:column;height:100%}.editor-header{align-items:center;border-bottom:1px solid #e1e5eb;display:flex;justify-content:space-between;padding:1rem}.editor-header h2{color:#333;font-size:1.3rem;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.active-layout-badge{align-items:center;background-color:#222;border-radius:4px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .8rem}.active-layout-badge svg{color:#ffc107}.add-table-btn{align-items:center!important;background-color:#222!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:.5rem!important;padding:.5rem 1rem!important;transition:background-color .2s!important}.add-table-btn:hover{background-color:#000!important}.zoom-controls{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;gap:.5rem;padding:.25rem}.zoom-controls button{align-items:center!important;background-color:#f5f7fa!important;border:1px solid #ddd!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:700!important;height:28px!important;justify-content:center!important;padding:0!important;width:28px!important}.zoom-controls button:disabled{cursor:not-allowed;opacity:.5}.zoom-controls span{color:#555;font-size:.9rem;min-width:60px;text-align:center}.canvas-container{background-color:#f5f7fa;flex:1 1;overflow:auto;position:relative;transform-origin:top left}.canvas{background-color:#fff;background-image:linear-gradient(#e1e5eb 1px,#0000 0),linear-gradient(90deg,#e1e5eb 1px,#0000 0);background-size:20px 20px;height:2000px;position:relative;-webkit-user-select:none;user-select:none;width:2000px}.adding-table-controls{align-items:center;display:flex;gap:1rem}.shape-selector{display:flex;gap:.5rem}.shape-btn{align-items:center!important;background-color:#f5f7fa!important;border:1px solid #ddd!important;border-radius:4px!important;color:#555!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:32px!important}.shape-btn:hover{background-color:#e9ecef!important}.shape-btn.selected{background-color:#222!important;border-color:#222!important;color:#fff!important}.shape-btn.selected:hover{background-color:#333!important}.cancel-btn{align-items:center!important;background-color:#f44336!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:32px!important;justify-content:center!important;padding:0!important;width:32px!important}.adding-prompt{color:#222;font-size:.9rem;font-weight:500}.edit-table-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-table-modal .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem}.modal-header{border-bottom:1px solid #e1e5eb;margin-bottom:1.5rem;padding-bottom:1rem}.close-modal{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem;line-height:1}.close-modal:hover{color:#000}.edit-table-modal h3{color:#333;margin-bottom:0;margin-top:0}.edit-table-modal .form-group{margin-bottom:1rem}.radio-group{display:flex;gap:1.5rem}.radio-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.radio-group input[type=radio]{width:auto}.save-btn{gap:.5rem}.form-actions button[type=button].cancel-button{align-items:center;background-color:#eee;border:1px solid #ddd;color:#555;display:flex;justify-content:center}.form-actions button[type=button].cancel-button:hover{background-color:#e0e0e0}.edit-table-form{padding:0 1rem}.edit-table-form .form-group{margin-bottom:1.5rem}.edit-table-form label{color:#444;display:block;font-weight:500;margin-bottom:.5rem}.edit-table-form input[type=number],.edit-table-form input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.edit-table-form input:focus{border-color:#222;box-shadow:0 0 0 2px #2222221a;outline:none}.active-layout-indicator{align-items:center;background-color:#ffffffe6;border:1px solid #ddd;border-radius:4px;color:#333;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .8rem}.active-layout-indicator .active-icon{color:#ffc107}.table-layout-editor .header-actions .add-table-btn,.table-layout-editor .header-actions .cancel-btn,.table-layout-editor .header-actions .shape-selector .shape-btn{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;font-feature-settings:normal,auto!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;direction:ltr!important;filter:none!important;-webkit-font-kerning:auto!important;font-kerning:auto!important;font-optical-sizing:auto!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-variation-settings:normal!important;letter-spacing:normal!important;line-height:normal!important;mask:none!important;-webkit-mask:none!important;opacity:1!important;overflow:visible!important;text-decoration:none!important;text-indent:0!important;text-orientation:mixed!important;text-overflow:clip!important;text-rendering:auto!important;text-shadow:none!important;text-transform:none!important;transform:none!important;-webkit-transform:none!important;unicode-bidi:normal!important;visibility:visible!important;white-space:normal!important;word-spacing:normal!important;writing-mode:horizontal-tb!important}.table-management-container{background-color:#f5f7fa;display:flex;flex-direction:column;height:100%;padding:1rem}.table-management-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.table-management-container h1{color:#333;font-size:1.75rem;margin:0}.create-layout-btn{background-color:#222;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.create-layout-btn:hover{background-color:#000}.table-management-content{border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;height:calc(100vh - 150px);overflow:hidden}.sidebar{background-color:#fff;border-right:1px solid #e1e5eb;overflow-y:auto;width:300px}.main-content{background-color:#fff;overflow:hidden;position:relative}.empty-state,.error,.loading,.no-layout-selected{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;color:#777;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.empty-state p,.no-layout-selected p{font-size:1.1rem;margin-bottom:1.5rem}.create-layout-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:2rem}.modal-content h2{color:#333;margin-bottom:1.5rem;margin-top:0}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:.75rem;width:100%}.form-actions{justify-content:flex-end}.form-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1.5rem}.form-actions button[type=button]{background-color:#eee;border:1px solid #ddd;color:#555}.form-actions button[type=submit]{background-color:#222;border:none;color:#fff}.form-actions button:hover{opacity:.9}@media (max-width:768px){.table-management-content{flex-direction:column;height:auto}.sidebar{border-bottom:1px solid #e1e5eb;border-right:none;max-height:200px;width:100%}.main-content{height:calc(100vh - 300px)}.modal-content{width:90%}}:root{--glass-bg:#141e3040;--glass-border:#ffffff1a;--glass-shadow:#0003;--glass-highlight:#78c8ff80;--glass-text:#fff;--glass-text-secondary:#fffc;--glass-accent:#409cffcc;--glass-danger:#ff4646b3;--glass-success:#1ec882b3;--glass-warning:#ffb41eb3;--glass-blur:15px;--neon-highlight:#78c8ffcc;--neon-glow:0 0 10px #78c8ff80,0 0 20px #78c8ff4d;--modal-bg:#fffffff2;--modal-text:#000;--modal-text-secondary:#333}.cash-orders-management-container{color:#fff;color:var(--glass-text);font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.cash-orders-management{backdrop-filter:blur(15px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(var(--glass-blur));background-color:#141e3040;background-color:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 0 2px #78c8ff80;box-shadow:0 8px 32px var(--glass-shadow),inset 0 0 2px var(--glass-highlight);margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.cash-stats-container{display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.stat-card{background-color:#141e3066;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 5px 15px #0000001a,inset 0 0 2px #78c8ff80;box-shadow:0 5px 15px #0000001a,inset 0 0 2px var(--glass-highlight);flex:1 1;padding:1.5rem;text-align:center}.stat-card:hover{box-shadow:0 10px 25px #0003,0 0 15px #78c8ff33;transform:translateY(-5px)}.stat-title{color:#fffc;color:var(--glass-text-secondary);font-size:1.2rem;margin-bottom:.5rem}.stat-value{color:var(--glass-text);font-size:2.5rem;text-shadow:0 0 10px #78c8ff80}.filter-controls{background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.simple-filter-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#fffc;color:var(--glass-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.simple-filter-btn:hover{color:#fff;color:var(--glass-text)}.simple-filter-btn.active,.simple-filter-btn:hover{border-color:#409cffcc;border-color:var(--glass-accent)}.simple-filter-btn.active{background-color:#409cff33;color:#fff}.simple-filter-btn svg{font-size:1.1rem}.simple-action-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--glass-border);color:var(--glass-text);padding:.6rem 1rem}.simple-action-btn:hover{background-color:#ffffff0d;border-color:#409cffcc;border-color:var(--glass-accent)}.simple-action-btn.delete-btn{border-color:#ff4646b3;border-color:var(--glass-danger)}.simple-action-btn.delete-btn:hover{background-color:#ff46461a;color:#ff4646b3;color:var(--glass-danger)}.date-range-picker{display:flex;gap:1rem;margin-top:1rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{color:#fffc;color:var(--glass-text-secondary);font-size:.9rem}.date-input-group input{background-color:#141e3080;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--glass-text);padding:.5rem}.cash-orders-list{margin-bottom:2rem}.loading-container,.no-orders-message{background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:3rem;text-align:center}.loading-icon{animation:spin 1s linear infinite;color:#409cffcc;color:var(--glass-accent);font-size:2rem}.orders-table-container{background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto;padding:1rem}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #ffffff0d;color:#fff;color:var(--glass-text);padding:1rem;text-align:left}.orders-table th{background-color:#141e3080;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.orders-table tbody tr{transition:all .3s ease}.orders-table tbody tr:hover{background-color:#78c8ff0d}.orders-table tbody tr:last-child td{border-bottom:none}.actions-cell{align-items:center;display:flex;gap:1rem;justify-content:center}.action-button{background-color:#141e30b3;border:1px solid #fff3;border-radius:6px;color:#fff;height:38px;justify-content:center;margin:0 3px;transition:all .2s ease}.action-button.edit-btn{width:38px}.action-button.info-btn,.action-button.print-btn{width:19px}.action-button:hover{box-shadow:0 3px 10px #0003}.action-button.info-btn:hover{background-color:#409cff80;border-color:#409cffcc}.action-button.edit-btn:hover{background-color:#1ec88280;border-color:#1ec882cc}.action-button.print-btn:hover{background-color:#ffb41e80;border-color:#ffb41ecc}.action-button svg{font-size:18px}.action-icon,.action-icon:hover,.simple-action-icon,.simple-action-icon.edit-btn:hover,.simple-action-icon.print-btn:hover,.simple-action-icon.view-btn:hover,.simple-action-icon:hover{display:none}.bulk-actions-panel{background-color:#141e3066;border:1px solid #409cffcc;border:1px solid var(--glass-accent);border-radius:12px;box-shadow:0 0 20px #409cff33;margin-top:1.5rem;padding:1.5rem}.bulk-actions-panel h3{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem;margin-top:0}.bulk-actions-buttons{display:flex;flex-wrap:wrap;gap:1rem}.simple-action-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.2rem;transition:all .2s ease}.simple-action-btn:hover{background-color:#fff3}.simple-action-btn svg{font-size:1.1rem}.simple-action-btn.delete-btn{background-color:#ff46464d}.simple-action-btn.delete-btn:hover{background-color:#ff464680}.edit-order-modal-box{background-color:#fffffff2;background-color:var(--modal-bg);border-radius:16px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;height:auto;left:50%;max-height:90vh;max-width:1200px;overflow-y:auto;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:98vw}.modal-header{background-color:#f8f9facc;border-bottom:1px solid #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:var(--modal-text);font-size:1.5rem;font-weight:500}.close-modal-icon{color:#666;transition:all .2s ease}.close-modal-icon:hover{color:#333;transform:scale(1.1)}.close-modal-btn{display:none}.modal-content{color:#000;color:var(--modal-text);flex:1 1;padding:1.5rem}.order-summary{margin-bottom:1.5rem}.order-header{margin-bottom:1rem}.order-header h3{color:#000;color:var(--modal-text);font-size:1.2rem;margin:0 0 .5rem}.client-name,.order-date{color:#333;color:var(--modal-text-secondary);font-size:.9rem;margin:.25rem 0}.items-table-container{margin-bottom:1.5rem;overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table td,.items-table th{border-bottom:1px solid #0000001a;color:#000;color:var(--modal-text);padding:.75rem;text-align:left}.items-table th{color:#333;color:var(--modal-text-secondary);font-size:.9rem;font-weight:600}.quantity-input{background-color:#fff;border:1px solid #0003;border-radius:4px;color:#000;color:var(--modal-text);padding:.5rem;text-align:center;width:60px}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#d9534f;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.remove-item-btn:hover{background-color:#d9534f1a;transform:scale(1.1)}.totals-section{background-color:#0000000d;border-radius:8px;margin-top:1.5rem;padding:1rem}.total-row{border-bottom:1px solid #0000001a;color:#000;color:var(--modal-text);display:flex;justify-content:space-between;padding:.5rem 0}.total-row:last-child{border-bottom:none}.original-total{color:#333;color:var(--modal-text-secondary)}.new-total{color:#28a745;font-weight:700}.savings{color:#fd7e14;font-weight:700}.modal-actions{margin-top:1.5rem}.apply-btn,.cancel-btn,.save-btn{border-radius:30px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background-color:#f1f1f1;border:1px solid #0000001a;color:#333}.cancel-btn:hover{background-color:#e9e9e9}.save-btn{background-color:#007bff;border:1px solid #007bff}.save-btn:hover{background-color:#0069d9}.apply-btn{align-self:flex-start;background-color:#f1f1f1;border:1px solid #0000001a;color:#333;margin-top:1rem}.apply-btn:hover{background-color:#e9e9e9}.reduction-form{color:#000;color:var(--modal-text);margin-bottom:1.5rem}.reduction-description{color:#333;color:var(--modal-text-secondary);font-size:.95rem;margin-bottom:1.5rem}.form-group label{color:var(--modal-text)}.amount-input-container,.percentage-input-container{align-items:center;display:flex;max-width:200px;position:relative;width:100%}.amount-input,.percentage-input{background-color:#fff;border:1px solid #0003;border-radius:4px;color:#000;color:var(--modal-text);font-size:1rem;padding:.75rem;width:100%}.currency-symbol,.percentage-symbol{color:#333;color:var(--modal-text-secondary);font-weight:500;pointer-events:none;position:absolute}.percentage-symbol{right:12px}.currency-symbol{left:12px}.amount-input{padding-left:1.5rem}.preview-section{background-color:#0000000d;border-radius:8px;margin-bottom:1rem;margin-top:2rem;padding:1.5rem}.preview-section h4{color:#000;color:var(--modal-text);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.preview-section pre{background:#f8f9fa;border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 5px #0000000d;color:#222;font-family:Inter,Segoe UI,sans-serif;font-size:.95rem;line-height:1.6;margin:0;max-height:500px;min-height:200px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.preview-section pre::-webkit-scrollbar{width:8px}.preview-section pre::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.preview-section pre::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.preview-section pre::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-section pre b,.preview-section pre strong{color:#007bff}.preview-section .save-btn{background-color:#007bff;border:1px solid #007bff;border-radius:30px;color:#fff;cursor:pointer;display:block;font-weight:500;margin-top:1.2rem;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.preview-section .save-btn:hover{background-color:#0069d9}.preview-section .save-btn:disabled{background-color:#ccc;border-color:#bbb;cursor:not-allowed}@media (max-width:768px){.cash-orders-management-container{padding:1rem}.cash-stats-container{flex-direction:column}.filter-buttons{flex-wrap:wrap}.bulk-actions-buttons,.date-range-picker,.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.select-orders-message{background-color:#141e304d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:#fffc;color:var(--glass-text-secondary);margin-top:1.5rem;padding:1rem;text-align:center}.spinning{animation:spin 1s linear infinite}.edit-order-modal-box pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.order-row.has-adjustments{background-color:#78c8ff0d}.order-row.has-adjustments:hover{background-color:#78c8ff1a}.order-id-cell{align-items:center;display:flex;gap:.5rem}.expand-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fffc;color:var(--glass-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.expand-toggle-btn:hover{background-color:#ffffff1a;color:#fff;color:var(--glass-text)}.adjusted-amount{display:flex;flex-direction:column;position:relative}.adjustment-indicator{align-items:center;color:#1ec882b3;color:var(--glass-success);display:flex;font-size:.85rem;gap:.3rem;margin-top:.3rem}.reduction-amount{color:#fffc;color:var(--glass-text-secondary);font-size:.8rem}.adjustment-details-row td{padding:0}.adjustment-details{background-color:#141e3080;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);padding:1rem}.adjustment-details h4{color:#fff;color:var(--glass-text);font-size:1rem;margin-bottom:1rem;margin-top:0}.adjustments-table{border-collapse:collapse;font-size:.9rem;width:100%}.adjustments-table td,.adjustments-table th{border-bottom:1px solid #ffffff0d;padding:.5rem;text-align:left}.adjustments-table th{color:#fffc;color:var(--glass-text-secondary);font-size:.8rem;font-weight:600}.latest-adjustment{background-color:#1ec8821a}.latest-adjustment td{color:#fff;color:var(--glass-text)}.bulk-preview-section{background-color:#0000000d;border-radius:8px;margin-top:2rem;padding:1.5rem}.bulk-preview-section h4{color:#000;color:var(--modal-text);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.glassmorphism-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 32px 0 #0000001a;padding:20px;transition:all .3s ease}.glassmorphism-card:hover{background:#ffffffbf;box-shadow:0 8px 32px 0 #0003;transform:translateY(-2px)}.production-paper{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffffb3!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 8px 32px 0 #0000001a!important;transition:all .3s ease}.production-paper:hover{box-shadow:0 8px 32px 0 #00000026!important}.production-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#fffc!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 8px 32px 0 #0000001a!important;transition:all .3s ease}.production-card:hover{box-shadow:0 8px 32px 0 #00000026!important;transform:translateY(-2px)}.production-card-add{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#1e1e1ee6!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:0 8px 32px 0 #00000026!important;transition:all .3s ease}.production-card-add:hover{box-shadow:0 8px 32px 0 #00000040!important;transform:translateY(-2px)}.add-area-text.MuiTypography-root,.production-button,.production-card-add .MuiSvgIcon-root,.production-card-add .MuiTypography-root,.production-card-add .add-area-text.MuiTypography-root,.production-container .add-area-text.MuiTypography-root,.production-container .production-card-add .MuiTypography-root{color:#fff!important}.production-button{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#000000b3!important;border:1px solid #00000040!important;border-radius:6px!important;box-shadow:0 4px 16px 0 #00000026!important;transition:all .3s ease}.production-button:hover{background:#000c!important;box-shadow:0 4px 16px 0 #0003!important;transform:translateY(-1px)}.production-button.primary{background-color:#212121!important;color:#fff!important;font-weight:500!important}.production-button.primary:hover{background-color:#000!important;color:#fff!important}.production-button.primary .MuiButton-endIcon,.production-button.primary .MuiButton-startIcon,.production-button.primary .MuiSvgIcon-root{color:#fff!important}.production-button.secondary{background:#787878b3!important}.production-button.secondary:hover{background:#787878cc!important}.production-dialog{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#ffffffe6!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 8px 32px 0 #00000026!important}.production-dialog .MuiDialogTitle-root{background:#0000000d!important;border-bottom:1px solid #0000001a!important}.production-dialog .MuiDialogActions-root{background:#0000000d!important;border-top:1px solid #0000001a!important}.production-input .MuiOutlinedInput-root{backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background:#fffc!important;border:1px solid #00000026!important;border-radius:6px!important;transition:all .3s ease}.production-input .MuiOutlinedInput-root:hover{background:#ffffffe6!important}.production-input .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 10px #0003!important}.production-menu{background:#ffffffd9!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 8px 32px 0 #00000026!important}.production-menu .MuiMenuItem-root{color:#000000de!important;transition:all .2s ease}.production-menu .MuiMenuItem-root:hover{background:#0000000d!important}.production-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow:hidden;padding:20px;position:relative}.production-container:before{animation:backgroundShift 20s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#00000005 0,#0000 30%),radial-gradient(circle at 75% 60%,#00000008 0,#0000 30%),radial-gradient(circle at 50% 10%,#fffc 0,#0000 40%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes backgroundShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.production-title{background:linear-gradient(90deg,#000,#333);-webkit-background-clip:text;background-clip:text;color:#0000!important;display:inline-block;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:24px!important;position:relative}.production-title:after{background:linear-gradient(90deg,#000,#333);border-radius:3px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:60px}.production-subtitle{color:#000000e6!important;display:inline-block;font-weight:500!important;letter-spacing:.3px!important;position:relative}.production-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.production-loading .MuiCircularProgress-root{color:#000!important}.production-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.production-empty-state svg{color:#0000004d;font-size:48px;margin-bottom:16px}@media (max-width:768px){.production-container{padding:10px}.production-title{font-size:1.5rem!important;margin-bottom:16px!important}.production-card{margin-bottom:10px}.production-container .MuiBox-root[display=flex][justifyContent=space-between]{align-items:flex-start;flex-direction:column;gap:12px}.production-container .MuiBox-root[display=flex][justifyContent=flex-end]{flex-direction:column;width:100%}.production-container .MuiBox-root[display=flex][justifyContent=flex-end] .MuiButton-root{margin-top:8px;width:100%}.production-container .MuiGrid-item{padding:8px!important}.production-dialog-content{margin:0 16px!important;max-height:calc(100vh - 32px)!important;max-width:100%!important}.production-dialog-header{padding:12px 16px!important}.production-dialog-title{font-size:1.1rem!important}.production-dialog-body{padding:16px!important}.production-dialog-footer{flex-direction:column!important;gap:8px!important;padding:12px 16px!important}.area-card,.batch-card,.production-card,.production-dialog-footer button{width:100%!important}.production-form-group.inline{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}.production-form-group.inline .production-form-label{min-width:0!important;min-width:auto!important;width:100%!important}.batch-steps{gap:32px!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:16px!important}.batch-step{flex-shrink:0!important;min-width:100px!important}.responsive-table-container{-webkit-overflow-scrolling:touch!important;border:1px solid #0000000d!important;border-radius:8px!important;overflow-x:auto!important;width:100%!important}.production-table td,.production-table th{padding:10px 14px!important;white-space:nowrap!important}.production-btn{width:100%!important}.production-btn.icon-only{width:40px!important}.ingredient-row{align-items:flex-start!important;flex-direction:column!important}.ingredient-actions{justify-content:flex-end!important;margin-top:8px!important;width:100%!important}}@media (max-width:600px){.production-paper{padding:12px!important}.production-paper .MuiCard-root{padding:8px}.production-paper .MuiGrid-container{margin:0}.production-container .MuiTypography-h6{font-size:1.1rem!important}.production-container .MuiButton-contained{display:flex;font-size:.875rem;justify-content:center;margin-top:8px;padding:8px 16px;width:100%}.production-container .MuiTextField-root{width:100%}.production-container .MuiTabs-root{min-height:40px}.production-container .MuiTab-root{min-height:40px;padding:6px 12px}.production-container .MuiTabs-indicator{height:2px}.production-container .MuiList-root{padding:0}.production-container .MuiListItem-root{padding:8px}.production-container .MuiListItemText-primary{font-size:.9rem}.production-container .MuiListItemText-secondary{font-size:.8rem}.production-container .MuiIconButton-root{padding:8px}.production-container .MuiTabs-scrollButtons{opacity:.8!important}}.production-container .MuiTypography-root{color:#000000de!important}.production-container .MuiTypography-colorTextSecondary{color:#0009!important}.production-container .MuiIconButton-root{color:#000000b3!important}.production-container .MuiIconButton-root:hover{background-color:#0000000d!important}.production-container .MuiTab-root{color:#000000b3!important}.production-container .MuiTab-root.Mui-selected{color:#000!important}.production-container .MuiTabs-indicator{background-color:#000!important}.production-container .MuiButton-contained{background-color:#000000e6!important;color:#fff!important}.production-container .MuiButton-contained:hover{background-color:#000!important}.production-container .MuiButton-outlined{border-color:#00000080!important;color:#000000b3!important}.production-container .MuiButton-outlined:hover{border-color:#000!important}.production-container .MuiButton-text{color:#000000b3!important}.production-container .MuiInputBase-root{color:#000000de!important}.production-container .MuiInputLabel-root{color:#0009!important}.production-container .MuiInputLabel-root.Mui-focused{color:#000!important}.production-container .MuiOutlinedInput-notchedOutline{border-color:#0000003b!important}.production-container .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0009!important}.production-container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#000!important}.production-container .MuiChip-root{background-color:#00000014!important;color:#000000de!important}.production-container .MuiChip-deleteIcon{color:#00000080!important}.production-container .MuiChip-deleteIcon:hover{color:#000000b3!important}.production-card .MuiCardContent-root{color:#000000de!important}.production-card .MuiCardActions-root{border-top:1px solid #00000014!important}.production-container .MuiDivider-root{background-color:#0000001f!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.production-card:hover .shimmer-effect{overflow:hidden;position:relative}.production-card:hover .shimmer-effect:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.status-planned{background-color:#0009}.status-in-progress{background-color:#ffc107}.status-completed{background-color:#4caf50}.production-empty-state{overflow:hidden;position:relative}.production-empty-state:before{background-image:radial-gradient(circle,#00000008 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.production-container :focus{outline-color:#00000080!important}.area-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#fffc!important;border:1px solid #ffffff40!important;border-radius:10px!important;box-shadow:0 4px 20px 0 #0000000d!important;overflow:hidden;position:relative;transition:all .3s ease}.area-card:before{background:linear-gradient(90deg,#000,#333);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.area-card:hover{box-shadow:0 8px 32px 0 #0000001a!important;transform:translateY(-3px)}.batch-card{border-left:4px solid #0000;overflow:hidden;position:relative}.batch-card.planned{border-left-color:#0009}.batch-card.in-progress{border-left-color:#ffc107}.batch-card.completed{border-left-color:#4caf50}.status-badge{align-items:center;display:inline-flex;line-height:1;margin-left:8px}.status-badge.planned{background-color:#00000014;color:#000000b3}.status-badge.in-progress{background-color:#ffc10733;color:#856404}.status-badge.completed{background-color:#4caf5026;color:#155724}.metrics-card{background:#ffffffe6!important;border:1px solid #0000000d;border-radius:10px;padding:16px;transition:all .3s ease}.metric-value{color:#000;font-size:1.5rem;margin-bottom:4px}.metric-label{color:#0009;letter-spacing:.5px;text-transform:uppercase}.area-tabs .MuiTab-root{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#fff6;border-radius:8px 8px 0 0;margin-right:4px;min-width:120px;transition:all .2s ease}.area-tabs .MuiTab-root.Mui-selected{background-color:#ffffffe6;color:#000;font-weight:600}.area-tabs .MuiTabs-indicator{border-radius:1.5px;height:3px}.form-section{background-color:#ffffffb3;border:1px solid #0000000d;border-radius:8px;margin-bottom:24px;padding:16px}.form-section-title{color:#000;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px;position:relative}.form-section-title:after{background-color:#000;border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-item{align-items:center;background-color:#fff9;border:1px solid #0000000d;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.ingredient-item:hover{background-color:#fffc}.ingredient-name{font-weight:500}.ingredient-quantity{color:#0009;font-size:.9rem}.active-glass{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffffe6!important;border-radius:10px!important;box-shadow:0 4px 12px #00000014,inset 0 0 0 1px #fff6,0 0 0 3px #fff3!important}@keyframes subtleFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes subtleFloatX{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.interactive-element{cursor:pointer;transition:all .3s ease}.interactive-element:hover{transform:scale(1.02)}.floating-card{transition:transform .3s ease,box-shadow .3s ease}.floating-card:hover{box-shadow:0 10px 25px #0000001a!important;transform:translateY(-5px)}.status-in-progress{overflow:hidden;position:relative}.status-in-progress:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.important-element{position:relative}.important-element:before{background:linear-gradient(45deg,#0000000d,#0003);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.important-element:hover:before{opacity:1}.production-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease!important}.needs-attention{animation:pulse 2s infinite}.realistic-button{perspective:800px;transform-style:preserve-3d;transition:all .15s ease}.realistic-button:active{box-shadow:0 2px 5px #0000001a!important;transform:translateY(2px) scale(.98)}.reveal-card{overflow:hidden;position:relative}.reveal-card:before{background:linear-gradient(45deg,#ffffff1a,#ffffff4d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.reveal-card:hover:before{opacity:1}.production-btn{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background-color:#000000d9!important;border:1px solid #0000001a!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a!important;color:#fff!important;font-weight:500!important;letter-spacing:.3px!important;padding:8px 16px!important;text-transform:none!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.production-btn:hover{background-color:#000!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)!important}.production-btn:active{box-shadow:0 1px 4px #0000001a!important;transform:translateY(1px)!important}.production-btn.secondary{background-color:#ffffffe6!important;border:1px solid #0000001a!important;color:#000c!important}.production-btn.secondary:hover{background-color:#fff!important;color:#000!important}.production-btn.danger{background-color:#dc3545e6!important;color:#fff!important}.production-btn.danger:hover{background-color:#dc3545!important}.production-btn.small{font-size:.8125rem!important;padding:4px 12px!important}.production-btn.large{font-size:1rem!important;padding:10px 20px!important}.production-btn.icon-btn{align-items:center!important;display:flex!important;gap:8px!important;justify-content:center!important}.production-btn.icon-only{border-radius:50%!important;height:40px!important;min-width:0!important;min-width:auto!important;padding:8px!important;width:40px!important}.production-modal{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#fffffff2!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px #fffc,0 0 0 3px #0000000d!important;overflow:hidden!important}.production-modal-header{background:#ffffffe6!important;border-bottom:1px solid #0000001a!important;padding:16px 24px!important}.production-modal-title{color:#000!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.5!important}.production-modal-content{padding:24px!important}.production-modal-footer{background:#f8f9fa80!important;border-top:1px solid #0000001a!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.production-modal-backdrop{background-color:#0000004d!important}.production-modal-close{color:#00000080!important;transition:all .2s ease!important}.production-modal-close:hover{background-color:#0000000d!important;color:#000c!important}.production-form{width:100%!important}.production-form-row{margin-bottom:20px!important}.production-form-label{color:#000000b3!important;display:block!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:6px!important}.production-form-helper{color:#00000080!important;font-size:.75rem!important;margin-top:4px!important}.production-form-input{background:#fffc!important;border:1px solid #00000026!important;border-radius:6px!important;color:#000000e6!important;padding:10px 14px!important;transition:all .2s ease!important;width:100%!important}.production-form-input:hover{background:#ffffffe6!important;border-color:#0000004d!important}.production-form-input:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 3px #0000001a!important;outline:none!important}.production-form-input::placeholder{color:#0006!important}.production-form-input:disabled{background-color:#0000000a!important;border-color:#0000001a!important;color:#0006!important;cursor:not-allowed!important}.production-form-select{appearance:none!important;-webkit-appearance:none!important;background:#fffc!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid #00000026!important;border-radius:6px!important;color:#000000e6!important;padding:10px 28px 10px 14px!important;transition:all .2s ease!important;width:100%!important}.production-form-select:hover{background-color:#ffffffe6!important;border-color:#0000004d!important}.production-form-select:focus{background-color:#fff!important;border-color:#000!important;box-shadow:0 0 0 3px #0000001a!important;outline:none!important}.production-form-textarea{min-height:100px!important;resize:vertical!important}.production-form-error{color:#dc3545!important;display:block!important;font-size:.75rem!important;margin-top:4px!important}.production-form-group{margin-bottom:20px!important;position:relative!important}.production-form-group.inline{align-items:center!important;display:flex!important;gap:12px!important}.production-form-group.inline .production-form-label{margin-bottom:0!important;min-width:100px!important}.production-form-checkbox,.production-form-radio{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;margin-bottom:8px!important}.production-form-checkbox input,.production-form-radio input{accent-color:#000!important;height:18px!important;margin:0!important;width:18px!important}.production-form-checkbox-label,.production-form-radio-label{color:#000c!important;-webkit-user-select:none!important;user-select:none!important}.production-table{background:#ffffffb3!important;border-collapse:initial!important;border-radius:8px!important;border-spacing:0!important;box-shadow:0 2px 8px #0000000a!important;overflow:hidden!important;width:100%!important}.production-table thead{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:#f8f9facc!important}.production-table th{border-bottom:1px solid #0000001a!important;color:#000000b3!important;font-weight:600!important;padding:12px 16px!important;text-align:left!important}.production-table td{border-bottom:1px solid #0000000d!important;color:#000c!important;padding:12px 16px!important}.production-table tbody tr:last-child td{border-bottom:none!important}.production-table tbody tr:hover{background-color:#00000005!important}.batch-progress-container{background-color:#00000014!important;border-radius:6px!important;height:12px!important;margin:8px 0!important;overflow:hidden!important;width:100%!important}.batch-progress-bar{border-radius:6px!important;height:100%!important;transition:width .3s ease!important}.batch-progress-bar.planned{background:linear-gradient(90deg,#00000080,#000000b3)!important;width:0!important}.batch-progress-bar.in-progress{background:linear-gradient(90deg,#ffc107,#ff9800)!important;overflow:hidden!important;position:relative!important}.batch-progress-bar.in-progress:after{animation:shimmer 2s infinite!important;background:linear-gradient(90deg,#0000,#ffffff4d,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;width:100%!important}.batch-progress-bar.completed{background:linear-gradient(90deg,#4caf50,#2e7d32)!important;width:100%!important}.batch-steps{display:flex!important;justify-content:space-between!important;margin:24px 0!important;position:relative!important}.batch-steps:after{background-color:#0000001a!important;content:""!important;height:2px!important;left:0!important;position:absolute!important;right:0!important;top:16px!important;z-index:0!important}.batch-step{flex-direction:column!important;position:relative!important;z-index:1!important}.batch-step,.batch-step-number{align-items:center!important;display:flex!important}.batch-step-number{background-color:#0000001a!important;border-radius:50%!important;box-shadow:0 0 0 4px #fff!important;color:#0009!important;font-weight:600!important;height:32px!important;justify-content:center!important;margin-bottom:8px!important;transition:all .2s ease!important;width:32px!important}.batch-step.active .batch-step-number{background-color:#000!important;color:#fff!important}.batch-step.completed .batch-step-number{background-color:#4caf50!important;color:#fff!important}.batch-step-label{color:#000000b3!important;font-size:.8125rem!important;font-weight:500!important;text-align:center!important}.batch-step.active .batch-step-label{color:#000!important;font-weight:600!important}.ingredients-list{list-style:none!important;margin:0!important;padding:0!important}.ingredient-row{align-items:center!important;background-color:#ffffffb3!important;border:1px solid #0000000d!important;border-radius:8px!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important;padding:10px!important;transition:all .2s ease!important}.ingredient-row:hover{background-color:#ffffffe6!important;box-shadow:0 2px 8px #0000000d!important}.ingredient-details{display:flex!important;flex-direction:column!important}.ingredient-name{color:#000000e6!important;font-weight:500!important}.ingredient-quantity{color:#0009!important;font-size:.875rem!important}.ingredient-actions{align-items:center!important;display:flex!important;gap:8px!important}.ingredient-cost{background-color:#0000000d!important;border-radius:4px!important;color:#000c!important;font-size:.875rem!important;font-weight:500!important;padding:4px 8px!important}.production-dialog-container{align-items:center!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background-color:#0000004d!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:1200!important}.production-dialog-content{animation:dialogFadeIn .3s ease forwards!important;background-color:#fffffff2!important;border:1px solid #ffffff80!important;border-radius:12px!important;box-shadow:0 10px 30px #0000001a!important;display:flex!important;flex-direction:column!important;max-height:calc(100vh - 64px)!important;max-width:500px!important;overflow:hidden!important;width:100%!important}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.production-dialog-header{align-items:center!important;background-color:#fffffff2!important;border-bottom:1px solid #0000001a!important;display:flex!important;justify-content:space-between!important;padding:16px 24px!important}.production-dialog-title{color:#000!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.production-dialog-close{align-items:center!important;background-color:initial!important;border:none!important;border-radius:50%!important;color:#00000080!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;transition:all .15s ease!important;width:36px!important}.production-dialog-close:hover{background-color:#0000000d!important;color:#000000b3!important}.production-dialog-body{flex:1 1!important;overflow-y:auto!important;padding:24px!important}.production-dialog-footer{align-items:center!important;background-color:#00000005!important;border-top:1px solid #0000001a!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.calculator-container{background:#fffc!important;border-radius:12px!important;box-shadow:0 4px 12px #0000000d!important;margin-bottom:24px!important;padding:16px!important}.calculator-title{align-items:center!important;color:#000c!important;display:flex!important;font-size:1rem!important;font-weight:600!important;gap:8px!important;margin-bottom:12px!important}.calculator-results{display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-top:16px!important}.calculator-result-item{background:#ffffffe6!important;border-radius:8px!important;box-shadow:0 2px 4px #0000000d!important;flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:150px!important;padding:12px!important}.calculator-result-label{color:#0009!important;font-size:.75rem!important;margin-bottom:4px!important}.calculator-result-value{color:#000!important;font-size:1.25rem!important;font-weight:600!important}.calculator-slider-container{margin:16px 0!important}.calculator-slider{-webkit-appearance:none!important;background-color:#0000001a!important;border-radius:3px!important;height:6px!important;outline:none!important;width:100%!important}.calculator-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background-color:#000!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;cursor:pointer!important;height:20px!important;width:20px!important}.calculator-slider::-moz-range-thumb{background-color:#000!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;cursor:pointer!important;height:20px!important;width:20px!important}.status-chip{align-items:center!important;border-radius:16px!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;line-height:1.5!important;padding:4px 12px!important}.status-chip.planned{background-color:#00000014!important;color:#000000b3!important}.status-chip.in-progress{background-color:#ffc10733!important;color:#856404!important}.status-chip.completed{background-color:#4caf5026!important;color:#155724!important}@media (max-width:480px){.production-dialog-content{margin:0 8px!important;max-height:calc(100vh - 16px)!important}.calculator-results{flex-direction:column!important}.calculator-result-item{width:100%!important}.batch-step-label{font-size:.75rem!important}.batch-step-number{font-size:.875rem!important;height:28px!important;width:28px!important}.production-title{font-size:1.3rem!important}.production-subtitle{font-size:1rem!important}.status-chip{font-size:.7rem!important;padding:3px 8px!important}}@media print{.production-container{background:#fff!important;padding:0!important}.batch-card,.glassmorphism-card,.ingredient-row,.production-card,.production-paper{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important}.batch-actions,.ingredient-actions,.mobile-only-actions,.production-btn,.production-dialog-close{display:none!important}.production-title{-webkit-text-fill-color:initial!important;background:none!important}.production-subtitle,.production-title{color:#000!important}.batch-progress-bar.in-progress:after,.reveal-card:before,.shimmer-effect:after,.status-in-progress:after{display:none!important}}.scrollable-form{max-height:70vh!important;overflow-y:auto!important;padding-right:16px!important}.scrollable-form::-webkit-scrollbar{width:8px!important}.scrollable-form::-webkit-scrollbar-track{background:#0000000d!important;border-radius:4px!important}.scrollable-form::-webkit-scrollbar-thumb{background:#0003!important;border-radius:4px!important}.scrollable-form::-webkit-scrollbar-thumb:hover{background:#0000004d!important}@supports (-webkit-touch-callout:none){.production-form-select{background-image:none!important;padding-right:14px!important}.production-form-input,.production-form-select{font-size:16px!important}.glassmorphism-card,.production-card,.production-dialog,.production-paper{-webkit-backdrop-filter:saturate(180%) blur(10px)!important}}.area-modal{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#fffffff2!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px #fffc,0 0 0 3px #0000000d!important;margin:16px!important;max-width:500px!important;overflow:hidden!important;padding:0!important;width:calc(100% - 32px)!important}.area-modal-backdrop{background-color:#0000004d!important}.area-modal-header{background:#f8f9facc!important;border-bottom:1px solid #0000001a!important;padding:16px 24px!important}.area-modal-title{color:#000!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.5!important;margin:0!important}.area-modal-content{padding:24px!important}.area-modal-footer{background:#f8f9fa80!important;border-top:1px solid #0000001a!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.area-form-input{background:#fffc!important;border:1px solid #00000026!important;border-radius:6px!important;color:#000000e6!important;margin-bottom:16px!important;padding:10px 14px!important;transition:all .2s ease!important;width:100%!important}.area-form-input:hover{background:#ffffffe6!important;border-color:#0000004d!important}.area-form-input:focus{background:#fff!important;border-color:#000!important;box-shadow:0 0 0 3px #0000001a!important;outline:none!important}.area-form-label{color:#000000b3!important;display:block!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:6px!important}.area-form-group{margin-bottom:20px!important}.area-form-textarea{min-height:100px!important;resize:vertical!important}.delete-confirmation-dialog{animation:dialogFadeIn .2s ease-out forwards!important;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 40px #00000026,inset 0 0 0 1px #fffc!important;max-width:calc(100% - 32px)!important;overflow:hidden!important;position:relative!important;width:400px!important;z-index:1400!important}.delete-confirmation-header{align-items:center!important;background-color:#dc35451a!important;border-bottom:1px solid #dc354533!important;display:flex!important;padding:16px 24px!important}.delete-confirmation-icon{color:#dc3545!important;font-size:24px!important;margin-right:12px!important}.delete-confirmation-title{color:#000000d9!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}.delete-confirmation-content{color:#000000b3!important;font-size:.95rem!important;line-height:1.5!important;padding:20px 24px!important;position:relative!important;z-index:1410!important}.delete-confirmation-emphasis{color:#000000d9!important;font-weight:600!important}.delete-confirmation-actions{background-color:#00000005!important;border-top:1px solid #0000001a!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important;z-index:1450!important}.delete-confirmation-actions,.delete-confirmation-cancel{pointer-events:auto!important;position:relative!important}.delete-confirmation-cancel{background-color:initial!important;border:1px solid #00000026!important;border-radius:6px!important;color:#000000b3!important;cursor:pointer!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s ease!important;z-index:1500!important}.delete-confirmation-cancel:hover{background-color:#0000000d!important;border-color:#0000004d!important}.delete-confirmation-delete{background-color:#dc3545!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 6px #dc354533!important;color:#fff!important;cursor:pointer!important;font-weight:500!important;padding:8px 16px!important;pointer-events:auto!important;position:relative!important;transition:all .2s ease!important;z-index:1500!important}.delete-confirmation-delete:hover{background-color:#c82333!important;box-shadow:0 2px 8px #dc35454d!important}.delete-confirmation-backdrop{align-items:center!important;background-color:#0006!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;pointer-events:none!important;position:fixed!important;right:0!important;top:0!important;z-index:1300!important}.MuiDialog-root .MuiPaper-root{background:#fff!important;border:1px solid #0000001a!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px #fffc,0 0 0 3px #0000000d!important;overflow:hidden!important}.MuiDialogTitle-root{background:#f8f9facc!important;border-bottom:1px solid #0000001a!important;padding:16px 24px!important}.MuiDialogContent-root{padding:24px!important}.MuiDialogContent-root .MuiTextField-root{margin-bottom:16px!important;width:100%!important}.MuiDialogContent-root .MuiInputBase-root{background:#fffc!important;border-radius:6px!important;transition:all .2s ease!important}.MuiDialogContent-root .MuiInputBase-root:hover{background:#ffffffe6!important}.MuiDialogContent-root .MuiInputBase-root.Mui-focused{background:#fff!important}.MuiDialogContent-root .MuiInputBase-input{color:#000000e6!important}.MuiDialogContent-root .MuiInputLabel-root{color:#000000b3!important}.MuiDialogContent-root .MuiInputLabel-root.Mui-focused{color:#000!important}.MuiDialogContent-root .MuiOutlinedInput-notchedOutline{border-color:#00000026!important}.MuiDialogContent-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0000004d!important}.MuiDialogContent-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#000!important;border-width:2px!important}.MuiDialogActions-root{background-color:#f8f9fa80!important;border-top:1px solid #0000001a!important;padding:16px 24px!important}.MuiDialogActions-root .MuiButton-contained{background-color:#000000d9!important;box-shadow:0 2px 6px #0000001a!important;color:#fff!important}.MuiDialogActions-root .MuiButton-contained:hover{background-color:#000!important;box-shadow:0 4px 12px #00000026!important}.MuiDialogActions-root .MuiButton-text{color:#000000b3!important}.MuiDialogActions-root .MuiButton-text:hover{background-color:#0000000d!important}@media (max-width:768px){.MuiDialog-paper{margin:16px!important;max-width:500px!important;width:calc(100% - 32px)!important}.MuiDialogTitle-root{padding:12px 16px!important}.MuiDialogContent-root{padding:16px!important}.MuiDialogActions-root{flex-direction:column-reverse!important;gap:8px!important;padding:12px 16px!important}.MuiDialogActions-root .MuiButton-root{width:100%!important}}.batch-status-chip{align-items:center!important;border-radius:16px!important;display:inline-flex!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.5!important;margin:4px 0!important;padding:4px 8px!important;transition:all .2s ease!important}.batch-status-chip.completed{background-color:#e8f5e9!important;border:1px solid #a5d6a7!important;box-shadow:0 2px 4px #2e7d321a!important;color:#2e7d32!important}.batch-status-chip.completed:hover{background-color:#c8e6c9!important;box-shadow:0 2px 6px #2e7d3226!important}.batch-status-chip.planned{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;color:#616161!important}.batch-status-chip.in-progress{background-color:#e3f2fd!important;border:1px solid #90caf9!important;color:#1976d2!important}.area-inventory-dialog .MuiPaper-root{border-radius:8px!important;overflow:hidden!important}.area-inventory-dialog .MuiDialogTitle-root{background-color:#f5f5f5!important;border-bottom:1px solid #0000001f!important;color:#000000de!important;font-size:1.125rem!important;font-weight:600!important;letter-spacing:.25px!important;padding:16px 24px!important}.area-inventory-dialog .MuiDialogTitle-root .MuiSvgIcon-root{color:#000000de!important;font-size:1.35rem!important;margin-right:12px!important}.area-inventory-dialog .MuiDialogContent-root{color:#000000de!important;padding:16px 24px!important}.area-inventory-dialog .MuiDialogActions-root{border-top:1px solid #0000001f!important;padding:16px 24px!important}.area-inventory-dialog .MuiTypography-root{color:#000000de!important}.area-inventory-dialog .MuiInputLabel-root{color:#0009!important}.area-inventory-dialog .MuiInputBase-input,.area-inventory-dialog .MuiInputLabel-root.Mui-focused{color:#000000de!important}.area-inventory-dialog .MuiFormHelperText-root{color:#0009!important}.inventory-item-card{border:1px solid #0000001f!important;border-radius:6px!important;margin-bottom:8px!important;transition:all .2s ease!important}.inventory-item-card,.inventory-item-card .MuiTypography-root{color:#000000de!important}.inventory-item-card:hover{box-shadow:0 2px 8px #0000001a!important;transform:translateY(-2px)!important}.inventory-item-card.selected{background-color:#f5f9ff!important;border:2px solid #1976d2!important}.inventory-item-card.selected .MuiTypography-root{color:#000000de!important;font-weight:500!important}.area-inventory-dialog .MuiDialogActions-root .MuiButton-contained{background-color:#f1f8e9!important;border:1px solid #0000001f!important;box-shadow:none!important;color:#000000de!important;font-weight:500!important}.area-inventory-dialog .MuiDialogActions-root .MuiButton-contained:hover{background-color:#c8e6c9!important;box-shadow:0 1px 4px #0000001a!important}.area-inventory-dialog .MuiDialogContentText-root{color:#000c!important;padding:20px 0!important;text-align:center!important}.production-container .MuiButton-root,.production-container .MuiLink-root,.production-container a{color:#000000de!important;text-decoration:none}.production-container .MuiButton-outlined{border-color:#0000003b!important}.production-container .MuiButton-outlined:hover{background-color:#0000000a!important;border-color:#00000080!important}.production-container .MuiButton-contained{background-color:#f5f5f5!important}.production-container .MuiButton-contained:hover{background-color:#e0e0e0!important}.production-container .MuiButton-text:hover{background-color:#0000000a!important}.production-container .MuiButton-root .MuiSvgIcon-root{color:#000000de!important}.production-container a:hover{color:#0009!important}.status-chip.completed{background-color:#e8f5e9!important;border:1px solid #81c784!important;color:#2e7d32!important}.production-container .MuiButton-root[aria-label=back],.production-container .MuiButton-startIcon .MuiSvgIcon-root[data-testid=ArrowBackIcon]{color:#000000de!important}.production-container .MuiButton-root:has(.MuiSvgIcon-root[data-testid=ArrowBackIcon]){color:#000000de!important;font-weight:500}.production-container .MuiButton-root.MuiButton-containedPrimary,.production-container .MuiButton-root.MuiButton-outlinedPrimary,.production-container .MuiButton-root.MuiButton-textPrimary,.production-container .MuiLink-root.MuiLink-primary,.production-container .MuiTypography-root.MuiTypography-colorPrimary,.production-container [color=primary]{color:#000000de!important}.production-container .MuiButton-containedPrimary{background-color:#f5f5f5!important}.production-container .MuiButton-containedPrimary:hover{background-color:#e0e0e0!important}.MuiDialog-root .MuiButton-root,.MuiDialog-root .MuiDialogContent-root,.MuiDialog-root .MuiDialogContentText-root,.MuiDialog-root .MuiDialogTitle-root,.MuiDialog-root .MuiFormLabel-root,.MuiDialog-root .MuiInputBase-input,.MuiDialog-root .MuiMenuItem-root,.MuiDialog-root .MuiSelect-select,.MuiDialog-root .MuiTypography-root,.production-container .MuiSvgIcon-colorPrimary{color:#000000de!important}.MuiDialog-root .MuiButton-contained{background-color:#f5f5f5!important;color:#000000de!important}.MuiDialog-root .MuiButton-contained:hover{background-color:#e0e0e0!important}button[class*=MuiButton-root]:has(span:contains("A Inventario")),button[class*=MuiButton-root]:has(span:contains("Transferir")){color:#000000de!important}button.MuiButton-root:has(.MuiButton-startIcon+span:contains("A Inventario")),button.MuiButton-root:has(.MuiButton-startIcon+span:contains("Transferir al Inventario Principal")),button.MuiButton-root:has(.MuiButton-startIcon+span:contains("Transferir")){color:#000000de!important}.MuiDialog-root span:contains("Disponible"),div[class*=MuiCard-root] span:contains("Disponible"),div[class*=MuiPaper-root] span:contains("Disponible"){color:#000000de!important}.MuiDialogContent-root .MuiFormLabel-root,.MuiDialogContent-root .MuiInputBase-input,.MuiDialogContent-root .MuiTypography-root{color:#000000de!important}.MuiDialogTitle-root:contains("Inventario"),.MuiDialogTitle-root:contains("Transferir"){color:#000000de!important;font-weight:600!important}div[class*=MuiBox-root]:contains("Disponible"),div[class*=MuiChip-root]:contains("Disponible"),p:contains("Disponible"),span:contains("Disponible"){color:#000000de!important}.MuiBox-root p,.MuiBox-root span,.MuiButton-startIcon+span,.MuiCard-root span,.MuiChip-root,.MuiDialog-root span,.MuiDialogContentText-root,.MuiPaper-root span{color:#000000de!important}.MuiAutocomplete-listbox .MuiBox-root span,.MuiAutocomplete-listbox .MuiTypography-root,.MuiAutocomplete-option .MuiBox-root,.MuiAutocomplete-option .MuiBox-root .MuiTypography-root,.MuiAutocomplete-option .MuiTypography-root,.MuiAutocomplete-option span,.MuiAutocomplete-popper .MuiPaper-root .MuiTypography-root,.MuiAutocomplete-popper .MuiPaper-root span{color:#fff!important}[role=dialog] .MuiDialogTitle-root{color:#000000de!important;font-weight:600!important}div[style*=blue],p[style*=blue],span[style*=blue]{background-color:#f1f8e9!important;color:#000000de!important}.area-inventory-dialog .MuiDialogContent-root div[style*=blue],.area-inventory-dialog .MuiDialogContent-root span[style*=blue],.inventory-container div[style*=blue],.production-container div[style*=blue],[role=dialog] div[style*=blue],div[class*=MuiBox-root]>div[style*=blue]{background-color:#f1f8e9!important;border-radius:4px!important;color:#000000de!important;font-weight:500!important;padding:4px 8px!important}.black-text-label{background-color:#f1f8e9!important;color:#000000de!important}.area-modal-footer .production-btn:not(.secondary){background-color:#212121!important;color:#fff!important;font-weight:500!important}.area-modal-footer .production-btn:not(.secondary):hover{background-color:#000!important;color:#fff!important}.area-modal-footer .MuiButton-contained{background-color:#212121!important;color:#fff!important;font-weight:500!important}.area-modal-footer .MuiButton-contained:hover{background-color:#000!important;color:#fff!important}.MuiDialogActions-root .MuiButton-contained:not(.MuiButton-outlinedSecondary):not(.secondary):not([color=secondary]){background-color:#212121!important;color:#fff!important;font-weight:500!important}.MuiDialogActions-root .MuiButton-contained:not(.MuiButton-outlinedSecondary):not(.secondary):not([color=secondary]):hover{background-color:#000!important;color:#fff!important}[role=dialog] .MuiDialogActions-root .MuiButton-contained:not(.MuiButton-outlinedSecondary):not(.secondary):not([color=secondary]){background-color:#212121!important;color:#fff!important;font-weight:500!important}[role=dialog] .MuiDialogActions-root .MuiButton-contained:not(.MuiButton-outlinedSecondary):not(.secondary):not([color=secondary]):hover{background-color:#000!important;color:#fff!important}.MuiButton-root:has(>span.MuiButton-startIcon+span:contains("Crear")),.MuiButton-root:has(>span.MuiButton-startIcon+span:contains("Nueva Área")){background-color:#212121!important;color:#fff!important;font-weight:500!important}.MuiDialogActions-root button.action-primary,.production-container button.action-primary,button.MuiButton-contained.Mui-focusVisible,button.MuiButton-contained[type=submit],button.action-button,button.area-action-button,button.create-button,button.edit-button,button.production-button.primary{background-color:#212121!important;color:#fff!important}.MuiButton-contained.production-button.primary,.MuiButton-root[aria-label=nueva-area],.production-button.primary,button:has(span:contains("Nueva Área")){color:#fff!important}.MuiButton-contained.production-button.primary .MuiSvgIcon-root,.MuiButton-root[aria-label=nueva-area] .MuiSvgIcon-root,.production-button.primary .MuiSvgIcon-root,button:has(span:contains("Nueva Área")) .MuiSvgIcon-root{color:#fff!important}.MuiButton-contained.production-button.primary span,.MuiButton-root[aria-label=nueva-area] span,.production-button.primary span,button:has(span:contains("Nueva Área")) span{color:#fff!important}.add-area-text{color:#fff!important}button.MuiButton-contained.production-button.primary{background-color:#212121!important;color:#fff!important}button.MuiButton-contained.production-button.primary:hover{background-color:#000!important;color:#fff!important}button.MuiButton-contained.production-button.primary span,button.MuiButton-root.production-button.primary span,button.production-button.primary span{color:#fff!important;font-weight:500;text-transform:uppercase}button.MuiButton-contained.production-button.primary .MuiSvgIcon-root,button.MuiButton-root.production-button.primary .MuiSvgIcon-root,button.production-button.primary .MuiSvgIcon-root{color:#fff!important}button.nueva-area-button,button.production-button.primary,button[aria-label=nueva-area]{background-color:#212121!important;color:#fff!important}#nueva-area-btn,#nueva-area-btn span{color:#fff!important}#nueva-area-btn,#nueva-area-btn .MuiButton-startIcon,#nueva-area-btn .MuiSvgIcon-root,#nueva-area-btn span,.production-button.primary,button[aria-label="Nueva Área"]{color:#fff!important;font-weight:500!important;text-transform:uppercase}#nueva-area-btn .MuiSvgIcon-root path,.production-button.primary .MuiSvgIcon-root path{fill:#fff!important}#nueva-area-btn.production-button.primary,button[aria-label="Nueva Área"]{background-color:#212121!important;color:#fff!important}#nueva-area-btn:hover,#nueva-area-btn:hover .MuiButton-startIcon,#nueva-area-btn:hover .MuiSvgIcon-root,#nueva-area-btn:hover span,.production-button.primary:hover,.production-button.primary:hover .MuiButton-startIcon,.production-button.primary:hover .MuiSvgIcon-root,.production-button.primary:hover span{color:#fff!important}#agregar-ingrediente-btn,#agregar-ingrediente-btn .MuiSvgIcon-root,#agregar-ingrediente-btn span,.production-button.primary:has(span:contains("Agregar Ingrediente")),button[aria-label=agregar-ingrediente]{background-color:#212121!important;color:#fff!important}#agregar-ingrediente-btn:hover,#agregar-ingrediente-btn:hover .MuiSvgIcon-root,#agregar-ingrediente-btn:hover span,.production-button.primary:has(span:contains("Agregar Ingrediente")):hover,button[aria-label=agregar-ingrediente]:hover{background-color:#000!important;color:#fff!important}.production-button.primary[aria-label=crear],.production-button.primary[aria-label=guardar],.production-button.primary[type=submit],button.MuiButton-contained.production-button.primary{background-color:#212121!important;color:#fff!important}.production-button.primary[aria-label=crear]:hover,.production-button.primary[aria-label=guardar]:hover,.production-button.primary[type=submit]:hover,button.MuiButton-contained.production-button.primary:hover{background-color:#000!important;color:#fff!important}#subproduction-create-btn,#subproduction-create-btn .MuiSvgIcon-root,#subproduction-create-btn span{color:#fff!important}#subproduction-create-btn{background-color:#212121!important}#subproduction-create-btn:hover{background-color:#000!important}.production-button.primary,button.production-button.primary{background-color:#212121!important;color:#fff!important}.production-button.primary .MuiButton-startIcon,.production-button.primary .MuiSvgIcon-root,.production-button.primary span,button.production-button.primary .MuiButton-startIcon,button.production-button.primary .MuiSvgIcon-root,button.production-button.primary span{color:#fff!important}.production-paper .MuiCard-root{background-color:#fffc!important;border:1px solid #0000001f!important;color:#000000de!important}.production-paper .MuiCardContent-root{background-color:initial!important}.production-paper .MuiCard-root .MuiTypography-root{color:#000000de!important}.production-paper .MuiCard-root .MuiTypography-caption{color:#0009!important}.production-paper .MuiTextField-root .MuiInputBase-root{background-color:#ffffffe6!important}.production-paper .MuiTextField-root .MuiFormHelperText-root,.production-paper .MuiTextField-root .MuiInputLabel-root{color:#0009!important}.production-paper .MuiTextField-root .MuiInputBase-input{-webkit-text-fill-color:#000000de!important;color:#000000de!important}.production-paper .MuiInputBase-root.Mui-disabled .MuiInputBase-input,.production-paper .MuiTextField-root .Mui-disabled .MuiInputBase-input,.production-paper .MuiTextField-root.Mui-disabled .MuiInputBase-input{-webkit-text-fill-color:#000000de!important;color:#000000de!important;opacity:1!important}.production-paper .MuiInputBase-root.Mui-disabled{background-color:#fafafae6!important;color:#000000de!important}.ingredients-list .MuiInputBase-root .MuiInputBase-input,.ingredients-list .MuiTextField-root .MuiInputBase-input,.ingredients-list .MuiTextField-root input{-webkit-text-fill-color:#000000de!important;color:#000000de!important;font-weight:500!important}.production-container .MuiTabs-root .MuiTab-root:hover{background-color:#000000de!important;border-radius:4px 4px 0 0!important;color:#fff!important;transition:all .2s ease}.production-container .MuiTabs-root .MuiTab-root:hover .MuiSvgIcon-root{color:#fff!important}.production-container .MuiTabs-root .MuiTab-root:before{background-color:initial!important}.production-container .MuiTabs-root .MuiTab-root.Mui-selected{color:#000000de!important;font-weight:600}.production-container .MuiTabs-indicator{background-color:#000000de!important;height:3px!important}.business-auth-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.business-auth-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.auth-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.auth-header-content{align-items:center;display:flex;gap:16px}.auth-icon{font-size:2rem;opacity:.9}.auth-header-content h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.auth-header-content p{font-size:.95rem;margin:0;opacity:.9}.close-btn:hover:not(:disabled){background:#ffffff1a}.auth-modal-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.auth-info-box{align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.warning-icon{color:#ea580c;flex-shrink:0;font-size:1.2rem;margin-top:2px}.auth-info-box h4{color:#9a3412;font-size:1rem;font-weight:600;margin:0 0 8px}.auth-info-box p{color:#9a3412;font-size:.9rem;line-height:1.5;margin:0}.auth-form{display:flex;flex:1 1;flex-direction:column;gap:20px}.form-group label{font-size:.95rem;gap:8px}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus{box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#ef4444}.form-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.error-message{color:#ef4444;font-size:.85rem;margin-top:4px}.auth-actions{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding-top:16px}.authenticate-btn,.cancel-auth-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;transition:all .2s ease}.cancel-auth-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280;flex:1 1}.cancel-auth-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.authenticate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;color:#fff;flex:2 1}.authenticate-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.authenticate-btn:disabled,.cancel-auth-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.business-auth-overlay{padding:16px}.business-auth-modal{max-width:100%}.auth-modal-header{padding:20px}.auth-header-content{gap:12px}.auth-icon{font-size:1.5rem}.auth-header-content h2{font-size:1.3rem}.auth-modal-content{padding:20px}.auth-actions{flex-direction:column}.authenticate-btn,.cancel-auth-btn{flex:none;width:100%}}.business-relationship-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.business-relationship-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.relationship-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.header-content{align-items:center;display:flex;gap:16px}.header-icon{color:#ffffffe6;font-size:2rem}.header-content h2{font-size:1.5rem;font-weight:700;margin:0}.header-content p{color:#fffc;font-size:.9rem;margin:4px 0 0}.close-btn{color:#fff;font-size:1.2rem;transition:background-color .2s ease}.close-btn:hover{background:#ffffff1a}.close-btn:disabled{cursor:not-allowed;opacity:.5}.relationship-modal-content{max-height:60vh;overflow-y:auto;padding:24px}.section{margin-bottom:32px}.section h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:12px;margin-bottom:16px}.section-icon{color:#667eea}.relationships-list{display:flex;flex-direction:column;gap:12px}.relationship-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.relationship-item:hover{background:#f1f5f9;border-color:#cbd5e1}.relationship-info{flex:1 1}.business-name{font-size:1.1rem;font-weight:600;margin-bottom:4px}.business-details{display:flex;gap:12px;margin-bottom:8px}.business-location,.business-type{background:#e5e7eb;border-radius:6px;color:#6b7280;font-size:.875rem;padding:4px 8px}.relationship-meta{display:flex;gap:8px}.access-level,.relationship-type{border-radius:6px;font-size:.75rem;font-weight:500;padding:4px 8px}.relationship-type{background:#dbeafe;color:#1e40af}.access-level{background:#d1fae5;color:#065f46}.remove-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.875rem;padding:8px;transition:all .2s ease}.remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.search-section{margin-bottom:20px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;font-size:1rem;left:12px;z-index:1}.search-input{border:2px solid #e5e7eb;padding:12px 12px 12px 40px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.business-selection{margin-top:16px}.business-selection h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:12px}.no-results{align-items:center;background:#fef3cd;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;gap:12px;padding:20px}.no-results p{font-size:.9rem;margin:0}.business-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:300px;overflow-y:auto}.business-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.business-item:last-child{border-bottom:none}.business-item:hover{background:#f8fafc}.business-item.selected{background:#eff6ff;border-color:#3b82f6}.business-item .business-info{flex:1 1}.business-item .business-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:4px}.business-item .business-details{margin-bottom:0}.check-icon{color:#10b981;font-size:1.2rem}.relationship-config{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.relationship-config h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:16px}.config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.config-field{display:flex;flex-direction:column}.config-field label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:6px}.config-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:10px 12px;transition:all .2s ease}.config-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.config-field select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.relationship-modal-actions{background:#fafbfc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn,.create-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-btn{border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.create-btn{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;color:#fff}.create-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.cancel-btn:disabled,.create-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.business-relationship-modal{max-height:95vh;width:95vw}.relationship-modal-header{padding:20px}.header-content h2{font-size:1.25rem}.relationship-modal-content{padding:20px}.config-grid{grid-template-columns:1fr}.relationship-item{align-items:flex-start;flex-direction:column;gap:12px}.remove-btn{align-self:flex-end}.relationship-modal-actions{flex-direction:column;padding:16px 20px}.cancel-btn,.create-btn{justify-content:center;width:100%}}@media (max-width:480px){.business-relationship-overlay{padding:10px}.relationship-modal-header{padding:16px}.header-content{gap:12px}.header-icon{font-size:1.5rem}.relationship-modal-content{padding:16px}.business-details,.relationship-meta{flex-direction:column;gap:4px}}.multi-location-distribution{background:linear-gradient(135deg,#14141ef7,#0a0a0ff2);color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.multi-location-distribution h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px;text-align:center}.multi-location-distribution .subtitle{color:#fffc;font-size:1.1rem;margin-bottom:32px;text-align:center}.dashboard-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.summary-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:hover{border-color:#3498db;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card-content{align-items:center;display:flex;justify-content:space-between}.summary-info h3{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-number{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1;margin:0}.summary-icon{color:#667eea;font-size:2.5rem;opacity:.6}.action-buttons{gap:16px;margin-bottom:32px}.action-button{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px -1px #0000000f;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:hover{background:linear-gradient(145deg,#f8f9fa,#fff);border-color:#667eea;box-shadow:0 8px 15px -3px #0000001a;color:#667eea;transform:translateY(-2px)}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8}.business-locations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:24px}.business-location-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:420px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.business-location-card:hover{border-color:#3498db;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.business-location-card .status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:10}.status-badge.online{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.status-badge.offline{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.business-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;padding:24px;position:relative}.business-card-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.business-name{color:#1f2937;font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 8px}.business-location{align-items:center;color:#6b7280;display:flex;font-size:.95rem;font-weight:500;gap:8px}.location-icon{color:#667eea;height:16px;width:16px}.business-stats{display:flex;flex-direction:column;gap:16px;padding:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.stat-item:hover{background:#f1f5f9;border-color:#cbd5e1}.stat-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.stat-icon{color:#667eea;height:16px;width:16px}.stat-label{color:#6b7280;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1f2937;font-size:1.25rem;margin:0}.stat-value.success{color:#059669}.stat-value.warning{color:#d97706}.stat-value.error{color:#dc2626}.business-metrics{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;padding:16px}.metrics-title{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:12px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.metric-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500}.metric-value{color:#374151;font-size:.875rem;font-weight:600}.business-actions{background:#fafbfc;border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.card-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-action-btn:hover{background:#f8f9ff;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.card-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.card-action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8}.card-action-btn.secondary{background:#f3f4f6;border-color:#d1d5db;color:#374151}.card-action-btn.secondary:hover{background:#e5e7eb;border-color:#9ca3af}.card-action-btn.configure{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.card-action-btn.configure:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.loading-card .loading-skeleton:first-child{margin-bottom:12px;width:60%}.loading-card .loading-skeleton:nth-child(2){margin-bottom:16px;width:40%}.loading-card .loading-skeleton:nth-child(3){margin-bottom:8px;width:80%}.loading-card .loading-skeleton:nth-child(4){width:70%}.no-locations{color:#fffc;padding:48px 24px;text-align:center}.no-locations-icon{color:#fff6;font-size:4rem;margin-bottom:16px}.no-locations h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.no-locations p{color:#ffffffb3;font-size:1rem;margin-bottom:24px}.distribution-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90vw}.modal-header{background:#f8fafc;padding:24px}.modal-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.modal-content{max-height:60vh;padding:24px}.modal-actions{background:#fafbfc;gap:12px;padding:16px 24px}.modal-btn{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.modal-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.modal-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@media (max-width:1024px){.business-locations-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dashboard-summary{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.multi-location-distribution{padding:16px}.multi-location-distribution h1{font-size:2rem}.business-locations-grid,.dashboard-summary{gap:16px;grid-template-columns:1fr}.summary-icon,.summary-number{font-size:2rem}.business-actions{flex-direction:column}.card-action-btn{min-width:auto}.action-buttons{align-items:stretch;flex-direction:column}.action-button{justify-content:center;width:100%}.metrics-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.business-card-header,.business-stats{padding:20px}.business-actions{padding:16px 20px}.summary-number{font-size:1.75rem}.business-name{font-size:1.25rem}.modal-content,.modal-header{padding:20px}.distribution-modal{margin:20px;width:95vw}}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.admin-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#fff;text-align:center}.loading-spinner .spin{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-header h1{font-size:1.5rem;margin:0}.admin-header h1,.back-btn{align-items:center;color:#fff;display:flex;gap:.5rem}.back-btn{background:#fff3;border:none;border-radius:8px;padding:.75rem 1rem}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-info{color:#ffffffe6;font-size:.9rem}.admin-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:400px 1fr;height:calc(100vh - 180px)}.businesses-panel,.permissions-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;overflow:hidden}.panel-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.5rem}.panel-header,.panel-header h2{align-items:center;display:flex}.panel-header h2{color:#fff;gap:.5rem;margin:0}.refresh-btn,.reset-btn,.save-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-btn:hover,.reset-btn:hover{background:#ffffff4d}.save-btn{background:#22c55e4d}.save-btn:hover:not(:disabled){background:#22c55e80}.panel-actions{display:flex;gap:.5rem}.businesses-list{max-height:calc(100vh - 280px);overflow-y:auto;padding:1rem}.business-card{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.business-card:hover{background:#ffffff26;transform:translateY(-2px)}.business-card.selected{background:#4f46e54d;border-color:#4f46e580}.business-info h3{color:#fff;font-size:1rem;margin:0 0 .5rem}.business-email{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem}.business-meta{display:flex;gap:.5rem}.status-badge,.subscription-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.subscription-badge.lite{background:#10b9814d;color:#10b981}.subscription-badge.pro{background:#3b82f64d;color:#3b82f6}.subscription-badge.master{background:#8b5cf64d;color:#8b5cf6}.status-badge.active{background:#22c55e4d;color:#22c55e}.status-badge.past_due{background:#ef44444d;color:#ef4444}.status-badge.canceled{background:#6b72804d;color:#6b7280}.modules-count{background:#ffffff1a;border-radius:4px;color:#fffc;font-size:.9rem;padding:.25rem .5rem}.permissions-panel{overflow-y:auto}.business-details{border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem}.business-details h3{color:#fff;margin:0 0 .5rem}.business-details p{color:#fffc;margin:.25rem 0}.plan-tag{border-radius:4px;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.plan-tag.lite{background:#10b9814d;color:#10b981}.plan-tag.pro{background:#3b82f64d;color:#3b82f6}.plan-tag.master{background:#8b5cf64d;color:#8b5cf6}.modules-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem}.module-card{align-items:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;cursor:pointer;gap:1rem;padding:1rem;transition:all .3s ease}.module-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.module-card.enabled{background:#ffffff26}.module-card.disabled{opacity:.6}.module-card.custom{box-shadow:0 0 0 2px #ffd70080}.module-icon{font-size:1.5rem}.module-info h4{color:#fff;font-size:.95rem;margin:0 0 .25rem}.module-description{color:#ffffffb3;font-size:.8rem;margin:0 0 .5rem}.module-meta{display:flex;flex-direction:column;gap:.25rem}.plan-requirement{border-radius:3px;font-size:.7rem;font-weight:500;padding:.15rem .4rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.plan-requirement.lite{background:#10b98133;color:#10b981}.plan-requirement.pro{background:#3b82f633;color:#3b82f6}.plan-requirement.master{background:#8b5cf633;color:#8b5cf6}.custom-badge{background:#ffd70033;border-radius:3px;color:gold;font-size:.7rem;font-weight:500;padding:.15rem .4rem;width:-webkit-fit-content;width:fit-content}.module-toggle{flex-shrink:0;font-size:1.2rem}.permissions-summary{background:#ffffff0d;border-top:1px solid #ffffff1a;padding:1.5rem}.permissions-summary h4{color:#fff;margin:0 0 1rem}.summary-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#ffffffb3;font-size:.8rem}.stat-value{color:#fff;font-size:1.1rem;font-weight:600}@media (max-width:1200px){.admin-content{grid-template-columns:350px 1fr}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:968px){.admin-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.businesses-panel{max-height:300px}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.modules-grid{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:1rem}}.admin-dashboard.error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:3rem;text-align:center}.error-container svg{color:#fbbf24;margin-bottom:1rem}.error-container h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.error-container p{color:#fffc;line-height:1.6;margin-bottom:1rem}.error-container .back-btn{align-items:center;background:#6366f1cc;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.error-container .back-btn:hover{background:#6366f1;transform:translateY(-2px)}.addon-page{margin:0 auto;max-width:1200px;padding:2rem}.addon-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem}.addon-header,.addon-icon{align-items:center;display:flex}.addon-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px 0 #1f268733;color:#4a9eff;font-size:2.5rem;height:70px;justify-content:center;margin-right:1.5rem;width:70px}.addon-title{flex:1 1}.addon-title h1{font-size:2rem;font-weight:600;margin:0 0 .5rem}.addon-title p{font-size:1rem;margin:0;opacity:.7}.addon-status{align-items:center;border-radius:30px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}.addon-status.active{background:#4aff7f1a;border:1px solid #4aff7f4d;box-shadow:0 0 15px #4aff7f33;color:#4aff7f}.addon-description{margin-bottom:3rem}.addon-description h2{font-size:1.5rem;margin-bottom:1rem}.addon-description p{font-size:1.1rem;line-height:1.6;max-width:800px;opacity:.9}.feature-highlight{display:flex;gap:2rem;justify-content:space-between;margin-top:2rem}.feature{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;flex:1 1;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.feature:before{background:linear-gradient(125deg,#fff3,#ffffff0d 40%,#fff0);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.feature:hover{box-shadow:0 10px 30px 0 #1f26874d;transform:translateY(-5px)}.feature-icon{color:#4a9eff;font-size:2rem;margin-bottom:1rem}.feature h3{font-size:1.2rem;margin-bottom:.5rem}.feature p{font-size:.95rem;line-height:1.5;opacity:.8}.pricing-tiers{margin-top:2rem}.pricing-tiers h2{font-size:1.8rem;margin-bottom:2rem;text-align:center}.tiers-container{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.tier{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;flex:1 1;max-width:350px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.tier:before{background:linear-gradient(125deg,#fff3,#ffffff0d 40%,#fff0);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.tier:hover{box-shadow:0 10px 30px 0 #1f26874d;transform:translateY(-5px)}.tier.selected{background:#4a9eff1a;border:1px solid #4a9eff4d;box-shadow:0 0 30px #4a9eff33}.tier.selected:after{background:linear-gradient(125deg,#4a9eff26,#4a9eff0d 40%,#4a9eff00);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.tier h3{font-size:1.5rem;margin-bottom:1rem;text-align:center}.tier-price{margin-bottom:1.5rem;text-align:center}.tier-price .price{font-size:2.2rem;font-weight:700}.tier-price .period{font-size:1rem;opacity:.7}.tier-users{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem}.tier-features{list-style:none;margin:0 0 1.5rem;padding:0}.tier-features li{align-items:center;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.tier-features li svg{color:#4aff7f;flex-shrink:0}.select-tier-btn{background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.select-tier-btn:hover{background:#4a9eff4d;box-shadow:0 0 15px #4a9eff4d}.select-tier-btn.selected{background:#4a9eff66;box-shadow:0 0 15px #4a9eff66}.activation-container{margin-top:2rem;text-align:center}.activate-button{background:linear-gradient(135deg,#4a9eff,#306fbb);border:none;border-radius:30px;box-shadow:0 5px 15px #4a9eff66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.activate-button:hover{box-shadow:0 8px 25px #4a9eff80;transform:translateY(-3px)}.activate-button:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.5}.active-addon-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4a9eff0d;border:1px solid #4a9eff1a;border-radius:15px;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.active-addon-panel:before{background:linear-gradient(125deg,#4a9eff26,#4a9eff0d 40%,#4a9eff00);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.active-addon-panel h2{font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.current-plan{align-items:center;display:flex;flex-direction:column;gap:1rem}.current-plan h3{font-size:1.3rem;margin:0}.current-plan p{max-width:500px;opacity:.8;text-align:center}.deactivate-button{background:#dc354533;border:1px solid #dc35454d;border-radius:8px;color:#ff4a4a;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.deactivate-button:hover{background:#dc35454d;box-shadow:0 0 15px #dc354533}.pricing-single{margin-top:2rem;text-align:center}.pricing-single h2{font-size:1.8rem;margin-bottom:2rem}.single-tier{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px 0 #1f268733;margin:0 auto;max-width:500px;overflow:hidden;padding:2.5rem;position:relative}.single-tier:before{background:linear-gradient(125deg,#fff3,#ffffff0d 40%,#fff0);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.addon-marketplace-page{margin:0 auto;max-width:1200px;padding:2rem}.marketplace-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:3rem;padding-bottom:1.5rem}.header-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #1f268733;color:#4a9eff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-right:1.5rem;width:80px}.header-title{flex:1 1}.header-title h1{font-size:2.2rem;font-weight:600;margin:0 0 .5rem}.header-title p{font-size:1.1rem;margin:0;opacity:.7}.addons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.addon-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.addon-card:before{background:linear-gradient(125deg,#fff3,#ffffff0d 40%,#fff0);bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}.addon-card:hover{box-shadow:0 10px 30px 0 #1f26874d;transform:translateY(-5px)}.addon-card.active{background:#4a9eff0d;border:1px solid #4a9eff33;box-shadow:0 8px 32px 0 #4a9eff1a}.addon-card.active:after{background:linear-gradient(125deg,#4a9eff1a,#4a9eff0d 40%,#4a9eff00);content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}.addon-card-header{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.addon-card .addon-icon{font-size:1.8rem;height:60px;margin-right:1rem;width:60px}.addon-card .addon-title{flex:1 1}.addon-card .addon-title h2{font-size:1.4rem;margin:0 0 .3rem}.addon-card .addon-title p{font-size:.9rem;margin:0;opacity:.7}.addon-card .addon-status{align-items:flex-start;background:#4aff7f1a;border:none;border-bottom-left-radius:80px;box-shadow:none;display:flex;flex-direction:column;height:80px;justify-content:flex-end;padding:0 0 10px 10px;position:absolute;right:-30px;top:-30px;transform:rotate(45deg);width:80px}.addon-card .addon-status span,.addon-card .addon-status svg{font-size:.7rem;transform:rotate(-45deg)}.addon-price{background:#ffffff1a;border-radius:30px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.addon-features{list-style:none;margin:0 0 1.5rem;padding:0}.addon-features li{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.addon-features .feature-check{color:#4aff7f;flex-shrink:0}.addon-link-button{align-items:center;background:#4a9eff33;border:1px solid #4a9eff4d;border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.addon-link-button:hover{background:#4a9eff4d;box-shadow:0 0 15px #4a9eff4d;transform:translateY(-2px)}@media (max-width:992px){.feature-highlight{flex-direction:column;gap:1rem}.tiers-container{align-items:center;flex-direction:column}.tier{max-width:500px;width:100%}.addons-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.addon-header,.marketplace-header{align-items:flex-start;flex-direction:column;gap:1rem}.addon-icon,.header-icon{margin-right:0}.addon-status{align-self:flex-start}.activation-container{padding:0 1rem}.activate-button{width:100%}.addon-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.addon-card .addon-icon{margin-right:0}}.staff-page{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.staff-header-simple{gap:2rem;margin-bottom:3rem}.staff-header,.staff-header-simple{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;padding:2rem}.staff-header{gap:1.5rem;margin-bottom:2rem}.staff-icon{align-items:center;background:#000;border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;width:80px}.staff-title h1{color:#000;font-size:2.5rem;font-weight:700;margin:0}.staff-title p{color:#666;font-size:1.1rem;margin:.5rem 0 0}.staff-controls-clean{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:1.5rem 2rem}.search-section{flex:1 1;max-width:400px}.staff-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-filter-container{display:flex;flex:1 1;gap:1rem;max-width:600px}.search-container{flex:1 1;position:relative}.search-icon{color:#666;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #d1d5db;border-radius:12px;color:#000;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.search-input::placeholder{color:#666}.filter-container{min-width:200px;position:relative}.filter-icon{color:#666;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-size:1rem;border:2px solid #d1d5db;border-radius:12px;color:#000;cursor:pointer;font-size:1rem;padding:1rem 1rem 1rem 3rem;width:100%}.filter-select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.add-staff-btn{align-items:center;background:#000;border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.add-staff-btn:hover{background:#333;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.staff-table-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.staff-table-clean{border-collapse:collapse;font-size:.95rem;width:100%}.staff-table-clean thead{background:#000}.staff-table-clean th{background:#000;border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1.5rem 1rem;text-align:left;text-transform:uppercase}.staff-table-clean td{border-bottom:1px solid #e5e7eb;padding:1.5rem 1rem;vertical-align:middle}.staff-table-clean tr:hover{background:#f9fafb}.staff-table-clean tr:last-child td{border-bottom:none}.text-black{color:#000!important;font-weight:500}.staff-name-cell strong{color:#000;display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.staff-status{margin-top:.25rem}.whatsapp-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.whatsapp-btn:hover{background:#20b954;transform:scale(1.1)}.action-buttons{gap:.5rem;justify-content:center}.action-btn{border-radius:6px;height:32px;width:32px}.action-btn.edit{background:#000;color:#fff}.action-btn.edit:hover{background:#333;transform:scale(1.1)}.action-btn.pin{background:#f3f4f6;border:1px solid #d1d5db;color:#000}.action-btn.pin:hover{background:#e5e7eb;border-color:#000;transform:scale(1.1)}.action-btn.delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.action-btn.delete:hover{background:#fee2e2;border-color:#dc2626;transform:scale(1.1)}.loading-container{border:2px solid #e5e7eb;box-shadow:0 4px 16px #0000001a;padding:4rem}.spinner{color:#000;font-size:3rem}.loading-container p{color:#666;font-size:1.1rem;margin-top:1rem}.empty-state{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem}.empty-state p{color:#666;font-size:1.2rem;margin-bottom:2rem;text-align:center}.staff-list{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.staff-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:1.5rem}.staff-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .2s ease}.staff-card:hover{border-color:#000;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.staff-card-header{justify-content:space-between;margin-bottom:1rem}.staff-info h3{color:#000;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.staff-info .position{color:#666;font-size:.9rem;font-weight:500}.status-badge{border-radius:12px;font-size:.75rem;letter-spacing:.5px;padding:.25rem .75rem}.bg-green-100{background-color:#dcfce7;color:#059669}.bg-red-100{background-color:#fee2e2;color:#dc2626}.bg-yellow-100{background-color:#fef3c7;color:#d97706}.staff-actions{gap:.5rem;margin-top:1rem}.action-btn{border-radius:8px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem;transition:all .2s ease}.edit-btn{background:#000;color:#fff}.edit-btn:hover{background:#333;transform:translateY(-1px)}.pin-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#000}.pin-btn:hover{background:#e5e7eb;border-color:#000}.delete-btn{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.delete-btn:hover{background:#fee2e2;border-color:#dc2626}.staff-details{margin-top:1rem}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;color:#666;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row svg{color:#000;opacity:.7}.permissions-section{margin-top:1.5rem}.permissions-section h4{color:#000;font-size:1rem;font-weight:600;margin:0 0 1rem}.permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.permission-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.permission-name{color:#000;font-size:.85rem;font-weight:500}.permission-toggle{border-radius:10px;height:20px;transition:all .2s ease;width:40px}.permission-toggle.active{background:#000}.permission-toggle:not(.active){background:#d1d5db}.modal-overlay{padding:1rem}.modal-header{border-bottom:2px solid #e5e7eb;padding:1.5rem}.modal-header h2{color:#000;font-size:1.25rem}.close-btn{border-radius:50%;color:#666;font-size:1.5rem;padding:.5rem}.close-btn:hover{background:#f3f4f6;color:#000}.modal-body{padding:1.5rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#000}.form-group input,.form-group select{border:2px solid #d1d5db;border-radius:8px;color:#000;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.modal-actions{background:#f9fafb;border-top:2px solid #e5e7eb;gap:1rem;padding:1.5rem}.cancel-btn{background:#0000;border:2px solid #d1d5db;border-radius:8px;color:#000;font-weight:500;padding:.75rem 1.5rem}.cancel-btn:hover{background:#f3f4f6;border-color:#000}.primary-btn,.submit-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.primary-btn:hover,.submit-btn:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.primary-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.staff-page{padding:1rem}.staff-header,.staff-header-simple{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.staff-icon{font-size:1.5rem;height:60px;width:60px}.staff-title h1{font-size:2rem}.staff-controls,.staff-controls-clean{align-items:stretch;flex-direction:column;gap:1rem}.search-filter-container,.search-section{flex-direction:column;max-width:none}.staff-table-clean{font-size:.85rem}.staff-table-clean td,.staff-table-clean th{padding:1rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.staff-grid{grid-template-columns:1fr}.staff-card-header{align-items:flex-start;gap:.5rem}.staff-actions,.staff-card-header{flex-direction:column}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:.5rem}.modal-actions{flex-direction:column}}@media (max-width:480px){.staff-page{padding:.5rem}.staff-header,.staff-header-simple{padding:1rem}.staff-list{margin:0}.staff-card{padding:1rem}.permissions-grid{grid-template-columns:1fr}.staff-table-container{overflow-x:auto}.staff-table-clean{min-width:600px}}.schedule-page{background:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.schedule-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;margin-bottom:30px;padding:25px}.schedule-header,.schedule-icon{align-items:center;border-radius:16px;color:#fff;display:flex}.schedule-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;font-size:28px;height:70px;justify-content:center;margin-right:25px;width:70px}.schedule-title h1{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.schedule-title p{color:#ffffffe6;font-size:18px;font-weight:400;margin:8px 0 0}.schedule-controls{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.navigation-controls{gap:15px}.nav-btn,.navigation-controls{align-items:center;display:flex}.nav-btn{background:#f7fafc;border:none;border-radius:12px;color:#4a5568;cursor:pointer;font-size:16px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.nav-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.current-period{color:#2d3748;font-size:18px;font-weight:600;min-width:200px;padding:0 20px;text-align:center}.view-controls{background:#f7fafc;border-radius:12px;display:flex;gap:8px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.view-btn.active{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.view-btn:hover:not(.active){background:#edf2f7;color:#2d3748}.add-shift-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;box-shadow:0 4px 12px #48bb784d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s ease}.add-shift-btn:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.loading-container{box-shadow:0 4px 16px #00000014}.loading-container p{font-weight:500}.schedule-grid{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden}.schedule-header-row{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0;display:grid;grid-template-columns:200px repeat(7,1fr)}.staff-column-header{align-items:center;background:#667eea;border-right:1px solid #e2e8f0;color:#2d3748;color:#fff;display:flex;font-size:16px;font-weight:700;padding:20px}.day-column-header{background:#f7fafc;border-right:1px solid #e2e8f0;padding:20px 15px;text-align:center}.day-name{color:#2d3748;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.day-date{color:#667eea;font-size:18px;font-weight:600}.schedule-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:200px repeat(7,1fr);transition:background-color .2s ease}.schedule-row:hover{background:#f7fafc}.staff-info-cell{background:#fafafa;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;padding:20px}.staff-name{font-size:16px;font-weight:700;margin-bottom:4px}.staff-position{background:#667eea1a;border-radius:12px;color:#667eea;display:inline-block;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.schedule-cell{align-items:center;border-right:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:center;min-height:80px;padding:15px;position:relative;transition:all .2s ease}.schedule-cell:hover{background:#f0f4ff}.schedule-cell.drag-over{background:#e6fffa;border:2px dashed #38b2ac}.shift-block{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:grab;padding:12px;position:relative;transition:all .2s ease;width:100%}.shift-block:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.shift-block.dragging{box-shadow:0 8px 24px #667eea80;transform:rotate(5deg);z-index:1000}.shift-time{font-size:13px;font-weight:600;margin-bottom:4px;text-align:center}.shift-duration{font-size:11px;font-weight:500;opacity:.9;text-align:center}.shift-actions{opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease}.shift-block:hover .shift-actions{opacity:1}.delete-shift-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:10px;padding:4px 6px;transition:all .2s ease}.delete-shift-btn:hover{background:#e53e3e;transform:scale(1.1)}.empty-shift{color:#a0aec0;font-size:20px;opacity:.5;transition:all .2s ease}.schedule-cell:hover .empty-shift{color:#667eea;opacity:1;transform:scale(1.2)}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px 20px 0 0;padding:25px}.close-btn{background:#f7fafc;border-radius:10px;color:#4a5568;font-size:20px;height:36px;width:36px}.close-btn:hover{background:#e53e3e;color:#fff;transform:scale(1.1)}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:25px}.form-group{gap:8px}.form-group label{color:#000!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:#f7fafc;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.shift-summary{background:linear-gradient(135deg,#f0fff4,#e6fffa);border:1px solid #9ae6b4;border-radius:16px;margin:25px;padding:20px}.shift-summary h3{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 15px}.shift-summary h3:before{content:"📊";font-size:20px}.shift-summary p{color:#2d3748;font-weight:500;margin:8px 0}.shift-summary strong{color:#38a169}.modal-actions{background:#f7fafc;border-top:1px solid #e2e8f0;padding:25px}.cancel-btn{font-size:15px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{transform:translateY(-1px)}.submit-btn{border-radius:12px;box-shadow:0 4px 12px #667eea4d;font-size:15px;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1200px){.schedule-header-row,.schedule-row{grid-template-columns:180px repeat(7,1fr)}.staff-column-header,.staff-info-cell{padding:15px}}@media (max-width:768px){.schedule-page{padding:15px}.schedule-header{flex-direction:column;gap:15px;padding:20px;text-align:center}.schedule-icon{margin-right:0}.schedule-controls{align-items:stretch;flex-direction:column;gap:15px}.navigation-controls,.view-controls{justify-content:center}.schedule-header-row,.schedule-row{font-size:12px;grid-template-columns:150px repeat(7,1fr)}.staff-name{font-size:14px}.staff-position{font-size:10px}.shift-time{font-size:11px}.shift-duration{font-size:10px}.form-grid{grid-template-columns:1fr;padding:20px}.modal-content{margin:10px;max-width:none;width:calc(100% - 20px)}.shift-block{padding:8px}}@media (max-width:480px){.schedule-header-row,.schedule-row{grid-template-columns:120px repeat(7,1fr)}.day-column-header{padding:10px 5px}.day-name{font-size:10px}.day-date{font-size:14px}.schedule-cell{min-height:60px;padding:8px}.shift-block{padding:8px}}.monthly-calendar{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden}.calendar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{border-right:1px solid #fff3;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px;text-align:center;text-transform:uppercase}.calendar-day-header:last-child{border-right:none}.calendar-grid{grid-gap:1px;background:#e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:8px;transition:all .2s ease}.calendar-day:hover{background:#f7fafc}.calendar-day.other-month{background:#f8f9fa;opacity:.6}.calendar-day.today{background:linear-gradient(135deg,#e6fffa,#f0fff4);border:2px solid #38b2ac}.day-number{color:#2d3748;font-size:16px;font-weight:700;margin-bottom:8px;text-align:center}.calendar-day.other-month .day-number{color:#a0aec0}.calendar-day.today .day-number{align-items:center;background:#fff;border-radius:50%;color:#38b2ac;display:flex;height:28px;justify-content:center;margin:0 auto 8px;width:28px}.day-shifts{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.mini-shift{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:10px;justify-content:space-between;padding:4px 6px;transition:all .2s ease}.mini-shift:hover{box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.shift-staff{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-time-mini{font-size:9px;margin-left:4px;opacity:.9}.add-shift-mini{align-items:center;background:#48bb781a;border:1px dashed #48bb78;border-radius:4px;color:#48bb78;cursor:pointer;display:flex;font-size:10px;justify-content:center;margin-top:4px;padding:4px;transition:all .2s ease}.add-shift-mini:hover{background:#48bb78;border-color:#48bb78;color:#fff}.labor-cost-summary{align-items:center;background:linear-gradient(135deg,#f0fff4,#e6fffa);border:1px solid #9ae6b4;border-radius:12px;display:flex;justify-content:space-between;margin:20px 0;padding:15px}.cost-item{text-align:center}.cost-label{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.cost-value{color:#38a169;font-size:18px;font-weight:700}@media (max-width:768px){.calendar-day{min-height:80px;padding:4px}.day-number{font-size:14px;margin-bottom:4px}.mini-shift{font-size:9px;padding:2px 4px}.shift-staff,.shift-time-mini{font-size:8px}.add-shift-mini{font-size:8px;padding:2px}.calendar-day-header{font-size:12px;padding:10px 5px}}@media (max-width:480px){.calendar-day{min-height:60px;padding:2px}.day-number{font-size:12px;margin-bottom:2px}.mini-shift{font-size:8px;margin-bottom:1px;padding:1px 2px}.shift-staff{font-size:7px}.shift-time-mini{display:none}.add-shift-mini{font-size:6px;margin-top:1px;padding:1px}.calendar-day-header{font-size:10px;padding:8px 2px}.calendar-day.today .day-number{font-size:10px;height:20px;width:20px}}.modal-content .form-group label{background:#0000!important;color:#000!important;display:block!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;margin-bottom:8px;opacity:1!important;text-shadow:none!important;text-transform:uppercase;visibility:visible!important}.performance-page{background:#f8f9fa;min-height:100vh;padding:20px}.performance-header{background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.performance-header,.performance-icon{align-items:center;border-radius:12px;display:flex}.performance-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;height:60px;justify-content:center;margin-right:20px;width:60px}.performance-title h1{color:#2d3748;font-size:28px;font-weight:700;margin:0}.performance-title p{color:#718096;font-size:16px;margin:5px 0 0}.performance-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.filters-container{display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#4a5568;font-size:14px;font-weight:600}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(45deg,#0000 50%,#4a5568 0),linear-gradient(135deg,#4a5568 50%,#0000 0);background-position:calc(100% - 15px) calc(1em + 2px),calc(100% - 10px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;min-width:150px;padding:8px 32px 8px 12px;transition:all .2s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.export-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.export-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.loading-container{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px}.spinner{font-size:32px;margin-bottom:15px}.loading-container p{color:#718096;font-size:16px}.metrics-summary{grid-gap:20px;clear:both;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.metric-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:20px;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-right:15px;width:50px}.metric-info h3{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.metric-value{color:#2d3748;font-size:24px;font-weight:700;margin:0}.charts-section{grid-gap:20px;clear:both;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px;margin-top:20px}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;min-height:350px;padding:20px}.chart-container h3{color:#2d3748;flex-shrink:0;font-size:18px;font-weight:600;margin:0 0 20px}.chart-container>div:last-child{flex:1 1;min-height:280px}.performance-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;clear:both;margin-bottom:40px;margin-top:20px;overflow:hidden}.performance-table-container h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:18px;font-weight:600;margin:0;padding:20px}.table-wrapper{overflow-x:auto}.performance-table{border-collapse:collapse;width:100%}.performance-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.performance-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.performance-table th.sortable:hover{background:#edf2f7}.performance-table th.sortable svg{font-size:12px;margin-left:5px}.performance-table td{border-bottom:1px solid #e2e8f0;padding:15px;vertical-align:middle}.performance-table tr.even{background:#f7fafc}.performance-table tr.odd{background:#fff}.performance-table tr:hover{background:#edf2f7}.staff-info{min-width:150px}.staff-name{color:#2d3748;font-weight:600;margin-bottom:2px}.staff-position{color:#718096;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.metric-cell{color:#2d3748;font-weight:600;text-align:center}.efficiency-cell,.rating-cell{align-items:center;display:flex;gap:4px;justify-content:center}.efficiency-cell{flex-direction:column}.efficiency-cell span:first-child{font-size:14px;font-weight:700}.efficiency-rating{color:#718096!important;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.actions-cell{text-align:center}.detail-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.detail-btn:hover{background:#5a67d8;transform:translateY(-1px)}.top-performers{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;clear:both;margin-top:20px;padding:20px}.top-performers h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.performers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.performer-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:all .2s ease}.performer-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.performer-card h4{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 15px}.performer-info{display:flex;flex-direction:column;gap:5px}.performer-info .name{color:#2d3748;font-size:16px;font-weight:600}.performer-info .value{color:#667eea;font-size:18px;font-weight:700}.modal-overlay{background:#00000080}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003}.modal-content.large{max-width:800px}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px}.modal-header h2{color:#2d3748;font-size:20px;font-weight:600}.close-btn{border-radius:4px}.staff-detail-content{padding:20px}.detail-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.detail-metric{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:15px;padding:15px}.detail-metric svg{font-size:20px}.detail-metric div{display:flex;flex-direction:column;gap:2px}.detail-metric label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-metric span{color:#2d3748;font-size:16px;font-weight:700}.performance-insights{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.performance-insights h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 15px}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;padding:10px}.insight-item strong{color:#2d3748}@media (max-width:768px){.performance-page{padding:10px}.performance-header{flex-direction:column;gap:15px;text-align:center}.performance-icon{margin-right:0}.performance-controls{align-items:stretch;flex-direction:column}.filters-container{flex-direction:column;gap:15px}.filter-select{min-width:auto}.charts-section,.detail-metrics,.metrics-summary,.performers-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-width:none;width:calc(100% - 20px)}}@media (max-width:480px){.performance-table td,.performance-table th{font-size:12px;padding:10px 8px}.staff-name{font-size:14px}.staff-position{font-size:11px}.metric-value{font-size:20px}}.staff-management-page{background:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.management-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.management-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea40;color:#fff;display:flex;font-size:28px;height:70px;justify-content:center;margin-right:25px;width:70px}.management-title{flex:1 1}.management-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:32px;font-weight:700;margin:0}.management-title p{color:#718096;font-size:16px;font-weight:500;margin:8px 0 0}.management-actions{align-items:center;display:flex;gap:15px}.kiosk-access-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.kiosk-access-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.kiosk-access-btn svg{font-size:18px}.quick-login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.quick-login-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.quick-login-btn svg{font-size:18px}.generate-links-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.generate-links-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.generate-links-btn svg{font-size:18px}.management-content{margin-top:30px}.loading-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{color:#667eea;font-size:40px;margin-bottom:20px}.loading-container p{color:#4a5568;font-size:18px;font-weight:600;margin:0}.staff-cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:30px}.staff-management-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 30px #00000014;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.staff-management-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0}.staff-management-card:hover{border-color:#667eea;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.staff-card-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:25px}.staff-avatar{flex-shrink:0;font-size:24px;font-weight:700}.staff-basic-info{flex:1 1;min-width:0}.staff-basic-info h3{color:#1a202c;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 8px}.staff-role{color:#667eea;font-size:14px;margin:0 0 12px}.access-level-badge,.staff-role{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.access-level-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:12px;padding:6px 14px}.staff-status-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin:20px 0;padding:20px}.status-item{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:500;gap:12px}.status-icon{color:#667eea;font-size:16px;text-align:center;width:20px}.permissions-preview{margin:25px 0}.permissions-preview h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 15px}.permissions-grid-mini{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}.permission-mini{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;font-size:18px;height:45px;justify-content:center;transition:all .3s ease;width:45px}.permission-mini.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.permission-mini.inactive{background:#f7fafc;border-color:#e2e8f0;color:#cbd5e0}.staff-actions{display:flex;gap:12px;margin-top:25px}.action-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.permissions-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.permissions-btn:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.pin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.pin-btn:hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.onboarding-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.onboarding-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-width:600px;overflow:visible;position:relative}.modal-content.large{max-width:900px}.modal-header{background:#fff;flex-shrink:0;padding:30px 30px 20px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;color:#a0aec0;display:flex;font-size:28px;height:40px;justify-content:center;padding:5px;width:40px}.close-btn:hover{color:#4a5568}.permissions-content{flex:1 1;max-height:calc(90vh - 120px);min-height:0;overflow-y:auto!important;padding:30px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.permissions-content::-webkit-scrollbar{width:8px}.permissions-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.permissions-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.permissions-content::-webkit-scrollbar-thumb:hover{background:#999}.permission-templates{margin-bottom:35px}.permission-templates h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.templates-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.template-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:15px 20px;text-align:center;transition:all .3s ease}.template-btn:hover{background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.permissions-list{margin-bottom:35px}.permissions-list h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 25px}.permission-item-detailed{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.permission-item-detailed:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 4px 15px #0000000d}.permission-info{align-items:center;display:flex;flex:1 1;gap:20px}.permission-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.permission-details h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 5px}.permission-details p{color:#718096;font-size:14px;line-height:1.4;margin:0}.permission-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .3s ease;width:60px}.permission-toggle.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.permission-toggle.inactive{background:#e2e8f0;color:#a0aec0}.permission-toggle:hover{transform:scale(1.05)}.pin-content{flex:1 1;min-height:0;overflow-y:auto;padding:30px}.pin-info{background:linear-gradient(135deg,#ebf8ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;margin-bottom:25px;padding:20px}.pin-info p{color:#3730a3;font-size:14px;line-height:1.5;margin:0}.form-group{margin-bottom:25px}.pin-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:18px;font-weight:600;letter-spacing:8px;padding:15px 50px 15px 15px}.pin-input:focus{box-shadow:0 0 0 3px #667eea1a}.pin-toggle{border-radius:6px;padding:5px;right:15px}.pin-strength{background:#fef5e7;border:1px solid #fed7aa;border-radius:12px;margin-top:25px;padding:20px}.pin-strength p{color:#92400e;font-size:14px;line-height:1.6;margin:0}.onboarding-content{flex:1 1;max-height:calc(90vh - 120px);min-height:0;overflow-y:auto!important;padding:30px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.onboarding-content::-webkit-scrollbar{width:8px}.onboarding-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.onboarding-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.onboarding-content::-webkit-scrollbar-thumb:hover{background:#999}.onboarding-steps{margin-bottom:35px}.step-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:25px;padding:25px;position:relative;transition:all .3s ease}.step-card:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 4px 15px #0000000d}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;left:25px;position:absolute;top:-15px;width:35px}.step-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:10px 0 20px}.credentials-info{display:flex;flex-direction:column;gap:20px}.credential-item{display:flex;flex-direction:column;gap:8px}.credential-item label{color:#4a5568;font-size:14px;font-weight:600}.credential-value{align-items:center;display:flex;gap:10px}.credential-value input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;padding:12px 15px;transition:all .3s ease}.credential-value input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pin-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:18px;font-weight:700;letter-spacing:4px;min-width:120px;padding:12px 20px;text-align:center}.copy-btn,.regenerate-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease}.copy-btn:hover,.regenerate-btn:hover{background:#f8fafc;border-color:#667eea;transform:translateY(-2px)}.access-levels{display:flex;flex-direction:column;gap:15px}.access-level-option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.access-level-option:hover{background:#f8fafc;border-color:#cbd5e0}.access-level-option input[type=radio]{height:20px;margin:0;width:20px}.level-info{align-items:center;display:flex;flex:1 1;gap:15px}.level-indicator{border-radius:50%;flex-shrink:0;height:20px;width:20px}.level-info strong{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:4px}.level-info p{color:#718096;font-size:14px;line-height:1.4;margin:0}.training-checkbox{align-items:center;background:#f0fff4;border:2px solid #c6f6d5;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.training-checkbox:hover{background:#f0fff4;border-color:#9ae6b4}.training-checkbox input[type=checkbox]{height:20px;margin:0;width:20px}.training-checkbox span{color:#22543d;font-size:14px;font-weight:500}.onboarding-summary{background:linear-gradient(135deg,#f0fff4,#e6fffa);border:2px solid #c6f6d5;border-radius:16px;margin-top:35px;padding:25px}.onboarding-summary h3{color:#22543d;font-size:18px;font-weight:600;margin:0 0 20px}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;color:#22543d;display:flex;font-size:14px;font-weight:500;gap:12px}.summary-item svg{color:#38a169;font-size:16px;text-align:center;width:20px}.modal-actions{background:#fff;flex-shrink:0;padding:25px 30px 30px}.cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:12px 25px;transition:all .3s ease}.cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.save-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.save-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.save-btn:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0}@media (max-width:768px){.staff-management-page{padding:15px}.management-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.management-icon{margin-right:0}.management-title h1{font-size:24px}.staff-cards-grid{gap:20px;grid-template-columns:1fr}.staff-management-card{padding:20px}.staff-card-header{flex-direction:column;gap:15px;text-align:center}.staff-actions{flex-direction:column;gap:10px}.permissions-grid-mini{grid-template-columns:repeat(3,1fr)}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:20px 20px 15px}.onboarding-content,.permissions-content,.pin-content,.terminal-links-content{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 140px);overflow-y:auto!important;padding:20px}.templates-grid{grid-template-columns:repeat(2,1fr)}.permission-item-detailed{text-align:center}.permission-info,.permission-item-detailed{flex-direction:column;gap:15px}.access-level-option{text-align:center}.access-level-option,.level-info{flex-direction:column;gap:10px}.modal-actions{flex-direction:column;padding:20px}}@media (max-width:480px){.management-title h1,.staff-avatar{font-size:20px}.staff-avatar{height:60px;width:60px}.staff-basic-info h3{font-size:18px}.pin-input{font-size:16px;letter-spacing:4px;padding:12px 40px 12px 12px}.step-card{padding:20px}.permission-icon{font-size:16px;height:40px;width:40px}.templates-grid{grid-template-columns:1fr}}.reference-photo-section{margin-top:20px}.photo-preview{text-align:center}.photo-preview img{border:3px solid #10b981;border-radius:16px;box-shadow:0 8px 25px #10b9814d;height:200px;margin-bottom:15px;object-fit:cover;width:200px}.retake-photo-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:10px 20px;transition:all .3s ease}.retake-photo-btn:hover{box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.photo-upload{text-align:center}.upload-placeholder{background:#f8fafc;border:3px dashed #e2e8f0;border-radius:16px;color:#718096;padding:40px 20px;transition:all .3s ease}.upload-placeholder:hover{background:#f1f5f9;border-color:#cbd5e0}.upload-placeholder svg{color:#cbd5e0;font-size:48px;margin-bottom:15px}.upload-placeholder p{font-size:16px;font-weight:600;margin:0 0 20px}.upload-reference-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:10px;padding:12px 24px;transition:all .3s ease}.upload-reference-btn:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.upload-placeholder small{color:#9ca3af;display:block;font-size:12px;margin-top:10px}.upload-reference-input{display:none}.terminal-links-content{flex:1 1;max-height:calc(90vh - 120px);min-height:0;overflow-y:auto!important;padding:20px 0;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.terminal-links-content::-webkit-scrollbar{width:8px}.terminal-links-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.terminal-links-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.terminal-links-content::-webkit-scrollbar-thumb:hover{background:#999}.links-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:40px;padding:25px}.links-section.featured{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#667eea;box-shadow:0 4px 20px #667eea1a}.links-section h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 15px}.links-section.featured h3{color:#667eea}.section-description{color:#4a5568;font-size:15px;line-height:1.5;margin:0 0 25px}.link-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.link-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.link-card.pre-auth{background:linear-gradient(135deg,#fff,#f8faff);border-color:#667eea}.link-info{flex:1 1;margin-right:20px}.link-info h4{align-items:center;color:#1a202c;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.link-info p{color:#4a5568;font-size:14px;margin:0 0 12px}.link-url{background:#f1f5f9;color:#2d3748;font-family:Monaco,Menlo,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.link-url,.qr-container{border:1px solid #e2e8f0;border-radius:8px}.qr-container{background:#fff;gap:15px;margin-top:15px;padding:15px}.qr-container span{color:#4a5568;font-size:14px;font-weight:500}.qr-actions{align-items:flex-start;flex-direction:column;gap:10px}.download-qr-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.download-qr-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.link-actions{display:flex;gap:10px}.copy-btn,.open-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.copy-btn:hover{background:#f0fdf4;border-color:#10b981;color:#10b981;transform:translateY(-2px)}.open-btn:hover{background:#f8faff;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.usage-instructions{background:#fffbeb;border:2px solid #fbbf24;border-radius:16px;margin-top:30px;padding:25px}.usage-instructions h3{color:#92400e;font-size:18px;font-weight:700;margin:0 0 20px}.instruction-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.instruction-item{background:#fff;border:1px solid #fde68a;border-radius:12px;padding:20px}.instruction-item h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 15px}.instruction-item ul{color:#4a5568;margin:0;padding-left:20px}.instruction-item li{line-height:1.5;margin-bottom:8px}@media (max-width:768px){.link-card{align-items:flex-start;flex-direction:column;gap:15px}.link-info{margin-right:0;width:100%}.link-actions{align-self:stretch;justify-content:center}.instruction-grid{gap:15px;grid-template-columns:1fr}.qr-container{flex-direction:column;text-align:center}}.premium-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;margin-left:10px;padding:4px 12px;text-transform:uppercase}.feature-benefits{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:12px;margin:20px 0;padding:20px;position:relative}.feature-benefits:before{background:#fff;content:"💡";font-size:18px;left:20px;padding:0 8px;position:absolute;top:-10px}.links-section.immediate{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;margin-bottom:25px;padding:20px;position:relative}.links-section.immediate:before{background:#fff;content:"⚡";font-size:18px;left:20px;padding:0 8px;position:absolute;top:-10px}.links-section.immediate h3{color:#065f46!important;font-size:18px;font-weight:600;margin:0 0 10px}.links-section.immediate .section-description{color:#047857!important;font-size:14px;line-height:1.5;margin:0}.benefit-item{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:12px;margin:12px 0}.benefit-item svg{flex-shrink:0;font-size:16px}.benefit-item span{color:#92400e!important;line-height:1.4}.staff-module-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.staff-module-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-to-dashboard-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.back-to-dashboard-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.modules-dropdown-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;padding:12px 20px}.modules-dropdown-btn:hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.modules-dropdown-menu{animation:dropdownSlideIn .2s ease-out;border-radius:16px;max-height:400px;min-width:320px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-radius:16px 16px 0 0;color:#374151}.dropdown-item{background:#0000;border-bottom:1px solid #f1f5f9;padding:16px 20px;transition:all .2s ease}.dropdown-item:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.item-icon{font-size:18px;min-width:20px}.item-title{color:#1a202c}.item-description{color:#64748b}.dropdown-divider{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000)}.no-modules-message{color:#64748b}.staff-module-title{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:700;gap:12px}.staff-module-title svg{color:#667eea;font-size:24px}.clock-out-quick-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.clock-out-quick-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.staff-module-content{min-height:calc(100vh - 80px);padding:0}@media (max-width:1024px){.staff-module-header{padding:15px 20px}.header-left-controls{gap:8px}.modules-dropdown-menu{max-height:350px;min-width:280px}.staff-module-title{font-size:18px}}@media (max-width:768px){.staff-module-header{flex-direction:column;gap:15px;padding:15px}.header-left-controls{gap:12px;justify-content:center}.modules-dropdown-menu{left:50%;max-height:300px;min-width:300px;transform:translateX(-50%)}.modules-dropdown-btn{font-size:13px;padding:8px 12px}.staff-module-title{order:-1;text-align:center}.back-to-dashboard-btn,.clock-out-quick-btn{font-size:13px;justify-content:center;padding:10px 16px;width:auto}}@media (max-width:480px){.staff-module-header{padding:12px 15px}.header-left-controls{flex-direction:column;gap:8px}.back-to-dashboard-btn,.clock-out-quick-btn,.modules-dropdown-btn{font-size:12px;justify-content:center;padding:10px;width:100%}.modules-dropdown-menu{left:0;margin:0 16px;max-height:250px;min-width:auto;right:0;transform:none}.dropdown-item{padding:16px 20px}.item-title{font-size:14px}.item-description{font-size:11px}.staff-module-title{font-size:16px}.back-to-dashboard-btn span,.clock-out-quick-btn span,.modules-dropdown-btn span,.staff-module-title span{display:none}}.staff-pos-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;height:100vh;overflow:hidden}.staff-pos-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;flex-shrink:0;justify-content:space-between;padding:20px 40px;z-index:100}.logout-btn,.staff-pos-header{align-items:center;display:flex}.logout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:auto;padding:10px 16px;transition:all .3s ease;white-space:nowrap;width:auto}.logout-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.header-left-controls{align-items:center;display:flex;gap:12px}.modules-dropdown-container{position:relative}.modules-dropdown-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.modules-dropdown-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.modules-dropdown-btn svg:last-child{font-size:12px;margin-left:4px;transition:transform .3s ease}.modules-dropdown-menu{animation:dropdownSlide .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px #00000026;left:0;max-height:350px;min-width:280px;overflow-x:hidden;overflow-y:auto;position:absolute;top:calc(100% + 8px);z-index:1000}.modules-dropdown-menu::-webkit-scrollbar{width:6px}.modules-dropdown-menu::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.modules-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.modules-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px 12px}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.dropdown-item:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);transform:translateX(4px)}.dropdown-item.dashboard-item{border-bottom:1px solid #e2e8f0;font-weight:600;margin-bottom:8px}.dropdown-item.dashboard-item:hover{background:linear-gradient(135deg,#e6fffa,#b2f5ea);color:#065f46}.item-icon{align-items:center;background:#8b5cf61a;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.dashboard-item .item-icon{background:#065f46;color:#fff}.item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.item-title{color:#2d3748;font-size:14px;font-weight:600;line-height:1.2}.item-description{color:#718096;font-size:12px;line-height:1.3}.no-modules-message{color:#718096;font-size:14px;font-style:italic;padding:20px;text-align:center}.staff-pos-title{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:700;gap:12px}.staff-pos-title svg{color:#667eea;font-size:24px}.staff-info-indicator{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.staff-info-indicator:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.staff-info-indicator svg{font-size:16px}.expand-icon{align-items:center;display:flex;font-size:14px;margin-left:auto;transition:transform .3s ease}.edit-mode-indicator{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 10px #8b5cf64d;color:#fff;padding:12px 40px}.edit-mode-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.edit-mode-text{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.cancel-edit-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .3s ease}.cancel-edit-btn:hover{background:#ffffff4d;transform:scale(1.05)}.active-orders-panel{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:0 0 12px 12px;box-shadow:0 4px 15px #ef44444d;color:#fff;margin:-12px 40px 0;position:relative;z-index:99}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.active-orders-header{align-items:center;border-bottom:1px solid #fff3;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px 12px}.orders-count{background:#fff3;border-radius:12px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:2px 8px}.active-orders-content{max-height:400px;overflow-y:auto;padding:0 20px 16px}.loading-orders,.no-orders{align-items:center;color:#fffc;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.orders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:12px;padding:0 8px}.order-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;overflow:hidden;padding:0;transition:all .3s ease}.order-card:hover{background:#ffffff26;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.order-card.expanded{cursor:default;transform:none}.order-card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:16px}.table-section-header{display:flex;flex-direction:column;gap:2px}.table-section-main{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px #0000004d}.table-section-sub{color:#fffc;font-size:12px;font-weight:500}.card-expand-icon{color:#ffffffb3;font-size:14px;transition:transform .3s ease}.order-card-summary{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.order-summary-row{align-items:center;display:flex;justify-content:space-between}.order-card-details{animation:expandCard .3s ease-out;border-top:1px solid #ffffff1a;padding:0 16px 16px}@keyframes expandCard{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:500px;opacity:1;padding-bottom:16px;padding-top:16px}}.order-card-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:16px;padding-top:12px}.order-timer{align-items:center;background:#0003;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-width:70px;padding:4px 8px}.client-name{font-size:14px;font-weight:600}.table-info{color:#fffc;font-size:12px}.order-total{color:#fbbf24;font-size:14px;font-weight:700;margin-bottom:6px}.order-items-list{margin-top:8px;max-height:140px;overflow-y:auto;padding-right:4px;width:100%}.order-items-list::-webkit-scrollbar{width:2px}.order-items-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:1px}.order-items-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:1px}.order-item-detail{line-height:1.2;margin-bottom:4px}.item-main{align-items:center;display:flex;gap:8px;width:100%}.item-quantity{color:#fbbf24;min-width:20px}.item-name,.item-quantity{font-size:13px;font-weight:600}.item-name{color:#fff;flex:1 1;text-shadow:0 1px 2px #0000004d}.item-variations{background:#fffffff2;border:1px solid #0000001a;border-radius:4px;color:#1a1a1a!important;display:inline-block;font-size:10px;font-style:italic;font-weight:400;line-height:1.3;margin-left:0;margin-top:4px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.variation-text{color:#1a1a1a!important;display:inline}.variation-price{color:#047857!important;font-weight:600;margin-left:3px}.status-badge{border-radius:6px;font-size:11px;padding:4px 8px}.add-product-btn,.status-badge{color:#fff;font-weight:600;text-transform:uppercase}.add-product-btn{align-items:center;background:#fff3;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.add-product-btn:hover{background:#ffffff4d;box-shadow:0 2px 8px #ffffff1a;transform:translateY(-1px)}.close-account-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.close-account-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.staff-pos-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.staff-pos-error,.staff-pos-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.staff-pos-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:20px;width:60px}.staff-pos-error h2,.staff-pos-error p,.staff-pos-loading p{color:#4a5568;margin:10px 0}.staff-pos-error h2{font-size:24px;font-weight:700;margin-bottom:15px}.checkin-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;gap:8px;margin-top:20px;padding:12px 24px}.checkin-btn:hover{box-shadow:0 8px 25px #667eea66}.staff-pos-content .consumer-menu-view{background:#0000;display:flex;flex-direction:column;height:100%;overflow:hidden}.staff-pos-content .business-header{display:none}.staff-pos-wrapper .categories-grid-container{height:calc(100vh - 80px);overflow-y:auto;padding:1rem}.staff-pos-wrapper .categories-grid{gap:1rem;grid-auto-rows:120px;grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center}.staff-pos-wrapper .category-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #0000001a;box-shadow:0 2px 8px #00000014;height:100%;padding:1.25rem}.staff-pos-wrapper .category-card:hover{background:#fff;box-shadow:0 4px 15px #0000001f;transform:translateY(-1px)}.staff-pos-wrapper .category-card h3{color:#374151;font-weight:600}.staff-pos-wrapper .category-items-count{color:#6b7280;font-weight:500}.staff-pos-wrapper .back-to-categories-btn{font-weight:500}.staff-pos-wrapper .back-to-categories-btn:hover{border-color:#00000026}.staff-pos-wrapper .consumer-menu-items{height:calc(100vh - 160px);margin-bottom:0;overflow-y:auto;padding:1rem}@media (max-width:1024px){.staff-pos-header{padding:15px 20px}.header-left-controls{gap:8px}.modules-dropdown-menu{max-height:350px;min-width:280px}.staff-pos-title{font-size:18px}.active-orders-panel{margin:-12px 20px 0}.orders-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.order-card-header{padding:12px}.order-card-summary{padding:8px 12px}.order-card-details{padding:0 12px 12px}.edit-mode-indicator{padding:10px 20px}}@media (max-width:768px){.staff-pos-header{flex-direction:column;gap:15px;padding:15px}.staff-pos-wrapper .categories-grid-container{height:calc(100vh - 100px);padding:.75rem}.staff-pos-wrapper .categories-grid{gap:.75rem;grid-auto-rows:100px;grid-template-columns:repeat(auto-fit,minmax(180px,250px))}.staff-pos-wrapper .category-card{height:100%;padding:1rem}.staff-pos-wrapper .category-card h3{font-size:1.1rem}.staff-pos-wrapper .category-items-count{font-size:.85rem}.staff-pos-wrapper .consumer-menu-items{height:calc(100vh - 180px);padding:.75rem}.header-left-controls{gap:12px;justify-content:center}.modules-dropdown-menu{left:50%;max-height:300px;min-width:300px;transform:translateX(-50%)}.modules-dropdown-btn{font-size:13px;padding:8px 12px}.staff-pos-title{order:-1;text-align:center}.logout-btn{font-size:13px;justify-content:center;padding:8px 12px;width:auto}.staff-info-indicator{justify-content:center;width:100%}.active-orders-panel{margin:-12px 15px 0}.active-orders-content,.active-orders-header{padding-left:15px;padding-right:15px}.orders-grid{gap:10px;grid-template-columns:1fr;padding:0 4px}.order-card-header{padding:10px}.table-section-main{font-size:14px}.table-section-sub{font-size:11px}.order-card-summary{padding:6px 10px}.order-card-details{padding:0 10px 10px}.order-card-actions{flex-direction:column;gap:8px}.order-items-list{margin-top:6px;max-height:110px}.item-main{gap:6px}.item-quantity{font-size:12px;min-width:18px}.item-name{font-size:12px}.item-variations{background:#fffffff2;border:1px solid #0000001a;color:#1a1a1a!important;font-size:9px;margin-left:0;margin-top:3px;padding:2px 6px}.edit-mode-indicator{padding:8px 15px}.edit-mode-text{font-size:13px}.order-actions{align-items:stretch;flex-direction:column;gap:6px}.add-product-btn,.close-account-btn{min-width:auto;padding:8px 10px;width:100%}}@media (max-width:480px){.staff-pos-header{padding:10px}.header-left-controls{flex-direction:column;gap:8px}.logout-btn,.modules-dropdown-btn{font-size:12px;justify-content:center;padding:10px;width:100%}.modules-dropdown-menu{left:0;margin:0 16px;max-height:250px;min-width:auto;right:0;transform:none}.dropdown-item{padding:16px 20px}.item-title{font-size:14px}.item-description{font-size:11px}.staff-pos-title{font-size:16px}.logout-btn{font-size:13px;padding:8px 12px}.staff-info-indicator{font-size:13px;padding:10px 15px}.active-orders-panel{margin:-12px 10px 0}.active-orders-header{font-size:13px;padding:12px 15px 8px}.active-orders-content{max-height:300px;padding:0 15px 12px}.orders-grid{gap:8px;padding:0 2px}.order-card-header{padding:8px}.table-section-main{font-size:13px}.table-section-sub{font-size:10px}.order-card-summary{padding:4px 8px}.order-card-details{padding:0 8px 8px}.order-timer{font-size:10px;min-width:60px;padding:3px 6px}.edit-mode-indicator{padding:6px 10px}.edit-mode-text{font-size:12px}.cancel-edit-btn{font-size:10px;padding:4px 6px}.client-name{font-size:13px}.table-info{font-size:11px}.order-total{font-size:13px}.status-badge{font-size:10px;padding:3px 6px}.order-items-list{margin-top:4px;max-height:90px}.item-main{gap:5px}.item-quantity{font-size:11px;min-width:16px}.item-name{font-size:11px}.item-variations{background:#fffffff2;border:1px solid #0000001a;color:#1a1a1a!important;font-size:8px;margin-left:0;margin-top:2px;padding:2px 5px}.staff-pos-wrapper .categories-grid-container{height:calc(100vh - 120px);padding:.5rem}.staff-pos-wrapper .categories-grid{gap:.5rem;grid-auto-rows:90px;grid-template-columns:1fr}.staff-pos-wrapper .category-card{height:100%;padding:.75rem}.staff-pos-wrapper .category-card h3{font-size:1rem}.staff-pos-wrapper .category-items-count{font-size:.8rem}.staff-pos-wrapper .consumer-menu-items{grid-template-columns:1fr;height:calc(100vh - 200px);padding:.5rem}}.active-orders-content::-webkit-scrollbar,.cart-container::-webkit-scrollbar,.cart-items::-webkit-scrollbar,.category-filter::-webkit-scrollbar,.checkout-container::-webkit-scrollbar,.consumer-menu-items::-webkit-scrollbar,.modules-dropdown-menu::-webkit-scrollbar,.order-items-list::-webkit-scrollbar,.orders-grid::-webkit-scrollbar,.product-detail-modal::-webkit-scrollbar,.product-variations::-webkit-scrollbar,.staff-pos-wrapper ::-webkit-scrollbar,.staff-pos-wrapper::-webkit-scrollbar{height:18px!important;width:18px!important}.active-orders-content::-webkit-scrollbar-track,.cart-container::-webkit-scrollbar-track,.cart-items::-webkit-scrollbar-track,.category-filter::-webkit-scrollbar-track,.checkout-container::-webkit-scrollbar-track,.consumer-menu-items::-webkit-scrollbar-track,.modules-dropdown-menu::-webkit-scrollbar-track,.order-items-list::-webkit-scrollbar-track,.orders-grid::-webkit-scrollbar-track,.product-detail-modal::-webkit-scrollbar-track,.product-variations::-webkit-scrollbar-track,.staff-pos-wrapper ::-webkit-scrollbar-track,.staff-pos-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border:2px solid #e2e8f0!important;border-radius:9px!important}.active-orders-content::-webkit-scrollbar-thumb,.cart-container::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb,.category-filter::-webkit-scrollbar-thumb,.checkout-container::-webkit-scrollbar-thumb,.consumer-menu-items::-webkit-scrollbar-thumb,.modules-dropdown-menu::-webkit-scrollbar-thumb,.order-items-list::-webkit-scrollbar-thumb,.orders-grid::-webkit-scrollbar-thumb,.product-detail-modal::-webkit-scrollbar-thumb,.product-variations::-webkit-scrollbar-thumb,.staff-pos-wrapper ::-webkit-scrollbar-thumb,.staff-pos-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b,#475569)!important;border:2px solid #f1f5f9!important;border-radius:9px!important;box-shadow:0 2px 4px #0000001a!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.active-orders-content::-webkit-scrollbar-thumb:hover,.cart-container::-webkit-scrollbar-thumb:hover,.cart-items::-webkit-scrollbar-thumb:hover,.category-filter::-webkit-scrollbar-thumb:hover,.checkout-container::-webkit-scrollbar-thumb:hover,.consumer-menu-items::-webkit-scrollbar-thumb:hover,.modules-dropdown-menu::-webkit-scrollbar-thumb:hover,.order-items-list::-webkit-scrollbar-thumb:hover,.orders-grid::-webkit-scrollbar-thumb:hover,.product-detail-modal::-webkit-scrollbar-thumb:hover,.product-variations::-webkit-scrollbar-thumb:hover,.staff-pos-wrapper ::-webkit-scrollbar-thumb:hover,.staff-pos-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#475569,#334155)!important;box-shadow:0 4px 8px #00000026!important;transform:scale(1.05)!important}.staff-pos-wrapper .add-product-btn,.staff-pos-wrapper .add-to-cart-btn,.staff-pos-wrapper .cart-floating-button,.staff-pos-wrapper .category-filter button,.staff-pos-wrapper .checkout-btn,.staff-pos-wrapper .close-account-btn,.staff-pos-wrapper .consumer-menu-item,.staff-pos-wrapper .dropdown-item,.staff-pos-wrapper .edit-mode-indicator button,.staff-pos-wrapper .logout-btn,.staff-pos-wrapper .modules-dropdown-btn,.staff-pos-wrapper .order-card,.staff-pos-wrapper .payment-option-tile,.staff-pos-wrapper .product-detail-quantity-btn,.staff-pos-wrapper .quantity-btn,.staff-pos-wrapper .staff-info-indicator,.staff-pos-wrapper .variation-item,.staff-pos-wrapper button{-webkit-tap-highlight-color:rgba(59,130,246,.3)!important;cursor:pointer!important;font-size:16px!important;line-height:1.2!important;min-height:54px!important;min-width:54px!important;padding:12px 20px!important;touch-action:manipulation!important}.staff-pos-wrapper .add-product-btn,.staff-pos-wrapper .add-to-cart-detail-btn,.staff-pos-wrapper .close-account-btn,.staff-pos-wrapper .confirm-order-btn,.staff-pos-wrapper .logout-btn,.staff-pos-wrapper .modules-dropdown-btn,.staff-pos-wrapper .staff-info-indicator,.staff-pos-wrapper .submit-order-btn{font-size:18px!important;font-weight:600!important;min-height:64px!important;padding:16px 24px!important}.staff-pos-wrapper .category-filter button:active,.staff-pos-wrapper .consumer-menu-item:active,.staff-pos-wrapper .dropdown-item:active,.staff-pos-wrapper .order-card:active,.staff-pos-wrapper .variation-item:active,.staff-pos-wrapper button:active{box-shadow:0 2px 8px #00000026!important;transform:scale(.95)!important;transition:all .1s ease!important}.staff-pos-wrapper .order-card{border:3px solid #0000!important;border-radius:16px!important;margin-bottom:16px!important;padding:20px!important;transition:all .3s ease!important}.staff-pos-wrapper .order-card:active,.staff-pos-wrapper .order-card:hover{border-color:#3b82f6!important;box-shadow:0 8px 25px #3b82f626!important;transform:translateY(-2px)!important}.staff-pos-wrapper .order-card-header{margin-bottom:12px!important;padding:16px 0!important}.staff-pos-wrapper .table-section-main{font-size:20px!important;font-weight:700!important;line-height:1.2!important}.staff-pos-wrapper .table-section-sub{font-size:16px!important;margin-top:4px!important}.staff-pos-wrapper .modules-dropdown-menu{border:3px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 25px 50px #0003!important;max-height:500px!important;min-width:320px!important}.staff-pos-wrapper .dropdown-item{border-radius:12px!important;margin:4px 8px!important;padding:18px 24px!important;transition:all .3s ease!important}.staff-pos-wrapper .dropdown-item:hover{box-shadow:0 4px 12px #0000001a!important;transform:translateX(6px)!important}.staff-pos-wrapper .active-orders-panel{border:3px solid #e2e8f0!important;border-radius:16px!important;margin:20px!important}.staff-pos-wrapper .active-orders-header{font-size:18px!important;font-weight:700!important;padding:20px 24px!important}.staff-pos-wrapper .orders-grid{gap:20px!important;padding:20px!important}.staff-pos-wrapper .loading-spinner-small{border-width:4px!important;height:32px!important;width:32px!important}.staff-pos-wrapper .edit-mode-indicator{border:3px solid #10b981!important;border-radius:16px!important;margin:20px!important;padding:20px!important}.staff-pos-wrapper .edit-mode-text{font-size:18px!important;font-weight:600!important}.staff-pos-wrapper .cancel-edit-btn{border-radius:12px!important;font-size:18px!important;min-height:54px!important;min-width:54px!important}.staff-pos-wrapper .cart-overlay,.staff-pos-wrapper .checkout-overlay,.staff-pos-wrapper .order-success-overlay,.staff-pos-wrapper .product-detail-modal-overlay{padding:20px!important}.staff-pos-wrapper .cart-container,.staff-pos-wrapper .checkout-container,.staff-pos-wrapper .order-success-container,.staff-pos-wrapper .product-detail-modal{border:4px solid #fffc!important;border-radius:20px!important;max-height:85vh!important;padding:24px!important}.staff-pos-wrapper .cart-item{border:2px solid #0000!important;border-radius:16px!important;margin-bottom:16px!important;padding:20px!important}.staff-pos-wrapper .cart-item:hover{border-color:#e2e8f0!important;transform:translateY(-1px)!important}.staff-pos-wrapper .product-detail-quantity-btn,.staff-pos-wrapper .quantity-btn{border-radius:12px!important;font-size:20px!important;font-weight:700!important;height:54px!important;width:54px!important}.staff-pos-wrapper .item-quantity,.staff-pos-wrapper .quantity-value{font-size:18px!important;font-weight:600!important;min-width:54px!important;text-align:center!important}.staff-pos-wrapper .consumer-menu-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #0000001a;box-shadow:0 2px 8px #00000014;color:#374151}.staff-pos-wrapper .consumer-menu-item:hover{background:#fff!important}.staff-pos-wrapper .variation-item{border:3px solid #0000!important;border-radius:12px!important;margin:8px 0!important;padding:18px 20px!important;transition:all .3s ease!important}.staff-pos-wrapper .variation-item:hover{border-color:#e2e8f0!important;transform:translateY(-1px)!important}.staff-pos-wrapper .variation-item.selected{background:#10b9811a!important;border-color:#10b981!important}.staff-pos-wrapper .category-filter{gap:12px!important;padding:16px 20px!important}.staff-pos-wrapper .category-filter button{border-radius:12px!important;font-size:16px!important;font-weight:600!important;min-height:54px!important;padding:16px 24px!important;white-space:nowrap!important}.staff-pos-wrapper .payment-option-tile{border:3px solid #0000!important;border-radius:16px!important;min-height:80px!important;padding:24px!important;transition:all .3s ease!important}.staff-pos-wrapper .payment-option-tile:hover{border-color:#e2e8f0!important;transform:translateY(-2px)!important}.staff-pos-wrapper .payment-option-tile.selected{background:#10b9811a!important;border-color:#10b981!important}.staff-pos-wrapper .payment-icon{font-size:32px!important;margin-bottom:8px!important}.staff-pos-wrapper input,.staff-pos-wrapper select,.staff-pos-wrapper textarea{border:3px solid #e2e8f0!important;border-radius:12px!important;font-size:16px!important;min-height:54px!important;padding:16px 20px!important;transition:all .3s ease!important}.staff-pos-wrapper input:focus,.staff-pos-wrapper select:focus,.staff-pos-wrapper textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none!important}.staff-pos-wrapper .back-btn,.staff-pos-wrapper .close-cart-btn,.staff-pos-wrapper .close-checkout-btn{background:#f8fafce6!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:20px!important;height:54px!important;width:54px!important}@media (max-width:1024px){.staff-pos-wrapper .consumer-menu-item,.staff-pos-wrapper .dropdown-item,.staff-pos-wrapper .order-card,.staff-pos-wrapper .variation-item,.staff-pos-wrapper button{font-size:18px!important;min-height:64px!important;padding:18px 24px!important}.staff-pos-wrapper .product-detail-quantity-btn,.staff-pos-wrapper .quantity-btn{font-size:22px!important;height:64px!important;width:64px!important}}.staff-pos-wrapper{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.staff-pos-wrapper input,.staff-pos-wrapper textarea{-webkit-user-select:text!important;user-select:text!important}.staff-pos-wrapper .loading-spinner{border-width:6px!important;height:64px!important;width:64px!important}.staff-pos-wrapper .order-card:active,.staff-pos-wrapper button:active{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d!important}.staff-pos-wrapper .status-badge{align-items:center!important;border-radius:12px!important;display:flex!important;font-size:14px!important;font-weight:600!important;min-height:36px!important;padding:8px 16px!important}.staff-pos-wrapper .order-card-actions{gap:16px!important;margin-top:20px!important}.staff-pos-wrapper .order-items-list{max-height:200px!important;padding:16px!important}.staff-pos-wrapper .item-variations{background:#f8fafc80!important;border-radius:8px!important;margin-top:8px!important;padding:12px!important}.mouse-touch-active{background-color:#3b82f61a!important;border:2px solid #3b82f64d!important;box-shadow:0 0 0 4px #3b82f633!important;transform:scale(.98)!important;transition:all .1s ease!important}button.mouse-touch-active{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important;box-shadow:0 2px 8px #3b82f666,inset 0 1px 2px #fff3!important;color:#fff!important;transform:scale(.95) translateY(1px)!important}.consumer-menu-item.mouse-touch-active,.order-card.mouse-touch-active{background:linear-gradient(135deg,#fffffff2,#f9fafbe6)!important;box-shadow:0 4px 12px #00000026,0 0 0 3px #3b82f64d!important;transform:scale(.98) translateY(2px)!important}.variation-item.mouse-touch-active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)!important;border-color:#3b82f666!important;transform:scale(.99)!important}.staff-pos-wrapper[data-touchscreen-optimized=true]{cursor:default}.staff-pos-wrapper[data-touchscreen-optimized=true] button:hover{cursor:pointer}.staff-pos-wrapper[data-touchscreen-optimized=true] .consumer-menu-item:hover,.staff-pos-wrapper[data-touchscreen-optimized=true] .order-card:hover{cursor:pointer;transform:translateY(-1px);transition:transform .2s ease}.staff-pos-wrapper[data-touchscreen-optimized=true] :active{-webkit-tap-highlight-color:rgba(59,130,246,.2);tap-highlight-color:#3b82f633}.active-orders-content:active,.cart-container:active,.consumer-menu-items:active,.orders-grid:active{background-color:#f9fafbcc!important;transition:background-color .1s ease}.momentum-scrolling{overflow-scrolling:touch!important;scroll-behavior:smooth!important}.staff-pos-wrapper[data-touchscreen-optimized=true] ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 0 0 2px #6366f14d!important}.staff-pos-wrapper[data-touchscreen-optimized=true] ::-webkit-scrollbar-track:active{background:#6366f11a!important}@keyframes touchRipple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.touch-ripple{animation:touchRipple .6s linear;background:#3b82f64d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.dropdown-item.mouse-touch-active{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)!important;border-left:4px solid #3b82f699!important;transform:translateX(4px)!important}.haptic-feedback{animation:hapticPulse .1s ease-in-out}@keyframes hapticPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.staff-pos-wrapper[data-touchscreen-optimized=true]{overflow:auto;touch-action:pan-x pan-y}.staff-pos-wrapper[data-touchscreen-optimized=true],.staff-pos-wrapper[data-touchscreen-optimized=true] *{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.staff-pos-wrapper .active-orders-content,.staff-pos-wrapper .cart-container,.staff-pos-wrapper .category-filter,.staff-pos-wrapper .checkout-container,.staff-pos-wrapper .consumer-menu-items,.staff-pos-wrapper .modules-dropdown-menu,.staff-pos-wrapper .order-items-list,.staff-pos-wrapper .orders-grid,.staff-pos-wrapper .product-detail-modal{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x pan-y}.staff-pos-wrapper[data-touchscreen-optimized=true]{overscroll-behavior:contain}.staff-pos-wrapper .active-orders-content,.staff-pos-wrapper .consumer-menu-items,.staff-pos-wrapper .orders-grid{transition:filter .1s ease}.staff-pos-wrapper[data-touchscreen-optimized=true] :active{-webkit-tap-highlight-color:transparent}.staff-pos-wrapper .category-header-with-search{background:#fffffff2;border-radius:8px;margin-bottom:1rem;padding:1rem}.staff-pos-wrapper .category-header-left{align-items:center;display:flex;gap:1rem}.staff-pos-wrapper .category-header-right{align-items:center;display:flex;gap:.5rem}.staff-pos-wrapper .search-toggle-btn{background:#fffffff2;border:1px solid #0000001a;color:#374151}.staff-pos-wrapper .search-toggle-btn:hover{background:#fff;color:#111827}.staff-pos-wrapper .inline-search-bar{min-width:180px}.staff-pos-wrapper .inline-search-bar input{background:#fffffff2;border:1px solid #0000001a;color:#374151}.staff-pos-wrapper .inline-search-bar input:focus{background:#fff;border-color:#0003}.staff-pos-wrapper .back-to-categories-btn{background:#fffffff2;border:1px solid #0000001a;color:#374151}.staff-pos-wrapper .back-to-categories-btn:hover{background:#fff}.staff-pos-wrapper .current-category-title{color:#374151;font-weight:600}.staff-pos-wrapper .category-header-collapsed{background:#fffffff2;border-radius:8px;margin-bottom:.5rem;padding:.5rem}.staff-pos-wrapper .expand-header-btn{background:#fffffff2;border:1px solid #0000001a;color:#374151}.staff-pos-wrapper .expand-header-btn:hover{background:#fff;color:#111827}.staff-pos-wrapper .collapse-header-btn{background:#fffffff2;border:1px solid #0000001a;color:#6b7280}.staff-pos-wrapper .collapse-header-btn:hover{background:#fff;color:#374151}.staff-pos-wrapper .consumer-menu-items.header-expanded{height:calc(100vh - 270px)}.staff-pos-wrapper .consumer-menu-items.header-collapsed{height:calc(100vh - 140px)}.table-selection-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.table-selection-modal{background:#2d3748f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 25px 50px #0006;color:#fff;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.table-selection-header{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.table-selection-header h3{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin:0}.close-table-selection-btn{align-items:center;background:none;border:none;border-radius:6px;color:#cbd5e0;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.close-table-selection-btn:hover{background:#ffffff1a;color:#fff}.section-selection{border-bottom:1px solid #ffffff1a;padding:20px}.section-selection h4{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin:0 0 12px}.section-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.section-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#cbd5e0;cursor:pointer;font-size:14px;font-weight:500;padding:12px 8px;text-align:center;transition:all .2s ease}.section-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.section-btn.selected{background:#10b98133;border:2px solid #10b981;color:#10b981}.table-map-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-map-canvas-container{flex:1 1;overflow:auto;padding:0 20px}.table-map-canvas{background:#ffffff0d;border-radius:8px;box-sizing:border-box;min-height:100%;padding:20px;position:relative;width:100%}.table-map-item{align-items:center;border:2px solid #ffffff4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:600;justify-content:center;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none}.table-map-item:hover{border-color:#10b981;box-shadow:0 4px 15px #10b9814d;transform:scale(1.05)}.table-map-item.selected{background:#10b981!important;border-color:#10b981;box-shadow:0 0 20px #10b98180;transform:scale(1.1)}.table-status-legend{background:#0003;border-radius:6px;display:flex;font-size:12px;gap:16px;justify-content:center;margin:10px 20px;padding:12px 20px}.table-status-legend>div{align-items:center;display:flex;gap:6px}.table-status-legend span{color:#d1d5db;font-weight:500}.table-selection-footer{align-items:center;background:#0000001a;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:space-between;padding:20px}.table-selection-cancel-btn,.table-selection-confirm-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.table-selection-cancel-btn{background:#ffffff1a;border-color:#fff3;color:#cbd5e0}.table-selection-cancel-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.table-selection-confirm-btn{background:#10b981;border-color:#10b981;color:#fff}.table-selection-confirm-btn:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.table-selection-confirm-btn:disabled{background:#ffffff1a;border-color:#fff3;color:#ffffff80;cursor:not-allowed;opacity:.5}@media (max-width:768px){.table-selection-overlay{padding:10px}.table-selection-modal{height:90vh;max-height:none;max-width:none;width:95vw}.section-buttons-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.section-btn{font-size:13px;padding:10px 6px}.section-selection,.table-selection-footer,.table-selection-header{padding:15px}.table-map-canvas-container{padding:0 15px}.table-status-legend{font-size:11px;gap:12px;margin:8px 15px}}.staff-clock-in{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.staff-clock-in.kiosk{padding:20px}.staff-clock-in:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.clock-in-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.clock-in-loading .spinner{animation:spin 1s linear infinite;font-size:48px;margin-bottom:20px}.clock-in-loading p{font-size:18px;font-weight:500}.clock-in-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:30px 40px;position:relative;z-index:10}.business-info h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 10px #0000004d}.business-info p{color:#ffffffe6;font-size:16px;font-weight:500;margin:0}.security-indicators{display:flex;gap:25px}.security-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.security-item svg{font-size:16px}.clock-in-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px;position:relative;z-index:10}.clock-in-step{animation:slideIn .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:600px;padding:40px;position:relative;text-align:center;width:100%}.step-header{margin-bottom:40px}.step-icon{color:#667eea;display:block;font-size:64px;margin-bottom:20px}.step-icon.success{color:#10b981}.step-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 12px}.step-header p{color:#718096;font-size:16px;line-height:1.5;margin:0}.qr-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.qr-container canvas{border:8px solid #f8fafc;border-radius:16px;box-shadow:0 8px 30px #0000001a}.qr-expiry{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:20px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.qr-expiry.expiring{animation:pulse-warning 1s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;color:#dc2626}@keyframes pulse-warning{0%,to{box-shadow:0 4px 15px #dc262633;transform:scale(1)}50%{box-shadow:0 6px 20px #dc262666;transform:scale(1.05)}}.qr-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.manual-pin-btn,.shared-terminal-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.manual-pin-btn:hover,.shared-terminal-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.shared-terminal-btn{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80}.shared-terminal-btn:hover{background:linear-gradient(135deg,#667eea80,#764ba280);border-color:#667eeab3}.pin-input-container{margin:0 auto 30px;max-width:300px}.pin-input{background:#f8fafc;border:3px solid #e2e8f0;border-radius:16px;font-size:32px;font-weight:700;letter-spacing:12px;padding:20px 60px 20px 20px;text-align:center;transition:all .3s ease;width:100%}.pin-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.pin-toggle{color:#a0aec0;font-size:20px;padding:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.pin-toggle:hover{background:#f7fafc;color:#667eea}.pin-actions{display:flex;justify-content:center;margin-bottom:20px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-btn{background:none;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-btn:hover{background:#f7fafc;border-color:#cbd5e0}.camera-container{border-radius:20px;box-shadow:0 12px 40px #00000026;margin:0 auto 30px;max-width:480px;overflow:hidden;position:relative}.camera-video{background:#1a202c;display:block;height:auto;width:100%}.camera-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.face-guide{color:#fff;text-align:center}.face-circle{animation:pulse 2s infinite;border:4px solid #fffc;border-radius:50%;height:200px;margin:0 auto 20px;position:relative;width:200px}.face-guide p{font-weight:600;margin:0;text-shadow:0 2px 10px #00000080}.selfie-actions{display:flex;justify-content:center}.capture-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 8px 25px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;padding:18px 36px;transition:all .3s ease}.capture-btn:hover{box-shadow:0 12px 35px #10b98166;transform:translateY(-2px)}.gps-status{margin-bottom:30px}.location-success{background:linear-gradient(135deg,#f0fff4,#e6fffa);border:2px solid #c6f6d5;border-radius:16px;color:#22543d;padding:30px}.success-icon{color:#10b981;font-size:48px;margin-bottom:15px}.location-success p{font-size:18px;font-weight:600;margin:0 0 10px}.location-success small{font-size:14px;opacity:.8}.location-loading{color:#718096;padding:30px}.location-loading .spinner{color:#667eea;font-size:48px;margin-bottom:15px}.retry-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;margin:0 auto;padding:14px 28px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 8px 25px #f59e0b4d;transform:translateY(-2px)}.success-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px;text-align:left}.staff-info h3,.verification-summary h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.verification-list{display:flex;flex-direction:column;gap:12px}.verification-item{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:12px;padding:12px 16px}.verification-item.success{background:linear-gradient(135deg,#f0fff4,#e6fffa);border:1px solid #c6f6d5;color:#22543d}.verification-item.pending{background:#f7fafc;border:1px solid #e2e8f0;color:#718096}.verification-item svg:first-child{font-size:16px}.verification-item svg:last-child{font-size:14px;margin-left:auto}.staff-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.staff-info p{color:#4a5568;font-size:14px;margin:0 0 8px}.staff-info strong{color:#2d3748}.success-actions{display:flex;gap:15px;justify-content:center}.dashboard-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.dashboard-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.new-checkin-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:16px;color:#667eea;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.new-checkin-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.clock-in-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;padding:30px 40px;position:relative;text-align:center;z-index:10}.progress-indicators{gap:15px;margin-bottom:20px}.progress-dot,.progress-indicators{display:flex;justify-content:center}.progress-dot{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff9;font-size:16px;font-weight:600;height:40px;transition:all .3s ease;width:40px}.progress-dot.active{background:#fff;border-color:#fff;box-shadow:0 4px 15px #ffffff4d;color:#667eea;transform:scale(1.1)}.progress-dot.completed{background:#10b981e6;border-color:#10b981e6;color:#fff}.security-notice{color:#ffffffe6;font-weight:500;margin:0}@media (max-width:768px){.clock-in-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.business-info h1{font-size:24px}.security-indicators{flex-direction:column;gap:10px}.clock-in-step{margin:0 10px;padding:30px 20px}.step-header h2{font-size:24px}.step-icon{font-size:48px}.pin-input{font-size:24px;letter-spacing:8px;padding:16px 50px 16px 16px}.success-details{gap:20px;grid-template-columns:1fr}.success-actions{flex-direction:column}.clock-in-footer{padding:20px}.progress-indicators{gap:10px}.progress-dot{font-size:14px;height:35px;width:35px}}@media (max-width:480px){.staff-clock-in.kiosk{padding:10px}.clock-in-step{padding:20px 15px}.pin-input,.step-header h2{font-size:20px}.pin-input{letter-spacing:6px}.face-circle{height:150px;width:150px}.camera-container{max-width:100%}.capture-btn,.dashboard-btn,.submit-btn{font-size:16px;padding:14px 24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verification-item{animation:slideUp .3s ease-out}.verification-item:first-child{animation-delay:.1s}.verification-item:nth-child(2){animation-delay:.2s}.verification-item:nth-child(3){animation-delay:.3s}.verification-item:nth-child(4){animation-delay:.4s}.clock-in-step:focus-within{outline:3px solid #667eea80;outline-offset:2px}input:focus-visible{outline:2px solid #667eea;outline-offset:2px}.staff-quick-login{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.quick-login-loading,.staff-quick-login{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;min-height:100vh}.quick-login-loading{align-items:center;justify-content:center}.quick-login-loading .spinner{animation:spin 1s linear infinite;color:#667eea;font-size:48px;margin-bottom:20px}.quick-login-loading p{font-size:18px;font-weight:500}.quick-login-setup{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;justify-content:center;min-height:100vh;padding:40px;text-align:center}.quick-login-setup,.setup-header{align-items:center;display:flex;flex-direction:column}.setup-header{gap:20px;margin-bottom:40px}.setup-header svg{color:#f56565;font-size:64px}.setup-header h1{color:#f56565;font-size:48px;font-weight:700;margin:0}.setup-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:600px;padding:40px}.setup-content p{color:#e2e8f0;font-size:18px;margin-bottom:30px}.setup-instructions h3{color:#667eea;font-size:20px;margin-bottom:20px}.setup-instructions ol{color:#cbd5e0;font-size:16px;line-height:1.6;text-align:left}.setup-instructions li{margin-bottom:10px}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin-top:30px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.admin-login-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.quick-login-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:30px 40px}.terminal-info{align-items:center;display:flex;gap:20px}.terminal-icon{color:#667eea;font-size:40px}.terminal-details h1{color:#fff;font-size:28px;font-weight:700;margin:0}.terminal-details p{color:#a0aec0;font-size:16px;margin:5px 0 0}.terminal-status{align-items:center;display:flex;gap:15px}.status-indicator{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:12px;color:#68d391;display:flex;font-weight:600;gap:10px;padding:12px 20px}.status-dot{animation:pulse 2s infinite;background:#68d391;border-radius:50%;height:12px;width:12px}.login-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:50px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-header svg{color:#667eea;font-size:64px;margin-bottom:20px}.login-header h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 10px}.login-header p{color:#a0aec0;font-size:16px;margin:0}.quick-login-form{gap:35px}.form-group,.quick-login-form{display:flex;flex-direction:column}.form-group{gap:15px}.form-group label{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;justify-content:center}.form-group input{background:#ffffff1a;border:2px solid #fff3;border-radius:16px;color:#fff;font-size:18px;padding:20px 24px;transition:all .3s ease}.form-group input:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 4px #667eea4d;outline:none}.form-group input::placeholder{color:#ffffff80}.pin-input-container{align-items:center;display:flex;position:relative}.pin-input-container input{flex:1 1;font-size:32px;font-weight:700;letter-spacing:12px;min-height:70px;padding:25px 20px;text-align:center}.pin-toggle{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:18px;padding:12px;position:absolute;right:20px;transition:color .3s ease}.pin-toggle:hover{background:#ffffff1a;color:#fff}.login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:15px;justify-content:center;margin-top:15px;min-height:65px;padding:22px 40px;transition:all .3s ease}.login-btn:enabled:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-3px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #ffffff1a;margin-top:35px;padding-top:30px;text-align:center}.login-footer p{color:#a0aec0;font-size:15px;margin:0}.session-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.session-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:50px;width:100%}.session-header{align-items:center;display:flex;gap:25px;margin-bottom:40px}.staff-avatar{font-size:32px;height:80px;width:80px}.staff-info h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 15px}.access-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.access-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.permissions-count{color:#a0aec0;font-size:16px}.session-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.dashboard-btn,.logout-btn,.switch-user-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.dashboard-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:1 1}.switch-user-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.logout-btn{background:#ffffff1a;border:1px solid #fff3;color:#e2e8f0}.dashboard-btn:hover,.logout-btn:hover,.switch-user-btn:hover{transform:translateY(-2px)}.dashboard-btn:hover{box-shadow:0 8px 25px #10b98166}.switch-user-btn:hover{box-shadow:0 8px 25px #f59e0b66}.logout-btn:hover{background:#fff3}.session-info{display:flex;flex-wrap:wrap;gap:20px}.info-item{align-items:center;color:#a0aec0;display:flex;font-size:14px;gap:10px}.quick-login-footer{background:#ffffff0d;border-top:1px solid #ffffff1a;padding:25px 40px;text-align:center}.security-notice{align-items:center;color:#a0aec0;display:flex;font-size:14px;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.quick-login-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.login-card,.session-card{margin:0 20px;padding:30px 20px}.session-header{text-align:center}.session-actions,.session-header{flex-direction:column}.session-info{justify-content:center}.login-header h2,.staff-info h2{font-size:24px}.pin-input-container input{font-size:28px;letter-spacing:10px;min-height:65px;padding:20px 15px}.login-btn{min-height:60px;padding:20px 35px}.form-group label,.login-btn{font-size:18px}}@media (max-width:480px){.login-section,.session-section{padding:20px 10px}.access-info{justify-content:center}.pin-input-container input{font-size:24px;letter-spacing:8px;min-height:60px;padding:18px 12px}.login-btn{min-height:55px;padding:18px 30px}.form-group label,.login-btn{font-size:16px}}.staff-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.staff-dashboard-error,.staff-dashboard-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.staff-dashboard-error svg,.staff-dashboard-loading .spinner{animation:spin 1s linear infinite;font-size:64px;margin-bottom:20px}.staff-dashboard-error svg{animation:none;color:#fbbf24}.staff-dashboard-error h2,.staff-dashboard-loading p{font-size:24px;font-weight:600;margin:0 0 10px}.staff-dashboard-error p{font-size:16px;margin:0 0 30px;opacity:.9}.checkin-btn{align-items:center;background:#fff;border:none;border-radius:16px;color:#667eea;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.checkin-btn:hover{box-shadow:0 8px 25px #ffffff4d;transform:translateY(-2px)}.user-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 32px #1f26875e;color:#fff;margin:0 40px 1rem;overflow:hidden;padding:2rem;position:relative}.user-info-card:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="10" fill="url(%23g)"/><circle cx="80" cy="30" r="8" fill="url(%23g)"/><circle cx="60" cy="70" r="12" fill="url(%23g)"/></svg>');bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.actions-control-card{background:#fff;border:1px solid #e3e8ee;border-radius:15px;box-shadow:0 4px 16px #0000001a;flex-wrap:wrap;justify-content:space-between;margin:0 40px 2rem;padding:1.5rem;position:relative;z-index:1}.actions-control-card,.staff-info{align-items:center;display:flex;gap:20px}.staff-info{flex-shrink:0;min-width:250px}.staff-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:28px;height:70px;justify-content:center;width:70px}.staff-details h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.staff-meta{display:flex;gap:20px}.access-level,.work-status{align-items:center;border:1px solid #fff3;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:6px 12px}.access-level{background:#ffffff26;color:#fff}.work-status{background:#22c55ee6;border-color:#22c55e4d;color:#fff}.current-time-section{align-items:center;display:flex;flex-shrink:0}.current-time{flex-shrink:0;min-width:120px;text-align:left}.current-time .time{color:#1a202c;font-size:32px;font-weight:700;line-height:1}.current-time .date{color:#718096;font-size:14px;font-weight:500;text-transform:capitalize}.clock-out-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 6px 20px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.clock-out-btn:hover:not(:disabled){box-shadow:0 12px 35px #ef444466;transform:translateY(-2px)}.clock-out-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:30px 40px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.stat-info{flex:1 1}.stat-value{color:#1a202c;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:14px;font-weight:500}.dashboard-content{padding:0 40px 40px}.module-section{margin-bottom:40px}.module-section h2{align-items:center;color:#1a202c;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 25px}.module-section h2 svg{color:#667eea;font-size:20px}.modules-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.module-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;color:inherit;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-card:before{background:#667eea;background:var(--module-color,#667eea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.module-card:hover{border-color:#667eea;border-color:var(--module-color,#667eea);box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.module-icon{align-items:center;background:#667eea;background:var(--module-color,#667eea);border-radius:16px;box-shadow:0 8px 25px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:70px;justify-content:center;width:70px}.module-info{flex:1 1;min-width:0}.module-info h3{color:#1a202c;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 8px}.module-info p{color:#718096;font-size:14px;line-height:1.4;margin:0}.module-status{background:#f0fff4;border-radius:12px;color:#10b981;flex-shrink:0;font-size:18px;height:40px;width:40px}.module-status,.no-modules{align-items:center;display:flex;justify-content:center}.no-modules{background:#fff;border:2px dashed #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;color:#718096;flex-direction:column;padding:80px 40px;text-align:center}.no-modules svg{color:#cbd5e0;font-size:64px;margin-bottom:20px}.no-modules h2{color:#4a5568;font-size:24px;font-weight:700;margin:0 0 15px}.no-modules p{font-size:16px;line-height:1.5;margin:0 0 10px;max-width:500px}.dashboard-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:auto;padding:25px 40px}.help-info,.session-info{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:8px}.help-info svg,.session-info svg{color:#10b981;font-size:16px}@media (max-width:1024px){.actions-control-card,.user-info-card{margin-left:30px;margin-right:30px}.dashboard-content,.dashboard-footer,.quick-stats{padding-left:30px;padding-right:30px}.actions-control-card{gap:12px}.action-buttons{gap:10px}.modules-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:900px){.actions-control-card{align-items:stretch;flex-direction:column;gap:15px}.current-time-section{align-self:center}.action-buttons{justify-content:center}}@media (max-width:768px){.actions-control-card,.user-info-card{margin-left:20px;margin-right:20px}.staff-info{flex-direction:column;gap:15px;min-width:auto;text-align:center}.staff-meta{flex-wrap:wrap;gap:10px;justify-content:center}.actions-control-card{align-items:center;flex-direction:column;gap:15px}.action-buttons{flex-wrap:wrap;justify-content:center;width:100%}.current-time{min-width:auto;text-align:center}.quick-stats{padding-left:20px;padding-right:20px}.modules-grid,.quick-stats{gap:15px;grid-template-columns:1fr}.module-card{flex-direction:column;gap:15px;text-align:center}.module-info h3{font-size:18px}.dashboard-content,.dashboard-footer{padding-left:20px;padding-right:20px}.dashboard-footer{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.actions-control-card,.user-info-card{margin-left:15px;margin-right:15px}.dashboard-content,.dashboard-footer,.quick-stats{padding-left:15px;padding-right:15px}.staff-details h1{font-size:22px}.current-time .time{font-size:24px}.action-buttons{gap:8px}.break-btn,.clock-out-btn,.notes-btn{font-size:12px;padding:10px 16px}.stat-card{gap:15px;padding:20px}.stat-icon{font-size:20px;height:50px;width:50px}.stat-value{font-size:24px}.module-card{padding:20px}.module-icon{font-size:24px;height:60px;width:60px}.no-modules{padding:60px 20px}.no-modules svg{font-size:48px}.no-modules h2{font-size:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.module-card,.stat-card{animation:slideIn .5s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.module-card:first-child{animation-delay:.1s}.module-card:nth-child(2){animation-delay:.2s}.module-card:nth-child(3){animation-delay:.3s}.module-card:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.module-card:focus{outline:3px solid #667eea80;outline-offset:2px}button:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.staff-dashboard{background:linear-gradient(135deg,#1a202c,#2d3748)}.dashboard-footer,.dashboard-header,.module-card,.stat-card{background:#2d3748;border-color:#4a5568}.module-info h3,.staff-details h1,.stat-value{color:#fff}.help-info,.module-info p,.session-info,.stat-label{color:#a0aec0}.current-time .time{color:#fff}.current-time .date{color:#a0aec0}.access-level,.work-status{background:#2d3748;border-color:#4a5568}}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.break-btn,.notes-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.break-btn.start-break{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b9814d;color:#fff}.break-btn.start-break:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.break-btn.end-break{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b4d;color:#fff}.break-btn.end-break:hover:not(:disabled){box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.notes-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #8b5cf64d;color:#fff}.notes-btn:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.break-btn:disabled,.notes-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes pulse{0%,to{box-shadow:0 6px 20px #f59e0b4d}50%{box-shadow:0 6px 20px #f59e0b99}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;padding:25px 30px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#1a202c;font-size:20px;font-weight:700;gap:12px;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.close-btn:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:30px}.notes-info{margin-bottom:25px}.notes-info p{color:#718096;font-size:14px;line-height:1.6;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.notes-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;min-height:120px;padding:15px;resize:vertical;transition:border-color .2s ease;width:100%}.notes-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.character-count{color:#718096;font-size:12px;margin-top:8px;text-align:right}.modal-actions{background:#f8fafc;border-radius:0 0 20px 20px;border-top:2px solid #f1f5f9;display:flex;gap:15px;justify-content:flex-end;padding:25px 30px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#e2e8f0;color:#475569}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.action-buttons{align-items:stretch;flex-direction:column;gap:10px}.break-btn,.clock-out-btn,.notes-btn{justify-content:center;width:100%}.modal-content{margin:10px;max-width:none}.modal-actions,.modal-body,.modal-header{padding:20px}}@media (max-width:480px){.break-btn,.notes-btn{font-size:12px;padding:10px 14px}.modal-header h3{font-size:18px}.notes-textarea{min-height:100px}}.app,.business-layout{display:flex;min-height:100vh}.business-layout{overflow-x:hidden;position:relative;width:100%}.business-content{background:#0000;flex:1 1;margin-left:250px;min-height:100vh;padding:2rem;transition:margin-left .3s ease;width:100%}.business-content.collapsed{margin-left:70px}.business-content.mobile{margin-left:0;padding:60px 1rem 1rem}@media (max-width:768px){.business-layout{flex-direction:column}.business-content{margin-left:0;padding:60px 1rem 1rem}}.nav-menu{background-color:#2c3e50;color:#fff;padding:2rem 0;width:250px}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-menu li{margin-bottom:.5rem}.nav-menu a{color:#fff;display:block;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.nav-menu a:hover{background-color:#34495e}.nav-menu a.active{background-color:#3498db}.main-content{background:#0000;flex:1 1;padding:2rem}@media (max-width:768px){.app{flex-direction:column}.nav-menu{padding:1rem 0;width:100%}.nav-menu ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-menu li{margin-bottom:0}.main-content{padding:1rem}}.Toastify__toast{border-radius:4px;font-family:inherit}.Toastify__toast--success{background-color:#2ecc71}.Toastify__toast--error{background-color:#e74c3c}.Toastify__toast--info{background-color:#3498db}.Toastify__toast--warning{background-color:#f1c40f}.loading-screen{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.loading-content{padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#0a84ff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:4px;color:#991b1b;margin:1rem 0;padding:1rem}.success-message{background-color:#dcfce7;border:1px solid #22c55e;border-radius:4px;color:#166534;margin:1rem 0;padding:1rem}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.card-body{padding:1rem}.card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem}.table-container{overflow-x:auto}.table{border-collapse:collapse;margin-bottom:1rem;width:100%}.table td,.table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.table th{color:#374151;font-weight:600}.table th,.table tr:hover{background-color:#f8f9fa}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}