:root{--primary: #2563EB;--primary-hover: #1D4ED8;--secondary: #10B981;--background: #F3F4F6;--surface: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--border: #E5E7EB;--danger: #EF4444;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-main);background-color:var(--background)}[data-theme=dark]{--primary: #3B82F6;--primary-hover: #2563EB;--secondary: #10B981;--background: #0F172A;--surface: #1E293B;--text-main: #F1F5F9;--text-muted: #94A3B8;--border: #334155;--danger: #F87171;color-scheme:dark;color:var(--text-main);background-color:var(--background)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}[data-theme=dark] button:not(.primary):not([style*=background]){color:var(--text-main);background-color:#1e293b}[data-theme=dark] .product-card{background:#1e293b;border-color:#334155}[data-theme=dark] .header,[data-theme=dark] .bottom-nav{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .bottom-sheet,[data-theme=dark] .modal-content{background:#1e293b!important}[data-theme=dark] [style*="background: #F9FAFB"],[data-theme=dark] [style*="background:#F9FAFB"],[data-theme=dark] [style*="background: #F1F5F9"],[data-theme=dark] [style*="background: rgb(249, 250, 251)"],[data-theme=dark] [style*="background: #F8FAFC"],[data-theme=dark] [style*="background:#F8FAFC"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background: #FFFFFF"]{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] [style*="background: #F9FAFB"] span,[data-theme=dark] [style*="background:#F9FAFB"] span,[data-theme=dark] [style*="background: #F8FAFC"] span,[data-theme=dark] [style*="background:#F8FAFC"] span{color:#f1f5f9!important}button,a,.header,.bottom-nav,.product-card,.bottom-sheet,.desktop-sidebar,.sidebar-nav-item,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .15s ease}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*:focus{outline:none}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background)}video{width:100%!important;height:100%!important;object-fit:cover!important}h1,h2,h3,p{margin:0}button{border-radius:12px;border:1px solid transparent;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--text-main);cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000000d}button:active{transform:scale(.98)}button.primary{background-color:var(--primary);color:#fff}button.primary:hover{background-color:var(--primary-hover)}button.secondary{background-color:var(--secondary);color:#fff}button.danger{background-color:var(--danger);color:#fff}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.main-content{flex:1;overflow-y:auto;padding:1rem}.pos-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;height:100%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.product-card{background:var(--surface);border-radius:16px;padding:1.5rem 1rem;text-align:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;border:2px solid transparent;transition:border-color .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px}.product-card:hover{border-color:var(--primary)}.product-name{font-weight:600;margin-bottom:.5rem}.product-price{color:var(--secondary);font-weight:700}.badge-online{background:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.badge-offline{background:#fee2e2;color:#991b1b;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}@media(max-width:768px){button{padding:.75rem 1rem;font-size:.95rem}.header{flex-direction:column;padding:1rem;gap:1rem;align-items:stretch}.header>div{flex-wrap:wrap;justify-content:space-between;width:100%}.header nav{width:100%;overflow-x:auto;padding-bottom:.5rem;justify-content:flex-start!important;gap:.75rem!important;-ms-overflow-style:none;scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}.pos-grid{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.product-card{padding:1rem;min-height:140px}input[type=text],input[type=number],input[type=password],input[type=url],select{font-size:16px!important}.table-responsive{overflow-x:auto;width:100%;display:block;-webkit-overflow-scrolling:touch}.modal-content{width:95%!important;padding:1.5rem!important;max-height:90vh!important;overflow-y:auto!important}.sticky-search{position:sticky;top:-1rem;z-index:50;background-color:var(--background);padding:1rem 0 .5rem;margin-top:-1rem;padding-bottom:15px}}.header-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-weight:500;color:var(--text-main);cursor:pointer;position:relative}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.show-on-mobile,.bottom-nav,.mini-cart-summary{display:none!important}@media(min-width:769px){.hide-on-pc{display:none!important}}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.header-action-btn{width:42px;height:42px;padding:0!important;justify-content:center;border-radius:12px;border-color:transparent!important}.header-action-btn svg{width:20px;height:20px}.btn-user-mobile{background:#dbeafe!important;color:#1d4ed8!important}.btn-z-mobile{background:#fee2e2!important;color:#b91c1c!important}.mobile-select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.desktop-content-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.main-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(75px + max(20px,env(safe-area-inset-bottom,20px)))!important}.card-container{padding:1rem!important}.form-grid-mobile{flex-direction:column;align-items:stretch!important}.form-grid-mobile>*{width:100%!important;flex:1 1 100%!important}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:var(--surface);display:flex!important;justify-content:space-around;align-items:center;padding:.75rem .5rem;padding-bottom:calc(.75rem + max(12px,env(safe-area-inset-bottom,12px)));box-shadow:0 -4px 10px #0000000d;border-top:1px solid var(--border);z-index:800}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;background:transparent;border:none;box-shadow:none;padding:.5rem}.nav-item.active{color:var(--primary)}.nav-item svg{margin-bottom:2px}.header{flex-direction:row;align-items:center;padding:.75rem 1rem;padding-top:calc(1rem + max(40px,env(safe-area-inset-top,40px)))!important;position:sticky;top:0;z-index:100}.product-card{background:#fff;border:1px solid var(--border);box-shadow:0 4px 10px #0000000f;border-radius:14px;padding:1.2rem;min-height:150px;justify-content:flex-start}.product-name{font-size:1.1rem;font-weight:700;line-height:1.25;margin-bottom:.75rem}.product-price{font-size:1.15rem;font-weight:800;color:var(--primary);margin-top:auto}.bottom-sheet{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 25px #00000026;z-index:1100;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;max-height:90vh}.mini-cart-summary{position:fixed;bottom:calc(110px + max(24px,env(safe-area-inset-bottom,24px)));left:50%;transform:translate(-50%);width:90%;background-color:var(--text-main);color:#fff;border-radius:999px;padding:.75rem 1.5rem;display:flex!important;justify-content:space-between;align-items:center;font-weight:600;box-shadow:0 4px 15px #0003;z-index:900}}@media(min-width:769px){.app-container{flex-direction:row!important;height:100vh;overflow:hidden}.header{display:none!important}.desktop-sidebar{width:240px;flex-shrink:0;background:#0f172a;color:#fff;display:flex!important;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);z-index:200}.desktop-sidebar::-webkit-scrollbar{width:0}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.4rem 1.2rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sidebar-logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #4f46e566}.sidebar-brand{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2}.sidebar-sub{font-size:.62rem;color:#ffffff59;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.sidebar-nav{flex:1;padding:.85rem .65rem;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.sidebar-section-label{padding:.8rem .65rem .3rem;font-size:.6rem;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:.09em}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:#ffffff8c;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:10px;transition:background .15s,color .15s;position:relative;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;box-shadow:none}.sidebar-nav-item:hover{background:#ffffff12;color:#ffffffe6}.sidebar-nav-item.active{background:#4f46e538;color:#fff;font-weight:600}.sidebar-nav-item.active:after{content:"";position:absolute;right:0;top:20%;height:60%;width:3px;background:#6366f1;border-radius:4px 0 0 4px}.sidebar-footer{padding:1rem .65rem;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;display:flex;flex-direction:column;gap:.6rem}.sidebar-user-card{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:10px;background:#ffffff0d}.sidebar-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;flex-shrink:0}.sidebar-username{font-size:.82rem;font-weight:600;color:#fff;line-height:1.2}.sidebar-role{font-size:.65rem;color:#ffffff59}.sidebar-footer-actions{display:flex;gap:.4rem;flex-wrap:wrap}.desktop-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100vh;background:var(--background)}.desktop-topbar{display:flex!important;align-items:center;justify-content:space-between;padding:.75rem 1.75rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000a;flex-shrink:0;height:56px}.desktop-content-area .main-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.pos-grid{grid-template-columns:2fr 1fr;height:calc(100vh - 56px)}.product-card{min-height:120px;padding:1.25rem 1rem}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.responsive-fixed-bottom{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:1rem;z-index:90;box-shadow:0 -4px 6px -1px #0000000d}@media(max-width:768px){.responsive-fixed-bottom{position:fixed!important;bottom:0;left:0;right:0;padding-bottom:calc(1.5rem + 75px + env(safe-area-inset-bottom,12px))!important}}