:root{--bg: #f1f4fb;--bg-2: #f6f7fc;--panel: #f8f9fc;--panel-strong: #ffffff;--text: #111827;--subtle: #6b7280;--line: #dde4f0;--navy: #030a18;--primary: #4f56f0;--primary-2: #6d7cff;--focus: #a7c5ff;--overlay: rgba(17, 24, 39, .45)}:root[data-theme=dark]{--bg: #0f172a;--bg-2: #111827;--panel: #1a2235;--panel-strong: #131b2d;--text: #e5e7eb;--subtle: #94a3b8;--line: #2a354d;--navy: #0a1222;--focus: #7ea6ff;--overlay: rgba(2, 6, 23, .72)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}input,button{font-family:inherit}.soft-logo{display:inline-flex;align-items:center;gap:10px}.logo-badge{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#60a5fa29,#2563eb14);border:1px solid color-mix(in srgb,var(--line) 70%,#8db5ff 30%)}.logo-badge:before{content:none}.logo-image{width:24px;height:24px;object-fit:contain;position:relative;z-index:1;animation:none;transform:none}.logo-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(140deg,#3d5afe,#56a3ff);box-shadow:0 8px 16px #4f56f040;position:relative;z-index:1;animation:logoFloat 3s ease-in-out infinite}.logo-text{font-size:1.1rem;font-weight:700;letter-spacing:.1px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes logoPulse{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.clock-card{min-width:200px;border-radius:14px;padding:8px 12px 10px;text-align:left;background:linear-gradient(160deg,#ffffffe0,#fafbffb8);border:1px solid color-mix(in srgb,var(--line) 70%,#ffffff 30%);box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffff8c;display:flex;flex-direction:column;gap:4px}.clock-top{display:inline-flex;align-items:center;gap:8px;color:var(--subtle);font-size:.8rem}.clock-dot{width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px #22c55e24}.clock-card strong{font-size:1.5rem;line-height:1;letter-spacing:.4px}.clock-card small{font-size:.72rem;font-weight:700;letter-spacing:1.2px;color:var(--subtle)}.quick-hint{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:8px;border:2px solid #f161ef;color:#f161ef;font-size:.875rem;font-weight:600;line-height:1}.login-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(80% 60% at 20% 10%,#ffffffa6,#fff0 70%),linear-gradient(140deg,#eef2fb,#dfe5f3 45%,#d8deef)}.background-shape{position:absolute;inset:-26% -12% auto auto;width:74vw;height:74vw;border-radius:50%;background:radial-gradient(circle at center,#ffffffbf 10%,#d6e0f840 68%,#d6e0f800);filter:blur(2px);animation:floatBlob 9s ease-in-out infinite}@keyframes floatBlob{0%,to{transform:translate(0)}50%{transform:translate(20px,-18px)}}.login-card{position:relative;z-index:1;width:min(460px,calc(100vw - 32px));border-radius:24px;background:linear-gradient(135deg,#ffffff6b,#ffffff2e);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 22px 52px #3b4d8138,inset 0 1px #ffffff73;padding:36px 30px;display:flex;flex-direction:column;align-items:center;gap:24px}.login-form{width:100%;display:flex;flex-direction:column;gap:18px}.login-form input{width:100%;border:1px solid rgba(141,158,199,.42);background:#ffffff6b;font-size:1rem;padding:12px 14px;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;color:#0f172a}.login-form input:focus{outline:none;border-color:#6784dcc7;box-shadow:0 0 0 4px #6d90f633}.remember-check{display:inline-flex;align-items:center;gap:10px;font-size:1rem;color:#3f4b67}.remember-check input{width:16px;height:16px}.login-form button{border:none;border-radius:12px;background:linear-gradient(120deg,#6f80ff,#4f56f0);color:#fff;font-size:1.125rem;font-weight:700;padding:12px 16px;cursor:pointer;box-shadow:0 12px 24px #4f56f057;transition:transform .2s ease,box-shadow .2s ease}.login-form button:hover{transform:translateY(-2px)}.login-form button:disabled{opacity:.65;cursor:progress}.error-text{margin:0;color:#dc2626;font-size:.875rem}.pos-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr;gap:12px;padding:10px 14px 14px;position:relative;background:radial-gradient(76% 66% at 42% 100%,color-mix(in srgb,var(--bg) 80%,#8ea2d8 20%) 0%,transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}.sidebar-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);width:28px;height:42px;border:none;border-radius:0 10px 10px 0;background:linear-gradient(160deg,#60a5fa,#2563eb);color:#fff;cursor:pointer;z-index:80;display:flex;align-items:center;justify-content:center;box-shadow:2px 4px 16px #2563eb73;transition:background .2s ease,box-shadow .2s ease,transform .18s ease;animation:pullCue 2s ease-in-out infinite}.sidebar-toggle:hover{background:linear-gradient(160deg,#93c5fd,#3b82f6);box-shadow:3px 6px 22px #2563eb8c;transform:translateY(-50%) translate(2px);animation:none}.sidebar-toggle:active{transform:translateY(-50%) scale(.94)}.sidebar-toggle.open{animation:none;background:linear-gradient(160deg,#4d83f5,#1d4ed8);border-radius:0 10px 10px 0}.toggle-tab-icon{width:13px;height:13px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .2s ease}.sidebar-toggle:hover .toggle-tab-icon{transform:translate(2px)}.sidebar-toggle.open .toggle-tab-icon{transform:none}@keyframes iconPulse{0%,to{opacity:.95;transform:translate(3px) scale(1)}50%{opacity:1;transform:translate(4px) scale(1.08)}}@keyframes pullCue{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(3px)}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:90}.sidebar-drawer{position:fixed;inset:0 auto 0 0;width:min(380px,88vw);transform:translate(-102%);transition:transform .22s ease;z-index:100}.sidebar-drawer.open{transform:translate(0)}.sidebar-inner{width:100%;height:100%;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);padding:24px 20px 16px;display:flex;flex-direction:column;gap:16px}.sidebar-theme{min-height:52px;width:100%;border-radius:14px;border:1px solid var(--line);background:radial-gradient(120% 130% at 10% -20%,#5f7aff33,#5f7aff00 52%),color-mix(in srgb,var(--panel) 87%,#8ca7ff 13%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;color:var(--text);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.sidebar-theme:hover{border-color:color-mix(in srgb,var(--line) 68%,#5f7aff 32%);box-shadow:0 8px 18px #405df22e}.sidebar-theme .app-icon{width:16px;height:16px}.theme-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.98rem}.theme-switch{position:relative;width:72px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 72%,#6b7ef5 28%);background:linear-gradient(140deg,#f4f8ff,#e9f1ff);display:flex;align-items:center;justify-content:space-between;padding:0 8px;overflow:hidden}.theme-switch-icon{width:14px;height:14px;display:inline-flex;color:#6c7b99;z-index:1}.theme-switch-icon .app-icon{width:14px;height:14px}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:999px;background:linear-gradient(145deg,#5c72f8,#4454e9);box-shadow:0 5px 12px #4054e961;transition:transform .24s ease}.sidebar-theme.dark .theme-switch{background:linear-gradient(145deg,#0f172a,#1e293b);border-color:color-mix(in srgb,var(--line) 64%,#8ca7ff 36%)}.sidebar-theme.dark .theme-switch-thumb{transform:translate(38px);background:linear-gradient(145deg,#f8fbff,#dbe7ff);box-shadow:0 5px 14px #94a3b857}.sidebar-theme.dark .theme-switch-icon.sun{color:#8ea4c7}.sidebar-theme.dark .theme-switch-icon.moon{color:#1f2f55}.sidebar-menu,.menu-group{display:flex;flex-direction:column;gap:8px}.menu-item{width:100%;min-height:40px;border:none;border-radius:10px;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:1rem;cursor:pointer}.menu-item:hover{background:color-mix(in srgb,var(--panel) 85%,#8ca7ff 15%)}.menu-item.active{background:linear-gradient(120deg,#5863f5,#4b55eb);color:#fff}.menu-item small{display:inline-flex;align-items:center;transition:transform .2s ease}.menu-item small.open{transform:rotate(180deg)}.menu-item-main{display:inline-flex;align-items:center;gap:10px}.menu-item-main .app-icon,.menu-item small .app-icon{width:16px;height:16px}.submenu-card{border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,#a4b3db 15%);padding:8px;display:flex;flex-direction:column;gap:6px;margin-left:8px}.submenu-item{width:100%;min-height:38px;border:none;border-radius:10px;background:transparent;color:var(--text);display:flex;align-items:center;padding:0 10px;cursor:pointer}.submenu-item:hover{background:color-mix(in srgb,var(--panel) 80%,#8ea2e2 20%)}.submenu-item.active{background:color-mix(in srgb,#5863f5 24%,var(--panel) 76%)}.sidebar-logout{margin-top:auto}.master-panel{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:16px;display:flex;flex-direction:column;gap:14px}.master-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.master-header h2{margin:0 0 6px}.master-header p{margin:0;color:var(--subtle)}.role-select{display:inline-flex;flex-direction:column;gap:6px;font-size:.9rem}.role-select select{border:1px solid var(--line);border-radius:10px;background:var(--panel-strong);color:var(--text);height:38px;padding:0 10px}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.master-card{border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);padding:14px;display:flex;flex-direction:column;gap:10px}.master-card h3{margin:0}.master-card p{margin:0;color:var(--subtle)}.upload-row{display:flex;gap:10px;flex-wrap:wrap}.switch-row{display:inline-flex;align-items:center;gap:8px}.btn-primary,.btn-secondary,.btn-approve,.btn-reject{height:36px;border-radius:10px;border:none;padding:0 12px;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(120deg,#5662f6,#4550e6);color:#fff}.btn-secondary{background:color-mix(in srgb,var(--panel) 80%,#8da8ff 20%);color:var(--text)}.approval-list{display:flex;flex-direction:column;gap:8px}.approval-item{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.btn-approve{background:#16a34a;color:#fff}.btn-reject{background:#dc2626;color:#fff}.pill-row{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;height:28px;border-radius:999px;padding:0 10px;font-size:.85rem;background:color-mix(in srgb,var(--panel) 75%,#b6c4ee 25%)}.pill.pending{background:#fef3c7;color:#92400e}.pill.success{background:#dcfce7;color:#166534}.master-table{width:100%;border-collapse:collapse}.master-table th,.master-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:.92rem}.product-master-panel{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:20px;display:flex;flex-direction:column;gap:12px}.master-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.master-top h2{margin:0;font-size:2rem}.master-breadcrumb{margin-top:6px;color:var(--subtle)}.master-content-card{border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);padding:22px}.master-toolbar{display:flex;justify-content:space-between;margin-bottom:12px}.master-left-actions{display:flex;gap:8px;flex-wrap:wrap}.chip-add,.chip-import,.chip-export{border:none;border-radius:999px;height:34px;padding:0 14px;cursor:pointer}.chip-add{background:#f7d5ff;color:#cf42f2;font-weight:600}.chip-import{background:#dee7ff;color:#334155}.chip-export{background:#d9fbe5;color:#166534}.table-card{border:1px solid var(--line);border-radius:12px;background:var(--panel-strong);padding:12px}.table-head-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.entries-picker,.search-inline{display:inline-flex;align-items:center;gap:8px}.entries-picker select,.search-inline input{border:1px solid var(--line);border-radius:8px;height:34px;padding:0 10px;background:var(--panel-strong);color:var(--text)}.master-table-wrap{overflow-x:auto}.master-item-table{width:100%;border-collapse:collapse;min-width:980px}.master-item-table thead{background:var(--navy);color:#fff}.master-item-table th,.master-item-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:.92rem}.yes-badge{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 10px;background:#1c9254;color:#fff;font-weight:600}.action-cell{display:inline-flex;gap:6px}.btn-edit,.btn-delete{border:none;border-radius:6px;height:28px;min-width:56px;cursor:pointer;color:#fff}.btn-delete:disabled{opacity:.65;cursor:progress}.btn-edit{background:#2563eb}.btn-delete{background:#ef4444}.table-footer{margin-top:10px;display:flex;justify-content:space-between;gap:12px;align-items:center}.pagination{display:inline-flex;gap:4px}.pagination button{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);min-width:30px;height:30px;border-radius:6px;cursor:pointer}.pagination button.active{background:#2563eb;color:#fff}.promo-panel{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:16px;display:flex;flex-direction:column;gap:10px}.promo-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.promo-head h2{margin:0}.promo-note{margin:0;color:var(--subtle)}.promo-table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:var(--panel-strong)}.promo-table{width:100%;min-width:760px;border-collapse:collapse}.promo-table thead{background:var(--navy);color:#fff}.promo-table th,.promo-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.toast-card{position:fixed;right:18px;top:18px;z-index:140;min-width:320px;max-width:min(520px,calc(100vw - 24px));border-radius:12px;border:1px solid var(--line);background:var(--panel-strong);box-shadow:0 14px 34px #0f172a33;display:flex;justify-content:space-between;gap:10px;padding:12px 14px}.toast-content{display:flex;flex-direction:column;gap:4px}.toast-content strong{font-size:.95rem}.toast-content span{font-size:.88rem;color:var(--subtle)}.toast-close{border:none;background:transparent;color:var(--subtle);font-size:1.3rem;cursor:pointer}.toast-info{border-left:5px solid #3b82f6}.toast-success{border-left:5px solid #16a34a}.toast-error{border-left:5px solid #dc2626}.toast-pop-enter-active,.toast-pop-leave-active{transition:all .2s ease}.toast-pop-enter-from,.toast-pop-leave-to{opacity:0;transform:translateY(-12px) scale(.98)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a57;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:120;display:grid;place-items:center;padding:14px}.modal-card{width:min(980px,100%);max-height:92vh;overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:1.8rem}.modal-close{border:none;background:transparent;color:var(--subtle);font-size:2rem;cursor:pointer}.modal-body{padding:14px 18px;display:grid;gap:10px}.modal-body label{display:grid;gap:6px}.modal-body input,.discount-input{border:1px solid var(--line);border-radius:10px;height:44px;padding:0 12px;background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%);color:var(--text)}.discount-note{margin:2px 0}.check-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.check-grid label{display:inline-flex;align-items:center;gap:8px}.modal-foot{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:flex-end;gap:10px}.btn-close,.btn-save{height:44px;border:none;border-radius:10px;padding:0 18px;color:#fff;font-weight:600;cursor:pointer}.btn-close{background:#6b7280}.btn-save{background:#2563eb}.btn-save:disabled{opacity:.7;cursor:progress}.discount-modal{width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong)}.payment-modal{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong)}.payment-method-grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px}.payment-method-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.payment-method-option{display:inline-flex;align-items:center;gap:8px;font-size:1.02rem}.payment-key-badge{border:1px solid #3b82f6;color:#2563eb;border-radius:8px;min-width:44px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.payment-divider{border:0;border-top:1px solid var(--line);margin:8px 0}.payment-line{margin:2px 0;font-size:1.05rem}.payment-input-wrap{display:grid;grid-template-columns:auto 1fr}.payment-input-wrap span{height:44px;border:1px solid var(--line);border-right:none;border-radius:10px 0 0 10px;display:inline-flex;align-items:center;padding:0 14px;background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%)}.payment-input-wrap input{border-radius:0 10px 10px 0}.payment-change{margin:2px 0;font-size:2.1rem;line-height:1.12}.payment-change strong{color:#1f9d60}.payment-subtitle{margin:0;font-size:2rem}.payment-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-panel{display:grid;gap:12px}.report-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.report-topline h2{margin:0;font-size:clamp(1.25rem,1.8vw,2.2rem)}.report-topline .soft-logo{transform:scale(.82);transform-origin:right top}.report-breadcrumb{display:inline-flex;align-items:center;gap:10px;font-size:1rem}.report-breadcrumb select{border:1px solid var(--line);border-radius:8px;min-height:38px;min-width:240px;padding:0 10px;color:var(--text);background:var(--panel)}.report-card{border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);padding:14px;display:grid;gap:14px}.report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px}.report-filters label{display:grid;gap:6px;font-size:.95rem}.report-filters input,.report-filters select{border:1px solid var(--line);border-radius:8px;height:42px;padding:0 10px;background:var(--panel);color:var(--text)}.report-filter-actions{display:inline-flex;align-items:flex-end;gap:8px}.btn-primary,.btn-danger{border:none;border-radius:8px;height:42px;padding:0 16px;color:#fff;font-weight:700;cursor:pointer}.btn-primary{background:#1d66ef}.btn-danger{background:#e74252}.report-export{display:inline-flex;gap:8px}.btn-outline-green,.btn-outline-yellow,.btn-outline-blue{height:40px;border-radius:8px;padding:0 16px;font-size:.95rem;background:transparent;cursor:pointer}.btn-outline-green{border:1px solid #16a34a;color:#15803d}.btn-outline-yellow{border:1px solid #eab308;color:#ca8a04}.btn-outline-blue{border:1px solid #2563eb;color:#2563eb}.report-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.95rem}.report-table-head input{margin-left:8px;border:1px solid var(--line);border-radius:8px;height:36px;padding:0 10px;width:180px;background:var(--panel);color:var(--text)}.report-table-wrap{overflow:auto}.report-table-wrap-body{max-height:clamp(280px,52vh,520px);border:1px solid var(--line);border-radius:12px}.report-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.report-table thead th{background:#020d1f;color:#fff;padding:10px 8px;font-size:.92rem;font-weight:700;position:sticky;top:0;z-index:1}.report-table thead th:first-child{border-radius:10px 0 0}.report-table thead th:last-child{border-radius:0 10px 0 0}.report-table td{padding:8px;font-size:.92rem}.invoice-pill{background:#1eb3df;color:#021021;border-radius:999px;padding:6px 14px;display:inline-flex;font-weight:700}.print-btn{border:none;border-radius:8px;min-width:68px;height:38px;color:#fff;font-weight:700;background:#1d66ef;cursor:pointer}.report-summary-wrap{margin-top:10px}.report-summary-table td{font-weight:600}.print-confirm-modal{width:min(640px,100%);border-radius:14px;border:1px solid var(--line);background:var(--panel-strong)}.sale-finish-note{margin-top:2px;color:var(--subtle);font-size:.92rem}.pos-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.store-title{align-self:center;justify-self:center;display:flex;flex-direction:column;line-height:1.05;font-family:Poppins,Inter,Segoe UI,sans-serif}.store-title span{font-size:clamp(.76rem,1.02vw,.9rem);color:color-mix(in srgb,var(--text) 78%,#64748b 22%);letter-spacing:.09em;text-transform:uppercase;font-weight:600}.store-title strong{font-size:clamp(1.04rem,1.55vw,1.32rem);letter-spacing:.02em;font-weight:800;background:linear-gradient(120deg,#0f172a 10%,#1d4ed8 45%,#334155 90%);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=dark] .store-title span{color:color-mix(in srgb,#dbe7ff 88%,#94a3b8 12%)}:root[data-theme=dark] .store-title strong{background:linear-gradient(120deg,#f8fbff 12%,#9cc2ff 55%,#dbe7ff);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=dark] .clock-card{background:linear-gradient(160deg,#101828e6,#0f172ad6);border:1px solid color-mix(in srgb,var(--line) 82%,#93c5fd 18%);box-shadow:0 10px 24px #02061773,inset 0 1px #94a3b82e}:root[data-theme=dark] .clock-top,:root[data-theme=dark] .clock-card small{color:#c6d4ef}:root[data-theme=dark] .clock-card strong{color:#f8fafc}.soft-panel{border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);padding:12px;box-shadow:0 14px 30px #0f172a14;display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-height:calc(100vh - 178px)}.search-row{display:flex;justify-content:space-between;gap:10px}.search-control{display:flex;align-items:center;gap:8px;flex:1;position:relative}.product-control{flex:1;max-width:720px}.member-control{flex:1;max-width:430px;margin-left:auto}.search-control input{width:100%;height:40px;border-radius:11px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%);color:var(--text);padding:0 12px;font-size:.9rem}.search-control input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 4px #8bb5fd29}.suggestion-box{position:absolute;top:calc(100% + 6px);left:0;right:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong);box-shadow:0 12px 30px #0f172a1f;z-index:30;overflow:hidden;padding:6px;display:flex;flex-direction:column;gap:6px;max-height:min(48vh,340px);overflow-y:auto}.suggestion-item{width:100%;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel-strong) 92%,#f8faff 8%);color:var(--text);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.suggestion-item:hover{border-color:color-mix(in srgb,#7aa2ff 55%,var(--line) 45%);background:color-mix(in srgb,var(--panel) 84%,#dfe8ff 16%)}.suggestion-left{min-width:0;display:flex;flex-direction:column;gap:2px}.suggestion-code{display:inline-flex;align-items:center;width:fit-content;height:20px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,#2563eb 14%,transparent);color:color-mix(in srgb,#1d4ed8 82%,var(--text) 18%);font-size:.72rem;font-weight:700;letter-spacing:.02em}.suggestion-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-meta{color:var(--subtle);font-size:.74rem}.suggestion-price{flex-shrink:0;min-width:92px;text-align:right;font-size:.92rem;color:#0f172a}.table-wrapper{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel-strong)}.pos-table{width:100%;border-collapse:collapse}.pos-table thead{background:var(--navy);color:#fff}.pos-table th{text-align:left;padding:8px 10px;font-size:.85rem}.pos-table th.col-action{width:42px;text-align:center}.pos-table td{padding:8px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:.84rem}.cart-action-cell{text-align:center}.cart-delete-btn{width:28px;height:28px;border:1px solid color-mix(in srgb,#ef4444 45%,var(--line) 55%);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,#ef4444 10%,var(--panel));color:#dc2626;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.cart-delete-btn .app-icon{width:14px;height:14px}.cart-delete-btn:hover{transform:translateY(-1px);background:color-mix(in srgb,#ef4444 16%,var(--panel));border-color:color-mix(in srgb,#ef4444 65%,var(--line) 35%)}.qty-box{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qty-box input{width:56px;border:none;padding:8px 6px;text-align:center;font-size:.84rem;color:var(--text);background:var(--panel-strong)}.qty-box span{border-left:1px solid var(--line);padding:8px 10px;min-width:50px;background:color-mix(in srgb,var(--panel) 88%,#ffffff 12%)}.discount-cell{display:inline-flex;align-items:center;gap:8px}.discount-edit-btn{height:26px;border:none;border-radius:8px;padding:0 10px;font-size:.78rem;font-weight:700;color:#fff;background:#1f9d60;cursor:pointer}.discount-edit-btn:hover{filter:brightness(1.06)}.pos-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.cashier-box{max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px}.cashier-box label{display:inline-flex;align-items:center;gap:10px;font-size:.84rem}.cashier-box input{border:1.5px solid var(--line);border-radius:12px;height:42px;padding:0 12px;font-size:.9rem;color:var(--text);background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%)}.summary-box{border-radius:16px;border:1px solid var(--line);background:var(--panel-strong);padding:14px 16px;min-width:470px;display:flex;align-items:center;justify-content:flex-start;gap:18px;box-shadow:0 8px 16px #0f172a14}.summary-metric{display:flex;flex-direction:column;gap:6px}.summary-box span{font-size:.85rem;font-weight:500;line-height:1}.summary-metric-qty{min-width:86px}.summary-metric-total{min-width:0;flex:1}.summary-qty-value{font-size:clamp(2.85rem,3.5vw,3.2rem);line-height:.95;font-weight:600}.summary-total-value{font-size:clamp(2.8rem,3.55vw,3.25rem);line-height:.95;font-weight:500}.summary-box button{border:none;border-radius:14px;height:66px;min-width:130px;color:#fff;font-size:1.15rem;font-weight:700;background:linear-gradient(120deg,#5864f6,#3e49e2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto}.summary-box button .quick-hint{border-color:#f7df52;color:#fff06a;background:transparent}.summary-box button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.08)}@media(max-width:1024px){.pos-header{grid-template-columns:1fr;justify-items:start;gap:10px}.store-title{justify-self:start}.search-row{flex-direction:column}.member-control{max-width:100%;margin-left:0}.product-control{max-width:100%}.pos-bottom{flex-direction:column;align-items:stretch}.cashier-box,.summary-box{max-width:100%;min-width:0;width:100%}.master-grid{grid-template-columns:1fr}.master-header,.table-head-actions{flex-direction:column;align-items:stretch}.table-footer{flex-direction:column;align-items:flex-start}.master-page-head{flex-direction:column;align-items:stretch}.check-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:1400px){.logo-text{font-size:1rem}.clock-card{min-width:190px;border-radius:14px;padding:9px 10px 10px}.clock-top{font-size:.72rem}.clock-card strong{font-size:1.45rem}.clock-card small{font-size:.65rem}.store-title span{font-size:.74rem}.store-title strong{font-size:1rem}.quick-hint{min-width:24px;height:24px;font-size:.72rem}.pos-table th{font-size:.82rem}.pos-table td{font-size:.8rem}.summary-box{min-width:0;width:100%;gap:18px}.summary-box span{font-size:.8rem}.summary-qty-value{font-size:2.65rem}.summary-total-value{font-size:2.95rem}.summary-box button{height:64px;min-width:124px;font-size:1.05rem}}@media(max-width:768px){.sidebar-toggle{top:46%}.pos-page,.soft-panel{padding:10px}.store-title span{font-size:.72rem}.store-title strong{font-size:.94rem}.clock-card{min-width:0;width:100%;text-align:center;align-items:center}.pos-table{display:block;overflow-x:auto;white-space:nowrap}.payment-customer-grid{grid-template-columns:1fr}.payment-change{font-size:1.7rem}.report-filters{grid-template-columns:1fr}.report-filter-actions{align-items:stretch}.report-topline .soft-logo{transform:scale(.72)}.report-table thead th,.report-table td{font-size:.85rem}}