:root{--bg:#121317;--surface:#ffffff0a;--surface-border:#ffffff17;--surface-hover:#8a5cf60f;--text:#e8e6e1;--text-strong:#f5f4f1;--text-muted:#8b8d98;--accent:#8a5cf6;--accent-orange:#ff8a5c;--accent-pink:#ff6bd6;--accent-blue:#5cc9ff;--accent-green:#5cffb0;--holo-gradient:linear-gradient(90deg, #ff8a5c, #ff6bd6, #8a5cf6, #5cc9ff, #5cffb0);--status-ok:#5cffb0;--status-ok-bg:#5cffb01f;--status-warn:#ffc85c;--status-warn-bg:#ffc85c1f;--status-off:#8b8d98;--status-off-bg:#ffffff14;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--radius:var(--radius-sm);--shadow-sm:0 4px 16px #00000059;--shadow-md:0 14px 36px #0006;--shadow-lg:0 20px 50px #00000073;--shadow-xl:0 32px 64px #00000080;--shadow-glow-accent:0 10px 25px #8a5cf659;--shadow-glow-accent-strong:0 14px 34px #8a5cf673;--glass-bg:#ffffff0b;--glass-border:#ffffff1a;--glass-blur:14px;--glass-saturate:140%;--glass-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;--text-xs:11px;--text-sm:12.5px;--text-base:13.5px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--ease-glass:.24s cubic-bezier(.2, .9, .2, 1);--ease-smooth:.4s cubic-bezier(.23, 1, .32, 1);--font-sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:14px/1.5 var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes holoshift{0%{background-position:0%}to{background-position:200%}}@keyframes holo-pulse{0%,to{opacity:.35}50%{opacity:1}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100svh}h1,h2{font-family:var(--font-sans);color:var(--text-strong);margin:0 0 12px}h1{font-size:var(--text-xl);font-weight:var(--fw-bold)}h2{font-size:var(--text-md);font-weight:var(--fw-bold);margin-top:24px}p{margin:0}label{font-size:var(--text-xs);color:var(--text-muted);margin:10px 0 4px;display:block}input,select{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--surface-border);border-radius:var(--radius-xs);color:var(--text);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--ease-glass), box-shadow var(--ease-glass);outline:none;padding:8px 10px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8a5cf62e}select option{color:var(--text);background:#1a1b20}button{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-semibold);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text);cursor:pointer;padding:9px 16px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px #ffffff0d}button:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}button[type=submit]{background:linear-gradient(90deg, var(--accent-orange), var(--accent));color:#fff;box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-glow-accent);border:none}button[type=submit]:hover:not(:disabled){background:linear-gradient(90deg, var(--accent-orange), var(--accent));box-shadow:inset 0 1px 0 #ffffff4d, var(--shadow-glow-accent-strong)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}table{border-collapse:separate;border-spacing:0;background:var(--glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:12px;font-size:13px;overflow:hidden}th{text-align:left;color:var(--text-muted);font-weight:var(--fw-medium);border-bottom:1px solid var(--surface-border);padding:10px 12px}td{font-family:var(--font-mono);border-bottom:1px solid #ffffff0d;padding:9px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}form{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-wrap:wrap;align-items:flex-end;gap:4px 16px;margin-top:12px;padding:16px;display:flex}form label,form input,form select{width:100%}form button{margin-top:10px}.section-nav{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:4px;margin:12px 0 4px;padding-bottom:8px;display:flex}.section-nav-item{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);border-radius:var(--radius-pill);padding:7px 12px;text-decoration:none}.section-nav-item:hover{color:var(--text);background:var(--surface-hover)}.section-nav-item.active{color:var(--text-strong);background:#8a5cf629}.icon-button{border-radius:var(--radius-xs);background:var(--glass-bg);border:1px solid var(--surface-border);width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button+.icon-button{margin-left:4px}.icon-button:hover:not(:disabled){color:var(--text-strong);background:var(--surface-hover);border-color:#8a5cf659;transform:translateY(-1px)}.icon-button-danger:hover:not(:disabled){color:#ff7a7a;background:#ff6b6b1f;border-color:#ff6b6b59}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060899;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--glass-shadow), var(--shadow-xl);background:#1a1b20;overflow-y:auto}.modal-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{font-size:var(--text-md);margin:0}.modal-body{padding:4px 20px 20px}.modal-body form{box-shadow:none;background:0 0;border:none;margin-top:4px;padding:0}.holo-divider{background:var(--holo-gradient);opacity:.5;background-size:200% 100%;border-radius:999px;height:2px;margin:20px 0;animation:6s linear infinite holoshift}.neural-bg{z-index:1;opacity:.7;pointer-events:none;background-image:radial-gradient(circle at 10% 15%,#ff8a5c2e,#0000 40%),radial-gradient(circle at 90% 10%,#8a5cf638,#0000 44%),radial-gradient(circle at 78% 88%,#5cc9ff2b,#0000 44%),radial-gradient(circle at 12% 90%,#5cffb01f,#0000 40%),radial-gradient(circle at 50% 45%,#ff6bd614,#0000 55%);width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000059);mask-image:linear-gradient(#000000e6,#00000059)}.page-with-neural-bg{position:relative}.page-with-neural-bg>.page-content{z-index:2;position:relative}.kpi-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.kpi-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--glass-shadow);flex:1;padding:14px 16px;position:relative}.kpi-card:before{content:"";background:var(--holo-gradient);opacity:.5;background-size:200% 100%;border-radius:999px;height:2px;position:absolute;top:0;left:16px;right:16px}.kpi-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-card-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--fw-semibold);color:var(--text-strong);margin-top:3px}.badge{font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);align-items:center;padding:3px 9px;display:inline-flex}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok)}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn)}.badge-off{background:var(--status-off-bg);color:var(--status-off)}.app-shell{min-height:100svh;display:flex}.sidebar{background:var(--glass-bg);width:210px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:2px;padding:16px 12px;display:flex}.sidebar-brand{font-weight:var(--fw-bold);background:var(--holo-gradient);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;padding:0 8px 14px;font-size:14px;animation:6s linear infinite holoshift}.sidebar-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.65;border-top:1px solid var(--surface-border);cursor:default;-webkit-user-select:none;user-select:none;margin-top:6px;padding:16px 10px 6px;font-size:10.5px;font-weight:700}.sidebar-group-title:first-of-type{border-top:none;margin-top:0;padding-top:0}.sidebar-item{color:var(--text-muted);border-radius:7px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.sidebar-item:hover{background:var(--surface-hover);color:var(--text)}.sidebar-item.active{color:var(--text-strong);background:#8a5cf624;box-shadow:inset 0 1px #ffffff0f}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{align-items:center;gap:14px;padding:14px 20px;display:flex}.app-topbar-user{margin-right:auto;font-size:13px;font-weight:600}.app-content{flex:1;padding:4px 20px 32px}.bottom-tab-bar{display:none}.bottom-tab-bar-tabs{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));justify-content:space-around;padding:8px 4px 10px;display:flex}.bottom-tab{color:var(--text-muted);font-size:10.5px;font-family:var(--font-sans);background:0 0;border:none;padding:4px 6px;text-decoration:none}.bottom-tab.active{color:var(--text-strong)}.bottom-tab-bar-more{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));flex-direction:column;display:flex}.bottom-tab-bar-more a{color:var(--text);padding:10px 16px;font-size:13px;text-decoration:none}@media (width<=768px){.sidebar{display:none}.bottom-tab-bar{display:block;position:sticky;bottom:0}.app-content{padding-bottom:90px}}.auth-shell{justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-shell form{width:320px}.pos-page{flex-direction:column;gap:12px;display:flex}.pos-header{justify-content:space-between;align-items:center;display:flex}.pos-header h1{margin:0}.pos-close-shift-btn,.pos-submit,.pos-new-sale-btn{min-height:52px;font-size:var(--text-md);padding:12px 20px}.pos-error-banner{color:#ff9a9a;border-radius:var(--radius-sm);font-size:var(--text-sm);word-break:break-word;background:#ff6b6b1f;border:1px solid #ff6b6b59;padding:10px 14px}.pos-columns{grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.pos-columns{grid-template-columns:1fr}}.pos-search{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-muted);align-items:center;gap:10px;padding:12px 16px;display:flex}.pos-search input{font-size:var(--text-lg);background:0 0;border:none;flex:1;padding:6px 0}.pos-search input:focus{box-shadow:none}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px;display:grid}.pos-tile{text-align:left;border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:14px;display:flex}.pos-tile-name{font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--text-strong)}.pos-tile-meta{font-size:var(--text-xs);color:var(--text-muted)}.pos-tile-price{font-family:var(--font-mono);font-size:var(--text-md);color:var(--accent-green);margin-top:auto}.pos-tile-stock{font-size:var(--text-xs);color:var(--text-muted)}.pos-tile:disabled .pos-tile-stock{color:#ff9a9a}.pos-cart-column{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.pos-cart-line{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.pos-cart-line-name{font-size:var(--text-sm);flex:1}.pos-cart-line-qty{align-items:center;gap:8px;display:flex}.qty-btn{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.pos-loyalty{border-top:1px solid var(--surface-border);padding-top:10px}.pos-loyalty-result{text-align:left;width:100%;margin-top:6px;display:block}.pos-total{border-top:1px solid var(--surface-border);font-size:var(--text-lg);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.pos-total-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text-strong)}.pos-payment-methods{flex-direction:column;gap:8px;display:flex}.pos-payment-methods h2{margin:0}.pos-payment-method{width:100%;min-height:52px;font-size:var(--text-md)}.pos-payment-method.active{background:linear-gradient(90deg, var(--accent-orange), var(--accent));color:#fff;border:none}.pos-payment-amount{width:100%;min-height:48px;font-size:var(--text-lg);margin-top:6px}.pos-receipt{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;max-width:420px;padding:20px;display:flex}.pos-receipt-line{font-size:var(--text-sm);justify-content:space-between;display:flex}.pos-receipt-total{font-weight:var(--fw-semibold);font-size:var(--text-lg);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);justify-content:space-between;margin:6px 0;padding:8px 0;display:flex}.pos-category-tile{text-align:center;border-radius:var(--radius-lg);min-height:96px;font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--text-strong);justify-content:center;align-items:center;padding:14px;display:flex}.pos-category-back{width:fit-content;min-height:52px;font-size:var(--text-md);grid-column:1/-1;margin-bottom:4px;padding:10px 18px}.pos-numpad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:260px;display:grid}.pos-numpad-key{min-height:56px;font-size:var(--text-lg);font-family:var(--font-mono)}.pos-qty-value{min-width:48px;min-height:40px;font-weight:var(--fw-semibold);font-family:var(--font-mono);border:1px dashed var(--glass-border);border-radius:var(--radius-sm);background:0 0}.pos-cart-line-discount{color:var(--accent-orange);font-size:var(--text-xs)}.pos-cart-line-total{font-family:var(--font-mono)}.pos-line-editor{flex-direction:column;gap:12px;display:flex}.pos-line-editor-modes{gap:8px;display:flex}.pos-line-editor-modes button.active{background:linear-gradient(90deg, var(--accent-orange), var(--accent));color:#fff;border:none}.pos-line-editor-value{font-family:var(--font-mono);font-size:var(--text-2xl);text-align:right}.pos-line-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.pos-payment-screen{flex-direction:column;gap:14px;max-width:640px;margin:0 auto;display:flex}.pos-payment-header{justify-content:space-between;display:flex}.pos-payment-total{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.pos-payment-total b,.pos-change output,.pos-tendered b{font-family:var(--font-mono);font-size:var(--text-2xl)}.pos-payment-methods-row,.pos-denominations-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.pos-payment-methods-row .pos-payment-method{flex-direction:column;gap:4px;display:flex}.pos-payment-method-amount{font-family:var(--font-mono);font-size:var(--text-sm)}.pos-denominations-row button{min-height:52px;font-family:var(--font-mono)}.pos-denominations-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pos-change{border-radius:var(--radius-lg);background:#78dc9626;border:1px solid #78dc9666;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.pos-tendered{justify-content:space-between;align-items:baseline;display:flex}.pos-header-info{flex-direction:column;gap:2px;display:flex}.pos-header-meta{font-size:var(--text-sm);color:var(--text-muted)}.pos-offline-badge{border-radius:var(--radius-pill);color:#ff9a9a;font-size:var(--text-xs);background:#ff6b6b26;border:1px solid #ff6b6b66;align-self:flex-start;margin-top:4px;padding:2px 10px}.pos-cart-actions{flex-direction:column;gap:8px;display:flex}.pos-receipt-page{flex-direction:column;gap:14px;max-width:420px;display:flex}.pos-receipt-head{font-size:var(--text-sm);border-bottom:1px dashed var(--surface-border);flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.pos-receipt-discount{color:var(--accent-orange);font-size:var(--text-xs)}.pos-receipt-loyalty,.pos-receipt-fiscal{border-top:1px dashed var(--surface-border);font-size:var(--text-xs);margin-top:8px;padding-top:8px}.pos-receipt-actions{gap:8px;display:flex}.pos-held-warning{font-size:var(--text-xs);color:var(--text-muted)}.pos-return-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pos-return-sale{text-align:left;min-height:48px}.pos-return-sale.active{background:linear-gradient(90deg, var(--accent-orange), var(--accent));color:#fff;border:none}@media print{body *{visibility:hidden}#pos-printable-receipt,#pos-printable-receipt *{visibility:visible}#pos-printable-receipt{color:#000;width:72mm;max-width:72mm;font-family:var(--font-mono);background:#fff;border:none;margin:0;padding:0;font-size:11px;position:absolute;top:0;left:0}@page{size:80mm auto;margin:4mm}}.account-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:14px;display:flex}.account-row{font-size:var(--text-sm);justify-content:space-between;display:flex}.variant-picker{position:relative}.variant-picker-results{z-index:20;background:var(--bg);border:1px solid var(--surface-border);border-radius:var(--radius-sm);max-height:16rem;box-shadow:var(--shadow-md);margin:.25rem 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.variant-picker-results button{text-align:left;background:0 0;border:none;border-radius:0;width:100%;padding:.5rem .75rem;display:block}.variant-picker-results button:hover:not(:disabled){background:var(--surface-hover)}.variant-picker-empty{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.variant-picker-selected{align-items:center;gap:.5rem;display:flex}.dashboard-modules{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.dashboard-module-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-strong);padding:1rem;text-decoration:none;display:block}.dashboard-module-card:hover{background:var(--surface-hover);border-color:var(--accent)}