@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-6{bottom:1.5rem}.left-0{left:0}.right-0\.5{right:.125rem}.right-6{right:1.5rem}.top-0\.5{top:.125rem}.z-50{z-index:50}.z-\[999\]{z-index:999}.m-0{margin:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[480px\]{height:480px}.h-auto{height:auto}.h-full{height:100%}.max-h-24{max-height:6rem}.min-h-0{min-height:0}.w-1{width:.25rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[240px\]{width:240px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[120px\]{max-width:120px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[80\%\]{max-width:80%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-150,.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-violet-500\/20{border-color:#8b5cf633}.bg-\[\#FF8A00\]{--tw-bg-opacity:1;background-color:rgb(255 138 0/var(--tw-bg-opacity,1))}.bg-\[\#FF8A00\]\/5{background-color:#ff8a000d}.bg-\[\#FFCC99\]{--tw-bg-opacity:1;background-color:rgb(255 204 153/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#FF8A00\]{--tw-text-opacity:1;color:rgb(255 138 0/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.no-underline{text-decoration-line:none}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[\#FF8A00\]\/30{--tw-shadow-color:#ff8a004d;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.brightness-0{--tw-brightness:brightness(0);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)}.invert{--tw-invert:invert(100%);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)}.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-color:#f8fafc;--panel-bg:#fff;--border-color:#e2e8f0;--border-focus:#88c425;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--brand-primary:#88c425;--brand-primary-hover:#72a61d;--brand-primary-light:#88c42514;--brand-primary-light-hover:#88c42526;--card-shadow:0 4px 6px -1px #0000000d, 0 10px 15px -3px #0000000d;--input-bg:#f8fafc}html,body{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}body.dark-theme{--bg-color:#0f172a;--panel-bg:#1e293b;--border-color:#334155;--border-focus:#88c425;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--brand-primary:#88c425;--brand-primary-hover:#9edc36;--brand-primary-light:#88c42526;--card-shadow:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--input-bg:#1e293b}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}*{box-sizing:border-box;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.pos-container{min-height:100vh;display:flex}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:280px;height:100vh;display:flex;position:sticky;top:0;box-shadow:2px 0 8px #00000005}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.logo-img{-o-object-fit:contain;object-fit:contain;width:36px;height:36px}.logo-text{color:var(--text-primary);letter-spacing:-.03em;font-size:1.3rem;font-weight:800}.logo-text span{color:var(--brand-primary)}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.menu-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{background-color:var(--brand-primary-light);color:var(--brand-primary)}.menu-item.active{background-color:var(--brand-primary);color:#fff;box-shadow:0 4px 12px #88c42533}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.topbar{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:80px;padding:0 2.5rem;display:flex}.topbar-title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.topbar-actions{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--brand-primary);color:#fff;box-shadow:0 4px 10px #88c42526}.btn-primary:hover{background-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #88c42540}.btn-secondary{background-color:var(--panel-bg);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--input-bg);color:var(--text-primary);border-color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem 2.5rem;display:grid}.stat-card{background-color:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;align-items:center;gap:1.25rem;padding:1.75rem;display:flex}.stat-icon{background-color:var(--brand-primary-light);width:56px;height:56px;color:var(--brand-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.02em;margin-top:.35rem;font-size:1.75rem;font-weight:700}.dashboard-section-card{background-color:var(--panel-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.register-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.register-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative;box-shadow:0 2px 4px #00000003}.register-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 10px 20px #88c4250d}.register-header{justify-content:space-between;align-items:flex-start;display:flex}.register-name{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.register-info-text{color:var(--text-secondary);margin:0;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-info{color:#475569;background:#f1f5f9}.table-responsive{border:1px solid var(--border-color);border-radius:12px;width:100%;overflow-x:auto}.team-table{border-collapse:collapse;text-align:left;width:100%}.team-table th{background-color:var(--input-bg);border-bottom:2px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:1rem 1.5rem;font-size:.8rem;font-weight:600}.team-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;white-space:nowrap;padding:1.25rem 1.5rem;font-size:.9rem}.team-table tr:last-child td{border-bottom:none}.team-table tr:hover td{background-color:var(--input-bg)}.cashier-layout{flex-grow:1;height:calc(100vh - 80px);display:flex;overflow:hidden}.catalog-panel{flex-direction:column;flex-grow:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.search-bar-container{gap:.75rem;display:flex}.search-input{border:1px solid var(--border-color);background-color:var(--panel-bg);color:var(--text-primary);border-radius:10px;outline:none;flex-grow:1;padding:.85rem 1.25rem;font-size:.95rem}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.categories-scroll{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-chip{background-color:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500}.category-chip.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 10px #88c42533}.category-chip:hover:not(.active){background-color:var(--brand-primary-light);color:var(--brand-primary)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.product-card{background-color:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000003}.product-card:hover{box-shadow:var(--card-shadow);border-color:var(--brand-primary);transform:translateY(-3px)}.product-img-placeholder{background-color:var(--input-bg);height:140px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.product-info{flex-direction:column;flex-grow:1;gap:.25rem;padding:1rem;display:flex}.product-name{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.product-stock{color:var(--text-secondary);font-size:.75rem}.product-price{color:var(--brand-primary);margin-top:auto;padding-top:.75rem;font-size:1.1rem;font-weight:700}.product-badge{text-transform:uppercase;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.cart-panel{background-color:var(--panel-bg);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:440px;display:flex;box-shadow:-4px 0 10px #00000003}.cart-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-title{margin:0;font-size:1.15rem;font-weight:700}.cart-items{flex-direction:column;flex-grow:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.cart-item-info{flex-grow:1}.cart-item-name{margin:0;font-size:.95rem;font-weight:700}.cart-item-price{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.cart-qty-ctrl{align-items:center;gap:.75rem;display:flex}.qty-btn{border:1px solid var(--border-color);background-color:var(--panel-bg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.qty-btn:hover{border-color:var(--brand-primary);background-color:var(--brand-primary-light);color:var(--brand-primary)}.cart-header-actions{align-items:center;gap:.6rem;display:flex}.cart-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.cart-action-btn:hover{filter:brightness(.95);transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.cart-action-btn:active{transform:translateY(0)}.cart-action-btn.btn-open-bills{color:#88c425;background-color:#88c4251a}.cart-action-btn.btn-open-bills:hover{background-color:#88c4252e}body.dark-theme .cart-action-btn.btn-open-bills{color:#9edc36;background-color:#88c4252e}body.dark-theme .cart-action-btn.btn-open-bills:hover{background-color:#88c42547}.cart-action-btn.btn-split-bill{color:#3b82f6;background-color:#3b82f61a}.cart-action-btn.btn-split-bill:hover{background-color:#3b82f62e}body.dark-theme .cart-action-btn.btn-split-bill{color:#60a5fa;background-color:#3b82f62e}body.dark-theme .cart-action-btn.btn-split-bill:hover{background-color:#3b82f647}.cart-action-btn.btn-save-bill{color:#0d9488;background-color:#0d94881a}.cart-action-btn.btn-save-bill:hover{background-color:#0d94882e}body.dark-theme .cart-action-btn.btn-save-bill{color:#2dd4bf;background-color:#0d94882e}body.dark-theme .cart-action-btn.btn-save-bill:hover{background-color:#0d948847}.cart-action-btn.btn-history{color:#6b7280;background-color:#6b72801a}.cart-action-btn.btn-history:hover{background-color:#6b72802e}body.dark-theme .cart-action-btn.btn-history{color:#cbd5e1;background-color:#9ca3af26}body.dark-theme .cart-action-btn.btn-history:hover{background-color:#9ca3af40}.cart-action-btn.btn-clear-cart{color:#ef4444;background-color:#ef44441a}.cart-action-btn.btn-clear-cart:hover{background-color:#ef44442e}body.dark-theme .cart-action-btn.btn-clear-cart{color:#f87171;background-color:#ef44442e}body.dark-theme .cart-action-btn.btn-clear-cart:hover{background-color:#ef444447}.cart-summary{border-top:1px solid var(--border-color);background-color:var(--input-bg);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.summary-row.total{color:var(--text-primary);border-top:1px dashed var(--border-color);margin-top:.75rem;padding-top:.75rem;font-size:1.3rem;font-weight:800}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:90%;max-width:540px;max-height:90vh;animation:.2s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-large{max-width:880px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{margin:0;font-size:1.25rem;font-weight:700}.modal-body{padding:2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.payment-grid{grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}.payment-methods{flex-direction:column;gap:.85rem;display:flex}.pay-method-btn{border:1px solid var(--border-color);background-color:var(--panel-bg);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.pay-method-btn.active{border-color:var(--brand-primary);background-color:var(--brand-primary-light);color:var(--brand-primary);box-shadow:0 4px 10px #88c4250d}.receipt-paper{color:#000;background-color:#fff;border:1px solid #ddd;width:100%;max-width:320px;margin:0 auto;padding:1.5rem;font-family:monospace;font-size:.8rem;line-height:1.4;box-shadow:0 4px 10px #0000001a}.receipt-header{text-align:center;margin-bottom:1rem}.receipt-divider{border-bottom:1px dashed #000;margin:.5rem 0}.receipt-row{justify-content:space-between;display:flex}@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.08)}50%{transform:scale(.95)}80%{transform:scale(1.02)}to{transform:scale(1)}}.cart-bounce-effect{animation:.4s ease-out cartBounce}.show-mobile{display:none}.hide-mobile{display:inline}@keyframes btnBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cart-btn-bounce{animation:.4s ease-out btnBounce}.mobile-quick-actions{display:none}@media (width<=1024px){.mobile-quick-actions{width:100%;margin-bottom:.75rem;padding:0 1rem;display:block}}.mobile-tab-bar{background-color:var(--panel-bg);border-top:1px solid var(--border-color);z-index:50;grid-template-columns:1fr 1fr;height:64px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.mobile-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.mobile-tab-btn.active{color:var(--brand-primary);border-bottom:3px solid var(--brand-primary)}@media (width<=1024px){.show-mobile{display:inline-block}.hide-mobile{display:none!important}.sidebar{z-index:1000;transition:left .3s;position:fixed;left:-280px}.sidebar.mobile-open{left:0}.pos-container{flex-direction:column}.topbar{height:60px;padding:0 .75rem}.topbar-title{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:1rem;overflow:hidden}.topbar-actions{gap:.5rem!important}.topbar-actions .btn{padding:.4rem .6rem!important;font-size:.75rem!important}.cashier-layout{flex-direction:column;height:calc(100vh - 124px);position:relative}.catalog-panel{gap:1rem;padding:1rem}.catalog-panel.mobile-active{width:100%;display:flex}.catalog-panel.mobile-inactive{display:none}.cart-panel{border-left:none;width:100%!important}.cart-panel.mobile-active{width:100%;display:flex}.cart-panel.mobile-inactive{display:none}.mobile-tab-bar{display:grid}.payment-grid{grid-template-columns:1fr;gap:1.5rem}.modal-body{padding:1.25rem}.stats-grid{gap:1rem!important;padding:1rem!important}.stat-card,.dashboard-section-card{padding:1.25rem!important}.register-grid{grid-template-columns:1fr!important;gap:1rem!important}}input[type=date].search-input{min-height:44px;font-family:inherit}.custom-datepicker::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-slate-100:hover{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.hover\:bg-\[\#E67C00\]:hover{--tw-bg-opacity:1;background-color:rgb(230 124 0/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-\[\#E67C00\]:hover{--tw-text-opacity:1;color:rgb(230 124 0/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/80:hover{color:#fffc}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-\[\#FF8A00\]:focus{--tw-border-opacity:1;border-color:rgb(255 138 0/var(--tw-border-opacity,1))}.focus\:bg-slate-50\/50:focus{background-color:#f8fafc80}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:bg-amber-950\/40:is(.dark *){background-color:#451a0366}.dark\:bg-blue-950\/40:is(.dark *){background-color:#17255466}.dark\:bg-emerald-950\/40:is(.dark *){background-color:#022c2266}.dark\:bg-indigo-950\/40:is(.dark *){background-color:#1e1b4b66}.dark\:bg-orange-950\/40:is(.dark *){background-color:#43140766}.dark\:bg-purple-950\/40:is(.dark *){background-color:#3b076466}.dark\:bg-sky-950\/40:is(.dark *){background-color:#082f4966}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-teal-950\/40:is(.dark *){background-color:#042f2e66}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-sky-400:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-slate-800\/45:hover:is(.dark *){border-color:#1e293b73}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.group:hover .dark\:group-hover\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}
