@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-success: #10b981;--accent-danger: #ef4444;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .5);--shadow-sm: 0 2px 4px rgba(0,0,0,.02);--shadow-md: 0 10px 30px -10px rgba(99, 102, 241, .15);--shadow-lg: 0 20px 40px -15px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh;position:relative;z-index:1}.mesh-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:#f8fafc}.mesh-blob{position:absolute;filter:blur(80px);border-radius:50%;animation:float 20s infinite alternate;opacity:.5}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#c7d2fe;animation-delay:0s}.blob-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:#ddd6fe;animation-delay:-5s}.blob-3{top:40%;left:30%;width:40vw;height:40vw;background:#bae6fd;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;color:#1e293b}p{color:var(--text-secondary);line-height:1.6}.page-header{margin-bottom:2.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.sidebar{width:280px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.6);padding:2.5rem 1.5rem;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-icon{background:linear-gradient(135deg,var(--accent-primary),#a855f7);color:#fff;padding:10px;border-radius:12px;display:flex;box-shadow:0 4px 15px #6366f166}.bg-clip-text{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;margin-bottom:.5rem}.nav-link:hover{background:#fffc;color:var(--text-primary);transform:translate(4px)}.nav-link.active{background:#fff;color:var(--accent-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8)}.main-content{flex:1;padding:3rem;max-width:1400px;margin:0 auto}.card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:#ffffffd9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#818cf8);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--accent-success),#34d399);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-outline{background:#ffffff80;border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}.btn-outline:hover{background:#fff;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:1rem 1.25rem;background-color:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;background-color:#fff;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}th,td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}th{background-color:#f8fafc;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f1f5f9}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.text-center{text-align:center}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-mono{font-family:Courier New,Courier,monospace}.grid{display:grid;gap:2rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:350px 1fr}.cart-item{background:#fff;border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.04);margin-bottom:.75rem;animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.grid-cols-3{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);flex-direction:column;padding:1rem;gap:1rem}.sidebar-brand{justify-content:center;margin-bottom:0}.sidebar nav{flex-direction:row;justify-content:center;gap:.5rem;flex-wrap:wrap}.nav-link{margin-bottom:0;padding:.5rem .75rem;font-size:.85rem}.grid-cols-2{grid-template-columns:1fr}.main-content{padding:1rem}h1{font-size:1.75rem;text-align:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:.75rem;font-size:.9rem}.flex.justify-between.items-center.mb-8{flex-direction:column;gap:1rem;align-items:stretch}.segment-control{width:100%;justify-content:center}.segment-btn{flex:1;justify-content:center}.card{padding:1.25rem}}.cart-card{min-height:600px}@media (max-width: 768px){.cart-card{min-height:auto}}@media print{@page{margin:0}body,html{background:#fff!important;color:#000!important;margin:0;padding:0;min-height:auto;height:auto!important}.sidebar,.no-print,.mesh-bg{display:none!important}.main-content{padding:0!important;max-width:none!important;margin:0!important}.app-container{display:block!important}.bg-gray-100.min-h-screen{min-height:auto!important;height:auto!important;padding:0!important;background:#fff!important}.commercial-receipt{margin:0!important;padding:0!important;box-shadow:none!important;page-break-after:avoid}.barcode-sheet{display:block!important;padding:0;margin:0}.barcode-item{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;page-break-after:always;break-after:page;border:none!important;padding:0!important;margin:0!important}.barcode-item:last-child{page-break-after:auto;break-after:auto}}#reader{border:none!important;border-radius:var(--radius-md);overflow:hidden;background:transparent!important}#reader img,#reader__dashboard_section_csr span,#reader__dashboard_section_swaplink{display:none!important}#html5-qrcode-button-camera-permission,#html5-qrcode-button-camera-start,#html5-qrcode-button-camera-stop{background:linear-gradient(135deg,var(--accent-primary),#818cf8)!important;color:#fff!important;border:none!important;padding:.875rem 1.5rem!important;border-radius:var(--radius-md)!important;font-weight:600!important;font-family:inherit!important;font-size:1rem!important;cursor:pointer!important;box-shadow:0 4px 15px #6366f14d!important;margin-top:1rem!important;transition:all .3s ease!important;width:100%}#html5-qrcode-button-camera-permission:hover,#html5-qrcode-button-camera-start:hover{box-shadow:0 8px 25px #6366f166!important;transform:translateY(-2px)!important}#html5-qrcode-select-camera{width:100%;padding:.75rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);margin-bottom:1rem;font-family:inherit}#reader__dashboard_section_csr{padding-top:2rem}.segment-control{display:inline-flex;background:#0000000d;padding:4px;border-radius:var(--radius-md);gap:4px}.segment-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.segment-btn:hover{color:var(--text-primary)}.segment-btn.active{background:#fff;color:var(--accent-primary);box-shadow:0 2px 8px #00000014}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172a;position:relative;overflow:hidden}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:multiply;opacity:.3;animation:float 20s infinite alternate}.login-blob-1{top:0;left:0;width:400px;height:400px;background:#3b82f6}.login-blob-2{top:0;right:0;width:400px;height:400px;background:#a855f7;animation-delay:-2s}.login-blob-3{bottom:0;left:10%;width:400px;height:400px;background:#ec4899;animation-delay:-4s}.login-card{z-index:10;background:#ffffff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:3rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.2);width:100%;max-width:450px}.login-title{text-align:center;margin-bottom:2rem}.login-title h1{font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:.1em;margin-bottom:.5rem}.login-title p{color:#cbd5e1;font-weight:500}.login-input-group{position:relative;margin-bottom:1.5rem}.login-input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#ffffff80;display:flex;align-items:center}.login-input{width:100%;padding:1rem 1rem 1rem 3rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;background-color:#ffffff1a}.login-input::placeholder{color:#fff6}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #0003}.login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000004d;background:linear-gradient(135deg,#1d4ed8,#6d28d9)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-tab-container{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.admin-tab-btn{padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;text-transform:capitalize;white-space:nowrap;transition:all .3s ease;border:none;background:#fff;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm)}.admin-tab-btn:hover{background:#f1f5f9}.admin-tab-btn.active{background:var(--text-primary);color:#fff;box-shadow:var(--shadow-md)}.stat-card{color:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.stat-card-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card-purple{background:linear-gradient(135deg,#a855f7,#7e22ce)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;opacity:.9}.stat-value{font-size:2.5rem;font-weight:900;margin:0;color:#fff}.staff-perf-item{padding:1rem;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);background:#f8fafc;display:flex;justify-content:space-between;align-items:center}