.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.z-50{z-index:50}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-1{margin-right:.25rem}.block{display:block}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.w-10{width:2.5rem}.w-4{width:1rem}.w-52{width:13rem}.w-56{width:14rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-0{border-width:0px}.border-t{border-top-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:transparent}.bg-accent{background-color:var(--accent)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--danger)}.bg-input{background-color:var(--input-bg)}.bg-popover{background-color:var(--card)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-2{padding:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-accent{color:var(--accent)}.text-accent-foreground{color:var(--btn-text)}.text-destructive-foreground{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-foreground,.text-popover-foreground{color:var(--text)}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #0d1117;--card: #161b22;--text: #e6edf3;--muted: #8b949e;--accent: #2f81f7;--accent-2: #388bfd;--accent-hover: #1f6feb;--danger: #f85149;--success: #3fb950;--radius: 8px;--border: #30363d;--bg-gradient: #0d1117;--input-bg: #0d1117;--btn-text: #ffffff;--warning: #d29922;--warning-light: rgba(210, 153, 34, .12);color-scheme:dark}[data-theme=light]{--bg: #ffffff;--card: #ffffff;--text: #1f2328;--muted: #59636e;--accent: #0969da;--accent-2: #0969da;--accent-hover: #0860ca;--danger: #cf222e;--success: #1a7f37;--border: #d1d9e0;--bg-gradient: #f6f8fa;--input-bg: #ffffff;--btn-text: #ffffff;--warning: #9a6700;--warning-light: rgba(154, 103, 0, .08);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-gradient);color:var(--text);min-height:100vh}a{color:inherit}button{font-family:inherit}input,select,button,textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:8px 12px;font-size:14px}input:focus,select:focus,textarea:focus,button:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2f81f733}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.badge{padding:2px 8px;border-radius:6px;font-size:12px;border:1px solid var(--border)}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--btn-text);padding:8px 14px;border-radius:var(--radius);font-weight:500;cursor:pointer;font-size:14px;transition:background-color .12s ease,border-color .12s ease}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{background:var(--card);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--input-bg);border-color:var(--muted)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#da3633;border-color:#da3633}label{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}input,select,textarea{width:100%}.form-row{display:flex;gap:12px}.form-col{flex:1;display:flex;flex-direction:column;gap:6px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--muted);font-weight:500;font-size:13px}.tag{padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);font-size:12px}.chip{border:1px solid var(--border);padding:6px 10px;border-radius:6px;background:var(--input-bg);cursor:pointer}.section-title{font-size:18px;margin:0 0 10px}.error{color:#f87171}.success{color:#22c55e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:30}.modal{width:min(540px,92vw);overflow-x:hidden}.modal input,.modal select,.modal textarea{max-width:100%}.form-grid>*{min-width:0}.hero{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.dashboard-header,.hamburger-wrap{position:relative}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scanner-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px}.camera-view{width:100%;border-radius:8px;overflow:hidden}.theme-toggle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text)}.theme-toggle:hover{background:var(--input-bg);border-color:var(--muted)}@media (max-width: 720px){.form-row{flex-direction:column}.header{flex-direction:column;align-items:flex-start}.table{font-size:14px}.table th,.table td{padding:8px 4px}.btn{padding:12px 14px}.hero{grid-template-columns:1fr}}@media (max-width: 720px),(max-height: 760px){.header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:6px;overflow:visible}.header-actions .btn,.header-actions .theme-toggle{width:40px;height:40px;padding:0;min-width:40px;border-radius:var(--radius);flex-shrink:0}.header-actions .btn svg{font-size:22px}}@media (max-width: 480px){body{font-size:14px}.card{padding:14px;border-radius:10px}.modal{width:96vw;max-height:90vh;overflow-y:auto}.form-grid{grid-template-columns:1fr}h1{font-size:22px}h2{font-size:18px}.section-title{font-size:16px}.table-responsive{overflow-x:auto;margin:0 -14px;padding:0 14px}.header .flex{width:100%;flex-wrap:wrap}.header .btn{flex:1;min-width:80px;text-align:center}}@media (max-width: 640px){.table .hide-mobile{display:none}.table th,.table td{padding:8px 4px;font-size:13px}.table{min-width:unset}}@media (max-width: 720px){.dashboard-page{padding-right:18px!important;padding-bottom:80px!important}.dashboard-header .header-actions{display:none!important}}.qty-btn{width:28px;height:28px;padding:0;border-radius:50%;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--input-bg);border:1px solid var(--border);color:var(--text);transition:background .15s ease}.qty-btn:hover{background:var(--accent);color:var(--btn-text)}.qty-display{display:inline-flex;align-items:center;gap:6px}.csv-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.page-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}.page-action-btn svg{width:18px;height:18px;flex-shrink:0}.stock-mobile-list{display:grid;gap:12px}.stock-mobile-item{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--input-bg);cursor:pointer}.stock-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.stock-mobile-title-wrap{flex:1;min-width:0}.stock-mobile-name{font-weight:600;font-size:15px;line-height:1.25}.stock-mobile-price{margin-top:2px;font-size:12px;color:var(--muted)}.stock-mobile-actions{display:flex;flex-shrink:0;align-items:flex-start;gap:6px}.stock-mobile-actions .btn{min-width:38px;padding:6px 8px!important}.stock-mobile-actions .btn.secondary{margin-right:0!important}.stock-mobile-meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:8px;color:var(--muted);font-size:12px}.stock-mobile-controls{display:grid;gap:8px;margin-top:10px}.stock-mobile-control{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}.stock-mobile-label{flex-shrink:0;font-size:12px;color:var(--muted)}.stock-mobile-control .qty-display{justify-content:space-between;width:100%;max-width:210px}.user-mobile-list{display:grid;gap:12px}.user-mobile-item{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--input-bg)}.user-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.user-mobile-title-wrap{flex:1;min-width:0}.user-mobile-name{font-weight:600;font-size:15px;line-height:1.25}.user-mobile-meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:8px;color:var(--muted);font-size:12px}.user-mobile-header-actions{display:flex;flex-shrink:0;align-items:flex-start;gap:6px}.user-mobile-header-actions .btn{min-width:38px;padding:6px 8px!important}.user-mobile-actions{display:grid;gap:8px;margin-top:12px;grid-template-columns:1fr}.user-mobile-action-btn{width:100%;min-height:40px;padding:10px 12px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.user-mobile-action-btn svg{width:18px;height:18px;flex-shrink:0}@media (min-width: 520px){.user-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-action-btn{width:100%;min-width:0;min-height:42px;padding:10px 12px!important;font-size:14px!important;line-height:1.2}.page-action-btn svg{width:16px;height:16px}.full-row-mobile{grid-column:1 / -1}.stock-mobile-actions .btn{min-width:36px;padding:5px 7px!important}.stock-mobile-control .qty-display{max-width:none}.user-mobile-header-actions .btn{min-width:36px;padding:5px 7px!important}.qty-btn{width:30px;height:30px}}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted)}.hover\:bg-input:hover{background-color:var(--input-bg)}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-accent:focus-visible{--tw-ring-color: var(--accent)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&\>\*\:first-child\]\:rounded-r-none>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:last-child\]\:rounded-l-none>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none>*:not(:first-child):not(:last-child){border-radius:0}