@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Myanmar:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";:root{--primary:#08a045;--secondary:#df1995;--black:#000;--white:#fff;--bg-main:#181818;--bg-card:#212121;--bg-header:#2c2c2c;--text-main:#fff;--text-muted:#aaa;--border-color:#2e2e2e;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0009;--shadow-md:0 3px 6px #0009, 0 3px 6px #000000b3;--shadow-lg:0 10px 20px #000000b3, 0 6px 6px #000000b3;--shadow-appbar:0 2px 4px #00000080;--font-sans:"Noto Sans Myanmar", "Inter", "Roboto", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-container{height:100dvh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);width:280px;color:var(--text-main);z-index:100;border-right:1px solid var(--border-color);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:4px 0 12px #00000080}.sidebar-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding:24px 20px;display:flex}.sidebar-header .owner-title{color:var(--text-main);font-size:18px;font-weight:700}.sidebar-header .pos-subtitle{color:var(--text-muted);font-size:14px}.sidebar-header .shop-name{color:var(--text-muted);margin-top:2px;font-size:14px}.nav-links{flex:1;padding:12px 0;list-style:none;overflow-y:auto}.nav-link{color:var(--text-main);align-items:center;gap:20px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background-color:#ffffff0a}.nav-link.active{color:#4caf50;background-color:#08a0451f;border-radius:0 24px 24px 0;margin-right:12px}.nav-link.active svg{color:#4caf50!important}.drawer-divider{background-color:var(--border-color);height:1px;margin:8px 0}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{background-color:var(--bg-header);height:64px;color:var(--text-main);box-shadow:var(--shadow-appbar);z-index:10;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.menu-btn{cursor:pointer;color:var(--text-main);background:0 0;border:none;padding:8px;display:none}.page-title{font-size:20px;font-weight:600}.page-container{flex:1;padding:24px;overflow-y:auto}@media (width<=768px){.sidebar{height:100%;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:block}.page-container{padding:16px}}.sidebar-overlay{z-index:90;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.open{display:block}}.card{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-sm{border-radius:4px;padding:6px 12px;font-size:13px}.btn-text{color:var(--primary);background-color:#0000;padding:8px 12px}.btn-text:hover{background-color:#08a04514}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{border-color:var(--text-muted);background-color:#ffffff0a}.action-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background-color:#1e1e1e;border-radius:4px;outline:none;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}select.form-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.search-bar{gap:12px;margin-bottom:20px;display:flex}.search-bar .form-input{flex:1}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.item-card{background:var(--white);cursor:pointer;text-align:center;aspect-ratio:1;box-shadow:var(--shadow-sm);border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card:active{box-shadow:var(--shadow-sm);transform:scale(.98)}.item-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-weight:600;display:-webkit-box;overflow:hidden}.item-card-price{color:var(--primary);font-size:18px;font-weight:700}.fab-primary{background-color:var(--primary);width:64px;height:64px;color:var(--white);box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;border:none;border-radius:32px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px}.fab-primary:active{transform:scale(.9)}.cart-badge{background:var(--black);color:var(--white);border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;right:0}.form-input-underlined{border:none;border-bottom:1.5px solid var(--border-color);width:100%;color:var(--text-main);background:0 0;outline:none;padding:8px 0;font-family:inherit;font-size:16px;transition:border-bottom-color .2s cubic-bezier(.4,0,.2,1)}.form-input-underlined:focus{border-bottom-color:var(--primary)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#555;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--white);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0006}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.shape-square{border-radius:4px}.shape-circle{border-radius:50%}.shape-scallop{clip-path:polygon(50% 0%,63% 5%,75% 0%,82% 10%,93% 8%,95% 20%,100% 25%,98% 37%,100% 50%,98% 63%,100% 75%,95% 80%,93% 92%,82% 90%,75% 100%,63% 95%,50% 100%,37% 95%,25% 100%,18% 90%,7% 92%,5% 80%,0% 75%,2% 63%,0% 50%,2% 37%,0% 25%,5% 20%,7% 8%,18% 10%,25% 0%,37% 5%)}.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.scanner-fullscreen-container{z-index:10000;background-color:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-header{color:#fff;background-color:#000c;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.scanner-body{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner-viewfinder-overlay{box-sizing:border-box;z-index:10;pointer-events:none;border:2px solid #fff3;border-radius:12px;width:260px;height:260px;position:absolute}.scanner-corner-tr,.scanner-corner-tl,.scanner-corner-br,.scanner-corner-bl{border:0 solid #4caf50;width:24px;height:24px;position:absolute}.scanner-corner-tl{border-top-width:4px;border-left-width:4px;border-top-left-radius:8px;top:-2px;left:-2px}.scanner-corner-tr{border-top-width:4px;border-right-width:4px;border-top-right-radius:8px;top:-2px;right:-2px}.scanner-corner-bl{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:8px;bottom:-2px;left:-2px}.scanner-corner-br{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:8px;bottom:-2px;right:-2px}.scanner-laser-line{z-index:11;background-color:#4caf50;width:100%;height:3px;animation:3s linear infinite scanLineAnimation;position:absolute;top:0;box-shadow:0 0 8px #4caf50}@keyframes scanLineAnimation{0%{top:0}50%{top:256px}to{top:0}}.scanner-guideline-text{color:#ffffffb3;text-align:center;z-index:12;width:100%;font-size:14px;position:absolute;bottom:40px;left:0}.sticky-header-container{z-index:10;background-color:var(--bg-main);border-bottom:1px solid var(--border-color);margin-top:-24px;margin-bottom:16px;padding-top:24px;padding-bottom:8px;position:sticky;top:-24px}@media (width<=768px){.sticky-header-container{margin-top:-16px;padding-top:16px;top:-16px}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px!important}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}body,button,select,a,div,span,h1,h2,h3,h4,h5,h6,table,th,td,img,svg{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}