:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.notification-toast{position:fixed;top:24px;right:24px;z-index:99999;display:flex;align-items:flex-start;gap:14px;min-width:320px;max-width:420px;padding:16px 18px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #00000014,0 10px 25px -5px #0000001a,0 0 0 1px #0000000a;overflow:hidden;visibility:visible;pointer-events:auto;animation:toastSlideIn .35s cubic-bezier(.21,1.02,.73,1)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.35;transform-origin:left;animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.notification-toast-success{border-left:4px solid #059669;color:#059669}.notification-toast-success .notification-toast-icon{color:#059669}.notification-toast-success .notification-toast-title{color:#047857}.notification-toast-success .notification-toast-message{color:#065f46}.notification-toast-error{border-left:4px solid #dc2626;color:#dc2626}.notification-toast-error .notification-toast-icon{color:#dc2626}.notification-toast-error .notification-toast-title{color:#b91c1c}.notification-toast-error .notification-toast-message{color:#991b1b}.notification-toast-warning{border-left:4px solid #d97706;color:#d97706}.notification-toast-warning .notification-toast-icon{color:#d97706}.notification-toast-warning .notification-toast-title{color:#b45309}.notification-toast-warning .notification-toast-message{color:#92400e}.notification-toast-info{border-left:4px solid #0284c7;color:#0284c7}.notification-toast-info .notification-toast-icon{color:#0284c7}.notification-toast-info .notification-toast-title{color:#0369a1}.notification-toast-info .notification-toast-message{color:#0c4a6e}.notification-toast-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:currentColor;color:#fff;opacity:.95}.notification-toast-success .notification-toast-icon{background:#d1fae5;color:#059669}.notification-toast-error .notification-toast-icon{background:#fee2e2;color:#dc2626}.notification-toast-warning .notification-toast-icon{background:#fef3c7;color:#d97706}.notification-toast-info .notification-toast-icon{background:#e0f2fe;color:#0284c7}.notification-toast-body{flex:1;min-width:0;padding-right:4px}.notification-toast-title{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.notification-toast-message{margin:0;font-size:14px;line-height:1.45;font-weight:500;color:#374151}.notification-toast-success .notification-toast-message,.notification-toast-error .notification-toast-message,.notification-toast-warning .notification-toast-message,.notification-toast-info .notification-toast-message{color:#374151}.notification-toast-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;margin:-8px -8px -8px 0;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;transition:background .15s ease,color .15s ease}.notification-toast-close:hover{background:#f3f4f6;color:#374151}.notification-toast-close:focus{outline:none;box-shadow:0 0 0 2px #0000001a}@media(max-width:480px){.notification-toast{top:16px;right:16px;left:16px;min-width:auto;max-width:none}}.store-selector{display:flex;align-items:center;gap:10px}.store-selector label{font-weight:500;color:#333}.store-select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;background:#fff;cursor:pointer}.store-select:focus{outline:none;border-color:#667eea}.store-selector-loading,.store-selector-error{padding:8px;color:#666;font-size:14px}.store-selector-error{color:#c33;background:#ffebee;border-radius:4px;margin:5px 0;padding:8px}.store-selector-help{font-size:11px;color:#666;margin-top:4px;font-style:italic}.store-selector-storefront-link{font-size:12px;color:#667eea;text-decoration:none;white-space:nowrap}.store-selector-storefront-link:hover{text-decoration:underline}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{position:relative;background:transparent;border:none;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#333}.notification-bell-button:hover{background:#667eea1a;transform:scale(1.05)}.notification-bell-button:active{transform:scale(.95)}.bell-icon-svg{width:24px;height:24px;stroke:currentColor;transition:transform .3s ease}.notification-bell-button:hover .bell-icon-svg{animation:ring .5s ease}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;padding:0 6px;border:2px solid white;box-shadow:0 2px 8px #ff525266;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff525266}50%{transform:scale(1.1);box-shadow:0 4px 12px #ff525299}}.notification-overlay{position:fixed;inset:0;z-index:998;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.notification-dropdown{position:fixed;width:420px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;z-index:999;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s ease;border:1px solid rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modern-dropdown{background:linear-gradient(to bottom,#fff,#f8f9fa)}.notification-header{padding:20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modern-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-title-group{display:flex;align-items:center;gap:12px}.modern-header h3{margin:0;font-size:1.3em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.unread-indicator{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;border:1px solid rgba(255,255,255,.3)}.header-actions{display:flex;gap:8px;align-items:center}.mark-all-read-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.85em;font-weight:600;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mark-all-read-button:hover{background:#ffffff4d;transform:translateY(-1px)}.close-dropdown-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-dropdown-button:hover{background:#ffffff4d;transform:rotate(90deg)}.notification-list{max-height:500px;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f0f0f0}.notification-list::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.modern-list{padding:12px}.notification-item{display:flex;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;position:relative;border-radius:12px;margin-bottom:8px;background:#fff;border:2px solid transparent}.modern-item{padding:16px;border-radius:12px;margin:0 8px 8px;background:#fff;box-shadow:0 2px 8px #0000000d;border:2px solid transparent}.notification-item:hover,.modern-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#667eea;transform:translate(4px);box-shadow:0 4px 16px #667eea26}.notification-item.unread,.modern-item.unread{background:linear-gradient(135deg,#e3f2fd,#fff 5%);border-left:4px solid #2196f3;box-shadow:0 2px 12px #2196f333}.notification-icon{font-size:1.5em;margin-right:12px;flex-shrink:0}.notification-icon-modern{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8em;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d;margin-right:16px}.modern-item.unread .notification-icon-modern{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f366}.notification-content,.notification-content-modern{flex:1;min-width:0}.notification-title{font-weight:600;color:#333;margin-bottom:6px;font-size:.95em}.notification-title-modern{font-weight:700;color:#1a1a1a;margin-bottom:6px;font-size:1em;line-height:1.3}.notification-message{color:#666;font-size:.85em;margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-message-modern{color:#666;font-size:.9em;margin-bottom:8px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{color:#999;font-size:.75em;margin-top:4px}.notification-time-modern{color:#999;font-size:.8em;font-weight:500;margin-top:4px}.mark-read-button{position:absolute;top:8px;right:8px;background:#0000000d;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9em;color:#666;transition:all .2s;opacity:0}.notification-item:hover .mark-read-button{opacity:1}.mark-read-button:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.mark-read-button-modern{background:transparent;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s;flex-shrink:0;opacity:0}.modern-item:hover .mark-read-button-modern{opacity:1}.mark-read-button-modern:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#999}.modern-empty{padding:60px 20px}.loading-spinner-small{width:24px;height:24px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.notification-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon-large{font-size:4em;margin-bottom:16px;opacity:.3}.modern-empty p{color:#999;margin:0 0 16px;font-size:1em}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.notification-footer{padding:16px 20px;border-top:2px solid #f0f0f0;text-align:center;background:#f8f9fa}.modern-footer{padding:16px 20px;border-top:2px solid #f0f0f0;background:linear-gradient(to bottom,#f8f9fa,#fff)}.notification-footer a{color:#667eea;text-decoration:none;font-size:.9em;font-weight:600;transition:color .2s}.notification-footer a:hover{color:#764ba2;text-decoration:underline}.view-all-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .2s}.view-all-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.notification-item.notification-success,.modern-item.notification-success{border-left-color:#4caf50}.notification-item.notification-error,.modern-item.notification-error{border-left-color:#f44336}.notification-item.notification-warning,.modern-item.notification-warning{border-left-color:#ff9800}.notification-item.notification-info,.modern-item.notification-info{border-left-color:#2196f3}.notification-item.notification-system,.modern-item.notification-system{border-left-color:#9e9e9e}@media(max-width:768px){.notification-dropdown{width:calc(100vw - 32px);max-width:calc(100vw - 32px);right:16px!important;left:auto!important}.modern-header{padding:16px}.modern-header h3{font-size:1.1em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex-shrink:0}.mark-all-read-button{font-size:.75em;padding:4px 10px}}.lock-screen-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.lock-screen-container{background:#fff;border-radius:20px;padding:48px;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .4s ease-out}.lock-screen-icon{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lock-screen-container h2{margin:0 0 12px;font-size:32px;font-weight:700;color:#333}.lock-screen-message{margin:0 0 8px;font-size:18px;color:#667eea;font-weight:600}.lock-screen-subtitle{margin:0 0 32px;font-size:16px;color:#666}.lock-screen-form{display:flex;flex-direction:column;gap:16px}.lock-screen-input-group{position:relative}.lock-screen-input{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .2s;box-sizing:border-box}.lock-screen-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.lock-screen-input:disabled{background:#f5f5f5;cursor:not-allowed}.lock-screen-error{padding:12px;background:#ffebee;border:1px solid #ef5350;border-radius:8px;color:#c62828;font-size:14px;font-weight:500;animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.lock-screen-button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.lock-screen-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.lock-screen-button:active:not(:disabled){transform:translateY(0)}.lock-screen-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.lock-screen-container{padding:32px 24px}.lock-screen-icon{font-size:64px;margin-bottom:20px}.lock-screen-container h2{font-size:24px}.lock-screen-message{font-size:16px}.lock-screen-subtitle{font-size:14px}}.layout{display:flex;height:100vh;height:100dvh;overflow:hidden;position:relative}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:1002;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000026}.offline-banner-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.offline-banner-expired{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.offline-banner-user-mode{background:linear-gradient(135deg,#059669,#047857);color:#fff}.offline-banner-icon{font-size:18px}.offline-only-pos-overlay{position:fixed;inset:0;z-index:1003;background:#000000b3;display:flex;align-items:center;justify-content:center}.offline-only-pos-card{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 8px 32px #0003;text-align:center}.offline-only-pos-card p{margin:0 0 16px;font-size:16px;color:#1f2937}.offline-only-pos-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.offline-only-pos-btn:hover{opacity:.95}.offline-mode-toggle-wrapper{padding:8px 12px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.offline-mode-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#ffffffe6}.offline-mode-toggle-input{width:18px;height:18px;accent-color:#10b981}.offline-mode-toggle-text{-webkit-user-select:none;user-select:none}.language-selector-wrapper{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.language-selector-label{display:block;color:#fffc;font-size:12px;font-weight:500;margin-bottom:6px}.language-selector-select{width:100%;padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.language-selector-select:disabled{opacity:.7;cursor:not-allowed}.language-selector-select option{background:#2c3e50;color:#fff}.fullscreen-prompt-btn{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px;min-width:52px;min-height:52px;padding:12px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #667eea73,0 6px 20px #00000026;transition:transform .2s ease,box-shadow .2s ease}.fullscreen-prompt-btn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #667eea80,0 10px 28px #0000002e}.fullscreen-prompt-btn:active{transform:translateY(-1px);box-shadow:0 4px 14px #667eea66,0 6px 20px #0000001f}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:997;height:56px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));align-items:center;gap:12px;background:#2c3e50;color:#fff;box-shadow:0 2px 8px #00000026}.mobile-topbar-title{font-size:17px;font-weight:600;white-space:nowrap}.mobile-topbar-store{margin-left:auto;min-width:0;max-width:50%;padding:4px 10px;border-radius:999px;background:#ffffff1f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;background:#ffffff1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:22px;transition:background .2s}.sidebar-toggle:hover{background:#fff3}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:998;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{width:250px;flex-shrink:0;background:#2c3e50;color:#fff;display:flex;flex-direction:column;transition:transform .25s ease}.sidebar-header-actions{display:flex;align-items:center;gap:8px}.sidebar-close{display:none;width:32px;height:32px;padding:0;background:#ffffff1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;transition:background .2s}.sidebar-close:hover{background:#fff3}.sidebar-header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{margin:0;font-size:18px}.sidebar-menu{flex:1;min-height:0;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#fff;text-decoration:none;transition:background .2s}.menu-item:hover{background:#ffffff1a}.menu-item.active{background:#667eea4d;border-left:3px solid #667eea}.menu-item span{font-size:18px}.sidebar-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.store-selector-wrapper{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.store-selector-wrapper .store-selector{flex-direction:column;align-items:flex-start;gap:8px}.store-selector-wrapper label{color:#fffc;font-size:12px;font-weight:500}.store-selector-wrapper .store-select{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.store-selector-wrapper .store-select option{background:#2c3e50;color:#fff}.store-selector-wrapper .store-selector-storefront-link{color:#ffffffe6}.store-selector-wrapper .store-selector-storefront-link:hover{color:#fff}.user-info{margin-bottom:10px;font-size:13px}.user-info span{display:block}.user-role{color:#95a5a6;font-size:12px;text-transform:capitalize}.logout-button{width:100%;padding:10px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s;flex-shrink:0}.logout-button:hover{background:#c0392b}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5;min-width:0}.main-content>*{flex:1;min-height:0;width:100%}@media(max-width:992px){.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:999;transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0003}.sidebar-close{display:none}.main-content{margin-left:0;padding-top:56px}.sidebar-overlay{top:56px}}@media(max-width:576px){.sidebar{width:280px;max-width:85vw}.menu-item{padding:10px 14px}.menu-item span{font-size:16px}.sidebar-footer{padding:10px 14px}.store-selector-wrapper{margin-bottom:8px;padding-bottom:8px}.user-info{margin-bottom:8px}}.layout.layout-pos-mobile .main-content{margin-left:0;width:100%}.layout.layout-pos-mobile .main-content>*{min-height:0}@media(max-width:768px){.fullscreen-prompt-btn{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;min-width:44px;min-height:44px;padding:0;width:44px;height:44px;font-size:18px}.fullscreen-prompt-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.layout.layout-pos-mobile .fullscreen-prompt-btn{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container .login-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-container .login-card h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.login-container .login-card h2{margin:0 0 30px;color:#666;font-size:20px;text-align:center;font-weight:400}.login-container .form-group{margin-bottom:20px}.login-container .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.login-container .form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.login-container .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-container .login-shop-link{margin-top:1rem;text-align:center;font-size:.95rem}.login-container .login-shop-link a{color:#667eea;text-decoration:none}.login-container .login-shop-link a:hover{text-decoration:underline}.login-container .login-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-container .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-container .login-button:disabled{opacity:.6;cursor:not-allowed}.login-container .error-message{background:#fee;color:#c33;padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid #fcc}.chart-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.chart-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.chart-content{position:relative;height:300px}.chart-container.full-height .chart-content{height:400px}.chart-container.small .chart-content{height:250px}.chart-container.large .chart-content{height:450px}.no-data-message{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-style:italic}.ai-insights-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px}.ai-insights-card .ai-insights-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.ai-insights-card h2{margin:0;font-size:1.05rem;color:#1f2937}.ai-insights-card .ai-insights-controls{display:flex;gap:8px}.ai-insights-card .ai-insights-controls select{padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.ai-insights-card .ai-insights-controls button{padding:8px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;white-space:nowrap}.ai-insights-card .ai-insights-controls button:disabled{opacity:.6;cursor:wait}.ai-insights-card .ai-insights-hint{margin:10px 0 0;color:#6b7280;font-size:14px}.ai-insights-card .ai-insights-error{margin:10px 0 0;color:#b91c1c;font-size:14px}.ai-insights-card .ai-insights-body.is-stale{opacity:.5}.ai-insights-card .ai-insights-headline{margin:14px 0 12px;font-size:15px;font-weight:600;color:#111827}.ai-insights-card .ai-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ai-insights-card .ai-insights-list{padding:10px 12px;border-radius:8px;border-left:3px solid}.ai-insights-card .ai-insights-list.good{background:#f0fdf4;border-color:#22c55e}.ai-insights-card .ai-insights-list.warn{background:#fffbeb;border-color:#f59e0b}.ai-insights-card .ai-insights-list.info{background:#eff6ff;border-color:#3b82f6}.ai-insights-card .ai-insights-list h4{margin:0 0 6px;font-size:13px;color:#374151}.ai-insights-card .ai-insights-list ul{margin:0;padding-left:18px;font-size:14px;color:#1f2937}.ai-insights-card .ai-insights-list li+li{margin-top:4px}.ai-insights-card .ai-insights-footnote{margin:12px 0 0;font-size:12px;color:#9ca3af}@media(max-width:576px){.ai-insights-card{padding:14px}.ai-insights-card .ai-insights-controls{width:100%}.ai-insights-card .ai-insights-controls select,.ai-insights-card .ai-insights-controls button{flex:1}}.dashboard{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap}.dashboard .dashboard-header h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.dashboard .dashboard-subtitle{margin:4px 0 0;font-size:.9rem;opacity:.9;font-weight:400}.dashboard .dashboard-store-badge{background:#fff3;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard .dashboard-store-badge.warning{background:#ffc1074d}.dashboard .dashboard-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;padding:40px}.dashboard .dashboard-content{flex:1;min-height:0;overflow:auto;padding:24px;background:#f8fafc}.dashboard .dashboard-section-title{margin:0 0 16px;font-size:.95rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.05em}.dashboard .dashboard-quick-actions{margin-bottom:32px}.dashboard .dashboard-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.dashboard .dashboard-action-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;transition:all .25s ease}.dashboard .dashboard-action-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:transparent;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.dashboard .dashboard-action-icon{font-size:2rem}.dashboard .dashboard-action-info{flex:1}.dashboard .dashboard-action-info h3{margin:0 0 4px;font-size:1.1rem;font-weight:600}.dashboard .dashboard-action-info p{margin:0;font-size:.85rem;opacity:.85}.dashboard .dashboard-action-card:hover .dashboard-action-info p{opacity:.9}.dashboard .dashboard-action-arrow{font-size:1.25rem;font-weight:600}.dashboard .dashboard-stats{margin-bottom:32px}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.dashboard .stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:16px;transition:transform .2s,box-shadow .2s}.dashboard .stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.dashboard .stat-card-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.dashboard .stat-card-primary .stat-value,.dashboard .stat-card-primary .stat-label,.dashboard .stat-card-primary .stat-subtext{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard .stat-card-primary .stat-value{font-weight:700}.dashboard .stat-card-primary .stat-subtext{opacity:.95;color:#fffffff2!important}.dashboard .stat-card-sales{border-left:4px solid #667eea}.dashboard .stat-card-warning{border-left:4px solid #f59e0b}.dashboard .stat-card-warning .stat-value{color:#b45309}.dashboard .stat-icon{font-size:2rem;flex-shrink:0}.dashboard .stat-content{flex:1;min-width:0}.dashboard .stat-value{font-size:1.5rem;font-weight:700;color:#334155;margin-bottom:4px;line-height:1.2}.dashboard .stat-label{color:#64748b;font-size:.875rem;font-weight:500}.dashboard .stat-subtext{color:#94a3b8;font-size:.8rem;margin-top:6px}.dashboard .stat-subtext.error{color:#dc2626;font-weight:500}.dashboard .dashboard-charts{margin-bottom:32px}.dashboard .dashboard-charts .charts-row{margin-bottom:20px}.dashboard .dashboard-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.dashboard .dashboard-table-wrap{overflow-x:auto}.dashboard .dashboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard .dashboard-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard .dashboard-table th{padding:12px 16px;text-align:left;font-weight:600;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.dashboard .dashboard-table th:first-child{border-radius:8px 0 0}.dashboard .dashboard-table th:last-child{border-radius:0 8px 0 0}.dashboard .dashboard-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.dashboard .dashboard-table tbody tr:nth-child(2n){background:#f8fafc}.dashboard .dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard .dashboard-table .rank-cell{font-weight:600;color:#667eea}.dashboard .dashboard-table .amount-cell{font-weight:600;color:#059669}.dashboard .dashboard-view-all{display:inline-block;margin-top:16px;font-size:.9rem;font-weight:500;color:#667eea;text-decoration:none}.dashboard .dashboard-view-all:hover{text-decoration:underline}@media(max-width:992px){.dashboard .dashboard-header{padding:16px 20px}.dashboard .dashboard-content{padding:20px}.dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard .dashboard-action-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard .dashboard-header{flex-direction:column;align-items:flex-start}.dashboard .stats-grid{grid-template-columns:1fr}.dashboard .stat-value{font-size:1.35rem}}@media(max-width:480px){.dashboard .dashboard-content{padding:16px}.dashboard .dashboard-table th,.dashboard .dashboard-table td{padding:10px 12px;font-size:.8rem}}.variant-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.variant-selector-modal{background:#fff;border-radius:8px;padding:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.variant-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.variant-selector-header h3{margin:0;font-size:1.25rem;color:#333}.variant-selector-content{display:flex;flex-direction:column;gap:20px}.variant-group{display:flex;flex-direction:column;gap:10px}.variant-type-label{margin:0;font-size:.9rem;font-weight:600;color:#555;text-transform:capitalize}.variant-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.variant-option{padding:12px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:8px}.variant-option:hover:not(.disabled){border-color:#4caf50;background:#f1f8f4}.variant-option.selected{border-color:#4caf50;background:#e8f5e9}.variant-option.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.variant-value{font-weight:600;color:#333;font-size:.95rem}.variant-details{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.variant-price{color:#4caf50;font-weight:600}.variant-stock{color:#666;font-size:.8rem}.variant-stock.out-of-stock{color:#f44336;font-weight:600}.split-payment-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.split-payment-modal{background:#fff;border-radius:12px;width:95%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column}.split-payment-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.split-payment-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.split-payment-content{padding:20px;overflow-y:auto;flex:1;min-height:0}.split-payment-offline-banner{background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.payment-total{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.payment-total strong{font-size:20px;color:#333}.remaining-balance{font-size:16px;font-weight:600;padding:6px 12px;border-radius:4px}.remaining-balance.complete{background:#d4edda;color:#155724}.remaining-balance.positive{background:#fff3cd;color:#856404}.remaining-balance.negative{background:#f8d7da;color:#721c24}.payments-section{margin-bottom:20px}.payments-section-title{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.payments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.payment-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.payment-row-loyalty{border-color:#667eea;background:#f0f4ff}.payment-method-select,.payment-gateway-select{flex:1;min-width:120px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.payment-amount-input{display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;min-width:140px}.payment-amount-input span{color:#666;font-weight:600}.payment-amount-input input{border:none;outline:none;width:100%;font-size:14px}.loyalty-points-hint{font-size:12px;color:#667eea;font-weight:500;white-space:nowrap}.remove-payment-btn{background:#dc3545;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.remove-payment-btn:hover{background:#c82333}.add-payment-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.add-payment-btn{flex:1;min-width:140px;padding:12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.add-payment-btn:hover{background:#218838}.add-loyalty-btn{flex:1;min-width:140px;padding:12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.add-loyalty-btn:hover{background:#5a67d8}.payment-summary{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.summary-row strong{font-size:16px}.summary-row strong.complete{color:#155724}.summary-row strong.positive{color:#856404}.summary-row strong.negative{color:#721c24}.split-payment-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;border-top:1px solid #dee2e6}.btn-draft{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-draft:hover{background:#5a6268}.btn-cancel,.btn-complete{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-complete{background:#28a745;color:#fff}.btn-complete:hover:not(:disabled){background:#218838}.btn-complete:disabled{background:#ccc;cursor:not-allowed}@media(max-width:600px){.split-payment-modal{width:98%;max-height:85vh}.payment-row{flex-direction:column;align-items:stretch}.payment-method-select,.payment-gateway-select,.payment-amount-input{min-width:100%}.payment-row{gap:8px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:90%;overflow:hidden;animation:slideUp .3s ease-out}.confirmation-modal .modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #eee;color:#fff;flex-direction:column;justify-content:center;display:flex;align-items:center}.modal-header-danger{background:linear-gradient(135deg,#f44,#c00)}.modal-header-warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.modal-header-info{background:linear-gradient(135deg,#2196f3,#1976d2)}.modal-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.confirmation-modal .modal-header h3{margin:0;font-size:24px;font-weight:600;color:#fff}.confirmation-modal .modal-body{padding:24px;text-align:center}.confirmation-modal .modal-body p{margin:0 0 12px;font-size:16px;color:#333;line-height:1.5}.confirmation-modal .modal-warning{color:#f44!important;font-weight:600;font-size:14px!important;margin-top:8px!important}.confirmation-modal .modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #eee;background:#f9f9f9}.confirmation-modal .modal-btn{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.confirmation-modal .modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal .cancel-btn{background:#fff;color:#666;border:2px solid #ddd}.confirmation-modal .cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.confirmation-modal .confirm-btn{color:#fff;box-shadow:0 4px 12px #0000004d}.confirm-btn-danger{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 4px 12px #ff44444d}.confirm-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c00,#900);transform:translateY(-1px);box-shadow:0 6px 16px #f446}.confirm-btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d}.confirm-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px);box-shadow:0 6px 16px #ff980066}.confirm-btn-info{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d}.confirm-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 6px 16px #2196f366}.confirmation-modal .confirm-btn:active:not(:disabled){transform:translateY(0)}.modal-error-message{padding:16px;background:#ffebee;border-radius:8px;border:1px solid #ef5350;text-align:center}.error-icon{font-size:48px;margin:0 0 12px}.error-text{color:#c62828;font-size:16px;font-weight:500;margin:0;line-height:1.5}.print-failure-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.print-failure-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.print-failure-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #f0f0f0;position:relative}.print-failure-icon{font-size:32px;margin-right:12px}.print-failure-modal-header h2{margin:0;flex:1;color:#333;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background:#f5f5f5;color:#333}.print-failure-modal-body{padding:24px}.error-message{color:#d32f2f;font-size:15px;margin-bottom:16px;font-weight:500}.error-details{background:#ffebee;border-left:4px solid #d32f2f;padding:12px;border-radius:4px;margin-bottom:24px;font-size:13px;color:#c62828}.error-details strong{display:block;margin-bottom:4px}.options-section h3{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{padding:14px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.action-btn:disabled{opacity:.6;cursor:not-allowed}.retry-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.download-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.print-pdf-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.print-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.print-failure-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.cancel-btn{padding:10px 20px;background:#f5f5f5;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e0e0e0;color:#333}@media(max-width:600px){.print-failure-modal{width:95%;margin:20px}.print-failure-modal-header{padding:16px 20px}.print-failure-modal-body{padding:20px}.action-btn{padding:12px 16px;font-size:14px}}.qr-scanner-overlay{position:fixed;inset:0;z-index:9999;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow:auto}.qr-scanner-modal{width:100%;max-width:100%;min-height:100%;display:flex;flex-direction:column;background:#1a1a2e}.qr-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.qr-scanner-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.qr-scanner-close{width:44px;height:44px;border:none;background:#fff3;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.qr-scanner-close:hover,.qr-scanner-close:focus{background:#ffffff4d;outline:none}.qr-scanner-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;overflow:auto}.qr-scanner-https-hint{background:#ffc10726;border:1px solid rgba(255,193,7,.5);color:#ffc107;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;line-height:1.5;text-align:center}.qr-scanner-https-hint code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:13px}#qr-scanner-reader{width:100%!important;max-width:100%!important}#qr-scanner-reader__scan_region{background:transparent!important}#qr-scanner-reader__dashboard{background:#ffffff0d!important;border-radius:8px;margin-top:12px}#qr-scanner-reader__dashboard_section_csr button{background:#667eea!important;color:#fff!important;border:none!important;padding:10px 16px!important;border-radius:8px!important;font-weight:600!important}.pos-container{flex:1;min-height:0;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.pos-container,.pos-container .pos-content,.pos-container .products-panel,.pos-container .products-grid-container,.pos-container .quantity-shortcuts-grid,.pos-container .cart-items{scrollbar-width:none;-ms-overflow-style:none}.pos-container::-webkit-scrollbar,.pos-container .pos-content::-webkit-scrollbar,.pos-container .products-panel::-webkit-scrollbar,.pos-container .products-grid-container::-webkit-scrollbar,.pos-container .quantity-shortcuts-grid::-webkit-scrollbar,.pos-container .cart-items::-webkit-scrollbar{display:none;width:0;height:0}.pos-container .pos-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 24px;box-shadow:0 2px 12px #667eea40;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}.pos-container .pos-header h1{margin:0;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.pos-container .pos-info{display:flex;gap:16px;flex-wrap:wrap;color:#fffffff2;font-size:.9rem;font-weight:500}.pos-container .pos-info span{background:#fff3;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pos-container .pos-content{flex:1;min-height:0;display:flex;gap:20px;padding:20px;overflow:hidden}.pos-container .products-panel{flex:2;min-width:0;min-height:0;background:#fff;border-radius:16px;padding:20px 20px 16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.pos-container .search-filters-sticky{flex-shrink:0;background:#fff;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0}.pos-container .barcode-scanner-section{margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea33}.pos-container .barcode-input-container{display:flex;flex-direction:column;gap:8px}.pos-container .barcode-input-row{display:flex;gap:8px;align-items:stretch}.pos-container .barcode-input-row .input-with-clear{flex:1;min-width:0}.pos-container .qr-scan-camera-btn{flex-shrink:0;padding:12px 16px;background:#ffffff40;border:2px solid rgba(255,255,255,.5);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.pos-container .qr-scan-camera-btn:hover:not(:disabled){background:#fff6;border-color:#fff}.pos-container .qr-scan-camera-btn:disabled{opacity:.6;cursor:not-allowed}.pos-container .input-with-clear{position:relative;display:flex;align-items:center}.pos-container .barcode-input-container label{color:#fff;font-weight:600;font-size:14px}.pos-container .barcode-input{width:100%;padding:14px 40px 14px 14px;border:2px solid rgba(255,255,255,.3);border-radius:5px;font-size:16px;font-weight:500;background:#fff;box-sizing:border-box;transition:all .3s}.pos-container .barcode-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.pos-container .barcode-input.scan-success{background:#e8f5e9;border-color:#4caf50;animation:scanSuccess .5s}.pos-container .barcode-input.scan-error{background:#ffebee;border-color:#f44336;animation:scanError .5s}@keyframes scanSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05);background:#c8e6c9}}@keyframes scanError{0%,to{transform:scale(1)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.pos-container .scanning-indicator{color:#fff;font-size:12px;font-style:italic;display:inline-block;margin-left:10px}.pos-container .search-bar{margin-bottom:0}.pos-container .search-bar input{width:100%;padding:12px 40px 12px 12px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.pos-container .search-bar input:focus{outline:none;border-color:#667eea}.pos-container .clear-input-btn{position:absolute;right:8px;background:transparent;border:none;color:#999;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.pos-container .clear-input-btn:hover{color:#333}.pos-container .clear-input-btn:active{color:#667eea}.pos-container .barcode-input-container .input-with-clear .clear-input-btn{color:#ffffffb3}.pos-container .barcode-input-container .input-with-clear .clear-input-btn:hover{color:#fff}.pos-container .products-grid-container{flex:1 1 0;min-height:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pos-container .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pos-container .quantity-shortcuts-section{flex:0 0 auto;margin-top:18px;padding:0;border-top:1px solid #e2e8f0;position:relative}.pos-container .quantity-resize-handle{height:14px;margin-top:8px;margin-bottom:4px;cursor:ns-resize;resize:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#e2e8f0,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;user-select:none;-webkit-user-select:none;touch-action:none}.pos-container .quantity-resize-handle:before{content:"";width:32px;height:4px;background:#94a3b8;border-radius:2px;opacity:.8}.pos-container .quantity-resize-handle:hover{background:linear-gradient(to bottom,#cbd5e1,#e2e8f0,#cbd5e1);border-color:#94a3b8}.pos-container .quantity-resize-handle:active{background:#cbd5e1}.pos-container .quantity-shortcuts-label{display:block;font-size:14px;font-weight:600;color:#475569;margin-top:4px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.02em}.pos-container .quantity-shortcuts-grid{display:grid;gap:8px;max-width:100%;max-height:220px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pos-container .quantity-shortcut-btn{min-height:48px;padding:10px 14px;font-size:16px;font-weight:600;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.pos-container .quantity-shortcut-btn:hover{background:#e2e8f0;border-color:#94a3b8}.pos-container .quantity-shortcut-btn:active{background:#cbd5e1}.pos-container .cart-item.cart-item-selected{border:2px solid #667eea;box-shadow:0 0 0 2px #667eea33}.pos-container .pos-operations{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding-top:12px;padding-bottom:0;border-top:1px solid #e2e8f0;margin-top:10px;overflow:visible}.pos-container .pos-operations-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}.pos-container .product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 2px #0000000a}.pos-container .product-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px #667eea33}.pos-container .product-name{font-weight:600;margin-bottom:5px;color:#333}.pos-container .product-sku{font-size:12px;color:#666;margin-bottom:5px}.pos-container .product-price{font-size:18px;font-weight:700;color:#667eea}.pos-container .low-stock-badge{position:absolute;top:5px;right:5px;background:#ff9800;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}.pos-container .cart-panel{flex:1;min-width:280px;max-width:420px;min-height:0;background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.pos-container .cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid #e2e8f0;flex-shrink:0}.pos-container .cart-header h2{margin:0;color:#1e293b;font-size:1.25rem;font-weight:700}.pos-container .clear-cart-btn{background:#f44;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.pos-container .clear-cart-btn:hover{background:#c00}.pos-container .cart-items{flex:1;overflow-y:auto;margin-bottom:20px;-webkit-overflow-scrolling:touch;min-height:0}.pos-container .cart-item{background:#f8fafc;border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid #e2e8f0;transition:border-color .2s}.pos-container .cart-item:hover{border-color:#cbd5e1}.pos-container .cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.pos-container .cart-item-info{display:flex;justify-content:space-between;margin-bottom:10px}.pos-container .cart-item-details{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.pos-container .cart-item-name{font-weight:500;color:#333}.pos-container .cart-item-price{color:#666;font-size:14px}.pos-container .cart-item-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pos-container .cart-item-controls{display:flex;align-items:center;gap:8px;background:#fff;border-radius:6px;padding:4px;border:1px solid #ddd}.pos-container .qty-btn{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:4px;cursor:pointer;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#333}.pos-container .qty-btn:hover:not(:disabled){background:#667eea;color:#fff}.pos-container .qty-btn:disabled{opacity:.4;cursor:not-allowed}.pos-container .qty-display{min-width:40px;text-align:center;font-weight:600;font-size:16px;color:#333}.pos-container .remove-btn{background:transparent;border:none;color:#f44;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.pos-container .remove-btn:hover{background:#ffebee;transform:scale(1.1)}.pos-container .cart-item-total{font-weight:700;color:#667eea;font-size:16px;min-width:100px;text-align:right}.pos-container .stock-warning{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;margin-bottom:8px;display:inline-block}.pos-container .stock-warning.out-of-stock{background:#ffebee;color:#c62828;border:1px solid #ef5350}.pos-container .stock-warning.low-stock{background:#fff3e0;color:#e65100;border:1px solid #ff9800}.pos-container .cart-footer{border-top:2px solid #e2e8f0;padding-top:20px;flex-shrink:0}.pos-container .cart-loyalty-redeem{margin:14px 0 16px;padding:12px 14px;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px}.pos-container .cart-loyalty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pos-container .cart-loyalty-label{font-size:14px;font-weight:600;color:#4338ca}.pos-container .cart-loyalty-available{font-size:12px;color:#6366f1;font-weight:500}.pos-container .cart-loyalty-input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pos-container .cart-loyalty-input{width:80px;padding:8px 10px;border:1px solid #a5b4fc;border-radius:6px;font-size:14px;font-weight:600}.pos-container .cart-loyalty-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.pos-container .cart-loyalty-suffix{font-size:13px;color:#64748b}.pos-container .cart-loyalty-value{font-size:14px;font-weight:600;color:#059669}.pos-container .cart-loyalty-warning{margin-top:6px;font-size:12px;color:#d97706;font-style:italic}.pos-container .discount-section{flex:0 0 auto;padding:8px 12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.pos-container .discount-input-group{display:flex;gap:6px;align-items:center}.pos-container .discount-input{width:110px;min-width:90px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;box-sizing:border-box}.pos-container .discount-input:focus{outline:none;border-color:#667eea}.pos-container .apply-discount-btn{padding:8px 14px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s;flex-shrink:0}.pos-container .apply-discount-btn:hover:not(:disabled){background:#5568d3}.pos-container .apply-discount-btn:disabled{background:#ccc;cursor:not-allowed}.pos-container .applied-discount{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#e8f5e9;border-radius:6px;border:1px solid #4caf50}.pos-container .discount-info{display:flex;flex-direction:column;gap:4px}.pos-container .discount-info strong{color:#2e7d32}.pos-container .discount-amount{color:#4caf50;font-weight:600;font-size:16px}.pos-container .remove-discount-btn{padding:6px 12px;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.pos-container .remove-discount-btn:hover{background:#c00}.pos-container .drafts-section{flex-shrink:0;padding:12px 14px 14px;margin-bottom:0;background:#f0f4ff;border-radius:10px;border:1px solid #c7d2fe;height:fit-content}.pos-container .drafts-section-header{font-size:13px;font-weight:600;color:#4338ca;margin-bottom:8px}.pos-container .drafts-list{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.pos-container .draft-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 14px 12px;background:#fff;border:1px solid #c7d2fe;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;flex-shrink:0;min-height:fit-content}.pos-container .draft-card-delete{position:absolute;top:4px;right:6px;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#64748b;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:color .15s,background .15s}.pos-container .draft-card-delete:hover{color:#dc2626;background:#fee2e2}.pos-container .draft-card:hover{background:#eef2ff;border-color:#667eea;box-shadow:0 2px 8px #667eea33}.pos-container .draft-items{font-size:13px;color:#475569}.pos-container .draft-total{font-size:14px;font-weight:600;color:#667eea}.pos-container .draft-customer{font-size:11px;color:#64748b;margin-top:4px;display:block}.pos-container .cart-summary{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #e0e0e0}.pos-container .summary-line{display:flex;justify-content:space-between;padding:8px 0;font-size:16px;color:#666}.pos-container .summary-line.discount{color:#4caf50;font-weight:600}.pos-container .summary-line.total{border-top:2px solid #ddd;margin-top:8px;padding-top:12px;font-size:24px;font-weight:700;color:#667eea}.pos-container .cart-total{font-size:24px;margin-bottom:15px;text-align:right;color:#333}.pos-container .checkout-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.pos-container .checkout-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#4858c4);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.pos-container .empty-cart{text-align:center;color:#999;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px}.pos-container .empty-cart-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pos-container .empty-cart p{margin:6px 0;font-size:16px;color:#666}.pos-container .empty-cart-hint{font-size:13px!important;color:#999!important;font-style:italic}.pos-container .loading{text-align:center;padding:40px;color:#666}.pos-container .cart-customer-bar{padding:10px 14px;border-radius:10px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px}.pos-container .cart-customer-bar.has-customer{background:#f0f4ff;border:1px solid #c7d2fe}.pos-container .cart-customer-bar.walk-in{background:#f8fafc;border:1px solid #e2e8f0}.pos-container .cart-customer-bar.customer-inactive{background:#fef2f2;border:1px solid #fecaca}.pos-container .cart-customer-bar.customer-inactive .cart-customer-details strong{color:#94a3b8;text-decoration:line-through}.pos-container .cart-customer-bar .inactive-badge{color:#dc2626;font-weight:600;font-size:.9em}.pos-container .cart-customer-details{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pos-container .cart-customer-details strong{color:#1e293b}.pos-container .cart-walk-in-label{color:#64748b;font-size:14px;font-weight:500}.pos-container .remove-customer-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1;padding:0}.pos-container .remove-customer-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 2px 8px #ef44444d}.pos-container .remove-customer-btn:active{transform:scale(.95)}.pos-container .customer-points-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:15px;font-size:14px;font-weight:600}.pos-container .loyalty-section{flex:0 0 auto;background:#f8fafc;padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0}.pos-container .customer-points-header{margin-bottom:4px;color:#333;font-size:14px}.pos-container .points-info-only{font-size:13px;color:#64748b}.pos-container .customer-points{margin-bottom:10px;color:#333}.pos-container .points-redemption{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.pos-container .points-redemption label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:13px;color:#666}.pos-container .points-redemption input[type=number]{width:70px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pos-container .redemption-value{color:#4caf50;font-weight:600;font-size:14px}.pos-container .redemption-warning{color:#ff9800;font-size:11px;font-style:italic;width:100%}.pos-container .discount-line{color:#4caf50;font-size:18px;margin:5px 0}.pos-container .final-total{color:#667eea;font-size:28px}.pos-container .checkout-button:disabled{background:#ccc;cursor:not-allowed}@media(max-width:1200px){.pos-container .pos-content{gap:16px;padding:16px}.pos-container .products-grid{grid-template-columns:repeat(3,1fr)}.pos-container .cart-panel{max-width:380px}.pos-container .quantity-shortcuts-section{margin-top:14px;padding-top:14px}.pos-container .quantity-shortcuts-label{font-size:13px;margin-bottom:10px}.pos-container .quantity-shortcuts-grid{grid-template-columns:repeat(10,1fr)!important;max-height:180px;gap:6px}.pos-container .quantity-shortcut-btn{min-height:40px;padding:8px 10px;font-size:15px}}@media(max-width:992px){.pos-container{overflow:auto;-webkit-overflow-scrolling:touch}.pos-container .pos-content{flex-direction:column;padding:16px;gap:16px;overflow-y:auto;overflow-x:hidden;min-height:auto}.pos-container .products-panel{flex:0 0 auto;min-height:0;max-height:min(70vh,600px);overflow-y:auto;overflow-x:hidden}.pos-container .products-grid-container{height:240px;min-height:180px;max-height:260px}.pos-container .products-grid{grid-template-columns:repeat(4,1fr);gap:10px}.pos-container .quantity-shortcuts-section{margin-top:14px;padding-top:14px}.pos-container .quantity-shortcuts-label{font-size:13px;margin-bottom:10px}.pos-container .quantity-shortcuts-grid{grid-template-columns:repeat(6,1fr)!important;max-height:170px;gap:6px}.pos-container .quantity-shortcut-btn{min-height:38px;padding:8px 10px;font-size:14px}.pos-container .cart-panel{max-width:none;min-width:0;min-height:320px;flex:0 0 auto}.pos-container .pos-operations{flex-wrap:wrap;gap:10px}.pos-container .discount-input-group{flex-direction:row}.pos-container .discount-input{width:100%;min-width:0;max-width:180px}.pos-container .pos-operations-row{flex-wrap:wrap}.pos-container .product-card{padding:12px}.pos-container .product-name{font-size:14px}.pos-container .product-price{font-size:16px}}@media(max-width:768px){.pos-container .pos-header{padding:12px 16px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.pos-container .pos-header h1{font-size:1.2rem}.pos-container .pos-info{gap:8px;font-size:.85rem}.pos-container .pos-info span{padding:5px 12px}.pos-container .pos-content{padding:12px;gap:12px}.pos-container .products-panel{max-height:min(65vh,520px)}.pos-container .products-panel,.pos-container .cart-panel{padding:16px;border-radius:12px;min-width:0}.pos-container .products-grid-container{height:200px;min-height:160px;max-height:220px}.pos-container .quantity-shortcuts-section{margin-top:12px;padding-top:12px}.pos-container .quantity-shortcuts-label{font-size:13px;margin-bottom:8px}.pos-container .quantity-shortcuts-grid{grid-template-columns:repeat(5,1fr)!important;max-height:150px;gap:6px}.pos-container .quantity-shortcut-btn{min-height:36px;padding:6px 8px;font-size:13px}.pos-container .search-filters-sticky{padding-bottom:12px;margin-bottom:12px}.pos-container .barcode-scanner-section{padding:12px;margin-bottom:12px}.pos-container .barcode-input{padding:12px 40px 12px 12px;font-size:15px}.pos-container .search-bar input{padding:10px 40px 10px 10px;font-size:15px}.pos-container .products-grid-container{height:240px;min-height:180px}.pos-container .products-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pos-container .product-card{padding:10px}.pos-container .product-name{font-size:13px;margin-bottom:4px}.pos-container .product-sku{font-size:11px}.pos-container .product-price{font-size:14px}.pos-container .pos-operations{padding-top:12px;margin-top:12px;gap:10px}.pos-container .pos-operations-row{flex-direction:column}.pos-container .discount-section,.pos-container .loyalty-section{flex:1 1 100%;min-width:0}.pos-container .discount-section,.pos-container .drafts-section,.pos-container .loyalty-section{padding:10px}.pos-container .discount-input{width:100%;max-width:200px}.pos-container .pos-operations-row{flex-direction:column;align-items:stretch}.pos-container .discount-section,.pos-container .loyalty-section{flex:1 1 100%}.pos-container .cart-panel{min-height:280px}.pos-container .cart-header h2{font-size:1.1rem}.pos-container .cart-customer-bar{padding:8px 12px;min-height:40px}.pos-container .cart-customer-details strong,.pos-container .cart-walk-in-label{font-size:13px}.pos-container .customer-points-badge{font-size:12px;padding:3px 10px}.pos-container .cart-item{padding:10px;margin-bottom:8px}.pos-container .cart-item-details{gap:10px}.pos-container .cart-item-controls{margin-bottom:0}.pos-container .qty-btn{width:36px;height:36px;min-width:36px;min-height:36px}.pos-container .cart-summary{padding:12px}.pos-container .cart-loyalty-redeem{margin:12px 0 14px;padding:10px 12px}.pos-container .summary-line{font-size:14px}.pos-container .summary-line.total{font-size:20px}.pos-container .checkout-button{padding:14px;font-size:16px;min-height:48px}.pos-container .remove-customer-btn{width:32px;height:32px;font-size:18px}}@media(max-width:576px){.pos-container .pos-header{padding:10px 12px}.pos-container .pos-header h1{font-size:1.1rem}.pos-container .pos-info span{padding:4px 10px;font-size:.8rem}.pos-container .pos-content{padding:10px;gap:10px}.pos-container .products-panel,.pos-container .cart-panel{padding:12px}.pos-container .barcode-scanner-section{padding:10px}.pos-container .products-grid-container{height:220px;min-height:160px}.pos-container .products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pos-container .products-panel{max-height:min(60vh,480px)}.pos-container .products-grid-container{max-height:200px}.pos-container .quantity-shortcuts-section{margin-top:12px;padding-top:12px}.pos-container .quantity-shortcuts-label{font-size:12px;margin-bottom:8px}.pos-container .quantity-shortcuts-grid{grid-template-columns:repeat(4,1fr)!important;max-height:140px;gap:5px}.pos-container .quantity-shortcut-btn{min-height:34px;padding:6px 8px;font-size:12px}.pos-container .product-card{padding:10px}.pos-container .product-name{font-size:12px;line-height:1.3}.pos-container .product-sku{font-size:10px}.pos-container .product-price{font-size:13px}.pos-container .drafts-list{max-height:none}.pos-container .draft-card{padding:22px 12px 10px}.pos-container .draft-items,.pos-container .draft-total{font-size:12px}.pos-container .cart-panel{min-width:0;min-height:260px}.pos-container .cart-customer-bar{flex-wrap:wrap}.pos-container .cart-item-name{font-size:13px}.pos-container .cart-item-total{font-size:14px;min-width:80px}.pos-container .clear-cart-btn{padding:6px 12px;font-size:13px}}@media(max-width:400px){.pos-container .pos-header h1{font-size:1rem}.pos-container .pos-info{gap:6px}.pos-container .pos-info span{padding:4px 8px;font-size:.75rem}.pos-container .pos-content{padding:8px}.pos-container .products-panel,.pos-container .cart-panel{min-width:0;padding:10px}.pos-container .products-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pos-container .product-card{padding:8px}.pos-container .product-name{font-size:11px}.pos-container .product-price{font-size:12px}.pos-container .cart-header h2{font-size:1rem}.pos-container .summary-line.total{font-size:18px}.pos-container .checkout-button{padding:12px;font-size:15px}.pos-container .empty-cart{padding:40px 16px}.pos-container .empty-cart-icon{font-size:48px}}@supports (padding: max(0px)){.pos-container .pos-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.pos-container .pos-content{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}@media(max-width:992px){.pos-container .pos-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media(max-width:768px){.pos-container .pos-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media(max-width:576px){.pos-container .pos-content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}}.pos-container.pos-mobile{padding-bottom:0;min-height:0;height:100%;display:flex;flex-direction:column}.pos-container.pos-mobile .pos-header{padding:10px 12px;flex-shrink:0}.pos-container.pos-mobile .pos-header h1{font-size:1.1rem;font-weight:700}.pos-container.pos-mobile .pos-info{gap:8px;font-size:.75rem}.pos-container.pos-mobile .pos-info span{padding:4px 10px;border-radius:12px}.pos-container.pos-mobile .pos-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px 0;gap:0;overflow:hidden}.pos-container.pos-mobile.pos-mobile-tab-products .cart-panel,.pos-container.pos-mobile.pos-mobile-tab-cart .products-panel{display:none!important}.pos-container.pos-mobile .products-panel,.pos-container.pos-mobile .cart-panel{flex:1 1 auto;min-height:0;max-width:none;width:100%;display:flex;flex-direction:column;overflow:hidden;padding:12px}.pos-container.pos-mobile .products-panel{border-radius:12px}.pos-container.pos-mobile .cart-panel{border-radius:12px;min-height:200px}.pos-container.pos-mobile .search-filters-sticky{padding-bottom:10px;margin-bottom:10px}.pos-container.pos-mobile .barcode-scanner-section{padding:10px;margin-bottom:10px}.pos-container.pos-mobile .barcode-input,.pos-container.pos-mobile .search-bar input{padding:12px 36px 12px 12px;font-size:16px;min-height:44px}.pos-container.pos-mobile .products-grid-container{flex:1;min-height:120px;-webkit-overflow-scrolling:touch}.pos-container.pos-mobile .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:8px}.pos-container.pos-mobile .product-card{min-height:88px;padding:12px;border-radius:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pos-container.pos-mobile .product-card:active{transform:scale(.98);border-color:#667eea}.pos-container.pos-mobile .product-name{font-size:.9rem;margin-bottom:4px}.pos-container.pos-mobile .product-price{font-size:1rem}.pos-container.pos-mobile .quantity-shortcuts-section{display:none}.pos-container.pos-mobile .pos-operations{margin-top:8px;padding-top:10px;flex-shrink:0}.pos-container.pos-mobile .discount-input-group{flex-wrap:wrap}.pos-container.pos-mobile .discount-input{min-height:44px;flex:1;min-width:0}.pos-container.pos-mobile .apply-discount-btn,.pos-container.pos-mobile .remove-discount-btn{min-height:44px;padding:10px 16px}.pos-container.pos-mobile .cart-header{padding-bottom:10px;margin-bottom:10px}.pos-container.pos-mobile .cart-header h2{font-size:1.1rem}.pos-container.pos-mobile .clear-cart-btn{min-height:44px;padding:10px 14px}.pos-container.pos-mobile .cart-items{flex:1;min-height:0;margin-bottom:12px;-webkit-overflow-scrolling:touch}.pos-container.pos-mobile .cart-item{padding:12px;margin-bottom:8px}.pos-container.pos-mobile .qty-btn{min-width:44px;min-height:44px;width:44px;height:44px;font-size:20px}.pos-container.pos-mobile .remove-btn{min-width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center}.pos-container.pos-mobile .checkout-button{min-height:52px;padding:16px;font-size:1.1rem;font-weight:700;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pos-container.pos-mobile .cart-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0))}.pos-container.pos-mobile .empty-cart{padding:24px 16px}.pos-container.pos-mobile .empty-cart-icon{font-size:3rem}.pos-container .pos-mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:stretch;justify-content:center;gap:0;z-index:100;box-shadow:0 -2px 12px #00000014}.pos-container .pos-mobile-tab{flex:1;max-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom,0));background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:600;color:#64748b;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:56px;position:relative;transition:color .15s,background .15s}.pos-container .pos-mobile-tab:active{background:#f1f5f9}.pos-container .pos-mobile-tab.active{color:#667eea;background:#667eea14}.pos-container .pos-mobile-tab-icon{font-size:1.4rem;line-height:1}.pos-container .pos-mobile-tab-label{line-height:1.2}.pos-container .pos-mobile-tab-badge{position:absolute;top:4px;right:50%;transform:translate(12px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#667eea;color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.pos-container.pos-mobile .pos-content{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}.variant-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.variant-manager-modal{background:#fff;border-radius:8px;padding:20px;max-width:900px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.variant-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.variant-manager-header h2{margin:0;font-size:1.5rem;color:#333}.variant-manager-actions{margin-bottom:20px}.btn-add{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-add:hover{background:#45a049}.variant-manager-content{display:flex;flex-direction:column;gap:20px}.variant-group-section{margin-bottom:30px}.variant-type-header{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#555;text-transform:capitalize;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.variants-table{width:100%;border-collapse:collapse;margin-bottom:20px}.variants-table th{background:#f5f5f5;padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.variants-table td{padding:12px;border-bottom:1px solid #e0e0e0}.variants-table tr:hover{background:#f9f9f9}.variant-form-container{display:flex;flex-direction:column;gap:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{margin:0;font-size:1.2rem;color:#333}.variant-form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:500;color:#555;font-size:.9rem}.form-group input[type=text],.form-group input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#4caf50}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-cancel{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-submit:hover:not(:disabled){background:#45a049}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.no-variants{text-align:center;padding:40px;color:#999}.no-variants p{margin-bottom:20px}.loading{text-align:center;padding:40px;color:#666}.badge{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.badge.success{background:#e8f5e9;color:#2e7d32}.badge.inactive{background:#f5f5f5;color:#666}.low-stock{color:#f44336;font-weight:600}.btn-edit,.btn-delete{padding:5px 10px;margin:0 2px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:#f0f0f0;color:#333}.import-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.import-modal-header{padding:24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.import-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.import-modal-header .close-button{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.import-modal-header .close-button:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.import-modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.import-modal-body{padding:24px;overflow-y:auto;flex:1}.import-instructions{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:20px}.import-instructions p{margin:0 0 12px;font-weight:600;color:#333}.import-instructions ul{margin:0;padding-left:20px;color:#666}.import-instructions li{margin:8px 0;line-height:1.5}.import-format-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.import-format-table th,.import-format-table td{border:1px solid #e0e0e0;padding:8px 10px;text-align:left}.import-format-table th{background:#f5f5f5;font-weight:600;color:#333}.import-format-table td{color:#555}.import-format-table tbody tr:nth-child(2n){background:#fafafa}.template-download-section{background:#e8f4fd;border:1px solid #90caf9;border-radius:8px;padding:16px;margin-bottom:20px}.template-download-section p{margin:0 0 12px;color:#1565c0;font-size:14px}.template-download-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-download-template{padding:10px 16px;background:#fff;border:2px solid #2196f3;border-radius:6px;color:#1976d2;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-download-template:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;transform:translateY(-1px)}.btn-download-template:disabled{opacity:.6;cursor:not-allowed}.file-input-section{margin-bottom:20px}.file-input{display:none}.file-input-label{display:block;padding:20px;border:2px dashed #ddd;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa;font-size:16px;color:#666}.file-input-label:hover:not(.disabled){border-color:#667eea;background:#f0f4ff;color:#667eea}.file-input-label.file-selected{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.file-input-label.disabled{opacity:.6;cursor:not-allowed}.file-name{display:block;font-weight:500}.import-progress{margin:20px 0}.progress-bar-container{width:100%;height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#5568d3);border-radius:12px;transition:width .3s ease;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.progress-text{text-align:center;color:#666;font-size:14px;margin:0}.import-result{margin-top:20px;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.import-result.success{background:#e8f5e9;border-color:#4caf50}.import-result.has-errors{background:#fff3e0;border-color:#ff9800}.result-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-item{display:flex;align-items:center;gap:8px;font-size:16px}.result-icon{font-size:20px}.success-item{color:#2e7d32}.error-item{color:#e65100}.result-item strong{font-weight:600}.import-errors{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.import-errors h4{margin:0 0 12px;color:#e65100;font-size:14px;font-weight:600}.errors-list{max-height:200px;overflow-y:auto}.error-item{padding:8px 12px;background:#fff;border-radius:4px;margin-bottom:8px;font-size:13px;color:#c62828;border-left:3px solid #ff4444}.import-modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;background:#f9f9f9}.btn-cancel,.btn-import{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.btn-cancel{background:#fff;color:#666;border:2px solid #ddd}.btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-import{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-import:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#4a5bc4);transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-cancel:disabled,.btn-import:disabled{opacity:.6;cursor:not-allowed}.btn-import:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.import-modal{width:95%;max-height:95vh}.import-modal-header{padding:16px}.import-modal-header h2{font-size:20px}.import-modal-body{padding:16px}.import-modal-footer{padding:12px 16px;flex-direction:column}.btn-cancel,.btn-import{width:100%}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:15px}.pagination-info{display:flex;align-items:center;gap:20px;color:#666;font-size:14px}.pagination-info strong{color:#333;font-weight:600}.page-size-selector{display:flex;align-items:center;gap:8px}.page-size-selector label{font-size:14px;color:#666}.page-size-selector select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.page-size-selector select:focus{outline:none;border-color:#667eea}.page-size-selector select:disabled{opacity:.6;cursor:not-allowed}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9f9f9}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;font-weight:600}.pagination-btn.active:hover{background:linear-gradient(135deg,#5568d3,#4a5bc4);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.pagination-ellipsis{padding:0 8px;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:space-between;width:100%}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-btn{min-width:36px;height:36px;padding:0 8px;font-size:13px}}.inventory-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.inventory-container .inventory-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.inventory-container .inventory-header h1{margin:0;color:#333;font-size:1.25rem;font-weight:600}.inventory-container .header-actions,.inventory-container .export-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inventory-container .btn-export,.inventory-container .btn-import,.inventory-container .add-button{white-space:nowrap;flex-shrink:0}.inventory-container .btn-export,.inventory-container .btn-import{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.inventory-container .btn-export{background:#28a745;color:#fff}.inventory-container .btn-export:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.inventory-container .btn-export:disabled{background:#ccc;cursor:not-allowed}.inventory-container .btn-import{background:#17a2b8;color:#fff}.inventory-container .btn-import:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.inventory-container .btn-import:disabled{background:#ccc;cursor:not-allowed}.inventory-container .add-button{padding:8px 18px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.inventory-container .add-button:hover{background:#5568d3}.inventory-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;margin:8px 12px;border-radius:8px;text-align:center;font-size:14px}.inventory-container .inventory-top-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:8px 12px 0}.inventory-container .inventory-stats{display:flex;gap:8px;flex-wrap:wrap}.inventory-container .stat-card{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000d;min-width:120px;border:1px solid #e9ecef}.inventory-container .stat-card .stat-label{color:#6c757d;font-size:11px;margin-bottom:2px;display:block;font-weight:500}.inventory-container .stat-card .stat-value{font-size:18px;font-weight:700;color:#212529}.inventory-container .inventory-filters{background:#fff;border-radius:6px;padding:10px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef}.inventory-container .filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.inventory-container .filter-group.search-field{min-width:200px;flex:1 1 200px;max-width:400px}.inventory-container .filter-group.search-field .search-input-with-clear{position:relative;display:flex;align-items:center;width:100%;min-width:0}.inventory-container .filter-group.search-field .search-input-with-clear input{width:100%;min-width:0;padding-right:32px;box-sizing:border-box}.inventory-container .filter-group.search-field .search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.inventory-container .filter-group.search-field .search-clear-btn:hover{color:#333}.inventory-container .filter-group.search-field .search-clear-btn:active{color:#667eea}.inventory-container .filter-group{display:flex;flex-direction:column;gap:2px;min-width:110px}.inventory-container .filter-group label{font-size:11px;color:#6c757d;font-weight:500}.inventory-container .filter-group input,.inventory-container .filter-group select{padding:6px 8px;border:1px solid #dee2e6;border-radius:5px;font-size:13px}.inventory-container .filter-group.filter-checkbox{flex-direction:row;align-items:center;min-width:auto}.inventory-container .filter-group.filter-checkbox label{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;cursor:pointer}.inventory-container .filter-group input:focus,.inventory-container .filter-group select:focus{outline:none;border-color:#667eea}.inventory-container .clear-filters-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-size:12px;cursor:pointer;color:#495057;transition:all .2s;align-self:flex-end;white-space:nowrap;box-sizing:border-box}.inventory-container .clear-filters-btn:hover{background:#e9ecef;border-color:#dee2e6}.inventory-container .inventory-table-area{flex:1;min-height:300px;position:relative;padding:8px 12px 0;overflow:hidden}.inventory-container .inventory-table-area .loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}.inventory-container .inventory-table-area .inventory-table-container{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d}.inventory-container .inventory-page-footer{flex-shrink:0;padding:8px 12px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -1px 4px #0000000a}.inventory-container .inventory-page-footer .pagination-container{padding:0;margin:0;border:none;gap:10px}.inventory-container .products-table{width:100%;min-width:900px;border-collapse:collapse}.inventory-container .products-table thead{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.inventory-container .products-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px;border-bottom:none;white-space:nowrap}.inventory-container .products-table td{padding:10px 12px;border-bottom:1px solid #f1f3f5;font-size:13px}.inventory-container .products-table tbody tr:nth-child(2n){background:#fafbfc}.inventory-container .products-table tbody tr:hover{background:#e8f0fe}.inventory-container .products-table tbody tr.low-stock{background:#fff8e6}.inventory-container .products-table tbody tr.low-stock:hover{background:#ffe9b8}.inventory-container .product-name{font-weight:500;color:#333}.inventory-container .product-name .barcode{display:block;font-size:12px;color:#666;font-weight:400;margin-top:3px}.inventory-container .stock-low{color:#d32f2f;font-weight:700}.inventory-container .stock-normal{color:#388e3c}.inventory-container .badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.inventory-container .badge.success{background:#e8f5e9;color:#2e7d32}.inventory-container .badge.warning{background:#fff3cd;color:#856404}.inventory-container .badge.inactive{background:#f5f5f5;color:#666}.inventory-container .btn-edit,.inventory-container .btn-delete,.inventory-container .btn-variants,.inventory-container .btn-barcode{padding:6px 12px;border:none;border-radius:5px;font-size:12px;cursor:pointer;margin-right:4px;transition:all .2s}.inventory-container .btn-edit{background:#2196f3;color:#fff}.inventory-container .btn-edit:hover{background:#1976d2}.inventory-container .btn-variants{background:#667eea;color:#fff}.inventory-container .btn-variants:hover{background:#5568d3}.inventory-container .btn-barcode{background:#4caf50;color:#fff}.inventory-container .btn-barcode:hover{background:#388e3c}.inventory-container .btn-delete{background:#f44336;color:#fff}.inventory-container .btn-delete:hover{background:#d32f2f}.inventory-container .no-data{text-align:center;color:#999;padding:40px}.inventory-container .loading{text-align:center;padding:24px;color:#666;font-size:14px}.inventory-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inventory-container .modal-content{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.inventory-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.inventory-container .modal-header h2{margin:0;color:#333}.inventory-container .close-button{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.inventory-container .close-button:hover{background:#f5f5f5;color:#333}.inventory-container .product-form{padding:20px}.inventory-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.inventory-container .form-group{margin-bottom:20px}.inventory-container .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.inventory-container .form-hint{display:block;margin-top:4px;font-size:12px;color:#666}.inventory-container .form-group input,.inventory-container .form-group select,.inventory-container .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;font-family:inherit;box-sizing:border-box}.inventory-container .form-group input:focus,.inventory-container .form-group select:focus,.inventory-container .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.inventory-container .form-group textarea{resize:vertical;min-height:80px}.inventory-container .form-group input[type=checkbox]{width:auto;margin-right:8px}.inventory-container .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #eee;margin-top:20px}.inventory-container .btn-cancel,.inventory-container .btn-submit{padding:12px 24px;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.inventory-container .btn-cancel{background:#f5f5f5;color:#333}.inventory-container .btn-cancel:hover{background:#e0e0e0}.inventory-container .btn-submit{background:#667eea;color:#fff}.inventory-container .btn-submit:hover:not(:disabled){background:#5568d3}.inventory-container .btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:992px){.inventory-container .inventory-header{flex-wrap:wrap}.inventory-container .inventory-header h1{flex:1;min-width:0}}@media(max-width:768px){.inventory-container .inventory-header{padding:8px 12px;flex-direction:column;align-items:stretch;gap:10px}.inventory-container .inventory-header h1{font-size:1.2rem;text-align:center}.inventory-container .header-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px}.inventory-container .export-buttons{justify-content:center;flex-wrap:wrap}.inventory-container .btn-export,.inventory-container .btn-import{padding:8px 12px;font-size:12px}.inventory-container .add-button{padding:8px 14px;font-size:13px}.inventory-container .inventory-top-section{padding:6px 12px 0}.inventory-container .inventory-stats{gap:6px}.inventory-container .stat-card{min-width:90px;padding:8px 12px}.inventory-container .stat-card .stat-value{font-size:16px}.inventory-container .inventory-filters{padding:8px 10px}.inventory-container .filter-row{flex-direction:column;align-items:stretch;gap:8px}.inventory-container .filter-group.search-field{min-width:100%;max-width:none}.inventory-container .filter-group{width:100%;min-width:0}.inventory-container .clear-filters-btn{align-self:stretch;width:100%}.inventory-container .inventory-table-area{padding:6px 12px 0}.inventory-container .inventory-page-footer{padding:8px 12px}.inventory-container .products-table{font-size:12px;min-width:650px}.inventory-container .products-table th,.inventory-container .products-table td{padding:8px 10px;font-size:12px}.inventory-container .btn-edit,.inventory-container .btn-delete,.inventory-container .btn-variants,.inventory-container .btn-barcode{padding:5px 8px;font-size:11px;margin-right:4px}.inventory-container .form-row{grid-template-columns:1fr}.inventory-container .modal-overlay{padding:10px}.inventory-container .modal-content{max-width:100%;margin:0}.inventory-container .modal-header{padding:12px 16px}.inventory-container .modal-header h2{font-size:16px}.inventory-container .product-form{padding:16px}}@media(max-width:480px){.inventory-container .inventory-header h1{font-size:1.1rem}.inventory-container .header-actions{flex-direction:column;align-items:stretch}.inventory-container .export-buttons{flex-direction:column}.inventory-container .btn-export,.inventory-container .btn-import,.inventory-container .add-button{width:100%;justify-content:center}.inventory-container .products-table{min-width:600px}.inventory-container .product-form{padding:12px}.inventory-container .form-actions{flex-direction:column;padding-top:16px}.inventory-container .btn-cancel,.inventory-container .btn-submit{width:100%}}.inventory-container .import-modal{max-width:600px;width:90%}.inventory-container .import-instructions{background:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px}.inventory-container .import-instructions h3{margin-top:0;color:#333;font-size:16px}.inventory-container .import-instructions ul{margin:10px 0;padding-left:20px}.inventory-container .import-instructions li{margin:5px 0;color:#666;font-size:14px}.inventory-container .file-upload-area{margin:20px 0}.inventory-container .file-upload-label{display:inline-block;padding:12px 24px;background:#667eea;color:#fff;border-radius:5px;cursor:pointer;transition:background .2s;font-weight:500;text-align:center}.inventory-container .file-upload-label:hover{background:#5568d3}.inventory-container .file-upload-label:active{transform:scale(.98)}.inventory-container .import-results{margin-top:20px;padding:15px;border-radius:5px;background:#f8f9fa}.inventory-container .result-summary{margin-bottom:15px}.inventory-container .result-summary.success{color:#28a745}.inventory-container .result-summary.has-errors{color:#dc3545}.inventory-container .result-summary p{margin:5px 0;font-size:14px}.inventory-container .import-errors{margin-top:15px;padding:10px;background:#fff;border-radius:5px;max-height:200px;overflow-y:auto}.inventory-container .import-errors h4{margin:0 0 10px;color:#dc3545;font-size:14px}.inventory-container .import-errors ul{margin:0;padding-left:20px;list-style-type:disc}.inventory-container .import-errors li{margin:5px 0;color:#666;font-size:13px}.inventory-container .label-with-action{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.inventory-container .label-with-action label{margin-bottom:0}.inventory-container .ai-generate-btn{padding:4px 10px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;color:#5b21b6;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.inventory-container .ai-generate-btn:hover:not(:disabled){background:#ede9fe}.inventory-container .ai-generate-btn:disabled{opacity:.6;cursor:wait}.record-payment-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.record-payment-modal{background:var(--bg-secondary, #1e1e2e);border-radius:12px;min-width:320px;max-width:420px;box-shadow:0 8px 32px #0000004d}.record-payment-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.record-payment-header h2{margin:0;font-size:18px}.record-payment-header .close-button{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.record-payment-header .close-button:hover{color:#fff}.record-payment-body{padding:20px}.record-payment-balance{margin:0 0 20px;font-size:14px;color:#aaa}.record-payment-balance strong{color:#fff}.record-payment-modal .form-group{margin-bottom:16px}.record-payment-modal label{display:block;margin-bottom:6px;font-size:13px;color:#aaa}.record-payment-modal input,.record-payment-modal select{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px}.record-payment-modal input:focus,.record-payment-modal select:focus{outline:none;border-color:#667eea}.record-payment-error{color:#f44336;font-size:13px;margin-bottom:12px}.record-payment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.record-payment-actions button{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;border:none}.record-payment-actions button[type=button]{background:#ffffff1a;color:#fff}.record-payment-actions button[type=submit]{background:#667eea;color:#fff}.record-payment-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.partial-refund-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.partial-refund-modal{background:var(--bg-secondary, #1e1e2e);border-radius:12px;min-width:420px;max-width:560px;max-height:90vh;overflow:auto;box-shadow:0 8px 32px #0000004d}.partial-refund-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.partial-refund-header h2{margin:0;font-size:18px}.partial-refund-header .close-button{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.partial-refund-header .close-button:hover{color:#fff}.partial-refund-body{padding:20px}.partial-refund-hint{margin:0 0 16px;font-size:13px;color:#aaa}.partial-refund-no-items{margin:0 0 16px;color:#ff9800}.partial-refund-items{margin-bottom:16px}.partial-refund-item-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.partial-refund-item-row:last-child{border-bottom:none}.partial-refund-item-row .item-info{flex:1;min-width:0}.partial-refund-item-row .item-name{display:block;font-weight:600;margin-bottom:4px}.partial-refund-item-row .item-meta{font-size:12px;color:#888}.partial-refund-item-row .item-return{display:flex;align-items:center;gap:8px;flex-shrink:0}.partial-refund-item-row .item-return label{font-size:13px;color:#aaa}.partial-refund-item-row .item-return input{width:64px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:14px}.partial-refund-item-row .item-refund-amount{font-size:13px;color:#4caf50}.partial-refund-total{padding:12px 0;font-size:16px;border-top:1px solid rgba(255,255,255,.15)}.partial-refund-error{color:#f44336;font-size:13px;margin-bottom:12px}.partial-refund-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.partial-refund-actions button{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;border:none}.partial-refund-actions button[type=button]{background:#ffffff1a;color:#fff}.partial-refund-actions button[type=submit]{background:#ff9800;color:#fff}.partial-refund-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.sales-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sales-container .sales-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;z-index:11;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.sales-container .sales-header h1{margin:0;color:#333;font-size:1.25rem;font-weight:600}.sales-container .header-actions,.sales-container .export-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sales-container .btn-export{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;background:#28a745;color:#fff}.sales-container .btn-export:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.sales-container .btn-export:disabled{background:#ccc;cursor:not-allowed}.sales-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;margin:8px 12px;border-radius:8px;text-align:center;font-size:14px}.sales-container .sales-top-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:8px 12px 0}.sales-container .sales-stats{display:flex;gap:8px;flex-wrap:wrap}.sales-container .stat-card{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000d;min-width:120px;border:1px solid #e9ecef}.sales-container .stat-card .stat-label{color:#6c757d;font-size:11px;margin-bottom:2px;display:block;font-weight:500}.sales-container .stat-card .stat-value{font-size:18px;font-weight:700;color:#212529}.sales-container .sales-filters{background:#fff;border-radius:6px;padding:10px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef}.sales-container .filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.sales-container .filter-group.search-field{min-width:200px;flex:1 1 200px;max-width:400px}.sales-container .filter-group.search-field .search-input-with-clear{position:relative;display:flex;align-items:center;width:100%;min-width:0}.sales-container .filter-group.search-field .search-input-with-clear input{width:100%;min-width:0;padding-right:32px;box-sizing:border-box}.sales-container .filter-group.search-field .search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.sales-container .filter-group.search-field .search-clear-btn:hover{color:#333}.sales-container .filter-group.search-field .search-clear-btn:active{color:#667eea}.sales-container .filter-group{display:flex;flex-direction:column;gap:2px;min-width:110px}.sales-container .filter-group label{font-size:11px;color:#6c757d;font-weight:500}.sales-container .filter-group input,.sales-container .filter-group select{padding:6px 8px;border:1px solid #dee2e6;border-radius:5px;font-size:13px}.sales-container .filter-group input:focus,.sales-container .filter-group select:focus{outline:none;border-color:#667eea}.sales-container .clear-filters-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-size:12px;cursor:pointer;color:#495057;transition:all .2s;align-self:flex-end;white-space:nowrap;box-sizing:border-box}.sales-container .clear-filters-btn:hover{background:#e9ecef;border-color:#dee2e6}.sales-container .sales-table-area{flex:1 1 0;min-height:280px;position:relative;padding:8px 12px 0;overflow:hidden}.sales-container .sales-table-area .loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}.sales-container .sales-table-area .sales-table-container{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d}.sales-container .sales-page-footer{flex-shrink:0;padding:8px 12px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -1px 4px #0000000a}.sales-container .sales-table{width:100%;min-width:900px;border-collapse:collapse}.sales-container .sales-table thead{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.sales-container .sales-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px;border-bottom:none;white-space:nowrap}.sales-container .sales-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.sales-container .sales-table th.sortable:hover{background:#ffffff26}.sales-container .sales-table th.sortable.sort-active{background:#fff3}.sales-container .sales-table th .sort-icon{font-size:10px;margin-left:2px;opacity:.95}.sales-container .sales-table th:nth-child(1){min-width:165px}.sales-container .sales-table th:nth-child(2){min-width:145px}.sales-container .sales-table th:nth-child(3){min-width:135px}.sales-container .sales-table th:nth-child(4){min-width:75px}.sales-container .sales-table th:nth-child(5),.sales-container .sales-table th:nth-child(6),.sales-container .sales-table th:nth-child(7){min-width:100px}.sales-container .sales-table th:nth-child(8){min-width:105px}.sales-container .sales-table th:nth-child(9){min-width:145px}.sales-container .sales-table td{padding:10px 12px;border-bottom:1px solid #f1f3f5;font-size:13px}.sales-container .sales-table tbody tr:nth-child(2n){background:#fafbfc}.sales-container .sales-table tbody tr:hover{background:#e8f0fe}.sales-container .sales-table tbody tr.refunded{opacity:.6;background:#f5f5f5}.sales-container .sale-number{font-family:monospace;font-weight:500;color:#667eea}.sales-container .total-amount{font-weight:700;color:#333}.sales-container .source-badge{font-size:.7rem;color:#666;font-weight:400;margin-left:4px}.sales-container .badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.sales-container .badge-completed{background:#e8f5e9;color:#2e7d32}.sales-container .badge-pending{background:#fff3cd;color:#856404}.sales-container .badge-cancelled{background:#f5f5f5;color:#666}.sales-container .badge-refunded{background:#ffebee;color:#c62828}.sales-container .badge-partially_paid{background:#fff3e0;color:#e65100}.sales-container .badge-partially_refunded{background:#e3f2fd;color:#1565c0}.sales-container .btn-partial-refund{background:#2196f3;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;margin-right:8px}.sales-container .btn-partial-refund:hover{background:#1976d2}.sales-container .balance-due-cell .balance-due-amount{color:#e65100;font-weight:600}.sales-container .balance-due-cell .balance-due-paid{color:#999}.sales-container .btn-record-payment{background:#ff9800;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;margin-right:8px}.sales-container .btn-record-payment:hover{background:#f57c00}.sales-container .btn-view,.sales-container .btn-refund{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;margin-right:6px;transition:all .2s}.sales-container .btn-view{background:#2196f3;color:#fff}.sales-container .btn-view:hover{background:#1976d2}.sales-container .btn-refund{background:#dc3545;color:#fff}.sales-container .btn-refund:hover{background:#c82333}.sales-container .no-data{text-align:center;color:#6c757d;padding:32px 24px;font-size:14px}.sales-container .loading{text-align:center;padding:16px;color:#666;flex:1;display:flex;align-items:center;justify-content:center;font-size:14px}.sales-container .sales-page-footer .pagination-container{padding:0;margin:0;border:none;gap:10px}.sales-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.sales-container .modal-content{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.sales-container .sale-details-modal{background:#fff;border-radius:10px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.sales-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1}.sales-container .modal-header h2{margin:0;color:#333;font-size:20px}.sales-container .close-button{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.sales-container .close-button:hover{background:#f5f5f5;color:#333}.sales-container .sale-details-content{padding:20px}.sales-container .sale-info-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.sales-container .info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.sales-container .info-label{color:#666;font-weight:500}.sales-container .info-value{color:#333;font-weight:500}.sales-container .sale-items-section,.sales-container .sale-payments-section,.sales-container .sale-totals-section,.sales-container .sale-notes-section{margin-bottom:30px}.sales-container .sale-items-section h3,.sales-container .sale-payments-section h3,.sales-container .sale-notes-section h3{margin:0 0 15px;color:#333;font-size:18px}.sales-container .items-table,.sales-container .payments-table{width:100%;border-collapse:collapse;margin-bottom:20px}.sales-container .items-table thead,.sales-container .payments-table thead{background:#f5f5f5}.sales-container .items-table th,.sales-container .payments-table th{padding:10px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd;font-size:14px}.sales-container .items-table td,.sales-container .payments-table td{padding:10px;border-bottom:1px solid #eee;font-size:14px}.sales-container .items-table tbody tr:hover,.sales-container .payments-table tbody tr:hover{background:#f9f9f9}.sales-container .sale-totals-section{background:#f9f9f9;padding:20px;border-radius:5px}.sales-container .total-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ddd}.sales-container .total-row:last-child{border-bottom:none}.sales-container .total-label{color:#666;font-size:16px}.sales-container .total-value{color:#333;font-size:16px;font-weight:500}.sales-container .total-final{margin-top:10px;padding-top:15px;border-top:2px solid #333}.sales-container .total-final .total-label,.sales-container .total-final .total-value{font-size:20px;font-weight:700;color:#333}.sales-container .sale-notes-section{padding:15px;background:#f9f9f9;border-radius:5px}.sales-container .sale-notes-section p{margin:10px 0 0;color:#666;line-height:1.6}.sales-container .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff}.sales-container .btn-close{padding:12px 24px;background:#f5f5f5;color:#333;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.sales-container .btn-close:hover{background:#e0e0e0}.sales-container .modal-actions .btn-refund{padding:12px 24px;background:#f44336;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.sales-container .modal-actions .btn-refund:hover{background:#d32f2f}.sales-container .btn-print{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.sales-container .btn-print:hover:not(:disabled){background:#45a049}.sales-container .btn-print:disabled{opacity:.6;cursor:not-allowed}.sales-container .btn-download{padding:12px 24px;background:#2196f3;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.sales-container .btn-download:hover:not(:disabled){background:#1976d2}.sales-container .btn-download:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.sales-container .sales-header{padding:8px 12px;flex-direction:column;align-items:stretch}.sales-container .sales-header h1{font-size:1.15rem;text-align:center}.sales-container .header-actions{justify-content:center;flex-wrap:wrap}.sales-container .export-buttons{justify-content:center}.sales-container .btn-export{padding:8px 12px;font-size:12px}.sales-container .sales-top-section{padding:6px 12px 0;gap:6px}.sales-container .sales-table-area{padding:6px 12px 0}.sales-container .sales-page-footer{padding:8px 12px}.sales-container .sales-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.sales-container .stat-card{min-width:0;padding:8px 12px}.sales-container .stat-card .stat-value{white-space:nowrap;font-size:clamp(13px,4vw,16px)}.sales-container .stat-card .stat-value{font-size:16px}.sales-container .sales-filters{padding:8px 10px}.sales-container .filter-group.search-field{min-width:100%}.sales-container .filter-row{flex-direction:column;align-items:stretch;gap:8px}.sales-container .filter-group{width:100%;min-width:0}.sales-container .sales-table-area{margin-top:6px}.sales-container .sales-table{font-size:12px;min-width:680px}.sales-container .sales-table th,.sales-container .sales-table td{padding:8px 10px}.sales-container .sale-details-modal{max-width:100%;margin:10px}}.customers-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.customers-container .customers-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap}.customers-container .customers-header h1{margin:0;font-size:1.5rem;font-weight:700}.customers-container .customers-subtitle{margin:4px 0 0;font-size:.9rem;opacity:.9}.customers-container .customers-header .header-actions .add-button,.customers-container .customers-header .header-actions .btn-export,.customers-container .customers-header .header-actions .btn-import{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.customers-container .customers-header .header-actions .add-button:hover,.customers-container .customers-header .header-actions .btn-export:hover:not(:disabled),.customers-container .customers-header .header-actions .btn-import:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.customers-container .header-actions,.customers-container .export-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.customers-container .btn-export,.customers-container .btn-import,.customers-container .add-button{white-space:nowrap;flex-shrink:0}.customers-container .btn-export,.customers-container .btn-import{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.customers-container .btn-export{background:#28a745;color:#fff}.customers-container .btn-export:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.customers-container .btn-export:disabled{background:#ccc;cursor:not-allowed}.customers-container .btn-import{background:#17a2b8;color:#fff}.customers-container .btn-import:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.customers-container .btn-import:disabled{background:#ccc;cursor:not-allowed}.customers-container .add-button{padding:8px 18px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.customers-container .add-button:hover{background:#5568d3}.customers-container .customers-content{flex:1;min-height:0;overflow:auto;padding:24px;background:#f8fafc;display:flex;flex-direction:column}.customers-container .customers-modules{margin-bottom:24px;flex-shrink:0}.customers-container .customers-modules-title{margin:0 0 16px;font-size:.95rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.05em}.customers-container .customers-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.customers-container .customers-module-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;transition:all .25s ease}.customers-container .customers-module-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:transparent}.customers-container .customers-module-card.customers-module-loyalty:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.customers-container .customers-module-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#f1f5f9;border-radius:14px;flex-shrink:0}.customers-container .customers-module-card:hover .customers-module-icon{background:#ffffff40}.customers-container .customers-module-info{flex:1;min-width:0}.customers-container .customers-module-info h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.customers-container .customers-module-card:hover .customers-module-info h3{color:inherit}.customers-container .customers-module-info p{margin:4px 0 8px;font-size:.875rem;color:#64748b;line-height:1.4}.customers-container .customers-module-card:hover .customers-module-info p{color:#ffffffe6}.customers-container .customers-module-stat{font-size:.8rem;color:#94a3b8}.customers-container .customers-module-card:hover .customers-module-stat{color:#ffffffd9}.customers-container .customers-module-arrow{font-size:1.25rem;font-weight:600}.customers-container .customers-top-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:0;gap:0;overflow:hidden}.customers-container .customers-top-section .customers-stats{margin-bottom:8px;flex-shrink:0}.customers-container .customers-top-section .customers-filters-row{margin-bottom:8px}.customers-container .customers-stats{display:flex;gap:8px;flex-wrap:wrap}.customers-container .stat-card{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000d;min-width:120px;border:1px solid #e9ecef}.customers-container .stat-card .stat-label{color:#6c757d;font-size:11px;margin-bottom:2px;display:block}.customers-container .stat-card .stat-value{font-size:18px;font-weight:700;color:#212529}.customers-container .customers-filters{background:#fff;border-radius:6px;padding:10px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef;flex-shrink:0}.customers-container .search-bar{width:100%}.customers-container .search-input-with-clear{position:relative;display:flex;align-items:center}.customers-container .search-bar input{width:100%;padding:10px 40px 10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.customers-container .search-bar input:focus{outline:none;border-color:#667eea}.customers-container .search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;font-size:22px;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.customers-container .search-clear-btn:hover{color:#333}.customers-container .search-clear-btn:active{color:#667eea}.customers-container .customers-filters-row{flex-shrink:0}.customers-container .customers-table-area{flex:1;min-height:300px;position:relative;overflow:hidden}.customers-container .customers-table-area .loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}.customers-container .customers-table-area .customers-table-container{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d}.customers-container .customers-page-footer{flex-shrink:0;padding:8px 12px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -1px 4px #0000000a}.customers-container .customers-page-footer .pagination-container{padding:0;margin:0;border:none;gap:10px}.customers-container .customers-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.customers-container .customers-table thead{background:linear-gradient(180deg,#f8f9fa,#f1f3f5);position:sticky;top:0;z-index:5;box-shadow:0 2px #0000000f}.customers-container .customers-table th{padding:14px 16px;text-align:left;font-weight:600;color:#333;font-size:13px;white-space:nowrap}.customers-container .customers-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.customers-container .customers-table th.sortable:hover{background:#e9ecef}.customers-container .customers-table th.sortable.sort-active{color:#667eea}.customers-container .customers-table th .sort-icon{font-size:10px;margin-left:2px;opacity:.9}.customers-container .customers-table th:first-child{border-radius:8px 0 0}.customers-container .customers-table th:last-child{border-radius:0 8px 0 0}.customers-container .customers-table td{padding:14px 16px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.customers-container .customers-table tbody tr{transition:background .15s ease}.customers-container .customers-table tbody tr:hover{background:#f8f9ff}.customers-container .customers-table tbody tr:last-child td{border-bottom:none}.customers-container .customer-name-link{background:none;border:none;color:#667eea;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:all .2s;padding:0;font-size:inherit;font-family:inherit}.customers-container .customer-name-link:hover{color:#5568d3;text-decoration-color:#5568d3}.customers-container .customer-name-link.disabled,.customers-container .customer-name-link:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}.customers-container .customer-name-link.disabled:hover,.customers-container .customer-name-link:disabled:hover{color:#94a3b8;text-decoration:none}.customers-container .customer-name{font-weight:500;color:#333}.customers-container .loyalty-points{display:inline-block;padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:3px;font-size:12px;font-weight:500}.customers-container .badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.customers-container .badge.success{background:#e8f5e9;color:#2e7d32}.customers-container .badge.inactive{background:#f5f5f5;color:#666}.customers-container .badge-completed{background:#e8f5e9;color:#2e7d32}.customers-container .badge-pending{background:#fff3cd;color:#856404}.customers-container .badge-cancelled{background:#f5f5f5;color:#666}.customers-container .badge-refunded{background:#ffebee;color:#c62828}.customers-container .customers-table th:nth-child(1),.customers-container .customers-table td:nth-child(1){min-width:140px}.customers-container .customers-table th:nth-child(2),.customers-container .customers-table td:nth-child(2){min-width:160px}.customers-container .customers-table th:nth-child(3),.customers-container .customers-table td:nth-child(3){min-width:120px}.customers-container .customers-table th:nth-child(4),.customers-container .customers-table td:nth-child(4){min-width:90px}.customers-container .customers-table th:nth-child(5),.customers-container .customers-table td:nth-child(5){min-width:100px}.customers-container .customers-table th:nth-child(6),.customers-container .customers-table td:nth-child(6){min-width:95px}.customers-container .customers-table th:nth-child(7),.customers-container .customers-table td:nth-child(7){min-width:80px}.customers-container .customers-table th:nth-child(8),.customers-container .customers-table td:nth-child(8){min-width:180px}.customers-container .btn-view,.customers-container .btn-edit,.customers-container .btn-delete{padding:6px 11px;border:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;margin-right:6px;transition:all .2s}.customers-container .customers-table .btn-view:last-child,.customers-container .customers-table .btn-edit:last-child,.customers-container .customers-table .btn-delete:last-child{margin-right:0}.customers-container .btn-view{background:#2196f3;color:#fff}.customers-container .btn-view:hover{background:#1976d2}.customers-container .btn-edit{background:#ff9800;color:#fff}.customers-container .btn-edit:hover{background:#f57c00}.customers-container .btn-delete{background:#f44336;color:#fff}.customers-container .btn-delete:hover{background:#d32f2f}.customers-container .no-data{text-align:center;color:#999;padding:32px 24px;font-size:14px}.customers-container .loading{text-align:center;padding:32px;color:#666;font-size:14px}.customers-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.customers-container .modal-content{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.customers-container .customer-details-modal{max-width:900px}.customers-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:2}.customers-container .modal-header h2{margin:0;color:#333;font-size:18px}.customers-container .close-button{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.customers-container .close-button:hover{background:#f5f5f5;color:#333}.customers-container .customer-form{padding:20px}.customers-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.customers-container .form-group{margin-bottom:20px}.customers-container .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.customers-container .form-group input,.customers-container .form-group select,.customers-container .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;font-family:inherit;box-sizing:border-box}.customers-container .form-group input:focus,.customers-container .form-group select:focus,.customers-container .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.customers-container .form-group textarea{resize:vertical;min-height:80px}.customers-container .form-group input[type=checkbox]{width:auto;margin-right:8px}.customers-container .form-group input.input-error{border-color:#f44336;background-color:#fff5f5}.customers-container .form-group .field-error{display:block;color:#f44336;font-size:12px;margin-top:4px}.customers-container .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid #eee;margin-top:20px}.customers-container .btn-cancel,.customers-container .btn-submit{padding:12px 24px;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.customers-container .btn-cancel{background:#f5f5f5;color:#333}.customers-container .btn-cancel:hover{background:#e0e0e0}.customers-container .btn-submit{background:#667eea;color:#fff}.customers-container .btn-submit:hover:not(:disabled){background:#5568d3}.customers-container .btn-submit:disabled{opacity:.6;cursor:not-allowed}.customers-container .customer-details-content{padding:16px 20px;display:flex;flex-direction:column;gap:20px;max-height:calc(90vh - 140px);overflow-y:auto}.customers-container .customer-info-section,.customers-container .customer-sales-section{margin-bottom:0;flex-shrink:0}.customers-container .customer-info-section h3,.customers-container .customer-sales-section h3{margin:0 0 12px;color:#333;font-size:16px;padding-bottom:8px;border-bottom:2px solid #667eea}.customers-container .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.customers-container .info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.customers-container .info-label{color:#666;font-weight:500;font-size:13px}.customers-container .info-value{color:#333;font-weight:500;font-size:13px}.customers-container .customer-loyalty-section{margin-top:0;padding-top:16px;border-top:1px solid #eee;flex-shrink:0}.customers-container .customer-loyalty-section h3{margin:0 0 10px;color:#333;font-size:16px;padding-bottom:8px;border-bottom:2px solid #667eea}.customers-container .loyalty-transactions-table-container{overflow-x:auto;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #e0e0e0;border-radius:6px}.customers-container .loyalty-transactions-table{width:100%;min-width:500px;border-collapse:collapse;background:#fff}.customers-container .loyalty-transactions-table thead{background:#667eea;color:#fff;position:sticky;top:0;z-index:1}.customers-container .loyalty-transactions-table th{padding:8px 10px;text-align:left;font-weight:600;font-size:13px}.customers-container .loyalty-transactions-table td{padding:8px 10px;border-bottom:1px solid #eee;font-size:13px}.customers-container .loyalty-transactions-table tbody tr:hover{background:#f5f5f5}.customers-container .points-positive{color:#4caf50;font-weight:600}.customers-container .points-negative{color:#f44336;font-weight:600}.customers-container .badge-earned{background:#4caf50;color:#fff}.customers-container .badge-redeemed{background:#f44336;color:#fff}.customers-container .badge-expired{background:#999;color:#fff}.customers-container .badge-adjusted{background:#ff9800;color:#fff}.customers-container .loyalty-points-large{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:5px;font-size:16px;font-weight:600}.customers-container .sales-summary{display:flex;gap:24px;margin-bottom:12px;padding:10px 14px;background:#e8f0fe;border-radius:6px;border:1px solid #d2e3fc}.customers-container .summary-item{display:flex;gap:8px;align-items:center}.customers-container .summary-label{color:#5f6368;font-size:13px}.customers-container .summary-value{color:#1a73e8;font-size:16px;font-weight:700}.customers-container .sales-table-container{background:#fff;border-radius:6px;overflow-x:auto;overflow-y:auto;max-height:220px;-webkit-overflow-scrolling:touch;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000f}.customers-container .sales-history-table{width:100%;min-width:480px;border-collapse:collapse}.customers-container .sales-history-table thead{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;position:sticky;top:0;z-index:1}.customers-container .sales-history-table th{padding:8px 10px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap}.customers-container .sales-history-table th:nth-child(1){min-width:120px}.customers-container .sales-history-table th:nth-child(2){min-width:130px}.customers-container .sales-history-table th:nth-child(3){min-width:60px}.customers-container .sales-history-table th:nth-child(4){min-width:80px}.customers-container .sales-history-table th:nth-child(5){min-width:90px}.customers-container .sales-history-table td{padding:8px 10px;border-bottom:1px solid #eee;font-size:13px}.customers-container .sales-history-table tbody tr:nth-child(2n){background:#fafafa}.customers-container .sales-history-table tbody tr:hover{background:#e8f0fe}.customers-container .sales-history-table tbody tr:last-child td{border-bottom:none}.customers-container .sale-number{font-family:SF Mono,Monaco,monospace;font-weight:600;color:#5568d3;font-size:12px}.customers-container .sale-date{white-space:nowrap}.customers-container .total-amount{font-weight:700;color:#1a73e8}.customers-container .no-sales{text-align:center;padding:24px 16px;color:#999;font-size:14px;background:#f9f9f9;border-radius:6px;border:1px dashed #ddd}.customers-container .modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 20px;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff;z-index:1}.customers-container .btn-close{padding:12px 24px;background:#f5f5f5;color:#333;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.customers-container .btn-close:hover{background:#e0e0e0}.customers-container .btn-export-pdf{padding:12px 24px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.customers-container .btn-export-pdf:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}@media(max-width:1024px){.customers-container{padding:10px 12px 12px}.customers-container .customers-header{margin:-10px -12px 10px;padding:10px 12px}.customers-container .customers-table{min-width:800px}.customers-container .customers-table th,.customers-container .customers-table td{padding:12px 14px;font-size:13px}}@media(max-width:900px){.customers-container .header-actions{width:100%;justify-content:flex-end}.customers-container .customers-header{flex-wrap:wrap}.customers-container .customers-header h1{flex:1;min-width:0}}@media(max-width:768px){.customers-container .customers-header{padding:8px 12px;flex-direction:column;align-items:stretch;gap:10px}.customers-container .customers-top-section,.customers-container .customers-table-area{padding:6px 12px 0}.customers-container .customers-page-footer{padding:8px 12px}.customers-container .customers-header h1{font-size:1.2rem;text-align:center}.customers-container .header-actions{flex-direction:row;justify-content:center;gap:8px;flex-wrap:wrap}.customers-container .export-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.customers-container .btn-export,.customers-container .btn-import{padding:8px 12px;font-size:12px}.customers-container .add-button{padding:8px 14px;font-size:13px}.customers-container .customers-stats{gap:8px;margin-bottom:8px}.customers-container .stat-card{padding:8px 12px;min-width:100px}.customers-container .stat-card .stat-value{font-size:16px}.customers-container .customers-filters{padding:8px 12px}.customers-container .customers-table{min-width:700px;font-size:12px}.customers-container .customers-table th,.customers-container .customers-table td{padding:10px 12px;font-size:12px}.customers-container .customers-table th:nth-child(1),.customers-container .customers-table td:nth-child(1){min-width:110px}.customers-container .customers-table th:nth-child(2),.customers-container .customers-table td:nth-child(2){min-width:130px}.customers-container .customers-table th:nth-child(8),.customers-container .customers-table td:nth-child(8){min-width:150px}.customers-container .btn-view,.customers-container .btn-edit,.customers-container .btn-delete{padding:5px 8px;font-size:11px;margin-right:4px}.customers-container .form-row,.customers-container .info-grid{grid-template-columns:1fr}.customers-container .customer-details-modal{max-width:100%;margin:10px}.customers-container .customer-details-content{padding:12px 16px;gap:16px}.customers-container .sales-summary{flex-direction:row;flex-wrap:wrap;gap:16px;padding:8px 12px}.customers-container .summary-value{font-size:14px}.customers-container .sales-table-container{max-height:180px}.customers-container .sales-history-table{min-width:420px;font-size:12px}.customers-container .sales-history-table th,.customers-container .sales-history-table td{padding:6px 8px;font-size:12px}.customers-container .loyalty-transactions-table-container{max-height:160px}.customers-container .loyalty-transactions-table{min-width:420px}.customers-container .loyalty-transactions-table th,.customers-container .loyalty-transactions-table td{padding:6px 8px;font-size:12px}.customers-container .modal-header{padding:12px 16px}.customers-container .modal-header h2{font-size:16px}.customers-container .modal-overlay{padding:10px}}@media(max-width:480px){.customers-container .customers-header h1{font-size:1.1rem}.customers-container .customer-details-content{padding:10px 12px;gap:12px}.customers-container .sales-table-container{max-height:150px}.customers-container .sales-history-table{min-width:380px}.customers-container .loyalty-transactions-table-container{max-height:140px}.customers-container .loyalty-transactions-table{min-width:380px}.customers-container .modal-header h2{font-size:14px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-container .modal-actions{padding:10px 12px;flex-direction:column}.customers-container .modal-actions .btn-export-pdf,.customers-container .modal-actions .btn-close{width:100%}.customers-container .header-actions{flex-direction:column;align-items:stretch}.customers-container .export-buttons{flex-direction:row;justify-content:stretch;gap:8px}.customers-container .header-actions .btn-export,.customers-container .header-actions .btn-import,.customers-container .header-actions .add-button{flex:1 1 auto;min-width:100px;justify-content:center}.customers-container .stat-card{flex:1;min-width:calc(50% - 6px)}}.reports-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.reports-container .reports-header{flex-shrink:0;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.reports-container .reports-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.reports-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;margin:8px 12px;border-radius:8px;text-align:center;font-size:14px}.reports-container .reports-controls{flex-shrink:0;background:#fff;border-radius:6px;padding:12px;margin:8px 12px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.reports-container .date-filters{display:flex;flex-direction:column;gap:15px}.reports-container .date-presets{display:flex;gap:10px;flex-wrap:wrap}.reports-container .preset-btn{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:5px;font-size:14px;cursor:pointer;color:#333;transition:all .2s}.reports-container .preset-btn:hover{background:#e0e0e0;border-color:#667eea}.reports-container .date-inputs{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.reports-container .date-input-group{display:flex;align-items:center;gap:10px}.reports-container .date-input-group label{font-weight:500;color:#333;font-size:14px}.reports-container .date-input-group input{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.reports-container .date-input-group input:focus{outline:none;border-color:#667eea}.reports-container .reports-tabs{display:flex;gap:4px;padding:0 12px;background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.reports-container .reports-tabs .tab{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:14px;font-weight:500;cursor:pointer;color:#6b7280;transition:all .2s}.reports-container .reports-tabs .tab:hover{color:#667eea}.reports-container .reports-tabs .tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.reports-container .reports-content{flex:1;min-height:0;overflow:auto;background:#fff;margin:0 12px 12px;border-radius:6px;padding:16px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.reports-container .report-section{min-height:400px}.reports-container .report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.reports-container .report-header>div:first-child{flex:1}.reports-container .report-header h2{margin:0;color:#333;font-size:24px}.reports-container .export-buttons{display:flex;gap:10px;margin-left:20px}.reports-container .btn-export{padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.reports-container .btn-export-pdf{background:#dc3545;color:#fff}.reports-container .btn-export-pdf:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.reports-container .btn-export-excel{background:#28a745;color:#fff}.reports-container .btn-export-excel:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.reports-container .report-period{color:#666;font-size:14px;background:#f5f5f5;padding:6px 12px;border-radius:5px}.reports-container .report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.reports-container .stat-card{background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s}.reports-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.reports-container .stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reports-container .stat-card.warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.reports-container .stat-icon{font-size:40px}.reports-container .stat-content{flex:1}.reports-container .stat-value{font-size:28px;font-weight:700;margin-bottom:5px}.reports-container .stat-label{font-size:14px;opacity:.8}.reports-container .stat-card.primary .stat-label,.reports-container .stat-card.warning .stat-label{opacity:.9}.reports-container .report-charts{margin-bottom:30px;display:flex;flex-direction:column;gap:20px}.reports-container .report-table-container{margin-top:30px}.reports-container .report-table-container h3{margin:0 0 15px;color:#333;font-size:18px}.reports-container .report-table{width:100%;border-collapse:collapse;background:#fff;border-radius:5px;overflow:hidden}.reports-container .report-table thead{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.reports-container .report-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px}.reports-container .report-table thead th:first-child{border-radius:6px 0 0}.reports-container .report-table thead th:last-child{border-radius:0 6px 0 0}.reports-container .report-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px}.reports-container .report-table tbody tr:hover{background:#f9f9f9}.reports-container .report-table tbody tr.low-stock-row{background:#fff3cd}.reports-container .report-table tbody tr.low-stock-row:hover{background:#ffe69c}.reports-container .report-table tbody tr:nth-child(2n){background:#fafbfc}.reports-container .stock-low{color:#d32f2f;font-weight:700}.reports-container .no-data{text-align:center;color:#999;padding:40px}.reports-container .loading{text-align:center;padding:40px;color:#666;font-size:16px}@media(max-width:768px){.reports-container .reports-tabs{flex-wrap:wrap}.reports-container .tab{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.reports-container .date-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.reports-container .preset-btn{width:100%;padding:8px 6px;white-space:nowrap}.reports-container .date-inputs{flex-direction:column;align-items:stretch}.reports-container .date-input-group{width:100%}.reports-container .report-header{flex-direction:column;align-items:flex-start;gap:10px}.reports-container .report-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-container .date-input-group input{flex:1;min-width:0}.reports-container .report-table{font-size:12px}.reports-container .report-table th,.reports-container .report-table td{padding:8px}}.loyalty-programs-container{overflow-y:auto;padding:20px;max-width:1400px;margin:0 auto}.loyalty-programs-container .loyalty-programs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.loyalty-programs-container .loyalty-programs-header h1{margin:0;color:#333}.loyalty-programs-container .loyalty-programs-stats{display:flex;gap:20px;margin-bottom:20px}.loyalty-programs-container .stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1}.loyalty-programs-container .stat-label{font-size:14px;color:#666;margin-bottom:8px}.loyalty-programs-container .stat-value{font-size:32px;font-weight:700;color:#2c3e50}.loyalty-programs-container .loyalty-programs-filters{margin-bottom:20px}.loyalty-programs-container .search-bar{width:100%}.loyalty-programs-container .search-bar input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.loyalty-programs-container .loyalty-programs-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.loyalty-programs-container .loyalty-programs-table{width:100%;border-collapse:collapse}.loyalty-programs-container .loyalty-programs-table thead{background:#f8f9fa}.loyalty-programs-container .loyalty-programs-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.loyalty-programs-container .loyalty-programs-table td{padding:12px;border-bottom:1px solid #dee2e6}.loyalty-programs-container .loyalty-programs-table tbody tr:hover{background:#f8f9fa}.loyalty-programs-container .program-name{font-weight:500}.loyalty-programs-container .program-description{font-size:12px;color:#666;margin-top:4px}.loyalty-programs-container .badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.loyalty-programs-container .badge.success{background:#d4edda;color:#155724}.loyalty-programs-container .badge.inactive{background:#f8d7da;color:#721c24}.loyalty-programs-container .btn-edit,.loyalty-programs-container .btn-delete{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px}.loyalty-programs-container .btn-edit{background:#007bff;color:#fff}.loyalty-programs-container .btn-edit:hover{background:#0056b3}.loyalty-programs-container .btn-delete{background:#dc3545;color:#fff}.loyalty-programs-container .btn-delete:hover{background:#c82333}.loyalty-programs-container .no-data,.loyalty-programs-container .loading-message{text-align:center;padding:40px;color:#666}.loyalty-programs-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:16px;border-radius:6px;margin-bottom:20px}.loyalty-programs-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loyalty-programs-container .modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.loyalty-programs-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.loyalty-programs-container .modal-header h2{margin:0;color:#333}.loyalty-programs-container .modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.loyalty-programs-container .modal-close:hover{color:#333}.loyalty-programs-container .loyalty-program-form{padding:20px}.loyalty-programs-container .form-group{margin-bottom:20px}.loyalty-programs-container .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.loyalty-programs-container .form-group input[type=text],.loyalty-programs-container .form-group input[type=number],.loyalty-programs-container .form-group input[type=date],.loyalty-programs-container .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.loyalty-programs-container .form-group textarea{resize:vertical}.loyalty-programs-container .form-group small{display:block;margin-top:4px;color:#666;font-size:12px}.loyalty-programs-container .form-group input[type=checkbox]{margin-right:8px}.loyalty-programs-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.loyalty-programs-container .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #dee2e6}.loyalty-programs-container .btn-cancel,.loyalty-programs-container .btn-submit{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.loyalty-programs-container .btn-cancel{background:#6c757d;color:#fff}.loyalty-programs-container .btn-cancel:hover{background:#5a6268}.loyalty-programs-container .btn-submit{background:#28a745;color:#fff}.loyalty-programs-container .btn-submit:hover:not(:disabled){background:#218838}.loyalty-programs-container .btn-submit:disabled{background:#ccc;cursor:not-allowed}.loyalty-programs-container .add-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.loyalty-programs-container .add-button:hover:not(:disabled){background:#218838}.loyalty-programs-container .add-button:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.loyalty-programs-container{padding:12px}.loyalty-programs-container .loyalty-programs-header{flex-wrap:wrap;gap:12px}.loyalty-programs-container .loyalty-programs-header h1{font-size:1.4rem}.loyalty-programs-container .loyalty-programs-header .add-button{width:100%}.loyalty-programs-container .loyalty-programs-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loyalty-programs-container .stat-card{padding:10px 12px;min-width:0}.loyalty-programs-container .stat-value{font-size:22px}.loyalty-programs-container .search-bar{min-width:0;width:100%}.loyalty-programs-container .loyalty-programs-table{min-width:720px}.loyalty-programs-container .form-row{grid-template-columns:1fr;gap:0}.loyalty-programs-container .modal-overlay{padding:12px}}.shifts-container{overflow-y:auto;padding:20px;max-width:1600px;margin:0 auto}.shifts-container .shifts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shifts-container .shifts-header h1{margin:0;color:#333}.shifts-container .shifts-stats{display:flex;gap:20px;margin-bottom:20px}.shifts-container .stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1}.shifts-container .stat-label{font-size:14px;color:#666;margin-bottom:8px}.shifts-container .stat-value{font-size:32px;font-weight:700;color:#2c3e50}.shifts-container .shifts-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.shifts-container .search-bar{flex:1;min-width:200px}.shifts-container .search-bar input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.shifts-container .filter-group{display:flex;flex-direction:column;gap:5px}.shifts-container .filter-group label{font-size:12px;color:#666;font-weight:500}.shifts-container .filter-group select,.shifts-container .filter-group input[type=date]{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.shifts-container .shifts-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.shifts-container .shifts-table{width:100%;border-collapse:collapse}.shifts-container .shifts-table thead{background:#f8f9fa}.shifts-container .shifts-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.shifts-container .shifts-table td{padding:12px;border-bottom:1px solid #dee2e6}.shifts-container .shifts-table tbody tr:hover{background:#f8f9fa}.shifts-container .shifts-table tbody tr.active-shift{background:#e8f5e9;border-left:4px solid #4caf50}.shifts-container .employee-name{font-weight:500}.shifts-container .duration-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:8px}.shifts-container .break-badge{display:inline-block;background:#fff3e0;color:#f57c00;padding:2px 8px;border-radius:12px;font-size:11px}.shifts-container .on-break-badge{display:inline-block;background:#ffebee;color:#c62828;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:4px;font-weight:600}.shifts-container .badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.shifts-container .badge-scheduled{background:#e3f2fd;color:#1976d2}.shifts-container .badge-in_progress{background:#e8f5e9;color:#2e7d32}.shifts-container .badge-completed{background:#f1f8e9;color:#558b2f}.shifts-container .badge-cancelled{background:#ffebee;color:#c62828}.shifts-container .badge-no_show{background:#fafafa;color:#616161}.shifts-container .shift-actions{display:flex;gap:6px;flex-wrap:wrap}.shifts-container .btn-clock-in,.shifts-container .btn-clock-out,.shifts-container .btn-break,.shifts-container .btn-break-end,.shifts-container .btn-edit,.shifts-container .btn-delete{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.shifts-container .btn-clock-in{background:#4caf50;color:#fff}.shifts-container .btn-clock-in:hover{background:#45a049}.shifts-container .btn-clock-out{background:#f44336;color:#fff}.shifts-container .btn-clock-out:hover{background:#da190b}.shifts-container .btn-break{background:#ff9800;color:#fff}.shifts-container .btn-break:hover{background:#f57c00}.shifts-container .btn-break-end{background:#2196f3;color:#fff}.shifts-container .btn-break-end:hover{background:#0b7dda}.shifts-container .btn-edit{background:#007bff;color:#fff}.shifts-container .btn-edit:hover{background:#0056b3}.shifts-container .btn-delete{background:#dc3545;color:#fff}.shifts-container .btn-delete:hover{background:#c82333}.shifts-container .no-data,.shifts-container .loading-message{text-align:center;padding:40px;color:#666}.shifts-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:16px;border-radius:6px;margin-bottom:20px}.shifts-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.shifts-container .modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.shifts-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.shifts-container .modal-header h2{margin:0;color:#333}.shifts-container .modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.shifts-container .modal-close:hover{background:#f0f0f0;color:#333}.shifts-container .shift-form{padding:20px}.shifts-container .form-group{margin-bottom:20px}.shifts-container .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.shifts-container .form-group input[type=text],.shifts-container .form-group input[type=date],.shifts-container .form-group input[type=time],.shifts-container .form-group select,.shifts-container .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.shifts-container .form-group textarea{resize:vertical}.shifts-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shifts-container .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #dee2e6}.shifts-container .btn-cancel,.shifts-container .btn-submit{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.shifts-container .btn-cancel{background:#6c757d;color:#fff}.shifts-container .btn-cancel:hover{background:#5a6268}.shifts-container .btn-submit{background:#28a745;color:#fff}.shifts-container .btn-submit:hover:not(:disabled){background:#218838}.shifts-container .btn-submit:disabled{background:#ccc;cursor:not-allowed}.shifts-container .add-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.shifts-container .add-button:hover:not(:disabled){background:#218838}.shifts-container .add-button:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.shifts-container{padding:12px}.shifts-container .shifts-header{flex-wrap:wrap;gap:12px}.shifts-container .shifts-header h1{font-size:1.4rem}.shifts-container .shifts-header .add-button{width:100%}.shifts-container .shifts-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shifts-container .stat-card{padding:10px 12px;min-width:0}.shifts-container .stat-value{font-size:22px}.shifts-container .shifts-filters{flex-direction:column;align-items:stretch;gap:10px}.shifts-container .search-bar{min-width:0}.shifts-container .filter-group,.shifts-container .filter-group select,.shifts-container .filter-group input[type=date]{width:100%}.shifts-container .shifts-table{min-width:720px}.shifts-container .form-row{grid-template-columns:1fr;gap:0}.shifts-container .modal-overlay{padding:12px}}.roles-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.roles-container .roles-header{flex-shrink:0;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.roles-container .roles-header h1{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#333}.roles-container .roles-header p{margin:0;color:#6b7280;font-size:13px}.roles-container .roles-tabs{display:flex;gap:4px;padding:0 12px;background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.roles-container .roles-tabs button{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.roles-container .roles-tabs button:hover{color:#667eea}.roles-container .roles-tabs button.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.roles-container .roles-content,.roles-container .permissions-content,.roles-container .assignments-content{flex:1;min-height:0;overflow:auto;padding:12px}.roles-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.roles-container .section-header h2{margin:0;font-size:1.15rem;font-weight:600;color:#333}.roles-container .btn-primary{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.roles-container .btn-primary:hover{background:#5568d3}.roles-container .roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.roles-container .role-card{background:#fff;border-radius:6px;padding:16px 20px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;transition:all .2s}.roles-container .role-card:hover{box-shadow:0 2px 8px #00000014;border-color:#dee2e6}.roles-container .role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.roles-container .role-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.roles-container .role-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.roles-container .role-description{color:#6b7280;margin-bottom:16px;font-size:.9rem}.roles-container .role-stats{display:flex;gap:16px;margin-bottom:16px;font-size:.875rem;color:#6b7280}.roles-container .role-actions{display:flex;gap:8px}.roles-container .btn-edit{padding:8px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.roles-container .btn-edit:hover{background:#e5e7eb}.roles-container .badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.roles-container .badge-system{background:#fef3c7;color:#92400e}.roles-container .badge-success{background:#d1fae5;color:#065f46}.roles-container .badge-danger{background:#fee2e2;color:#991b1b}.roles-container .permissions-by-category{display:flex;flex-direction:column;gap:16px}.roles-container .permission-category{background:#fff;border-radius:6px;padding:16px 20px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.roles-container .permission-category h3{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#1f2937;text-transform:capitalize}.roles-container .permissions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.roles-container .permission-item{padding:16px;background:#f9fafb;border-radius:8px;border-left:3px solid #667eea}.roles-container .permission-item strong{display:block;color:#1f2937;margin-bottom:4px}.roles-container .permission-item code{display:block;font-size:.75rem;color:#667eea;margin-bottom:8px;font-family:Courier New,monospace}.roles-container .permission-item p{font-size:.875rem;color:#6b7280;margin:0}.roles-container .assignments-table{background:#fff;border-radius:6px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;overflow-x:auto}.roles-container .assignments-table table{width:100%;min-width:600px;border-collapse:collapse}.roles-container .assignments-table thead{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.roles-container .assignments-table thead th{text-align:left;padding:10px 12px;font-weight:600;font-size:13px}.roles-container .assignments-table thead th:first-child{border-radius:6px 0 0}.roles-container .assignments-table thead th:last-child{border-radius:0 6px 0 0}.roles-container .assignments-table tbody td{padding:10px 12px;border-bottom:1px solid #f1f3f5;font-size:13px}.roles-container .assignments-table tbody tr:nth-child(2n){background:#fafbfc}.roles-container .assignments-table tbody tr:hover{background:#e8f0fe}.roles-container .access-denied{text-align:center;padding:48px 24px;margin:12px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.roles-container .access-denied h2{color:#ef4444;margin-bottom:16px}.roles-container .loading{text-align:center;padding:32px;color:#6b7280;font-size:14px}.roles-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.roles-container .modal-content{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000040;border:1px solid #e9ecef}.roles-container .role-modal{max-width:900px}.roles-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;position:sticky;top:0;background:#fff;z-index:1}.roles-container .modal-header h2{margin:0;color:#333;font-size:1.2rem}.roles-container .close-button{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.roles-container .close-button:hover{background:#f5f5f5;color:#333}.roles-container .roles-container .role-form,.roles-container .permission-form,.roles-container .assignment-form{padding:20px}.roles-container .form-group{margin-bottom:20px}.roles-container .form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500;font-size:14px}.roles-container .form-group input[type=text],.roles-container .form-group input[type=number],.roles-container .form-group select,.roles-container .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.roles-container .form-group input:focus,.roles-container .form-group select:focus,.roles-container .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.roles-container .form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.roles-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roles-container .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.roles-container .btn-cancel{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.roles-container .btn-cancel:hover{background:#e5e7eb}.roles-container .btn-submit{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.roles-container .btn-submit:hover:not(:disabled){background:#5568d3}.roles-container .btn-submit:disabled{opacity:.6;cursor:not-allowed}.roles-container .permissions-selector{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:16px;background:#f9fafb}.roles-container .permission-category-group{margin-bottom:24px}.roles-container .permission-category-group h4{margin:0 0 12px;color:#1f2937;font-size:1rem;font-weight:600;text-transform:capitalize}.roles-container .permission-checkboxes{display:flex;flex-direction:column;gap:8px}.roles-container .permission-checkbox{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.roles-container .permission-checkbox:hover{background:#f3f4f6;border-color:#667eea}.roles-container .permission-checkbox input[type=checkbox]{margin-top:4px;cursor:pointer}.roles-container .permission-checkbox span{flex:1}.roles-container .permission-checkbox strong{display:block;color:#1f2937;margin-bottom:2px;font-size:14px}.roles-container .permission-checkbox code{display:block;font-size:12px;color:#667eea;font-family:Courier New,monospace}.roles-container .role-modal-wizard{max-width:900px}.roles-container .role-modal-steps{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#6b7280}.roles-container .step-badge{padding:4px 10px;border-radius:12px;background:#e5e7eb;color:#6b7280}.roles-container .step-badge.active{background:#667eea;color:#fff}.roles-container .step-arrow{color:#9ca3af}.roles-container .step-desc{margin:0 0 20px;color:#6b7280;font-size:14px}.roles-container .role-form-step{padding:0 4px}.roles-container .checkbox-group{display:flex;align-items:flex-end}.roles-container .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.roles-container .permission-category-card{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.roles-container .permission-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.roles-container .permission-category-header h4{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.roles-container .select-all-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#667eea;cursor:pointer;font-weight:500}.roles-container .select-all-toggle input{cursor:pointer}.roles-container .permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.roles-container .permission-grid .permission-checkbox{padding:8px 10px}.roles-container .permission-grid .perm-name{font-size:13px;font-weight:500;color:#374151}.roles-container .permissions-table-wrapper{max-height:420px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.roles-container .permissions-matrix-table{width:100%;border-collapse:collapse;font-size:13px}.roles-container .permissions-matrix-table th{background:#f8fafc;padding:10px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:1}.roles-container .permissions-matrix-table th.th-module{min-width:140px;border-right:1px solid #e2e8f0}.roles-container .permissions-matrix-table th.th-operation{min-width:90px;text-align:center}.roles-container .permissions-matrix-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.roles-container .permissions-matrix-table td.td-module{background:#fafbfc;border-right:1px solid #e2e8f0;font-weight:500}.roles-container .permissions-matrix-table td.td-operation{min-width:100px}.roles-container .permissions-matrix-table tr:hover td.td-operation{background:#f8fafc}.roles-container .perm-cell-content{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.roles-container .module-cell{display:flex;flex-direction:column;gap:4px}.roles-container .module-cell strong{font-size:13px;color:#1e293b}.roles-container .row-select-all{display:flex;align-items:center;gap:6px;font-size:11px;color:#667eea;cursor:pointer;font-weight:500}.roles-container .row-select-all input{cursor:pointer}.roles-container .perm-cell-checkbox{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer;font-size:12px;color:#475569}.roles-container .perm-cell-checkbox:hover{color:#1e293b}.roles-container .perm-cell-checkbox input{cursor:pointer;flex-shrink:0}.roles-container .perm-cell-label{text-align:left;overflow:hidden;text-overflow:ellipsis;max-width:110px;white-space:nowrap}.roles-container .perm-cell-empty{color:#cbd5e1;font-size:14px}.roles-container .btn-delete{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.roles-container .btn-delete:hover{background:#dc2626}.roles-container .btn-edit-small,.roles-container .btn-delete-small{padding:4px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:4px}.roles-container .btn-edit-small{background:#f3f4f6;color:#374151}.roles-container .btn-edit-small:hover{background:#e5e7eb}.roles-container .btn-delete-small{background:#fee2e2;color:#991b1b}.roles-container .btn-delete-small:hover{background:#fecaca}.roles-container .permission-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.roles-container .no-data{text-align:center;padding:40px;color:#9ca3af}@media(max-width:992px){.roles-container{padding:12px}.roles-container .roles-grid,.roles-container .permissions-list{grid-template-columns:1fr}}@media(max-width:768px){.roles-container .roles-header h1{font-size:1.5rem}.roles-container .roles-tabs{flex-wrap:wrap;gap:4px}.roles-container .roles-tabs button{padding:10px 16px;font-size:14px}.roles-container .section-header{flex-direction:column;align-items:stretch;gap:12px}.roles-container .section-header .btn-primary{width:100%}.roles-container .role-card,.roles-container .permission-category{padding:16px}.roles-container .assignments-table{padding:12px;overflow-x:auto}.roles-container .assignments-table table{min-width:600px}.roles-container .assignments-table thead th,.roles-container .assignments-table tbody td{padding:10px 8px;font-size:13px}.roles-container .modal-content{max-width:100%;margin:8px}.roles-container .role-modal{max-width:100%}.roles-container .form-row{grid-template-columns:1fr}}@media(max-width:480px){.roles-container .roles-header h1{font-size:1.25rem}.roles-container .role-actions{flex-wrap:wrap}.roles-container .permission-item-header{flex-direction:column;gap:8px}.roles-container .permission-actions{margin-left:0}}.notifications-page{overflow-y:auto;padding:24px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 80px)}.notifications-page .notifications-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:32px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea4d}.notifications-page .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.notifications-page .notifications-header h1{margin:0;font-size:2em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.notifications-page .stats-badges{display:flex;gap:16px;flex-wrap:wrap}.notifications-page .stat-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;min-width:80px;border:1px solid rgba(255,255,255,.3)}.notifications-page .stat-badge.unread{background:#ff57574d;border-color:#ff575780}.notifications-page .stat-badge.read{background:#4caf504d;border-color:#4caf5080}.notifications-page .stat-label{font-size:.85em;opacity:.9;margin-bottom:4px}.notifications-page .stat-value{font-size:1.5em;font-weight:700}.notifications-page .notifications-content{display:grid;grid-template-columns:280px 1fr;gap:24px}.notifications-page .notifications-sidebar{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:24px}.notifications-page .filters-section h3{margin:0 0 20px;font-size:1.2em;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.notifications-page .filter-group{margin-bottom:20px}.notifications-page .filter-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9em}.notifications-page .filter-group input,.notifications-page .filter-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95em;transition:all .2s;background:#fff}.notifications-page .filter-group input:focus,.notifications-page .filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.notifications-page .clear-filters-btn{width:100%;padding:10px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .2s;margin-top:8px}.notifications-page .clear-filters-btn:hover{background:#e0e0e0;color:#333}.notifications-page .notifications-main{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.notifications-page .notifications-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #f0f0f0;margin-bottom:24px;flex-wrap:wrap;gap:16px}.notifications-page .toolbar-left{display:flex;align-items:center;gap:16px}.notifications-page .toolbar-left input[type=checkbox]{width:20px;height:20px;cursor:pointer}.notifications-page .bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.notifications-page .btn-primary,.notifications-page .btn-secondary,.notifications-page .btn-danger{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s}.notifications-page .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notifications-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.notifications-page .btn-secondary{background:#f0f0f0;color:#333}.notifications-page .btn-secondary:hover{background:#e0e0e0}.notifications-page .btn-danger{background:#ff5252;color:#fff}.notifications-page .btn-danger:hover{background:#ff1744}.notifications-page .notifications-loading,.notifications-page .notifications-empty{text-align:center;padding:60px 20px}.notifications-page .loading-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.notifications-page .empty-icon{font-size:4em;margin-bottom:16px;opacity:.5}.notifications-page .notifications-empty h3{margin:0 0 8px;color:#666}.notifications-page .notifications-empty p{color:#999;margin:0}.notifications-page .notifications-list{display:flex;flex-direction:column;gap:24px}.notifications-page .notification-group{display:flex;flex-direction:column;gap:12px}.notifications-page .group-header{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:2px solid #f0f0f0;margin-bottom:8px}.notifications-page .group-header h3{margin:0;font-size:1.1em;color:#666;font-weight:600}.notifications-page .group-count{background:#667eea;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600}.notifications-page .notification-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;border:2px solid #f0f0f0;background:#fff;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.notifications-page .notification-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e0e0e0;transition:width .3s}.notifications-page .notification-card:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001a;border-color:#667eea}.notifications-page .notification-card:hover:before{width:6px}.notifications-page .notification-card.unread{background:linear-gradient(90deg,#e3f2fd,#fff 5%);border-color:#2196f3}.notifications-page .notification-card.unread:before{background:#2196f3;width:6px}.notifications-page .notification-card.type-success:before{background:#4caf50}.notifications-page .notification-card.type-error:before{background:#f44336}.notifications-page .notification-card.type-warning:before{background:#ff9800}.notifications-page .notification-card.type-low_stock:before{background:#ff9800}.notifications-page .notification-card.type-sale:before{background:#2196f3}.notifications-page .notification-card.type-system:before{background:#9e9e9e}.notifications-page .notification-checkbox{flex-shrink:0;padding-top:2px}.notifications-page .notification-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.notifications-page .notification-icon{font-size:2em;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px}.notifications-page .notification-card.unread .notification-icon{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.notifications-page .notification-content{flex:1;min-width:0}.notifications-page .notification-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.notifications-page .notification-title{margin:0;font-size:1.1em;font-weight:600;color:#333;flex:1}.notifications-page .notification-badges{display:flex;gap:6px;flex-wrap:wrap}.notifications-page .badge{padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase}.notifications-page .badge-urgent{background:#ff5252;color:#fff}.notifications-page .badge-high{background:#ff9800;color:#fff}.notifications-page .badge-unread{background:#2196f3;color:#fff}.notifications-page .notification-message{margin:8px 0;color:#666;line-height:1.6;font-size:.95em}.notifications-page .notification-meta{display:flex;gap:16px;margin-top:12px;font-size:.85em;color:#999}.notifications-page .notification-type{text-transform:capitalize;font-weight:600}.notifications-page .notification-time{color:#bbb}.notifications-page .notification-actions{display:flex;gap:8px;flex-shrink:0;opacity:0;transition:opacity .2s}.notifications-page .notification-card:hover .notification-actions{opacity:1}.notifications-page .action-btn{background:transparent;border:none;font-size:1.2em;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.notifications-page .action-btn:hover{background:#f0f0f0;transform:scale(1.1)}.notifications-page .action-btn.delete-btn:hover{background:#ffebee}.notifications-page .load-more-container{text-align:center;padding:24px}.notifications-page .load-more-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.notifications-page .load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.notifications-page .load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.notifications-page .notifications-content{grid-template-columns:1fr}.notifications-page .notifications-sidebar{position:static}}@media(max-width:768px){.notifications-page{padding:16px}.notifications-page .notifications-header{padding:24px}.notifications-page .header-content{flex-direction:column;align-items:flex-start}.notifications-page .notifications-toolbar{flex-direction:column;align-items:stretch}.notifications-page .toolbar-left,.notifications-page .toolbar-right{width:100%}.notifications-page .bulk-actions{flex-direction:column;width:100%}.notifications-page .bulk-actions button{width:100%}.notifications-page .notification-card{flex-wrap:wrap}.notifications-page .notification-actions{opacity:1;width:100%;justify-content:flex-end;margin-top:12px}}.notifications-page .notification-card.priority-urgent{border-left-color:#f44336}.notifications-page .notification-card.priority-high{border-left-color:#ff9800}.notifications-page .notification-card.priority-medium{border-left-color:#2196f3}.notifications-page .notification-card.priority-low{border-left-color:#9e9e9e}.api-error-logs-page{overflow-y:auto;padding:24px;max-width:1600px;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 80px)}.api-error-logs-page .error-logs-header{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:16px;padding:32px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #e74c3c4d}.api-error-logs-page .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.api-error-logs-page .error-logs-header h1{margin:0;font-size:2em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.api-error-logs-page .stats-badges{display:flex;gap:16px;flex-wrap:wrap}.api-error-logs-page .stat-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;min-width:80px;border:1px solid rgba(255,255,255,.3)}.api-error-logs-page .stat-badge.unresolved{background:#ff57574d;border-color:#ff575780}.api-error-logs-page .stat-badge.resolved{background:#4caf504d;border-color:#4caf5080}.api-error-logs-page .stat-label{font-size:.85em;opacity:.9;margin-bottom:4px}.api-error-logs-page .stat-value{font-size:1.5em;font-weight:700}.api-error-logs-page .error-logs-content{display:grid;grid-template-columns:280px 1fr;gap:24px}.api-error-logs-page .error-logs-sidebar{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:24px}.api-error-logs-page .filters-section h3{margin:0 0 20px;font-size:1.2em;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.api-error-logs-page .filter-group{margin-bottom:20px}.api-error-logs-page .filter-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9em}.api-error-logs-page .filter-group input,.api-error-logs-page .filter-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95em;transition:all .2s;background:#fff}.api-error-logs-page .filter-group input:focus,.api-error-logs-page .filter-group select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.api-error-logs-page .clear-filters-btn{width:100%;padding:10px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .2s;margin-top:8px}.api-error-logs-page .clear-filters-btn:hover{background:#e0e0e0;color:#333}.api-error-logs-page .error-logs-main{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.api-error-logs-page .error-logs-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #f0f0f0;margin-bottom:24px;flex-wrap:wrap;gap:16px}.api-error-logs-page .toolbar-left{display:flex;align-items:center;gap:16px}.api-error-logs-page .toolbar-left input[type=checkbox]{width:20px;height:20px;cursor:pointer}.api-error-logs-page .bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.api-error-logs-page .btn-secondary,.api-error-logs-page .btn-danger{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s}.api-error-logs-page .btn-secondary{background:#f0f0f0;color:#333}.api-error-logs-page .btn-secondary:hover{background:#e0e0e0}.api-error-logs-page .btn-danger{background:#ff5252;color:#fff}.api-error-logs-page .btn-danger:hover{background:#ff1744}.api-error-logs-page .error-logs-loading,.api-error-logs-page .error-logs-empty{text-align:center;padding:60px 20px}.api-error-logs-page .loading-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.api-error-logs-page .empty-icon{font-size:4em;margin-bottom:16px;opacity:.5}.api-error-logs-page .error-logs-empty h3{margin:0 0 8px;color:#666}.api-error-logs-page .error-logs-empty p{color:#999;margin:0}.api-error-logs-page .error-logs-list{display:flex;flex-direction:column;gap:16px}.api-error-logs-page .error-log-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;border:2px solid #f0f0f0;background:#fff;transition:all .3s ease;position:relative;overflow:hidden}.api-error-logs-page .error-log-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e0e0e0;transition:width .3s}.api-error-logs-page .error-log-card.unresolved{background:linear-gradient(90deg,#ffebee,#fff 5%);border-color:#f44336}.api-error-logs-page .error-log-card.unresolved:before{background:#f44336;width:6px}.api-error-logs-page .error-log-card.resolved{opacity:.7;background:#f5f5f5}.api-error-logs-page .error-log-card.resolved:before{background:#9e9e9e}.api-error-logs-page .error-log-checkbox{flex-shrink:0;padding-top:2px}.api-error-logs-page .error-log-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.api-error-logs-page .error-log-content{flex:1;min-width:0}.api-error-logs-page .error-log-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.api-error-logs-page .error-log-method-badge{padding:4px 10px;border-radius:6px;color:#fff;font-weight:700;font-size:.85em;text-transform:uppercase}.api-error-logs-page .error-log-endpoint{flex:1;font-family:Courier New,monospace;font-size:.95em;color:#333;font-weight:600;min-width:200px}.api-error-logs-page .error-log-status{font-weight:700;font-size:.9em}.api-error-logs-page .badge-resolved{background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase}.api-error-logs-page .error-log-message{margin:12px 0;color:#666;line-height:1.6;font-size:.95em;background:#f8f9fa;padding:12px;border-radius:8px;border-left:4px solid #e74c3c}.api-error-logs-page .error-log-meta{display:flex;gap:16px;margin-top:12px;font-size:.85em;color:#999;flex-wrap:wrap}.api-error-logs-page .error-log-details{margin-top:12px;background:#f8f9fa;border-radius:8px;padding:12px}.api-error-logs-page .error-log-details summary{cursor:pointer;font-weight:600;color:#666;margin-bottom:8px}.api-error-logs-page .error-log-details summary:hover{color:#333}.api-error-logs-page .error-log-details pre{margin:0;padding:12px;background:#2d2d2d;color:#f8f8f2;border-radius:6px;overflow-x:auto;font-size:.85em;line-height:1.5;max-height:400px;overflow-y:auto}.api-error-logs-page .error-log-details pre.traceback{color:#ff6b6b}.api-error-logs-page .error-log-actions{display:flex;gap:8px;flex-shrink:0}.api-error-logs-page .action-btn{background:transparent;border:none;font-size:1.2em;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.api-error-logs-page .action-btn.resolve-btn{color:#4caf50}.api-error-logs-page .action-btn.resolve-btn:hover{background:#e8f5e9;transform:scale(1.1)}@media(max-width:1024px){.api-error-logs-page .error-logs-content{grid-template-columns:1fr}.api-error-logs-page .error-logs-sidebar{position:static}}@media(max-width:768px){.api-error-logs-page{padding:16px}.api-error-logs-page .error-logs-header{padding:24px}.api-error-logs-page .header-content{flex-direction:column;align-items:flex-start}.api-error-logs-page .error-logs-toolbar{flex-direction:column;align-items:stretch}.api-error-logs-page .toolbar-left{width:100%}.api-error-logs-page .bulk-actions{flex-direction:column;width:100%}.api-error-logs-page .bulk-actions button{width:100%}.api-error-logs-page .error-log-card{flex-wrap:wrap}.api-error-logs-page .error-log-actions{width:100%;justify-content:flex-end;margin-top:12px}}.hrm-dashboard{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.hrm-dashboard .hrm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap}.hrm-dashboard .hrm-header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.hrm-dashboard .hrm-subtitle{margin:2px 0 0;font-size:.85rem;opacity:.9;font-weight:400}.hrm-dashboard .hrm-store-badge{background:#fff3;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hrm-dashboard .hrm-store-badge.warning{background:#ffc1074d}.hrm-dashboard .hrm-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;padding:40px}.hrm-dashboard .hrm-content{flex:1;min-height:0;overflow:auto;padding:20px 24px;background:#f8fafc;max-width:1400px;margin:0 auto;width:100%}.hrm-dashboard .hrm-section-title{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.05em}.hrm-dashboard .hrm-top-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;align-items:start}.hrm-dashboard .hrm-top-section .hrm-modules{margin-bottom:0}.hrm-dashboard .hrm-top-section .hrm-module-grid{grid-template-columns:1fr;gap:12px}.hrm-dashboard .hrm-top-section .hrm-overview{margin-bottom:0}.hrm-dashboard .hrm-top-section .hrm-stats{grid-template-columns:repeat(2,1fr)}.hrm-dashboard .hrm-modules{margin-bottom:20px}.hrm-dashboard .hrm-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.hrm-dashboard .hrm-module-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;transition:all .25s ease}.hrm-dashboard .hrm-module-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:transparent}.hrm-dashboard .hrm-module-card.hrm-module-shifts:hover{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.hrm-dashboard .hrm-module-card.hrm-module-leave:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.hrm-dashboard .hrm-module-card.hrm-module-employees:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hrm-dashboard .hrm-module-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#f1f5f9;border-radius:12px;flex-shrink:0}.hrm-dashboard .hrm-module-card:hover .hrm-module-icon{background:#ffffff40}.hrm-dashboard .hrm-module-info{flex:1;min-width:0}.hrm-dashboard .hrm-module-info h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.hrm-dashboard .hrm-module-card:hover .hrm-module-info h3{color:inherit}.hrm-dashboard .hrm-module-info p{margin:4px 0 8px;font-size:.875rem;color:#64748b;line-height:1.4}.hrm-dashboard .hrm-module-card:hover .hrm-module-info p{color:#ffffffe6}.hrm-dashboard .hrm-module-stat{font-size:.8rem;font-weight:600;color:#667eea}.hrm-dashboard .hrm-module-card:hover .hrm-module-stat{color:#fffffff2}.hrm-dashboard .hrm-module-arrow{font-size:1.25rem;color:#cbd5e1;transition:transform .2s}.hrm-dashboard .hrm-module-card:hover .hrm-module-arrow{color:#fff;transform:translate(4px)}.hrm-dashboard .hrm-overview{margin-bottom:20px}.hrm-dashboard .hrm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.hrm-dashboard .hrm-stat-card{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .2s}.hrm-dashboard .hrm-stat-card:hover{box-shadow:0 4px 12px #00000014}.hrm-dashboard .hrm-stat-card:first-child{border-left:4px solid #667eea}.hrm-dashboard .hrm-stat-card:nth-child(2){border-left:4px solid #10b981}.hrm-dashboard .hrm-stat-card:nth-child(3){border-left:4px solid #f59e0b}.hrm-dashboard .hrm-stat-card:nth-child(4){border-left:4px solid #3b82f6}.hrm-dashboard .hrm-stat-icon{font-size:1.5rem;flex-shrink:0}.hrm-dashboard .hrm-stat-body{flex:1;min-width:0}.hrm-dashboard .hrm-stat-value{font-size:1.35rem;font-weight:700;color:#1e293b;line-height:1.2}.hrm-dashboard .hrm-stat-label{font-size:.75rem;color:#64748b;margin-top:2px}.hrm-dashboard .hrm-stat-sub{font-size:.7rem;color:#94a3b8;margin-top:4px;line-height:1.3}.hrm-dashboard .hrm-charts{margin-bottom:20px}.hrm-dashboard .hrm-chart-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;align-items:stretch}.hrm-dashboard .hrm-chart-row:last-child{margin-bottom:0}.hrm-dashboard .hrm-chart-row .chart-container{margin-bottom:0!important;min-height:280px;border-radius:12px;overflow:hidden}.hrm-dashboard .hrm-charts .chart-container{margin-bottom:0!important}.hrm-dashboard .hrm-chart-row.single{grid-template-columns:1fr}.hrm-dashboard .hrm-chart-row.single .chart-container{min-height:260px}.hrm-dashboard .hrm-recent{margin-bottom:0}.hrm-dashboard .hrm-recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}.hrm-dashboard .hrm-recent-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;display:flex;flex-direction:column}.hrm-dashboard .hrm-recent-card .hrm-recent-table-wrap{flex:1;min-height:100px}.hrm-dashboard .hrm-recent-card .hrm-section-title{margin-bottom:10px}.hrm-dashboard .hrm-recent-table-wrap{overflow-x:auto;margin-bottom:12px}.hrm-dashboard .hrm-recent-table{width:100%;border-collapse:collapse;font-size:13px}.hrm-dashboard .hrm-recent-table thead{background:#f8fafc}.hrm-dashboard .hrm-recent-table th{padding:10px 12px;text-align:left;font-weight:600;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hrm-dashboard .hrm-recent-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.hrm-dashboard .hrm-recent-table tbody tr:last-child td{border-bottom:none}.hrm-dashboard .hrm-recent-table .no-data{text-align:center;color:#94a3b8;padding:20px}.hrm-dashboard .hrm-status-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.hrm-dashboard .hrm-status-badge.pending{background:#fef3c7;color:#b45309}.hrm-dashboard .hrm-status-badge.approved{background:#d1fae5;color:#065f46}.hrm-dashboard .hrm-status-badge.rejected{background:#fee2e2;color:#991b1b}.hrm-dashboard .hrm-status-badge.scheduled{background:#e0e7ff;color:#3730a3}.hrm-dashboard .hrm-status-badge.completed{background:#d1fae5;color:#065f46}.hrm-dashboard .hrm-status-badge.in_progress{background:#dbeafe;color:#1d4ed8}.hrm-dashboard .hrm-status-badge.cancelled{background:#f3f4f6;color:#6b7280}.hrm-dashboard .hrm-status-badge.no_show{background:#fee2e2;color:#991b1b}.hrm-dashboard .hrm-recent-link{display:inline-block;font-size:13px;font-weight:500;color:#667eea;text-decoration:none}.hrm-dashboard .hrm-recent-link:hover{text-decoration:underline}@media(max-width:1200px){.hrm-dashboard .hrm-top-section{grid-template-columns:1fr}.hrm-dashboard .hrm-top-section .hrm-modules,.hrm-dashboard .hrm-top-section .hrm-overview{margin-bottom:0}.hrm-dashboard .hrm-top-section .hrm-stats{grid-template-columns:repeat(4,1fr)}.hrm-dashboard .hrm-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.hrm-dashboard .hrm-chart-row{grid-template-columns:1fr}.hrm-dashboard .hrm-stats{grid-template-columns:repeat(2,1fr)}.hrm-dashboard .hrm-recent-grid{grid-template-columns:1fr}}@media(max-width:768px){.hrm-dashboard .hrm-header{flex-direction:column;align-items:stretch;padding:14px 20px}.hrm-dashboard .hrm-header h1{font-size:1.35rem}.hrm-dashboard .hrm-store-badge{text-align:center}.hrm-dashboard .hrm-content{padding:16px 20px}.hrm-dashboard .hrm-top-section{gap:16px;margin-bottom:16px}.hrm-dashboard .hrm-top-section .hrm-stats{grid-template-columns:repeat(2,1fr)}.hrm-dashboard .hrm-module-grid{grid-template-columns:1fr;gap:12px}.hrm-dashboard .hrm-module-card{padding:16px 18px}.hrm-dashboard .hrm-module-icon{width:44px;height:44px;font-size:1.35rem}.hrm-dashboard .hrm-stats{grid-template-columns:repeat(2,1fr);gap:12px}.hrm-dashboard .hrm-stat-card{padding:14px 16px}.hrm-dashboard .hrm-stat-value{font-size:1.2rem}.hrm-dashboard .hrm-chart-row{gap:12px;margin-bottom:12px}.hrm-dashboard .hrm-chart-row .chart-container{min-height:240px}.hrm-dashboard .hrm-recent-grid{gap:12px}.hrm-dashboard .hrm-recent-card{padding:16px 18px}}@media(max-width:480px){.hrm-dashboard .hrm-content{padding:14px 16px}.hrm-dashboard .hrm-top-section .hrm-stats,.hrm-dashboard .hrm-stats{grid-template-columns:1fr;gap:10px}.hrm-dashboard .hrm-module-card{flex-wrap:wrap}.hrm-dashboard .hrm-module-arrow{margin-left:auto}.hrm-dashboard .hrm-recent-grid{grid-template-columns:1fr;gap:12px}.hrm-dashboard .hrm-recent-table{font-size:12px}.hrm-dashboard .hrm-recent-table th,.hrm-dashboard .hrm-recent-table td{padding:8px 10px}}.leave-mgmt{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.leave-mgmt .leave-mgmt-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.leave-mgmt .leave-mgmt-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.leave-mgmt .header-actions{display:flex;gap:8px;align-items:center}.leave-mgmt .leave-mgmt-btn{padding:8px 18px;border-radius:6px;font-weight:500;font-size:14px;border:none;cursor:pointer;background:#e5e7eb;color:#374151}.leave-mgmt .leave-mgmt-btn.primary{background:#667eea;color:#fff}.leave-mgmt .leave-mgmt-btn.primary:hover:not(:disabled){background:#5568d3}.leave-mgmt .leave-mgmt-btn.primary:disabled{opacity:.6;cursor:not-allowed}.leave-mgmt .leave-mgmt-warn{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;margin:8px 12px;border-radius:8px;font-size:14px}.leave-mgmt .leave-mgmt-top{flex-shrink:0;padding:8px 12px 0;display:flex;flex-direction:column;gap:8px}.leave-mgmt .leave-mgmt-stats{display:flex;gap:8px;flex-wrap:wrap}.leave-mgmt .leave-mgmt-stats .stat-card{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef;min-width:80px;display:flex;flex-direction:column;gap:2px}.leave-mgmt .leave-mgmt-stats .stat-card .stat-label{font-size:11px;color:#6c757d;font-weight:500}.leave-mgmt .leave-mgmt-stats .stat-card .stat-value{font-size:18px;font-weight:700;color:#212529}.leave-mgmt .leave-mgmt-stats .stat-card.pending .stat-value{color:#b45309}.leave-mgmt .leave-mgmt-stats .stat-card.approved .stat-value{color:#065f46}.leave-mgmt .leave-mgmt-stats .stat-card.rejected .stat-value{color:#991b1b}.leave-mgmt .leave-mgmt-filters{background:#fff;border-radius:6px;padding:10px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef}.leave-mgmt .leave-mgmt-filters .filter-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.leave-mgmt .leave-mgmt-filters .filter-group{display:flex;flex-direction:column;gap:2px;min-width:120px}.leave-mgmt .leave-mgmt-filters .filter-group label{font-size:11px;color:#6c757d;font-weight:500}.leave-mgmt .leave-mgmt-filters .filter-group select{padding:6px 10px;border:1px solid #dee2e6;border-radius:5px;font-size:13px}.leave-mgmt .leave-mgmt-filters .clear-filters-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-size:12px;cursor:pointer;color:#495057}.leave-mgmt .leave-mgmt-filters .clear-filters-btn:hover{background:#e9ecef}.leave-mgmt .leave-mgmt-table-area{flex:1;min-height:300px;position:relative;padding:8px 12px;overflow:hidden}.leave-mgmt .leave-mgmt-table-wrap{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d}.leave-mgmt .leave-mgmt-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#6b7280;font-size:14px}.leave-mgmt .leave-mgmt-table{width:100%;min-width:800px;border-collapse:collapse}.leave-mgmt .leave-mgmt-table thead{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.leave-mgmt .leave-mgmt-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap}.leave-mgmt .leave-mgmt-table th:first-child{border-radius:6px 0 0}.leave-mgmt .leave-mgmt-table th:last-child{border-radius:0 6px 0 0}.leave-mgmt .leave-mgmt-table td{padding:10px 12px;border-bottom:1px solid #f1f3f5;font-size:13px}.leave-mgmt .leave-mgmt-table tbody tr:nth-child(2n){background:#fafbfc}.leave-mgmt .leave-mgmt-table tbody tr:hover{background:#e8f0fe}.leave-mgmt .leave-mgmt-table .no-data{text-align:center;color:#999;padding:40px}.leave-mgmt .leave-mgmt-table .employee-cell{font-weight:500;color:#333}.leave-mgmt .leave-reason{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-mgmt .leave-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.leave-mgmt .leave-status.pending{background:#fef3c7;color:#b45309}.leave-mgmt .leave-status.approved{background:#d1fae5;color:#065f46}.leave-mgmt .leave-status.rejected{background:#fee2e2;color:#991b1b}.leave-mgmt .leave-status.cancelled{background:#f3f4f6;color:#6b7280}.leave-mgmt .leave-actions{display:flex;gap:6px;flex-wrap:wrap}.leave-mgmt .leave-action{padding:6px 12px;border-radius:5px;border:none;cursor:pointer;font-size:12px;font-weight:500}.leave-mgmt .leave-action.approve{background:#d1fae5;color:#065f46}.leave-mgmt .leave-action.approve:hover{background:#a7f3d0}.leave-mgmt .leave-action.reject{background:#fee2e2;color:#991b1b}.leave-mgmt .leave-action.reject:hover{background:#fecaca}.leave-mgmt .leave-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.leave-mgmt .leave-form-modal{background:#fff;border-radius:10px;padding:24px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.leave-mgmt .leave-form-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.leave-mgmt .leave-form-modal-header h2{margin:0;font-size:1.2rem;color:#333}.leave-mgmt .leave-form-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.leave-mgmt .leave-form-close:hover{background:#f5f5f5;color:#333}.leave-mgmt .leave-form-empty-types{padding:16px 0}.leave-mgmt .leave-form-empty-types p{margin:0 0 16px;color:#6b7280;font-size:14px}.leave-mgmt .leave-form-modal .form-group{margin-bottom:16px}.leave-mgmt .leave-form-modal .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.leave-mgmt .leave-form-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.leave-mgmt .leave-form-modal .form-group input.input-error,.leave-mgmt .leave-form-modal .form-group select.input-error{border-color:#dc3545}.leave-mgmt .leave-form-modal .field-error{display:block;margin-top:4px;font-size:12px;color:#dc3545}.leave-mgmt .leave-form-btn{padding:10px 18px;border-radius:6px;font-weight:500;font-size:14px;border:none;cursor:pointer}.leave-mgmt .leave-form-btn.primary{background:#667eea;color:#fff}.leave-mgmt .leave-form-btn.primary:hover:not(:disabled){background:#5568d3}.leave-mgmt .leave-form-btn.secondary{background:#f5f5f5;color:#333}.leave-mgmt .leave-form-btn.secondary:hover{background:#e0e0e0}.leave-mgmt .leave-form-btn:disabled{opacity:.6;cursor:not-allowed}.leave-mgmt .leave-review-summary{margin:0 0 16px;color:#374151;font-size:.95rem}.leave-mgmt .leave-form-modal label{display:block;margin-bottom:14px;font-weight:500;color:#333;font-size:14px}.leave-mgmt .leave-form-modal input,.leave-mgmt .leave-form-modal select,.leave-mgmt .leave-form-modal textarea{display:block;width:100%;margin-top:4px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.leave-mgmt .leave-form-modal input:focus,.leave-mgmt .leave-form-modal select:focus,.leave-mgmt .leave-form-modal textarea:focus{outline:none;border-color:#667eea}.leave-mgmt .leave-form-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.leave-mgmt .leave-form-actions button{padding:10px 18px;border-radius:6px;font-weight:500;font-size:14px;border:none;cursor:pointer}.leave-mgmt .leave-form-actions{gap:10px}.leave-mgmt .leave-form-actions .leave-form-btn.primary{background:#667eea;color:#fff}.leave-mgmt .leave-form-actions .leave-form-btn.primary:hover:not(:disabled){background:#5568d3}.leave-mgmt .leave-form-actions .leave-form-btn.secondary{background:#f5f5f5;color:#333}.leave-mgmt .leave-form-actions .leave-form-btn.secondary:hover{background:#e0e0e0}.leave-mgmt .leave-form-actions button[type=submit]{background:#667eea;color:#fff}.leave-mgmt .leave-form-actions button[type=submit]:hover:not(:disabled){background:#5568d3}.leave-mgmt .leave-form-actions button[type=button]{background:#f5f5f5;color:#333}.leave-mgmt .leave-form-actions button[type=button]:hover{background:#e0e0e0}.leave-mgmt .leave-form-actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.leave-mgmt .leave-mgmt-header{flex-direction:column;align-items:stretch;padding:8px 12px}.leave-mgmt .leave-mgmt-header h1{text-align:center;font-size:1.2rem}.leave-mgmt .header-actions{justify-content:center}.leave-mgmt .leave-mgmt-top{padding:6px 12px 0}.leave-mgmt .leave-mgmt-stats .stat-card{min-width:70px;padding:8px 12px}.leave-mgmt .leave-mgmt-stats .stat-card .stat-value{font-size:16px}.leave-mgmt .leave-mgmt-filters .filter-row{flex-direction:column;align-items:stretch}.leave-mgmt .leave-mgmt-filters .filter-group{width:100%;min-width:0}.leave-mgmt .leave-mgmt-table{min-width:700px;font-size:12px}.leave-mgmt .leave-mgmt-table th,.leave-mgmt .leave-mgmt-table td{padding:8px 10px;font-size:12px}.leave-mgmt .leave-action{padding:5px 10px;font-size:11px}.leave-mgmt .leave-form-modal .form-row{grid-template-columns:1fr}}@media(max-width:480px){.leave-mgmt .leave-mgmt-table{min-width:650px}}.employees-container{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.employees-container .employees-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.employees-container .employees-header h1{margin:0;color:#333;font-size:1.25rem;font-weight:600}.employees-container .header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.employees-container .add-button{padding:8px 18px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.employees-container .add-button:hover:not(:disabled){background:#5568d3}.employees-container .add-button:disabled{background:#ccc;cursor:not-allowed}.employees-container .warning-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;margin:8px 12px;border-radius:8px;text-align:center;font-size:14px}.employees-container .employees-top-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:8px 12px 0}.employees-container .employees-stats{display:flex;gap:8px;flex-wrap:wrap}.employees-container .stat-card{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000d;min-width:120px;border:1px solid #e9ecef}.employees-container .stat-card .stat-label{color:#6c757d;font-size:11px;margin-bottom:2px;display:block;font-weight:500}.employees-container .stat-card .stat-value{font-size:18px;font-weight:700;color:#212529}.employees-container .employees-filters{background:#fff;border-radius:6px;padding:10px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef}.employees-container .filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.employees-container .filter-group.search-field{min-width:200px;flex:1 1 200px;max-width:400px}.employees-container .filter-group.search-field .search-input-with-clear{position:relative;display:flex;align-items:center;width:100%;min-width:0}.employees-container .filter-group.search-field .search-input-with-clear input{width:100%;min-width:0;padding-right:32px;box-sizing:border-box}.employees-container .filter-group.search-field .search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.employees-container .filter-group.search-field .search-clear-btn:hover{color:#333}.employees-container .filter-group{display:flex;flex-direction:column;gap:2px;min-width:110px}.employees-container .filter-group label{font-size:11px;color:#6c757d;font-weight:500}.employees-container .filter-group input,.employees-container .filter-group select{padding:6px 8px;border:1px solid #dee2e6;border-radius:5px;font-size:13px}.employees-container .filter-group.filter-checkbox{flex-direction:row;align-items:center;min-width:auto}.employees-container .filter-group.filter-checkbox label{display:flex;align-items:center;gap:6px;font-size:13px;color:#333;cursor:pointer}.employees-container .filter-group input:focus,.employees-container .filter-group select:focus{outline:none;border-color:#667eea}.employees-container .clear-filters-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-size:12px;cursor:pointer;color:#495057;transition:all .2s;align-self:flex-end;white-space:nowrap;box-sizing:border-box}.employees-container .clear-filters-btn:hover{background:#e9ecef;border-color:#dee2e6}.employees-container .employees-table-area{flex:1;min-height:300px;position:relative;padding:8px 12px 0;overflow:hidden}.employees-container .employees-table-area .loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}.employees-container .employees-table-area .employees-table-container{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d}.employees-container .employees-page-footer{flex-shrink:0;padding:8px 12px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -1px 4px #0000000a}.employees-container .employees-page-footer .pagination-container{padding:0;margin:0;border:none;gap:10px}.employees-container .employees-table{width:100%;min-width:750px;border-collapse:collapse}.employees-container .employees-table thead{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff}.employees-container .employees-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap}.employees-container .employees-table td{padding:10px 12px;border-bottom:1px solid #f1f3f5;font-size:13px}.employees-container .employees-table tbody tr:nth-child(2n){background:#fafbfc}.employees-container .employees-table tbody tr:hover{background:#e8f0fe}.employees-container .employees-table tbody tr.inactive-row{background:#f9f9f9}.employees-container .employees-table tbody tr.inactive-row:hover{background:#f0f0f0}.employees-container .employee-cell{vertical-align:top}.employees-container .employee-cell .employee-name{display:block;font-weight:500;color:#333}.employees-container .employee-cell .employee-username{display:block;font-size:11px;color:#6c757d;margin-top:2px}.employees-container .employee-email-cell .employee-email{color:#667eea;text-decoration:none;font-size:12px}.employees-container .employee-email-cell .employee-email:hover{text-decoration:underline}.employees-container .employee-name{font-weight:500;color:#333}.employees-container .emp-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.employees-container .emp-status.active{background:#d1fae5;color:#065f46}.employees-container .emp-status.inactive{background:#f3f4f6;color:#6b7280}.employees-container .employee-actions{display:flex;gap:6px;flex-wrap:wrap}.employees-container .btn-edit,.employees-container .btn-delete{padding:6px 12px;border:none;border-radius:5px;font-size:12px;cursor:pointer;transition:all .2s}.employees-container .btn-edit{background:#2196f3;color:#fff}.employees-container .btn-edit:hover{background:#1976d2}.employees-container .btn-delete{background:#f44336;color:#fff}.employees-container .btn-delete:hover{background:#d32f2f}.employees-container .no-data{text-align:center;color:#999;padding:40px}.employees-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.employees-container .add-employee-modal{max-width:520px}.employees-container .modal-content{background:#fff;border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.employees-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.employees-container .modal-header h2{margin:0;color:#333;font-size:1.2rem}.employees-container .close-button{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.employees-container .close-button:hover{background:#f5f5f5;color:#333}.employees-container .employee-form{padding:20px}.employees-container .employee-form .form-group{margin-bottom:16px}.employees-container .employee-form .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.employees-container .employee-form .form-group input,.employees-container .employee-form .form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.employees-container .employee-form .form-group input:focus,.employees-container .employee-form .form-group select:focus{outline:none;border-color:#667eea}.employees-container .employee-form .form-group input.input-error,.employees-container .employee-form .form-group select.input-error{border-color:#dc3545}.employees-container .employee-form .form-group input.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.employees-container .employee-form .field-error{display:block;margin-top:4px;font-size:12px;color:#dc3545}.employees-container .employee-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employees-container .employee-form .form-hint{display:block;margin-top:4px;font-size:12px;color:#6b7280}.employees-container .employee-form .password-input-wrap{display:flex;align-items:center;gap:8px}.employees-container .employee-form .password-input-wrap input{flex:1;min-width:0}.employees-container .employee-form .password-toggle{padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;flex-shrink:0}.employees-container .employee-form .password-toggle:hover{background:#e9e9e9}.employees-container .employee-form .assign-store-section{display:flex;flex-direction:column;gap:8px}.employees-container .employee-form .assign-store-section label{display:flex;align-items:center;gap:8px;cursor:pointer}.employees-container .employee-form .assign-store-section .store-select{max-width:280px;margin-left:0}.employees-container .employee-form .form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid #eee}.employees-container .employee-form .btn-cancel,.employees-container .employee-form .btn-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.employees-container .employee-form .btn-cancel{background:#f5f5f5;color:#333}.employees-container .employee-form .btn-cancel:hover{background:#e0e0e0}.employees-container .employee-form .btn-submit{background:#667eea;color:#fff}.employees-container .employee-form .btn-submit:hover:not(:disabled){background:#5568d3}.employees-container .employee-form .btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:992px){.employees-container .employees-header{flex-wrap:wrap}.employees-container .employees-header h1{flex:1;min-width:0}}@media(max-width:768px){.employees-container .employees-header{padding:8px 12px;flex-direction:column;align-items:stretch;gap:10px}.employees-container .employees-header h1{font-size:1.2rem;text-align:center}.employees-container .header-actions{justify-content:center}.employees-container .add-button{padding:8px 14px;font-size:13px}.employees-container .employees-top-section{padding:6px 12px 0}.employees-container .employees-stats{gap:6px}.employees-container .stat-card{min-width:90px;padding:8px 12px}.employees-container .stat-card .stat-value{font-size:16px}.employees-container .employees-filters{padding:8px 10px}.employees-container .filter-row{flex-direction:column;align-items:stretch}.employees-container .filter-group.search-field{min-width:100%;max-width:none}.employees-container .filter-group{width:100%;min-width:0}.employees-container .clear-filters-btn{align-self:stretch}.employees-container .employees-table-area{padding:6px 12px 0}.employees-container .employees-table{min-width:600px;font-size:12px}.employees-container .employees-table th,.employees-container .employees-table td{padding:8px 10px;font-size:12px}.employees-container .btn-edit,.employees-container .btn-delete{padding:5px 8px;font-size:11px}.employees-container .employee-form .form-row{grid-template-columns:1fr}.employees-container .modal-content{max-width:100%}}@media(max-width:480px){.employees-container .employees-header h1{font-size:1.1rem}.employees-container .employees-table{min-width:550px}}.erp-page{padding:0;width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.erp-page .erp-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.erp-page .erp-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.erp-page .erp-warning{padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:12px}.erp-page .erp-filters{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:#fff;border-bottom:1px solid #eee}.erp-page .erp-filters .filter-group{display:flex;flex-direction:column;gap:4px}.erp-page .erp-filters label{font-size:12px;color:#666}.erp-page .erp-filters select,.erp-page .erp-filters input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;min-width:120px}.erp-page .erp-tabs{display:flex;gap:4px;padding:8px 12px;background:#fff;border-bottom:1px solid #eee}.erp-page .erp-tabs .tab-btn{padding:8px 14px;border:1px solid #ddd;background:#f5f5f5;border-radius:6px;cursor:pointer;font-size:13px;text-transform:capitalize}.erp-page .erp-tabs .tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}.erp-page .erp-table-wrap{flex:1;overflow:auto;padding:12px}.erp-page .erp-loading,.erp-page .erp-no-data{padding:24px;text-align:center;color:#666}.erp-page .erp-table{width:100%;border-collapse:collapse;font-size:13px}.erp-page .erp-table th,.erp-page .erp-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}.erp-page .erp-table th{background:#f5f5f5;font-weight:600;color:#333}.erp-page .erp-table tbody tr:hover{background:#fafafa}.erp-page .status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;text-transform:capitalize}.erp-page .status-draft{background:#e9ecef;color:#495057}.erp-page .status-submitted{background:#cce5ff;color:#004085}.erp-page .status-partially_received{background:#fff3cd;color:#856404}.erp-page .status-received{background:#d4edda;color:#155724}.erp-page .status-confirmed,.erp-page .status-picking,.erp-page .status-sent,.erp-page .status-partially_paid{background:#cce5ff;color:#004085}.erp-page .status-shipped,.erp-page .status-paid,.erp-page .status-posted,.erp-page .status-accepted,.erp-page .status-completed{background:#d4edda;color:#155724}.erp-page .status-invoiced,.erp-page .status-closed{background:#e2e3e5;color:#383d41}.erp-page .status-cancelled,.erp-page .status-declined,.erp-page .status-overdue{background:#f8d7da;color:#721c24}.erp-page .btn-link{background:none;border:none;color:#007bff;cursor:pointer;padding:0 6px;font-size:13px}.erp-page .btn-link:hover{text-decoration:underline}.erp-page .btn-link.primary{font-weight:600}.erp-page .btn-link.danger{color:#dc3545}.erp-page .add-button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer}.erp-page .add-button:hover:not(:disabled){background:#0056b3}.erp-page .add-button:disabled{background:#ccc;cursor:not-allowed}.erp-page .modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.erp-page .modal-content{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow:auto;padding:20px;box-shadow:0 4px 20px #00000026}.erp-page .modal-content h3{margin-top:0}.erp-page .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.erp-page .btn-primary{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.erp-page .btn-secondary{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.erp-page .receive-modal .receive-lines{margin:12px 0}.erp-page .receive-line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.erp-page .receive-line input[type=number]{width:80px;padding:4px 8px}.erp-page .po-form-modal .form-row,.erp-page .po-form-modal .form-section{margin-bottom:12px}.erp-page .po-form-modal .form-row label,.erp-page .po-form-modal .form-section-header{display:block;margin-bottom:4px;font-weight:500}.erp-page .po-form-modal .form-row input,.erp-page .po-form-modal .form-row select{width:100%;max-width:400px;padding:8px}.erp-page .po-form-modal .form-section-header{display:flex;justify-content:space-between;align-items:center}.erp-page .po-form-modal .line-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.erp-page .po-form-modal .line-row select{min-width:200px}.erp-page .po-form-modal .line-row input[type=number]{width:80px}.erp-page .ai-button{padding:8px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.erp-page .ai-button:disabled{opacity:.6;cursor:not-allowed}.erp-page .header-actions{display:flex;gap:8px;flex-wrap:wrap}.erp-page .reorder-modal{width:960px}.erp-page .reorder-controls label,.erp-page .reorder-footer label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.erp-page .reorder-controls select,.erp-page .reorder-footer select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px}.erp-page .reorder-hint{color:#6b7280;font-size:14px}.erp-page .reorder-error{color:#b91c1c;font-size:14px}.erp-page .reorder-summary{margin:12px 0;padding:10px 12px;background:#f5f3ff;border-radius:8px;color:#4c1d95;font-size:14px}.erp-page .reorder-table-wrap{padding:0;max-height:50vh}.erp-page .reorder-unselected{opacity:.55}.erp-page .reorder-name{font-weight:600}.erp-page .reorder-sku{font-size:12px;color:#6b7280}.erp-page .reorder-qty{width:80px;padding:4px 6px}.erp-page .reorder-reason{min-width:220px;white-space:normal!important;color:#4b5563}.erp-page .reorder-priority{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;text-transform:capitalize}.erp-page .reorder-priority.high{background:#fee2e2;color:#991b1b}.erp-page .reorder-priority.medium{background:#fef3c7;color:#92400e}.erp-page .reorder-priority.low{background:#e5e7eb;color:#374151}.erp-page .reorder-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.erp-page .reorder-total{font-size:14px;color:#374151;font-weight:600}.erp-page .reorder-footnote{margin:10px 0 0;font-size:12px;color:#9ca3af}@media(max-width:768px){.erp-page .erp-header h1{font-size:1.15rem}.erp-page .erp-header .add-button,.erp-page .erp-filters .add-button{width:100%}.erp-page .erp-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.erp-page .erp-tabs .tab-btn{flex:0 0 auto;white-space:nowrap}.erp-page .erp-table th,.erp-page .erp-table td{white-space:nowrap;padding:10px}.erp-page .btn-link{padding:8px 10px;min-height:36px}.erp-page .modal-content{width:100%;max-width:100%;max-height:90dvh;padding:16px}.erp-page .modal-actions{flex-wrap:wrap}.erp-page .modal-actions>button{flex:1 1 auto}.erp-page .po-form-modal .line-row{flex-wrap:wrap}.erp-page .po-form-modal .line-row select{min-width:0;flex:1 1 100%}.erp-page .receive-line{flex-wrap:wrap}}.assistant-page{display:flex;flex-direction:column;height:100%;min-height:0;max-width:900px;margin:0 auto;padding:20px;gap:12px}.assistant-page .assistant-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.assistant-page .assistant-header h1{margin:0;font-size:1.5rem;color:#1f2937}.assistant-page .assistant-header p{margin:4px 0 0;color:#6b7280;font-size:14px}.assistant-page .assistant-clear{flex-shrink:0;padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151}.assistant-page .assistant-notice{padding:12px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:14px}.assistant-page .assistant-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.assistant-page .assistant-empty p{margin:0 0 10px;color:#6b7280;font-size:14px}.assistant-page .assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px}.assistant-page .assistant-suggestions button{padding:8px 12px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;color:#5b21b6;font-size:13px;text-align:left}.assistant-page .assistant-suggestions button:hover:not(:disabled){background:#ede9fe;border-color:#c4b5fd}.assistant-page .assistant-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-page .assistant-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.assistant-page .assistant-bubble.assistant{align-self:flex-start;background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px}.assistant-page .assistant-bubble.thinking{display:flex;gap:4px;align-items:center}.assistant-page .assistant-bubble.thinking .dot{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:assistant-bounce 1.2s infinite ease-in-out}.assistant-page .assistant-bubble.thinking .dot:nth-child(2){animation-delay:.15s}.assistant-page .assistant-bubble.thinking .dot:nth-child(3){animation-delay:.3s}@keyframes assistant-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.assistant-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.assistant-page .assistant-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px}.assistant-page .assistant-input{display:flex;gap:8px;align-items:flex-end}.assistant-page .assistant-input textarea{flex:1;min-height:44px;max-height:140px;padding:11px 14px;border:1px solid #d1d5db;border-radius:10px;font:inherit;font-size:15px;resize:vertical}.assistant-page .assistant-input textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.assistant-page .assistant-input button{height:44px;padding:0 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600}.assistant-page .assistant-input button:disabled{opacity:.5;cursor:not-allowed}.assistant-page .assistant-footnote{margin:0;color:#9ca3af;font-size:12px;text-align:center}@media(max-width:768px){.assistant-page{padding:12px}.assistant-page .assistant-header h1{font-size:1.25rem}.assistant-page .assistant-bubble{max-width:92%}}.fullscreen-prompt-btn~.main-content .assistant-page{padding-bottom:84px}.shop-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--shop-bg, #fafafa)}.shop-header{background:var(--shop-header-bg, #1a1a2e);color:var(--shop-header-text, #eee);box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:100}.shop-header-inner{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.shop-logo{font-size:1.5rem;font-weight:700;color:inherit;text-decoration:none;letter-spacing:-.02em}.shop-logo:hover{color:#fff}.shop-nav{display:flex;align-items:center;gap:1.5rem}.shop-nav a{color:inherit;text-decoration:none;font-weight:500;opacity:.9}.shop-nav a:hover{opacity:1}.shop-cart-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#ffffff1f;border-radius:999px}.shop-cart-icon{font-size:1.2rem}.shop-cart-count{min-width:1.25rem;height:1.25rem;background:#e94560;color:#fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.shop-main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:1.5rem}.shop-footer{background:var(--shop-footer-bg, #16213e);color:var(--shop-footer-text, #a0a0a0);margin-top:auto}.shop-footer-inner{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.shop-footer-inner p{margin:0}.shop-admin-link{color:inherit;text-decoration:none;opacity:.8}.shop-admin-link:hover{opacity:1}.shop-page{min-height:60vh}.shop-loading,.shop-error,.shop-no-data{text-align:center;padding:3rem 1rem;color:#666}.shop-error{color:#c00}.store-select-page{display:flex;align-items:center;justify-content:center;padding:2rem}.store-select-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem;max-width:560px;width:100%}.store-select-card h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#1a1a2e}.store-select-sub{margin:0 0 1.5rem;color:#666;font-size:.95rem}.store-select-grid{display:flex;flex-direction:column;gap:.75rem}.store-select-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;background:#f5f5f5;border:2px solid transparent;border-radius:12px;cursor:pointer;font-size:1rem;text-align:left;transition:all .2s}.store-select-btn:hover{background:#eee;border-color:#1a1a2e}.store-select-name{font-weight:600;color:#1a1a2e}.store-select-meta{font-size:.85rem;color:#666;margin-top:.25rem}.shop-catalog-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.shop-catalog-title{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a2e}.shop-catalog-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.shop-catalog-filters input,.shop-catalog-filters select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem}.shop-catalog-filters input{min-width:200px}.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.shop-product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.shop-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.shop-product-card-image{aspect-ratio:1;background:#f0f0f0;object-fit:cover;width:100%}.shop-product-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.shop-product-card-name{margin:0 0 .25rem;font-weight:600;font-size:1rem;color:#1a1a2e;line-height:1.3}.shop-product-card-price{font-size:1.125rem;font-weight:700;color:#e94560;margin-top:auto}.shop-product-card-actions{padding:0 1rem 1rem}.shop-product-card-actions button{width:100%;padding:.6rem 1rem;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}.shop-product-card-actions button:hover{background:#16213e}.shop-product-card-actions button:disabled{background:#999;cursor:not-allowed}.shop-product-detail{display:grid;gap:2rem;max-width:900px;margin:0 auto}@media(min-width:640px){.shop-product-detail{grid-template-columns:1fr 1fr}}.shop-product-detail-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f0f0f0}.shop-product-detail-info h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#1a1a2e}.shop-product-detail-price{font-size:1.5rem;font-weight:700;color:#e94560;margin-bottom:1rem}.shop-product-detail-desc{color:#555;line-height:1.6;margin-bottom:1rem}.shop-product-detail-variants{margin-bottom:1rem}.shop-product-detail-variants label{display:block;font-weight:500;margin-bottom:.5rem}.shop-product-detail-variants select{width:100%;max-width:280px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px}.shop-product-detail-qty{margin-bottom:1rem}.shop-product-detail-qty label{display:block;font-weight:500;margin-bottom:.5rem}.shop-product-detail-qty input{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:8px}.shop-product-detail-actions button{padding:.75rem 1.5rem;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}.shop-product-detail-actions button:hover{background:#16213e}.shop-cart-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1a1a2e}.shop-cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.shop-cart-table th,.shop-cart-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.shop-cart-table th{background:#f8f8f8;font-weight:600;color:#333}.shop-cart-table input[type=number]{width:60px;padding:.35rem;border:1px solid #ddd;border-radius:6px}.shop-cart-remove{background:none;border:none;color:#c00;cursor:pointer;font-size:.85rem;text-decoration:underline}.shop-cart-footer{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.shop-cart-subtotal{font-size:1.25rem;font-weight:700;color:#1a1a2e}.shop-cart-checkout-btn{padding:.75rem 1.5rem;background:#e94560;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}.shop-cart-checkout-btn:hover{background:#d63a52}.shop-cart-checkout-btn:disabled{background:#999;cursor:not-allowed}.shop-checkout-form{max-width:520px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000f}.shop-checkout-form h2{margin:0 0 1rem;font-size:1.25rem;color:#1a1a2e}.shop-checkout-form .form-row{margin-bottom:1rem}.shop-checkout-form label{display:block;font-weight:500;margin-bottom:.35rem;font-size:.9rem}.shop-checkout-form input,.shop-checkout-form textarea{width:100%;padding:.6rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.shop-checkout-form textarea{min-height:80px;resize:vertical}.shop-checkout-submit{width:100%;padding:.85rem;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:.5rem}.shop-checkout-submit:hover{background:#16213e}.shop-checkout-submit:disabled{background:#999;cursor:not-allowed}.shop-confirmation-card{max-width:480px;margin:0 auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 24px #00000014;text-align:center}.shop-confirmation-card h1{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a2e}.shop-confirmation-card .order-number{font-size:1.25rem;font-weight:700;color:#e94560;margin:1rem 0}.shop-confirmation-card p{color:#666;margin:.5rem 0}.shop-confirmation-card a{display:inline-block;margin-top:1.5rem;padding:.6rem 1.25rem;background:#1a1a2e;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.shop-confirmation-card a:hover{background:#16213e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:768px){.main-content input:not([type=checkbox]):not([type=radio]):not([type=range]),.main-content select,.main-content textarea,.login-container input{font-size:16px!important}.main-content .filter-row>.filter-group,.main-content .filter-row>.filter-group.search-field,.main-content .filters-row>.filter-group{flex:0 0 auto!important}.main-content .header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.main-content .header-actions .export-buttons{display:contents}.main-content .header-actions>*,.main-content .header-actions .export-buttons>*{width:100%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content .header-actions>:only-child{grid-column:1 / -1}.main-content .modal-overlay{padding:10px!important;align-items:flex-start!important;padding-top:max(10px,env(safe-area-inset-top))!important}.main-content .modal-overlay>div{max-width:100%!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto}}@media(pointer:coarse){.main-content .btn-edit,.main-content .btn-delete,.main-content .btn-view,.main-content .btn-refund,.main-content .clear-filters-btn{min-height:36px;min-width:44px}}