#splash-screen {
    position: fixed; inset: 0; z-index: 999999;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    background: radial-gradient(circle at 50% 40%, rgba(245,180,40,.14), transparent 55%),
                linear-gradient(135deg, #070B14 0%, #0F172A 45%, #142238 100%);
    animation: splashOut 1s cubic-bezier(.4,0,.2,1) 1.2s forwards;
    overflow: hidden;
}
.splash-logo-wrap {
    position: relative; width: 220px; height: 220px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; border-radius: 50%;
}
#splash-logo {
    width: 220px; height: 220px; object-fit: contain;
    filter: drop-shadow(0 0 26px rgba(245,180,40,.45));
    animation: splashLogoIn .5s cubic-bezier(.22,.68,0,1.1) both;
    position: relative; z-index: 2;
}
.splash-shine {
    position: absolute; top: 0; left: -150%; width: 60%; height: 100%;
    background: linear-gradient(75deg, transparent, rgba(255,255,255,.35), transparent);
    z-index: 3; pointer-events: none;
    animation: splashShine 1.1s ease .5s;
}
.splash-ring {
    position: absolute; top: 50%; left: 50%; width: 220px; height: 220px;
    border: 1.5px solid rgba(245,180,40,.5); border-radius: 50%;
    transform: translate(-50%,-50%) scale(.6); opacity: 0;
}
.splash-ring.r1 { animation: splashRing 1.6s ease-out .3s infinite; }
.splash-ring.r2 { animation: splashRing 1.6s ease-out .75s infinite; }
.splash-ring.r3 { animation: splashRing 1.6s ease-out 1.2s infinite; }
.splash-tag {
    margin-top: 22px; font-size: 11px; font-weight: 800; letter-spacing: .35em;
    color: rgba(245,197,120,.85); text-transform: uppercase;
    opacity: 0; animation: splashTagIn .7s ease .45s forwards;
    text-align: center; max-width: 90vw; padding: 0 10px;
}
@media (max-width: 420px){ .splash-tag { font-size: 9px; letter-spacing: .22em; } }
@keyframes splashLogoIn {
    0%   { opacity:0; transform: scale(.6); }
    60%  { opacity:1; transform: scale(1.08); }
    100% { opacity:1; transform: scale(1); }
}
@keyframes splashShine { 0% { left: -150%; } 100% { left: 150%; } }
@keyframes splashRing {
    0%   { transform: translate(-50%,-50%) scale(.55); opacity: .6; }
    80%  { opacity: 0; }
    100% { transform: translate(-50%,-50%) scale(1.35); opacity: 0; }
}
@keyframes splashTagIn { from { opacity:0; transform: translateY(6px);} to { opacity:1; transform: translateY(0);} }
@keyframes splashOut {
    0%   { opacity: 1; filter: blur(0); }
    100% { opacity: 0; filter: blur(8px); visibility: hidden; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce){
    #splash-screen { animation-delay: .1s; }
    #splash-logo { animation: none; opacity:1; }
    .splash-ring, .splash-shine, .splash-tag { animation: none; opacity: 0; }
}

:root{
  --bg:#0F172A;--surface:#1E293B;--surface2:#263449;--text:#E2E8F0;--text-dim:#94A3B8;--text-faint:#64748B;--heading:#F8FAFC;
  --accent:#3B82F6;--accent-rgb:59,130,246;--accent-deep:#2563EB;
  --glass-bg:#1E293B;--glass-border:#334155;
  --neu-light:rgba(255,255,255,0.04);--neu-dark:rgba(0,0,0,0.35);
  --input-bg:#263449;--input-border:#334155;
  --hairline:#334155;
  --success:#22C55E;--danger:#EF4444;--warning:#F59E0B;
}
body.light-mode{
  --bg:#F5F7FB;--surface:#FFFFFF;--surface2:#FFFFFF;--text:#0F172A;--text-dim:#64748B;--text-faint:#94A3B8;--heading:#0F172A;
  --accent:#2563EB;--accent-rgb:37,99,235;--accent-deep:#1D4ED8;
  --glass-bg:#FFFFFF;--glass-border:#E2E8F0;
  --neu-light:rgba(255,255,255,0.9);--neu-dark:rgba(15,23,42,0.06);
  --input-bg:#FFFFFF;--input-border:#E2E8F0;
  --hairline:#E2E8F0;
  --success:#22C55E;--danger:#EF4444;--warning:#F59E0B;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Space Grotesk',sans-serif}
body{min-height:100vh;background:var(--bg);padding:20px;color:var(--text);transition:background .3s,color .3s;overflow-x:hidden}
body.light-mode .glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:0 8px 28px rgba(120,110,90,0.1)}
body.light-mode .form-group select option{background:#f0ede4;color:#2b2b28}
body.light-mode .form-group input::placeholder{color:rgba(0,0,0,0.35)!important}
body.light-mode #saleProductInfo{background:var(--glass-bg)!important;color:var(--text)!important}
body.light-mode #saleProductInfo strong{color:var(--text)}
body.light-mode .sub{color:var(--text-faint)!important;-webkit-text-fill-color:var(--text-faint)!important}
body.light-mode #brandTags>span,body.light-mode #categoryTags>span{background:var(--glass-bg)!important;color:var(--text)!important;border:1px solid var(--hairline)}
body.light-mode #brandTags .del,body.light-mode #categoryTags .del{color:var(--danger)!important}
body.light-mode small[style*="color:rgba"]{color:var(--text-faint)!important}
body.light-mode td[style*="color:rgba"]{color:var(--text-dim)!important}
.form-group input.invalid,.form-group select.invalid{border-color:#eb3349!important;background:rgba(235,51,73,0.1)!important;box-shadow:0 0 10px rgba(235,51,73,0.3)!important}
.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex-shrink:0}
.icon-lg{width:22px;height:22px;vertical-align:-6px}
.icon-btn{background:none;border:none;padding:6px;border-radius:8px;cursor:pointer;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;transition:.2s}
.icon-btn:hover{background:var(--glass-bg);color:var(--text)}

::selection{background:rgba(var(--accent-rgb),0.25)}
.container{max-width:1800px;margin:0 auto}
.glass{background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,0.18)}
header.glass{padding:18px 26px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative}
header h1{font-size:22px;font-weight:600;color:var(--heading);letter-spacing:-0.3px}
header .sub{font-size:11px;color:var(--text-faint);-webkit-text-fill-color:var(--text-faint);font-family:'JetBrains Mono',monospace;letter-spacing:0.3px}
.collapse-header{cursor:pointer;display:flex;align-items:center;gap:10px;user-select:none}
.collapse-header .arrow{display:inline-flex;transition:transform .3s;color:var(--text-faint)}
.collapse-header .arrow.open{transform:rotate(90deg)}
.collapse-body{overflow:hidden;transition:max-height .3s;max-height:8000px}
#barBody .table-wrap{max-height:55vh;overflow-y:auto}
.collapse-body.closed{max-height:0;padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
.tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap;background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:14px;padding:6px}
.tab{flex:1;min-width:130px;padding:12px;text-align:center;border-radius:10px;cursor:pointer;transition:.2s;background:transparent;border:1px solid transparent;font-size:13px;font-weight:600;color:var(--text-dim);letter-spacing:0.2px}
.tab:hover{color:var(--text)}
.tab.active{background:var(--surface);color:var(--text);box-shadow:inset 3px 3px 7px var(--neu-dark),inset -3px -3px 7px var(--neu-light)}
.tab svg{width:16px;height:16px;vertical-align:middle;margin-right:6px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tab{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.tab-content{display:none}
.tab-content.active{display:block}
.card{padding:22px;margin-bottom:18px}
.card h2{font-size:16px;margin-bottom:16px;font-weight:600;color:var(--heading);display:flex;align-items:center;gap:8px;letter-spacing:-0.1px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.form-group{margin-bottom:12px}
.form-group label{display:block;font-size:11px;margin-bottom:5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);backdrop-filter:blur(10px);color:var(--text);font-size:14px;outline:none;transition:.2s}
.form-group input:focus,.form-group select:focus{border-color:rgba(var(--accent-rgb),0.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.12)}
.form-group input::placeholder{color:var(--text-faint)}
.form-group select option{background:var(--surface);color:var(--text)}
.input-center{width:60px;text-align:center;padding:8px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:14px;font-family:'JetBrains Mono',monospace;outline:none}
.input-center:focus{border-color:rgba(var(--accent-rgb),0.5)}
body.light-mode .form-group select option{background:#f0ede4;color:#2b2b28}
.btn{padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:.2s;color:#fff;letter-spacing:0.2px}
.btn-primary{background:var(--accent)}
.btn-primary:hover{background:var(--accent-deep)}
.btn-success{background:var(--success);color:#fff}
.btn-success:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(63,174,124,0.3)}
.btn-danger{background:var(--danger);color:#fff}
.btn-danger:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(200,92,92,0.3)}
.btn-warning{background:var(--warning);color:#fff}
.btn-warning:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(201,154,74,0.3)}
.btn-sm{padding:6px 14px;font-size:12px}
.btn-range{background:var(--surface);color:var(--text);border:1px solid var(--hairline);box-shadow:2px 2px 6px var(--neu-dark),-2px -2px 6px var(--neu-light)}
.btn-range:hover{border-color:var(--accent);color:var(--accent)}
.btn-range.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none}
.btn-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--hairline)}
th{position:relative}
th{color:var(--text-faint);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:0.6px}
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
th.sortable:hover{color:var(--text)}
th.sortable .sort-arrow{display:inline-flex;vertical-align:middle;margin-left:4px;opacity:0.35}
th.sortable.sort-active .sort-arrow{opacity:1;color:var(--accent)}
.filter-btn{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px;border-radius:4px;opacity:0.4;position:relative}
.filter-btn:hover{opacity:1;background:var(--glass-bg)}
.filter-btn.filter-on{opacity:1;color:var(--success)}
.filter-btn.filter-on::after{content:'';position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:50%;background:var(--success)}
.filter-dropdown{display:none;position:absolute;top:100%;left:0;z-index:50;background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;padding:8px;min-width:160px;max-height:260px;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,0.3);text-transform:none;font-weight:400;letter-spacing:0;margin-top:6px}
.filter-dropdown.open{display:block}
.filter-dd-clear{display:block;width:100%;text-align:left;background:none;border:none;color:var(--danger);font-size:12px;padding:6px 8px;cursor:pointer;border-radius:6px;margin-bottom:4px}
.filter-dd-clear:hover{background:rgba(200,92,92,0.12)}
.filter-dd-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;color:var(--text);cursor:pointer;border-radius:6px;white-space:nowrap}
.filter-dd-item:hover{background:var(--glass-bg)}
.filter-dd-item input{margin:0}
.filter-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--accent-rgb),0.14);color:var(--accent);font-size:12px;padding:4px 10px;border-radius:20px}
.filter-chip button{background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0;opacity:0.7}
.filter-chip button:hover{opacity:1}
.filter-clear-all{font-size:12px;color:var(--text-dim);background:none;border:none;cursor:pointer;text-decoration:underline}
@media (max-width:640px){
  #tab-list .table-wrap,#tab-products .table-wrap,#plBody .table-wrap{overflow:visible}
  #tab-list table,#tab-list thead,#tab-list tbody,#tab-list tr,#tab-list td,
  #tab-products table,#tab-products thead,#tab-products tbody,#tab-products tr,#tab-products td,
  #plBody table,#plBody thead,#plBody tbody,#plBody tr,#plBody td{display:block;width:100%}
  #tab-list thead,#tab-products thead,#plBody thead{display:none}
  #tab-list tbody tr,#tab-products tbody tr,#plBody tbody tr{border:1px solid var(--hairline);border-radius:10px;margin-bottom:10px;padding:12px 14px;background:var(--glass-bg)}
  #tab-list tbody td,#tab-products tbody td,#plBody tbody td{border:none;padding:5px 0;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;font-size:13px;gap:8px;min-height:20px;overflow-wrap:anywhere;word-break:break-word}
  #tab-list tbody td>*,#tab-products tbody td>*,#plBody tbody td>*{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  #tab-list tbody td .badge,#tab-products tbody td .badge,#plBody tbody td .badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}
  #tab-list tbody td::before,#tab-products tbody td::before,#plBody tbody td::before{content:attr(data-label);color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:0.5px}
  #tab-list tbody td[data-label="Məhsul"],#tab-products tbody td[data-label="Məhsul"],#plBody tbody td[data-label="Məhsul"]{display:block;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--hairline)}
  #tab-list tbody td[data-label="Məhsul"]::before,#tab-products tbody td[data-label="Məhsul"]::before,#plBody tbody td[data-label="Məhsul"]::before{display:none}
  #tab-products tbody td[data-label=""]{display:block;padding-top:10px;margin-top:8px;border-top:1px solid var(--hairline);text-align:right}
}
tr:hover{background:rgba(var(--accent-rgb),0.04)}
.table-wrap{overflow-x:auto;overflow-y:auto;max-height:60vh;border-radius:10px}
.table-wrap thead th{position:sticky;top:0;background:var(--surface);z-index:2}
/* Gələn / Satılan / Qalan — sadəcə rəqəm olduğu üçün sıxlaşdırılıb */
#tab-list table th:nth-child(1),#tab-list table td:nth-child(1),
#tab-list table th:nth-child(3),#tab-list table td:nth-child(3),
#tab-list table th:nth-child(4),#tab-list table td:nth-child(4),
#tab-list table th:nth-child(5),#tab-list table td:nth-child(5),
#tab-list table th:nth-child(6),#tab-list table td:nth-child(6),
#tab-list table th:nth-child(7),#tab-list table td:nth-child(7),
#tab-list table th:nth-child(8),#tab-list table td:nth-child(8),
#tab-list table th:nth-child(9),#tab-list table td:nth-child(9),
#tab-list table th:nth-child(10),#tab-list table td:nth-child(10),
#tab-list table th:nth-child(11),#tab-list table td:nth-child(11),
#tab-list table th:nth-child(12),#tab-list table td:nth-child(12),
#tab-products table th:nth-child(1),#tab-products table td:nth-child(1),
#tab-products table th:nth-child(3),#tab-products table td:nth-child(3),
#tab-products table th:nth-child(4),#tab-products table td:nth-child(4),
#tab-products table th:nth-child(5),#tab-products table td:nth-child(5),
#tab-products table th:nth-child(6),#tab-products table td:nth-child(6),
#tab-products table th:nth-child(7),#tab-products table td:nth-child(7),
#tab-products table th:nth-child(8),#tab-products table td:nth-child(8),
#tab-products table th:nth-child(9),#tab-products table td:nth-child(9),
#tab-products table th:nth-child(10),#tab-products table td:nth-child(10),
#tab-products table th:nth-child(11),#tab-products table td:nth-child(11),
#tab-products table th:nth-child(12),#tab-products table td:nth-child(12),
#tab-products table th:nth-child(13),#tab-products table td:nth-child(13),
#tab-products table th:nth-child(14),#tab-products table td:nth-child(14){
  width:1%;white-space:nowrap;padding-left:8px;padding-right:8px;text-align:center;
}
#tab-list table td:nth-child(2),#tab-products table td:nth-child(2){white-space:normal}
/* Yuxarı köməkçi scrollbar */
.table-scroll-top{overflow-x:auto;overflow-y:hidden;height:14px;margin-bottom:2px;border-radius:10px 10px 0 0}
.table-scroll-top::-webkit-scrollbar{height:10px}
.table-scroll-top-inner{height:1px}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;background:var(--glass-bg);border:1px solid var(--hairline);color:var(--text-dim)}
.badge-green{background:rgba(63,174,124,0.14);color:var(--success);border-color:rgba(63,174,124,0.25)}
.badge-red{background:rgba(200,92,92,0.14);color:var(--danger);border-color:rgba(200,92,92,0.25)}
.badge-blue{background:rgba(var(--accent-rgb),0.14);color:var(--accent);border-color:rgba(var(--accent-rgb),0.25)}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}
.stat-card{padding:16px;border-radius:14px;text-align:center;background:var(--surface);box-shadow:6px 6px 14px var(--neu-dark),-6px -6px 14px var(--neu-light)}
.stat-card .val{font-size:24px;font-weight:600;margin-top:4px;font-family:'JetBrains Mono',monospace;color:var(--text)}
.stat-card .lbl{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px}
.stat-card.purple .val{color:var(--accent)}
.stat-card.green .val{color:var(--success)}
.stat-card.orange .val{color:var(--warning)}
.stat-card.red .val{color:var(--danger)}
.stat-card.blue .val{color:var(--accent)}
.stat-card.teal .val{color:var(--success)}
.search-box{margin-bottom:12px}
.search-box input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);backdrop-filter:blur(10px);color:var(--text);font-size:14px;outline:none}
.search-box input:focus{border-color:rgba(var(--accent-rgb),0.5)}
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;padding:20px}
.modal-overlay.show{display:flex}
.modal{max-width:400px;width:100%;padding:24px;border-radius:18px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 20px 50px rgba(0,0,0,0.3);max-height:90vh;overflow-y:auto;color:var(--text)}
.modal h2{font-size:16px;margin-bottom:12px;font-weight:600;color:var(--bg)}
.modal .close{float:right;cursor:pointer;font-size:22px;color:var(--text-faint);background:none;border:none}
.modal .close:hover{color:var(--text)}
.empty{text-align:center;padding:30px;color:var(--text-faint);font-size:14px}
.receipt{background:#fff;color:#000;padding:20px;max-width:300px;margin:0 auto;font-family:'Courier New',monospace;font-size:12px;line-height:1.4}
.receipt h3{text-align:center;font-size:14px;margin-bottom:4px}
.receipt .r-line{border-top:1px dashed #999;margin:8px 0}
.receipt .r-row{display:flex;justify-content:space-between}
.receipt .r-total{font-size:16px;font-weight:700;text-align:center;margin:8px 0}
.receipt .r-center{text-align:center}
@page{width:80mm;margin:0}
/* Login */
.login-overlay{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:999;justify-content:center;align-items:center;padding:20px}
.login-overlay.hidden{display:none}
.login-box{max-width:360px;width:100%;padding:32px;border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);text-align:center;box-shadow:0 20px 50px rgba(0,0,0,0.25);color:var(--text)}
.login-box .icon{font-size:48px;margin-bottom:8px}
.login-box h2{font-size:18px;margin-bottom:4px;font-weight:600;color:var(--bg)}
.login-box p{font-size:13px;color:var(--text-dim);margin-bottom:20px}
.login-box input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:16px;text-align:center;outline:none;letter-spacing:4px;font-family:'JetBrains Mono',monospace}
.login-box input:focus{border-color:rgba(var(--accent-rgb),0.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.12)}
.login-box .error{color:var(--danger);font-size:13px;margin-top:8px;min-height:20px}
.login-box .btn{margin-top:12px;width:100%}
/* Toggle */
.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.toggle{cursor:pointer;width:44px;height:24px;background:var(--surface);border-radius:12px;position:relative;transition:.3s;flex-shrink:0;box-shadow:inset 3px 3px 6px var(--neu-dark),inset -3px -3px 6px var(--neu-light)}
.toggle.on{background:var(--success)}
.toggle.on{box-shadow:none}
.toggle:after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:2px 2px 4px var(--neu-dark),-1px -1px 3px var(--neu-light);transition:.3s}
.toggle.on:after{left:22px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
@media print{
  body *{visibility:hidden}
  .receipt,.receipt *{visibility:visible}
  .receipt{position:fixed;top:0;left:50%;transform:translateX(-50%);width:80mm;box-shadow:none}
}
@media(max-width:768px){
  body{padding:10px}
  .header-brand{display:none}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .tabs{flex-wrap:nowrap;overflow-x:auto;gap:2px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .tabs .tab{min-width:auto;font-size:12px;padding:12px 12px;flex:1;white-space:nowrap}
  header.glass{padding:12px;gap:8px}
  header h1{font-size:16px}
  .stat-cards{grid-template-columns:1fr 1fr}
  .stat-card .val{font-size:20px}
  .card{padding:14px}
  .card h2{font-size:16px}
  .modal{margin:10px;padding:16px}
  .table-wrap table{font-size:12px;min-width:650px}
  #tab-list table,#tab-products table,#plBody table{min-width:0}
  th,td{padding:5px 6px;white-space:nowrap}
  .search-box input{font-size:13px;padding:8px 10px}
  .btn{padding:8px 14px;font-size:13px}
  .form-group input,.form-group select{font-size:13px;padding:8px 10px}
  .icon-btn{padding:5px!important}
  .icon-lg{width:19px;height:19px}
  .login-box{padding:24px 20px}
  #storeLogo{height:30px!important;width:30px!important}
}
@media(max-width:560px){
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-wrap table{font-size:10px;min-width:600px}
  #tab-list table,#tab-products table,#plBody table{min-width:0}
  th,td{padding:4px 5px!important;white-space:nowrap}
  .table-wrap .badge{font-size:9px;padding:1px 5px}
  .tab svg{width:14px;height:14px}
}
@media(max-width:480px){
  body{padding:6px}
  .tabs{overflow-x:auto;flex-wrap:nowrap;gap:2px}
  .tabs .tab{font-size:11px;padding:10px 12px;min-width:0;flex:0 0 auto}
  .tabs .tab svg{width:14px;height:14px;margin-right:4px}
  .stat-cards{grid-template-columns:1fr 1fr;gap:6px}
  .stat-card .val{font-size:16px}
  .stat-card{padding:8px}
  .stat-card .lbl{font-size:10px}
  th,td{padding:3px 4px!important;font-size:10px}
  header.glass{padding:8px;gap:6px}
  header h1{font-size:13px}
  header .sub{font-size:10px}
  .container{max-width:100%}
  .card{padding:10px}
  .card h2{font-size:14px}
  .search-box input{font-size:12px;padding:6px 8px}
  .btn{padding:6px 10px;font-size:11px}
  .btn-sm{padding:4px 8px!important;font-size:11px!important}
  .form-group input,.form-group select{font-size:12px;padding:6px 8px}
  .form-group label{font-size:11px}
  .badge{font-size:9px;padding:1px 5px}
  .table-wrap table{font-size:10px;min-width:500px}
  #tab-list table,#tab-products table,#plBody table{min-width:0}
  .modal{padding:12px;margin:6px}
  .modal h2{font-size:16px}
  .login-box{padding:20px 16px}
  .login-box input{font-size:14px}
  #storeLogo{height:24px!important;width:24px!important}
  #brandTags>span,#categoryTags>span{font-size:9px!important;padding:1px 5px!important}
  .input-center{width:44px!important;padding:4px!important;font-size:12px!important}
}
#printLabelsArea{display:none}
@media print{
  @page{size:45mm 25mm;margin:0}
  body>*:not(#printLabelsArea){display:none!important}
  #printLabelsArea,#printLabelsArea *{visibility:visible!important}
  #printLabelsArea{display:block!important;padding:0;margin:0;width:100%}
  .print-label{width:45mm;height:25mm;margin:0 auto;padding:1.2mm 1.8mm 0;box-sizing:border-box;text-align:center;page-break-after:always;break-after:page;page-break-inside:avoid;break-inside:avoid}
  .pl-inner{width:100%;text-align:center}
  .print-label:last-of-type{page-break-after:auto;break-after:auto}
  .pl-head{display:flex;align-items:baseline;justify-content:center;gap:2mm;width:100%;white-space:nowrap;overflow:hidden}
  .pl-name{font-size:8px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
  .pl-price{font-size:22px;font-weight:700;color:#000;flex-shrink:0}
  .pl-svg{width:100%;height:15mm;display:block;margin:0.8mm auto 0;object-fit:fill}
  .pl-code{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.5px;color:#000;margin-top:0.3mm}
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Courier New',monospace}
    .receipt{background:#fff;color:#000;padding:16px;max-width:300px;margin:0 auto;font-size:12px;line-height:1.4}
    h3{text-align:center;font-size:14px;margin-bottom:4px}
    .r-line{border-top:1px dashed #999;margin:8px 0}
    .r-row{display:flex;justify-content:space-between}
    .r-total{font-size:16px;font-weight:700;text-align:center;margin:8px 0}
    .r-center{text-align:center}
    @page{width:80mm;margin:0}