:root{
  --bg:#f3f5f9;
  --card:#ffffff;
  --card2:#f8fafc;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --primary:#111827;
  --primary2:#1f2937;
  --green:#0f9f6e;
  --red:#ef4444;
  --orange:#f59e0b;
  --blue:#2563eb;
  --shadow:0 16px 40px rgba(15,23,42,.10);
  --radius:22px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{padding-bottom:92px}
button,input,select,textarea{font:inherit}
button{border:0;cursor:pointer}
.app-shell{width:100%;max-width:560px;margin:0 auto;padding:16px 14px 18px}
.topbar{position:sticky;top:0;z-index:10;margin:-16px -14px 12px;padding:16px 14px 12px;background:rgba(243,245,249,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(229,231,235,.55)}
.eyebrow{margin:0 0 2px;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.04em}
h2{margin:0;font-size:18px;letter-spacing:-.03em}.muted{color:var(--muted);margin:0}.screen{display:none;animation:fade .18s ease}.screen.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero-card{position:relative;overflow:hidden;margin:8px 0 14px;padding:22px;border-radius:30px;background:linear-gradient(145deg,#111827,#243145);color:white;box-shadow:var(--shadow);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hero-card:after{content:"";position:absolute;right:-55px;bottom:-65px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero-card p{margin:0 0 6px;color:#cbd5e1;font-weight:700}.hero-card strong{font-size:32px;letter-spacing:-.05em;line-height:1.05}.pill{position:relative;z-index:1;white-space:nowrap;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.stat-card span{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-bottom:6px}.stat-card b{font-size:19px;letter-spacing:-.04em}.stat-card.danger b{color:var(--red)}
.quick-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 16px}.primary,.soft,.small-btn,.icon-btn{border-radius:18px;font-weight:900;transition:.15s transform,.15s opacity}.primary:active,.soft:active,.small-btn:active,.icon-btn:active{transform:scale(.98);opacity:.9}.primary{width:100%;padding:15px 16px;background:var(--primary);color:white;box-shadow:0 12px 30px rgba(17,24,39,.18)}.soft{width:100%;padding:14px 16px;background:#e9eef7;color:#111827}.big{font-size:16px}.small-btn{padding:9px 12px;background:#111827;color:#fff;font-size:13px}.icon-btn{width:42px;height:42px;border-radius:15px;background:#fff;color:#111827;border:1px solid var(--line);font-size:22px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.section-title.compact{margin-top:16px}.search,input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:18px;padding:14px 14px;outline:none;box-shadow:0 6px 16px rgba(15,23,42,.035)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}textarea{resize:vertical}.search{margin-bottom:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 14px center;padding-left:42px}
.form-card,.modal-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}label{display:block;margin:12px 0 7px;font-weight:850;font-size:13px;color:#374151}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.add-line-box{background:var(--card2);border:1px dashed #cbd5e1;border-radius:20px;padding:12px;margin:12px 0}.total-box{margin:12px 0;background:#111827;color:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:space-between}.total-box span{color:#d1d5db;font-weight:800}.total-box b{font-size:22px;letter-spacing:-.04em}
.list{display:flex;flex-direction:column;gap:10px}.list-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:13px 14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.list-card .row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.list-card h3{margin:0 0 4px;font-size:16px;letter-spacing:-.03em}.list-card p{margin:3px 0;color:var(--muted);font-size:13px;line-height:1.35}.list-card b.amount{white-space:nowrap;color:#111827;font-size:16px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px;background:#f1f5f9;color:#475569}.badge.green{background:#dcfce7;color:#15803d}.badge.red{background:#fee2e2;color:#b91c1c}.badge.orange{background:#fef3c7;color:#92400e}.card-actions{display:flex;gap:8px;margin-top:10px}.card-actions button{padding:10px 12px;border-radius:14px;font-weight:900;background:#f1f5f9;color:#111827}.card-actions .pay-btn{background:#111827;color:#fff}.empty-box{border:1px dashed #cbd5e1;border-radius:18px;padding:16px;color:var(--muted);text-align:center;background:#f8fafc}.invoice-items{margin:12px 0}.invoice-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7;margin-bottom:8px}.invoice-line button{background:#fee2e2;color:#b91c1c;border-radius:12px;font-weight:900;padding:7px 10px}.line-meta{color:var(--muted);font-size:12px;margin-top:4px}.history-items{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:100%;max-width:560px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,1fr);gap:3px;box-shadow:0 -12px 30px rgba(15,23,42,.08)}.nav-btn{border-radius:15px;background:transparent;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:18px;font-weight:900}.nav-btn span{font-size:10px}.nav-btn.active{background:#111827;color:#fff}
.modal{position:fixed;inset:0;z-index:50;background:rgba(15,23,42,.45);display:none;align-items:flex-end;justify-content:center;padding:12px}.modal.active{display:flex}.modal-card{width:100%;max-width:560px;max-height:90vh;overflow:auto;border-radius:28px 28px 20px 20px;animation:sheet .2s ease}@keyframes sheet{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.modal-form{padding-bottom:4px}.toast{position:fixed;left:50%;top:12px;transform:translateX(-50%) translateY(-20px);z-index:100;max-width:calc(100% - 24px);background:#111827;color:#fff;border-radius:18px;padding:12px 14px;font-weight:850;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (min-width:680px){body:before{content:"Smartfon UI ko‘rinishi";position:fixed;left:24px;top:24px;color:#94a3b8;font-weight:800}.app-shell,.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media (max-width:370px){.hero-card{padding:18px}.hero-card strong{font-size:27px}.bottom-nav{gap:1px}.nav-btn{font-size:16px}.nav-btn span{font-size:9px}.two-cols{gap:8px}input,select,textarea{padding:13px 12px}.stats-grid{gap:8px}.stat-card{padding:12px}}

/* v1.0.2 - mijoz tahrirlash/o‘chirish va qarz tarixi dizayni */
.section-note{margin:-4px 0 12px;color:var(--muted);font-size:13px;line-height:1.4}.customer-card .card-actions{border-top:1px solid var(--line);padding-top:10px}.split-actions{display:grid;grid-template-columns:1fr 1fr}.card-actions .edit-btn{background:#e0f2fe;color:#075985}.card-actions .delete-btn{background:#fee2e2;color:#b91c1c}.debt-card{position:relative;cursor:pointer;border-color:#dbe4f0}.debt-card:active{transform:scale(.992)}.debt-card .tap-hint{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:850}.debt-amount{color:var(--red)!important}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mini-stats span{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:8px 10px;color:#64748b;font-size:12px;font-weight:750}.mini-stats b{color:#111827}.card-actions .history-btn{background:#eef2ff;color:#3730a3}.history-modal-card{max-height:92vh}.small-muted{font-size:12px;margin-top:3px}.history-summary-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.history-summary-grid article{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:12px}.history-summary-grid span{display:block;color:#64748b;font-size:12px;font-weight:800;margin-bottom:4px}.history-summary-grid b{font-size:18px;letter-spacing:-.04em}.timeline-list{display:flex;flex-direction:column;gap:10px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.timeline-item h3{margin:0;font-size:15px;letter-spacing:-.03em}.timeline-item p{margin:4px 0;color:var(--muted);font-size:13px;line-height:1.35}.timeline-icon{width:36px;height:36px;border-radius:15px;display:grid;place-items:center;background:#f1f5f9}.timeline-item.payment{border-color:#bbf7d0;background:#fcfffd}.timeline-item.payment .timeline-icon{background:#dcfce7}.timeline-item.invoice{border-color:#e2e8f0}.green-text{color:#15803d!important}@media (min-width:390px){.history-summary-grid{grid-template-columns:1fr 1fr 1fr}.history-summary-grid article{padding:10px}.history-summary-grid b{font-size:15px}}


/* v1.0.3 - yashirin amallar va zamonaviy line-icon ko‘rinish */
.icon-btn.refresh-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nav-btn{font-size:12px;gap:4px;padding:6px 2px;color:#64748b}
.nav-icon{width:31px;height:31px;border-radius:13px;display:grid;place-items:center;background:#f1f5f9;border:1px solid #e6ebf2;transition:.16s ease}
.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.nav-btn.active{background:transparent;color:#111827}
.nav-btn.active .nav-icon{background:#111827;color:#fff;border-color:#111827;box-shadow:0 8px 18px rgba(17,24,39,.18)}
.nav-btn span:last-child{font-size:10px;font-weight:900;line-height:1}
.title-with-icon{display:flex;align-items:center;gap:8px}
.mini-icon{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:12px;border:1px solid rgba(15,23,42,.06);background:#f1f5f9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.mini-icon:before,.mini-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6px}
.mini-out{background:#eef2ff}.mini-out:before{width:13px;height:2px;background:#4338ca}.mini-out:after{width:7px;height:7px;border-top:2px solid #4338ca;border-right:2px solid #4338ca;transform:translate(-35%,-50%) rotate(45deg)}
.mini-in{background:#ecfdf5}.mini-in:before{width:13px;height:2px;background:#047857}.mini-in:after{width:7px;height:7px;border-left:2px solid #047857;border-bottom:2px solid #047857;transform:translate(-65%,-50%) rotate(45deg)}
.mini-pay,.mini-debt{background:#fff7ed}.mini-pay:before,.mini-debt:before{width:15px;height:10px;border:2px solid #c2410c;border-radius:4px}.mini-pay:after,.mini-debt:after{width:4px;height:4px;background:#c2410c;border-radius:50%;left:64%;top:50%}
.mini-shop{background:#eff6ff}.mini-shop:before{width:15px;height:12px;border:2px solid #1d4ed8;border-top:0;border-radius:2px 2px 5px 5px;top:56%}.mini-shop:after{width:18px;height:6px;border:2px solid #1d4ed8;border-bottom:0;border-radius:6px 6px 0 0;top:35%}
.reveal-card{position:relative;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;background:linear-gradient(180deg,#fff,#fbfdff)}
.reveal-card:active{transform:scale(.992)}
.reveal-card.open{border-color:#cbd5e1;box-shadow:0 16px 36px rgba(15,23,42,.10)}
.reveal-card .tap-hint{display:inline-flex;margin-bottom:9px;padding:4px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:850}
.reveal-card.open .tap-hint{background:#e0f2fe;color:#075985}
.reveal-actions{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;margin-top:0!important;padding-top:0!important;border-top:0!important;transition:max-height .22s ease,opacity .18s ease,transform .18s ease,margin .18s ease,padding .18s ease}
.reveal-card.open .reveal-actions{max-height:96px;opacity:1;transform:translateY(0);pointer-events:auto;margin-top:12px!important;padding-top:10px!important;border-top:1px solid var(--line)!important}
.card-actions button{min-height:44px;letter-spacing:-.01em}
.card-actions .edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:1px solid #bfdbfe}
.card-actions .delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fecaca}
.card-actions .history-btn{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4c1d95;border:1px solid #ddd6fe}
.card-actions .pay-btn{background:linear-gradient(135deg,#111827,#334155);color:#fff;border:1px solid #111827}
.debt-actions{grid-template-columns:.8fr 1.2fr}
.debt-card .tap-hint{margin-bottom:9px}
.timeline-icon{font-size:0;position:relative;overflow:hidden}
.timeline-symbol{position:relative;width:20px;height:20px;display:block}
.timeline-symbol:before,.timeline-symbol:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.timeline-payment:before{width:17px;height:11px;border:2px solid #15803d;border-radius:5px}.timeline-payment:after{width:5px;height:5px;border-radius:50%;background:#15803d;left:62%}
.timeline-invoice:before{width:16px;height:13px;border:2px solid #4338ca;border-radius:4px}.timeline-invoice:after{width:8px;height:2px;background:#4338ca;box-shadow:0 4px 0 #4338ca;left:48%;top:44%}
@media (max-width:370px){.nav-icon{width:28px;height:28px;border-radius:12px}.nav-icon svg{width:17px;height:17px}.nav-btn span:last-child{font-size:9px}.reveal-card .tap-hint{font-size:10px}}

/* v1.0.4 - tovar tahrirlash/o‘chirish va sana oralig‘i hisobot dizayni */
.product-card{border-color:#dfe7f0}
.product-card .tap-hint{margin-bottom:9px}
.mini-product{background:#f0f9ff}
.mini-product:before{width:15px;height:15px;border:2px solid #0369a1;border-radius:5px;transform:translate(-50%,-45%) rotate(45deg)}
.mini-product:after{width:5px;height:5px;background:#0369a1;border-radius:50%;left:43%;top:37%}
.card-actions button:disabled{background:#f1f5f9!important;color:#94a3b8!important;border:1px solid #e2e8f0!important;cursor:not-allowed;box-shadow:none;opacity:.85}
.date-filter-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:13px;margin:10px 0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.date-filter-card label{margin-top:0}
.history-filter-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:10px}
.history-filter-actions button{min-height:43px;border-radius:15px;font-weight:900;background:#f1f5f9;color:#111827;border:1px solid #e5eaf0}
.history-filter-actions button:first-child{background:#111827;color:#fff;border-color:#111827}
.report-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.report-summary-grid article{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.report-summary-grid article.report-wide{grid-column:1/-1;background:linear-gradient(135deg,#111827,#334155);color:#fff;border-color:#111827}
.report-summary-grid span{display:block;color:#64748b;font-size:12px;font-weight:850;margin-bottom:4px}
.report-summary-grid .report-wide span{color:#cbd5e1}
.report-summary-grid b{font-size:15px;letter-spacing:-.035em;color:#111827}
.report-summary-grid .report-wide b{color:#fff;font-size:17px}
@media (max-width:370px){.report-summary-grid{grid-template-columns:1fr}.report-summary-grid article.report-wide{grid-column:auto}.history-filter-actions{grid-template-columns:1fr}}

/* v1.0.5 - kirim nakladnoy, 3 ta oxirgi kirim va soddalashtirilgan kirim hisobot */
.stock-in-line-box{background:linear-gradient(180deg,#f8fafc,#ffffff);border-color:#dbe4f0}
.margin-preview{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #e5e7eb;border-radius:16px;background:#111827;color:#fff;font-size:13px;font-weight:950;padding:10px 8px;letter-spacing:-.02em}
.stock-in-summary{display:grid;grid-template-columns:1fr;gap:9px;margin:12px 0}
.stock-in-summary .total-box{margin:0;background:linear-gradient(180deg,#fff,#fbfdff)}
.stock-in-summary .sale-total-box{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}
.stock-in-summary .margin-total-box{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.stock-in-added-line{border-left:4px solid #0f9f6e}
.history-filter-actions.single-action{grid-template-columns:1fr}
.history-filter-actions.single-action button{background:linear-gradient(135deg,#111827,#334155);color:#fff;border-color:#111827;box-shadow:0 10px 22px rgba(17,24,39,.18)}
.report-summary-grid.report-two-only{grid-template-columns:1fr 1fr}
.report-summary-grid.report-two-only article{background:linear-gradient(180deg,#fff,#fbfdff);border-color:#dbe4f0}
.report-summary-grid.report-two-only article:first-child{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.report-summary-grid.report-two-only article:last-child{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}
.report-summary-grid.report-two-only b{font-size:18px}
@media (min-width:390px){.stock-in-summary{grid-template-columns:1fr}.stock-in-summary .total-box{padding:13px 14px}}
@media (max-width:370px){.report-summary-grid.report-two-only{grid-template-columns:1fr}.margin-preview{font-size:12px}}


/* v1.0.6 - Kirim: foizli marja va ixcham mobil nakladnoy ko'rinishi */
.stock-in-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 14px}
.stock-in-summary .total-box{min-height:78px;padding:10px 8px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;box-shadow:0 8px 18px rgba(15,23,42,.045);overflow:hidden}
.stock-in-summary .total-box span{font-size:10px;line-height:1.15;color:#475569;font-weight:950;letter-spacing:-.02em}
.stock-in-summary .total-box b{font-size:16px;line-height:1.05;color:#0f172a;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere}
.stock-in-summary .sale-total-box b{color:#1d4ed8}.stock-in-summary .margin-total-box b{color:#047857}
.margin-preview{background:linear-gradient(135deg,#111827,#334155);font-size:14px;box-shadow:0 8px 18px rgba(17,24,39,.12)}
.stock-in-items-list{display:flex;flex-direction:column;gap:8px}
.stock-in-added-line{border:1px solid #dbe4f0;border-left:4px solid #0f9f6e;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);padding:10px;box-shadow:0 7px 18px rgba(15,23,42,.045)}
.stock-line-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;margin-bottom:8px}.stock-line-head b{font-size:15px;letter-spacing:-.03em;line-height:1.2}.stock-line-head button{width:34px;height:34px;border-radius:12px;background:#fee2e2;color:#b91c1c;font-size:20px;font-weight:950;line-height:1}
.stock-line-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stock-line-grid span,.stock-line-grid b{display:flex;align-items:center;min-height:32px;border-radius:12px;padding:7px 8px;font-size:12px;line-height:1.05}.stock-line-grid span{background:#f1f5f9;color:#64748b;font-weight:900}.stock-line-grid b{background:#fff;border:1px solid #e9eef5;color:#111827;font-weight:950;justify-content:flex-end;text-align:right;letter-spacing:-.025em;overflow-wrap:anywhere}.stock-line-margin{margin-top:8px;display:inline-flex;border-radius:999px;padding:6px 10px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:950}
.compact-money-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.compact-money-row span{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:8px}.compact-money-row em{font-style:normal;color:#64748b;font-size:10px;font-weight:900}.compact-money-row b{font-size:13px;color:#111827;letter-spacing:-.035em;overflow-wrap:anywhere}.compact-items{margin-top:8px;display:flex;flex-direction:column;gap:6px}.compact-item{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:8px 9px}.compact-item b{display:block;font-size:13px;line-height:1.2;letter-spacing:-.02em;margin-bottom:3px}.compact-item span{display:block;color:#64748b;font-size:12px;line-height:1.25}.stock-invoice-card .amount{font-size:14px!important}
@media (max-width:360px){.stock-in-summary{gap:5px}.stock-in-summary .total-box{padding:9px 6px;min-height:74px}.stock-in-summary .total-box span{font-size:9.5px}.stock-in-summary .total-box b{font-size:14px}.stock-line-grid span,.stock-line-grid b{font-size:11px;padding:6px}.compact-money-row{gap:5px}.compact-money-row span{padding:7px 6px}.compact-money-row b{font-size:12px}}

/* v1.0.7 - dublikat himoyasi, formatlangan raqamlar, mijoz to'liq tarixi */
input[data-format-number]{font-weight:850;letter-spacing:-.02em}
button:disabled,.primary:disabled,.soft:disabled{opacity:.62!important;cursor:wait!important;transform:none!important;box-shadow:none!important}
form.is-submitting{position:relative}
form.is-submitting:after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.25);pointer-events:none}
.customer-actions{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:8px}
.card-actions .info-btn{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #bbf7d0}
.reveal-card.open .customer-actions{max-height:116px}
.customer-full-summary{grid-template-columns:1fr 1fr}
.customer-full-summary article:first-child{background:linear-gradient(180deg,#fff7ed,#fff);border-color:#fed7aa}
.customer-full-summary article:nth-child(2){background:linear-gradient(180deg,#eff6ff,#fff);border-color:#bfdbfe}
.customer-full-summary article:nth-child(3){background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#bbf7d0}
.customer-full-summary article:nth-child(4){background:linear-gradient(180deg,#faf5ff,#fff);border-color:#e9d5ff}
.customer-history-filter{margin-top:4px;margin-bottom:12px}
.customer-product-list{display:flex;flex-direction:column;gap:7px;margin:8px 0 12px}
.customer-product-list article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:10px 11px}
.customer-product-list b{font-size:13px;line-height:1.2;letter-spacing:-.02em}
.customer-product-list span{font-size:12px;color:#475569;font-weight:900;text-align:right;white-space:nowrap}
.history-modal-card .date-filter-card input{padding:12px;border-radius:15px}
.history-modal-card .history-filter-actions button{min-height:41px}
@media (max-width:370px){.customer-actions{grid-template-columns:1fr}.reveal-card.open .customer-actions{max-height:190px}.customer-full-summary{grid-template-columns:1fr}.customer-product-list article{grid-template-columns:1fr}.customer-product-list span{text-align:left;white-space:normal}}


/* v1.0.8 - mijoz amallari yonma-yon va kirim qatori yanada ixcham */
.customer-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.customer-actions button{min-width:0!important;padding:9px 4px!important;font-size:11.5px!important;line-height:1.05!important;white-space:nowrap!important;border-radius:13px!important}
.reveal-card.open .customer-actions{max-height:72px!important}

.slim-stock-line{padding:8px!important;border-radius:16px!important;border-left-width:3px!important}
.slim-stock-line .stock-line-head{margin-bottom:6px!important;grid-template-columns:minmax(0,1fr) 30px!important;align-items:center!important}
.stock-line-title{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden}
.stock-line-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important;line-height:1.1!important}
.stock-line-title span{flex:0 0 auto;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:950;white-space:nowrap}
.slim-stock-line .stock-line-head button{width:30px!important;height:30px!important;border-radius:10px!important;font-size:18px!important}
.stock-mini-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.stock-mini-metrics span{min-width:0;display:flex;flex-direction:column;gap:2px;border:1px solid #edf2f7;background:#f8fafc;border-radius:12px;padding:6px 5px;overflow:hidden}
.stock-mini-metrics em{font-style:normal;color:#64748b;font-size:9.5px;line-height:1;font-weight:950;white-space:nowrap}
.stock-mini-metrics b{color:#0f172a;font-size:12px;line-height:1.05;font-weight:950;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stock-mini-metrics .metric-margin{background:#ecfdf5;border-color:#bbf7d0}.stock-mini-metrics .metric-margin b{color:#047857}
@media (max-width:370px){.customer-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.reveal-card.open .customer-actions{max-height:72px!important}.stock-mini-metrics{gap:4px}.stock-mini-metrics span{padding:5px 4px}.stock-mini-metrics em{font-size:9px}.stock-mini-metrics b{font-size:11px}.stock-line-title span{padding:3px 5px;font-size:10px}.stock-line-title b{font-size:13px!important}}

/* v1.0.10 - Chiqimda qaytariladigan tovarlar va yanada ixcham kirim qatori */
.hidden{display:none!important}
.invoice-sell-total{margin:12px 0 10px;background:linear-gradient(135deg,#111827,#334155);color:#fff;border-radius:20px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 24px rgba(17,24,39,.14)}
.invoice-sell-total span{color:#d1d5db;font-size:12px;font-weight:900}.invoice-sell-total b{font-size:20px;letter-spacing:-.045em;white-space:nowrap}
.return-switch{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin:12px 0;padding:11px;border:1px solid #dbe4f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 20px rgba(15,23,42,.045);cursor:pointer}
.return-switch input{display:none}.switch-ui{position:relative;width:46px;height:28px;border-radius:999px;background:#cbd5e1;transition:.18s}.switch-ui:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.22);transition:.18s}.return-switch input:checked + .switch-ui{background:#111827}.return-switch input:checked + .switch-ui:before{transform:translateX(18px)}
.return-switch-text{display:flex;flex-direction:column;gap:2px;min-width:0}.return-switch-text strong{font-size:13px;letter-spacing:-.02em;color:#111827}.return-switch-text small{font-size:11px;line-height:1.25;color:#64748b;font-weight:750}
.return-panel{border:1px solid #fecaca;background:linear-gradient(180deg,#fff7f7,#fff);border-radius:22px;padding:10px;margin:10px 0 12px}.return-line-box{margin:0 0 10px;border-color:#fecaca;background:rgba(255,255,255,.78)}.return-soft{background:#fee2e2!important;color:#991b1b!important}
.invoice-net-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.invoice-net-summary article{background:#fff;border:1px solid #e5eaf0;border-radius:17px;padding:10px 9px;min-width:0;box-shadow:0 7px 18px rgba(15,23,42,.04)}.invoice-net-summary article span{display:block;color:#64748b;font-size:10px;font-weight:950;margin-bottom:4px;line-height:1.1}.invoice-net-summary article b{display:block;font-size:15px;color:#0f172a;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-net-summary .return-total-mini{border-color:#fecaca;background:linear-gradient(180deg,#fff1f2,#fff)}.invoice-net-summary .return-total-mini b{color:#b91c1c}.invoice-net-summary .net-payable{grid-column:1/-1;background:linear-gradient(135deg,#111827,#334155);border-color:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-net-summary .net-payable span{color:#cbd5e1;margin:0;font-size:12px}.invoice-net-summary .net-payable b{color:#fff;font-size:21px;text-align:right;white-space:normal;overflow-wrap:anywhere}
.compact-invoice-list{display:flex;flex-direction:column;gap:7px}.compact-sale-line{margin-bottom:0!important;padding:8px 9px!important;border-radius:15px!important;align-items:center}.compact-sale-line b{font-size:14px;line-height:1.15;letter-spacing:-.025em}.compact-sale-line .line-meta{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;margin-top:5px}.compact-sale-line .line-meta span,.compact-sale-line .line-meta strong{min-width:0;background:#fff;border:1px solid #e9eef5;border-radius:999px;padding:4px 7px;font-size:11px;line-height:1;font-weight:950;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-sale-line .line-meta strong{text-align:right;color:#111827;background:#f8fafc}.return-sale-line{background:#fff7f7!important;border-color:#fee2e2!important}.return-sale-line .line-meta strong{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.return-empty{background:#fff7f7!important;border-color:#fecaca!important;color:#b91c1c!important}
.ultra-stock-line{padding:7px 8px!important;border-radius:15px!important;border-left-width:3px!important;box-shadow:0 5px 14px rgba(15,23,42,.035)!important}.ultra-stock-top{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:7px;align-items:center;margin-bottom:6px}.ultra-stock-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px!important;line-height:1.08!important;letter-spacing:-.025em}.ultra-stock-top button{width:28px;height:28px;border-radius:10px;background:#fee2e2;color:#b91c1c;font-size:17px;font-weight:950}.ultra-stock-strip{display:grid;grid-template-columns:1.05fr .9fr .95fr .95fr .9fr;gap:4px}.ultra-stock-strip span{min-width:0;display:flex;flex-direction:column;gap:2px;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;padding:5px 4px;overflow:hidden}.ultra-stock-strip em{font-style:normal;color:#64748b;font-size:8.5px;line-height:1;font-weight:950;white-space:nowrap}.ultra-stock-strip b{color:#0f172a;font-size:10.8px;line-height:1.05;font-weight:950;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ultra-stock-strip .metric-margin{background:#ecfdf5;border-color:#bbf7d0}.ultra-stock-strip .metric-margin b{color:#047857}
.red-text{color:#b91c1c!important}.return-history-items{margin-top:7px;padding-top:7px;border-top:1px dashed #fecaca}.return-history-items>b{display:block;margin-bottom:3px;color:#b91c1c;font-size:12px}.return-history-items p{color:#991b1b!important}
@media (max-width:370px){.invoice-net-summary{gap:5px}.invoice-net-summary article{padding:9px 7px}.invoice-net-summary article b{font-size:13px}.invoice-net-summary .net-payable b{font-size:18px}.compact-sale-line .line-meta{grid-template-columns:auto auto 1fr;gap:4px}.compact-sale-line .line-meta span,.compact-sale-line .line-meta strong{font-size:10px;padding:4px 5px}.ultra-stock-strip{gap:3px}.ultra-stock-strip span{padding:4px 3px}.ultra-stock-strip em{font-size:8px}.ultra-stock-strip b{font-size:10px}.return-switch-text small{display:none}}

/* v1.0.11 - chiqimda to'langan summadan keyingi qoldiq va mijoz tarixida nakladnoy natijasi */
.net-payable b{transition:.15s ease}
.customer-invoice-history.has-debt{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}
.customer-invoice-history.no-debt{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#fcfffd)}
.invoice-history-head h3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.debt-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:950;line-height:1}
.debt-status.ok{background:#dcfce7;color:#15803d}
.debt-status.bad{background:#fee2e2;color:#b91c1c}
.history-calc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}
.history-calc-grid span{min-width:0;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:6px 5px;overflow:hidden}
.history-calc-grid em{display:block;font-style:normal;color:#64748b;font-size:9px;font-weight:950;line-height:1;margin-bottom:3px;white-space:nowrap}
.history-calc-grid b{display:block;color:#0f172a;font-size:11px;font-weight:950;line-height:1.05;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-calc-grid .return-cell{background:#fff7f7;border-color:#fee2e2}.history-calc-grid .return-cell b{color:#b91c1c}
.history-calc-grid .debt-cell{background:#fff7f7;border-color:#fecaca}.history-calc-grid .debt-cell b{color:#b91c1c}
.history-calc-grid .paid-cell{background:#ecfdf5;border-color:#bbf7d0}.history-calc-grid .paid-cell b{color:#047857}
.invoice-result-line{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:7px 8px;margin-top:6px!important}
@media (max-width:370px){.history-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.history-calc-grid b{font-size:12px}.debt-status{font-size:9px;padding:3px 6px}}

/* v1.0.13 - login tizimi, 30 kunlik kirish va foydalanuvchi chipi */
.login-body{padding-bottom:0;background:radial-gradient(circle at top left,#e0e7ff 0,#f3f5f9 34%,#f8fafc 100%);min-height:100vh;display:grid;place-items:center}
.login-shell{width:100%;max-width:560px;padding:18px 14px;margin:0 auto}
.login-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow)}
.login-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#111827,#334155);color:#fff;display:grid;place-items:center;font-weight:1000;letter-spacing:-.06em;margin-bottom:12px;box-shadow:0 14px 30px rgba(17,24,39,.18)}
.login-text{margin:8px 0 14px;color:#64748b;font-size:14px;line-height:1.45;font-weight:650}.login-form{margin-top:8px}.login-form .primary{margin-top:14px}.login-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;padding:11px 12px;font-weight:850;margin:10px 0}.login-help{margin:14px 0 0;color:#64748b;font-size:12px;line-height:1.45;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:10px 12px}.login-help b{color:#111827}.top-actions{display:flex;align-items:center;gap:7px;min-width:0}.user-chip{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:11px;font-weight:950;color:#334155;box-shadow:0 8px 20px rgba(15,23,42,.05)}.logout-chip{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:950;white-space:nowrap}.top-actions .icon-btn{width:38px;height:38px;border-radius:14px;flex:0 0 auto}
@media(max-width:390px){.user-chip{max-width:86px;padding:8px}.logout-chip{padding:8px}.topbar{gap:8px}.top-actions{gap:5px}}

/* v1.0.14 - muddat va to'lov ogohlantirishi */
.license-warning{margin:0 0 12px;border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff7ed);color:#92400e;border-radius:22px;padding:12px 13px;box-shadow:0 12px 28px rgba(217,119,6,.12)}
.license-warning strong{display:block;font-size:14px;font-weight:1000;letter-spacing:-.02em;margin-bottom:4px}
.license-warning span{display:block;font-size:12px;line-height:1.35;font-weight:800;color:#9a3412}
.license-warning b{color:#7c2d12}
@media(max-width:370px){.license-warning{border-radius:18px;padding:11px}.license-warning span{font-size:11px}}

/* v1.0.15 - raqamli ID, kontakt oynasi va login eslab qolish UI */
.contact-open-btn,.license-contact-btn,.contact-link-btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:16px;font-weight:950;cursor:pointer}
.contact-open-btn{width:100%;margin:0 0 10px;background:#111827;color:#fff;padding:12px 14px}
.license-warning{display:flex;align-items:center;justify-content:space-between;gap:10px}
.license-contact-btn{background:#111827;color:#fff;padding:10px 11px;font-size:12px;white-space:nowrap;box-shadow:0 10px 20px rgba(17,24,39,.12)}
.admin-contact-card .contact-note,.simple-contact-card p{color:#64748b;line-height:1.45;font-size:14px;font-weight:700;margin:4px 0 12px}
.contact-link-btn{width:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:13px 14px;margin:8px 0}
.contact-phone-box{margin-top:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px 13px}
.contact-phone-box span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:4px}.contact-phone-box b{display:block;color:#111827;font-size:16px;line-height:1.45;word-break:break-word}.simple-contact-modal{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.52);display:none;align-items:flex-end;justify-content:center;padding:12px}.simple-contact-modal.active{display:flex}.simple-contact-card{position:relative;width:100%;max-width:430px;background:#fff;border:1px solid #e5e7eb;border-radius:28px 28px 20px 20px;padding:18px;box-shadow:0 24px 80px rgba(15,23,42,.22)}.simple-contact-card h2{margin:0 42px 6px 0;font-size:22px;letter-spacing:-.04em}.simple-contact-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:14px;background:#f1f5f9;color:#111827;font-size:24px;font-weight:900}
@media(max-width:390px){.license-warning{align-items:flex-start;flex-direction:column}.license-contact-btn{width:100%}}

/* v1.0.16 - Navigation Drawer, account/settings/about modals, theme */
body.theme-dark{
  --bg:#0b1220;
  --card:#111827;
  --card2:#172033;
  --text:#f8fafc;
  --muted:#9ca3af;
  --line:#263244;
  --primary:#f8fafc;
  --primary2:#e5e7eb;
  --shadow:0 18px 48px rgba(0,0,0,.32);
  background:var(--bg);
}
body.theme-dark .topbar{background:rgba(11,18,32,.92);border-color:#263244}
body.theme-dark .primary{background:#f8fafc;color:#111827}
body.theme-dark .soft,body.theme-dark .empty-box,body.theme-dark .invoice-line,body.theme-dark .mini-stats span,body.theme-dark .history-summary-grid article,body.theme-dark .contact-phone-box,body.theme-dark .account-info-box,body.theme-dark .password-note,body.theme-dark .settings-help{background:#172033;color:#e5e7eb;border-color:#263244}
body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .search{background:#111827;color:#f8fafc;border-color:#263244}
body.theme-dark .list-card,body.theme-dark .modal-card,body.theme-dark .bottom-nav,body.theme-dark .user-chip,body.theme-dark .icon-btn{background:#111827;color:#f8fafc;border-color:#263244}
body.theme-dark .list-card b.amount,body.theme-dark .mini-stats b,body.theme-dark .contact-phone-box b,body.theme-dark .history-calc-grid b{color:#f8fafc}
body.theme-dark .hero-card{background:linear-gradient(145deg,#020617,#1e293b)}
body.theme-dark .drawer-overlay{background:rgba(0,0,0,.58)}
body.theme-dark .nav-drawer{background:#0f172a;color:#f8fafc;border-color:#263244}
body.theme-dark .drawer-menu button,body.theme-dark .drawer-logout{background:#172033;color:#f8fafc;border-color:#263244}
body.theme-dark .account-status-grid article{background:linear-gradient(145deg,#172033,#111827);border-color:#263244}
body.theme-dark .about-content{background:#172033;border-color:#263244}

.brand-block{display:flex;align-items:center;gap:10px;min-width:0}.drawer-btn{width:42px;height:42px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(15,23,42,.05);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 11px;flex:0 0 auto}.drawer-btn span{display:block;height:2.5px;border-radius:99px;background:#111827}.theme-dark .drawer-btn{background:#111827;border-color:#263244}.theme-dark .drawer-btn span{background:#f8fafc}.drawer-overlay{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.42);opacity:0;pointer-events:none;transition:.22s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;bottom:0;left:0;z-index:61;width:min(84vw,340px);background:#fff;border-right:1px solid var(--line);box-shadow:24px 0 70px rgba(15,23,42,.22);transform:translateX(-105%);transition:.24s cubic-bezier(.2,.8,.2,1);padding:calc(18px + env(safe-area-inset-top)) 14px 18px;display:flex;flex-direction:column;gap:14px}.nav-drawer.open{transform:translateX(0)}.drawer-profile{border-radius:28px;background:linear-gradient(145deg,#111827,#334155);color:#fff;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;box-shadow:0 18px 40px rgba(17,24,39,.18)}.account-avatar{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:24px;font-weight:1000}.drawer-profile b{display:block;font-size:17px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-profile span{display:block;color:#cbd5e1;font-size:12px;font-weight:900;margin-top:3px}.drawer-profile small{display:block;color:#dbeafe;font-size:12px;font-weight:850;margin-top:5px}.drawer-profile small strong{color:#fff}.drawer-menu{display:flex;flex-direction:column;gap:9px}.drawer-menu button,.drawer-logout{width:100%;text-align:left;border:1px solid var(--line);background:#f8fafc;color:#111827;border-radius:18px;padding:14px 14px;font-weight:950;text-decoration:none}.drawer-menu button:active,.drawer-logout:active{transform:scale(.99)}.drawer-logout{background:#fee2e2;color:#991b1b;border-color:#fecaca}.account-modal-card,.settings-modal-card,.about-modal-card{max-height:92vh}.account-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.account-status-grid article{position:relative;overflow:hidden;border:1px solid #dbeafe;background:linear-gradient(145deg,#eff6ff,#fff);border-radius:20px;padding:13px}.account-status-grid span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:5px}.account-status-grid b{font-size:24px;line-height:1;letter-spacing:-.06em}.account-status-grid small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:900}.account-info-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8fafc;border:1px solid #edf2f7;border-radius:20px;padding:10px;margin-bottom:12px}.account-info-box span{display:block;color:#64748b;font-size:11px;font-weight:900;margin-bottom:3px}.account-info-box b{font-size:13px;letter-spacing:-.02em}.password-note,.settings-help{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:10px 11px;color:#64748b;font-size:12px;font-weight:750;line-height:1.35;margin:12px 0 4px}.about-content{background:#f8fafc;border:1px solid #edf2f7;border-radius:22px;padding:16px;text-align:left}.about-logo{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#111827,#334155);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:1000;letter-spacing:-.06em;margin-bottom:12px}.about-content p{margin:0;color:var(--muted);line-height:1.55;font-weight:700}.about-version{display:inline-flex;margin-top:12px;border-radius:999px;background:#eef2ff;color:#3730a3;padding:7px 10px;font-size:12px;font-weight:950}.theme-dark .about-version{background:#172554;color:#bfdbfe}.theme-dark .compact-sale-line .line-meta span,.theme-dark .compact-sale-line .line-meta strong,.theme-dark .ultra-stock-strip span,.theme-dark .history-calc-grid span{background:#0f172a;border-color:#263244;color:#e5e7eb}.theme-dark .ultra-stock-strip b{color:#f8fafc}.theme-dark label{color:#d1d5db}
@media(max-width:390px){.brand-block{gap:8px}.drawer-btn{width:39px;height:39px;border-radius:14px}.account-status-grid,.account-info-box{grid-template-columns:1fr}.nav-drawer{width:min(88vw,330px)}}

/* v1.0.17 - Nakladnoy chop etish oynasi */
.print-modal-card {
  max-width: 420px;
}
.print-ready-box {
  margin: 10px 0 14px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(59,130,246,.10));
  border: 1px solid rgba(15,23,42,.08);
  text-align: center;
}
.print-ready-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #16a34a;
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(22,163,74,.25);
}
.print-ready-box h3 {
  margin: 0 0 5px;
  font-size: 18px;
  color: #0f172a;
}
.print-ready-box p {
  margin: 0;
  font-size: 13px;
  color: #64748b;
  line-height: 1.35;
}
.print-action-row {
  display: grid;
  grid-template-columns: 1fr .75fr;
  gap: 10px;
}
.print-action-row button {
  min-height: 48px;
}
body.dark .print-ready-box {
  background: linear-gradient(135deg, rgba(34,197,94,.16), rgba(59,130,246,.14));
  border-color: rgba(255,255,255,.08);
}
body.dark .print-ready-box h3 { color: #f8fafc; }
body.dark .print-ready-box p { color: #cbd5e1; }

/* v1.0.21 - foydalanuvchi Print sozlamalari va dinamik qog'oz eni */
.print-settings-card .optional-label{color:#64748b;font-size:12px;font-weight:800}
.print-size-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px 12px;color:#475569;font-size:12px;line-height:1.4;margin:2px 0 8px}
body.theme-dark .print-size-help{background:#172033;color:#cbd5e1;border-color:#263244}

/* v1.0.23 - print yozuv oralig'i va katta shrift siqilishini tuzatish */
.print-two-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}
.print-two-grid label{margin-top:0}
.print-settings-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.print-settings-actions .soft{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
body.theme-dark .print-settings-actions .soft{background:#1e1b4b;color:#c7d2fe;border-color:#3730a3}
@media(max-width:430px){.print-two-grid{grid-template-columns:1fr 1fr}}
@media(max-width:350px){.print-two-grid{grid-template-columns:1fr}}

/* Telegram buyurtma qo‘ng‘iroqchasi */
.order-bell { position: relative; font-size: 18px; }
.bell-count { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; line-height: 18px; font-weight: 800; text-align: center; }
.bell-count.hidden { display: none; }
.order-card .primary { width: 100%; }


/* v1.0.33: ekran moslashuvi sozlamalari */
:root{--ui-block-scale:1;--ui-font-scale:1;--ui-font-weight:850}
body{font-size:calc(14px * var(--ui-font-scale))}
body input,body select,body textarea,body button{font-size:calc(14px * var(--ui-font-scale));font-weight:var(--ui-font-weight)}
body label,body p,body span,body b,body strong,body h1,body h2,body h3,body small,body em,body .badge,body .line-meta,body .nav-btn span{font-weight:var(--ui-font-weight)}
body h1{font-size:calc(24px * var(--ui-font-scale))}
body h2{font-size:calc(18px * var(--ui-font-scale))}
body .hero-card strong{font-size:calc(32px * var(--ui-font-scale))}
body .list-card h3{font-size:calc(16px * var(--ui-font-scale))}
body .list-card p{font-size:calc(13px * var(--ui-font-scale))}
body .stat-card span{font-size:calc(12px * var(--ui-font-scale))}
body .stat-card b{font-size:calc(19px * var(--ui-font-scale))}
body .list-card,body .stat-card,body .form-card,body .modal-card,body .add-line-box,body .invoice-line,body .compact-item,body .timeline-item,body .history-summary-grid article{padding:calc(13px * var(--ui-block-scale)) calc(14px * var(--ui-block-scale))!important;border-radius:calc(20px * var(--ui-block-scale))!important}
body .hero-card{padding:calc(22px * var(--ui-block-scale))!important;border-radius:calc(30px * var(--ui-block-scale))!important}
body .total-box{padding:calc(16px * var(--ui-block-scale))!important;border-radius:calc(20px * var(--ui-block-scale))!important}
body .primary,body .soft{padding:calc(14px * var(--ui-block-scale)) calc(16px * var(--ui-block-scale))!important;border-radius:calc(18px * var(--ui-block-scale))!important}
.display-settings-box{margin:14px 0;padding:12px;border:1px dashed #cbd5e1;border-radius:20px;background:#f8fafc}.display-settings-box h3{margin:0 0 6px;font-size:16px}.display-settings-box input{width:100%}
.theme-dark .display-settings-box{background:#111827;border-color:#334155}

/* v1.0.41 - Hisobot tabs va statistika oynasi */
.dashboard-statistics-action { margin: 12px 0 10px; }
.statistics-open-btn {
  width: 100%; border: 0; border-radius: 20px; padding: 15px 16px;
  background: linear-gradient(135deg, #0f172a, #1d4ed8); color: #fff;
  font-weight: 900; font-size: 16px; box-shadow: 0 16px 34px rgba(15, 23, 42, .16);
}
.report-tabs {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0;
  background: rgba(148, 163, 184, .12); padding: 6px; border-radius: 18px;
}
.report-tab {
  border: 0; border-radius: 14px; padding: 12px 8px; font-weight: 900;
  background: transparent; color: #475569;
}
.report-tab.active {
  background: #0f172a; color: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
}
.report-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.report-summary-grid article { min-height: 74px; }
.compact-money-row.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.compact-money-row .profit-cell b { color: #047857; }
.outgoing-invoice-card { border-left: 4px solid #2563eb; }
.statistics-modal-card { max-width: 620px; }
.statistics-filter-card { margin-top: 8px; }
.two-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8px; }
.statistics-body { display: grid; gap: 12px; }
.statistics-range-label {
  display: inline-flex; width: max-content; max-width: 100%; padding: 8px 12px; border-radius: 999px;
  background: #eef2ff; color: #3730a3; font-weight: 900; font-size: 13px;
}
.statistics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.stat-big {
  border-radius: 20px; padding: 14px; background: #f8fafc; border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06); min-height: 104px;
}
.stat-big span { display: block; font-size: 12px; color: #64748b; font-weight: 900; }
.stat-big b { display: block; margin-top: 7px; font-size: 20px; color: #0f172a; }
.stat-big small { display: block; margin-top: 7px; color: #64748b; font-weight: 800; line-height: 1.25; }
.stat-big.in { background: linear-gradient(180deg, #ecfdf5, #fff); }
.stat-big.out { background: linear-gradient(180deg, #eff6ff, #fff); }
.stat-big.return { background: linear-gradient(180deg, #fff7ed, #fff); }
.stat-big.profit, .stat-big.net { background: linear-gradient(180deg, #f0fdf4, #fff); }
.stat-big.net b { color: #047857; }
.chart-card, .stat-detail-card {
  background: #fff; border: 1px solid rgba(148, 163, 184, .26); border-radius: 22px;
  padding: 14px; box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}
.chart-card { overflow: hidden; max-width: 100%; }
.chart-scroll {
  width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
  padding: 4px 0 8px; overscroll-behavior-x: contain; touch-action: pan-x;
}
.chart-scroll::-webkit-scrollbar { height: 6px; }
.chart-scroll::-webkit-scrollbar-thumb { background: rgba(37, 99, 235, .28); border-radius: 999px; }
.chart-inner { min-width: 100%; }
.chart-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 8px; }
.chart-head b { font-size: 15px; }
.chart-head span { font-size: 12px; color: #64748b; font-weight: 900; }
.mini-chart { width: 100%; height: 118px; display: block; }
.chart-grid { fill: none; stroke: #cbd5e1; stroke-width: 1; stroke-dasharray: 4 4; }
.chart-fill { fill: rgba(37, 99, 235, .10); }
.chart-line { fill: none; stroke: #2563eb; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.chart-dot { fill: #2563eb; stroke: white; stroke-width: 2; }
.chart-days { display: flex; justify-content: space-between; gap: 10px; color: #64748b; font-size: 10px; font-weight: 800; min-width: 100%; }
.chart-days span { flex: 0 0 34px; text-align: center; white-space: nowrap; }
.stat-detail-card h3 { margin: 0 0 8px; font-size: 16px; }
.stat-detail-card p { margin: 7px 0; color: #475569; font-weight: 750; }
.stat-detail-card p b { color: #0f172a; }
.net-profit-line { border-top: 1px dashed #cbd5e1; padding-top: 9px; }
.net-profit-line b { color: #047857 !important; font-size: 18px; }
@media (max-width: 430px) {
  .statistics-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stat-big { padding: 12px; border-radius: 18px; }
  .stat-big b { font-size: 17px; }
  .compact-money-row.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v1.0.42 - Statistika grafigi ichki gorizontal scroll */
.statistics-modal-card, .statistics-body { max-width: 100%; overflow-x: hidden; }
@media (max-width: 430px) {
  .chart-card { padding-left: 12px; padding-right: 12px; }
  .chart-scroll { margin-left: 0; margin-right: 0; }
}

/* v1.0.44 - Qarz saralash va to'lanmagan kunlar */
.debt-sort-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 12px;
  padding:6px;
  border-radius:18px;
  background:rgba(148,163,184,.13);
}
.debt-sort-btn{
  border:0;
  border-radius:14px;
  padding:11px 8px;
  background:transparent;
  color:#475569;
  font-weight:900;
  font-size:13px;
}
.debt-sort-btn.active{
  background:#111827;
  color:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.16);
}
.debt-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  min-width:max-content;
}
.unpaid-days-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  border:1px solid #fed7aa;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.theme-dark .debt-sort-tabs{background:rgba(148,163,184,.15)}
.theme-dark .debt-sort-btn{color:#cbd5e1}
.theme-dark .debt-sort-btn.active{background:#f8fafc;color:#0f172a}
.theme-dark .unpaid-days-badge{background:#431407;color:#fed7aa;border-color:#9a3412}
@media (max-width:370px){
  .debt-sort-btn{font-size:12px;padding:10px 6px}
  .unpaid-days-badge{font-size:10px;padding:3px 7px}
}

/* v1.0.48 product categories and sorting */
.section-actions{display:flex;gap:8px;align-items:center}
.soft-mini{background:#eef2ff!important;color:#1e2a78!important;border:1px solid #dbe3ff!important}
.sort-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 0 10px;margin-top:4px;scrollbar-width:none}
.sort-chips::-webkit-scrollbar{display:none}
.sort-chip{border:1px solid rgba(15,23,42,.10);background:#f8fafc;border-radius:999px;padding:9px 12px;font-weight:800;color:#64748b;white-space:nowrap;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.sort-chip.active{background:#111827;color:#fff;border-color:#111827}
.active-category-text{display:inline-flex;align-items:center;margin:0 0 10px;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:850;font-size:13px}
.category-badge{display:inline-flex;margin-top:4px;padding:5px 9px;border-radius:999px;background:#ecfeff;color:#0f766e;font-size:12px;font-weight:850}
.side-drawer{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.38);opacity:0;pointer-events:none;transition:.22s ease}
.side-drawer.show{opacity:1;pointer-events:auto}
.drawer-panel{position:absolute;top:0;bottom:0;width:min(88vw,420px);background:#fff;box-shadow:-24px 0 60px rgba(15,23,42,.22);padding:20px;overflow-y:auto;transition:.25s ease;display:flex;flex-direction:column;gap:14px}
.right-drawer .drawer-panel{right:0;transform:translateX(105%)}
.right-drawer.show .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid #eef2f7}
.drawer-head h2{margin:0;font-size:22px}
.full{width:100%}
.category-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:14px}
.category-list{display:flex;flex-direction:column;gap:8px}
.category-item{display:flex;align-items:center;gap:8px;margin-left:calc(var(--level,0) * 16px)}
.category-item>button:first-child{flex:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px;padding:12px 14px;text-align:left;font-weight:850;color:#111827;display:flex;justify-content:space-between;align-items:center;gap:10px}
.category-item>button:first-child small{color:#64748b;font-weight:800;white-space:nowrap}
.category-item.active>button:first-child{background:#111827;color:#fff;border-color:#111827}
.category-item.active>button:first-child small{color:#dbeafe}
.mini-link{border:0;background:#eef2ff;color:#3730a3;border-radius:12px;padding:9px 10px;font-weight:850;font-size:12px}
@media (max-width:520px){.drawer-panel{width:min(92vw,380px);padding:16px}.sort-chip{padding:8px 11px;font-size:13px}.section-actions{gap:6px}.section-actions .small-btn{padding-left:11px;padding-right:11px}}

/* v1.0.49 product list polish and category drawer fixes */
#screen-products .search{margin-bottom:0}
#screen-products #productSearch{margin-bottom:4px}
#screen-products .product-sort-chips{margin-top:0;padding:4px 0 6px;gap:4px}
#screen-products .sort-chip{padding:4px 10px;min-height:26px;font-size:11.5px;line-height:1;font-weight:820;box-shadow:0 3px 10px rgba(15,23,42,.03)}
#screen-products .sort-chip.active{box-shadow:0 8px 18px rgba(15,23,42,.10)}
#screen-products .active-category-text{margin:0 0 8px;padding:6px 10px;font-size:12px}
.product-card{padding:14px 14px 13px}
.product-card .tap-hint{margin-bottom:8px}
.product-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.product-topline h3{margin:0;min-width:0}
.product-meta-lines{display:grid;gap:4px;margin:0 0 10px;color:#64748b;font-size:13px;font-weight:750}
.product-meta-lines p{margin:0;display:flex;gap:6px;align-items:center;min-width:0}
.product-meta-lines span{color:#475569;font-weight:850;min-width:62px}
.product-meta-lines b{color:#0f172a;font-weight:850;word-break:break-word}
.product-info-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}
.product-info-row span{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;color:#475569;font-size:11.5px;font-weight:850;line-height:1.05}
.product-info-row .price-chip{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-info-row .price-chip i{font-style:normal;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.product-info-row .stock-chip{flex:0 0 auto}
.product-info-row b{color:#0f172a;font-weight:950}
.product-info-row .stock-chip.green{background:#dcfce7;border-color:#bbf7d0;color:#166534}
.product-info-row .stock-chip.orange{background:#ffedd5;border-color:#fed7aa;color:#c2410c}
.product-info-row .stock-chip.red{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.product-info-row .stock-chip b{color:inherit}
.category-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.category-form-head strong{font-size:17px;font-weight:950;color:#0f172a}
.mini-close{width:34px;height:34px;min-width:34px}
.category-list.hidden,.category-form.hidden,#showCategoryFormBtn.hidden{display:none!important}
.category-item.has-children>button:first-child small{font-size:12px;color:#2563eb}
.category-item.open>button:first-child{border-color:#bfdbfe;background:#eff6ff}
.category-item.open.active>button:first-child{background:#111827;border-color:#111827}
.theme-dark .product-meta-lines b,.theme-dark .product-info-row b,.theme-dark .category-form-head strong{color:#f8fafc}
.theme-dark .product-info-row span{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.20);color:#cbd5e1}
.theme-dark .category-item.open>button:first-child{background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.45)}
@media (max-width:520px){
  #screen-products .product-sort-chips{margin-top:6px;padding-top:6px;padding-bottom:8px}
  #screen-products .sort-chip{font-size:11px;padding:4px 9px;min-height:25px}
  .product-card{padding:13px}
  .product-meta-lines{font-size:12.5px}
  .product-info-row span{font-size:11px;padding:5px 8px;border-radius:12px}
}


/* v1.0.51 - product metric table compact mobile layout */
.product-info-row{display:none!important}
.product-metric-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px}
.product-metric-table .metric-cell{min-width:0;border:1px solid #e5e7eb;background:#f8fafc;border-radius:13px;padding:6px 4px;text-align:center;overflow:hidden}
.product-metric-table .metric-cell span{display:block;color:#64748b;font-size:9.5px;line-height:1;font-weight:900;white-space:nowrap;margin-bottom:4px}
.product-metric-table .metric-cell b{display:block;color:#0f172a;font-size:11px;line-height:1.05;font-weight:950;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-metric-table .stock-cell.green{background:#dcfce7;border-color:#bbf7d0}
.product-metric-table .stock-cell.orange{background:#ffedd5;border-color:#fed7aa}
.product-metric-table .stock-cell.red{background:#fee2e2;border-color:#fecaca}
.product-metric-table .stock-cell.green span,.product-metric-table .stock-cell.green b{color:#166534}
.product-metric-table .stock-cell.orange span,.product-metric-table .stock-cell.orange b{color:#c2410c}
.product-metric-table .stock-cell.red span,.product-metric-table .stock-cell.red b{color:#b91c1c}
.theme-dark .product-metric-table .metric-cell{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.20)}
.theme-dark .product-metric-table .metric-cell span{color:#cbd5e1}
.theme-dark .product-metric-table .metric-cell b{color:#f8fafc}
@media (max-width:370px){.product-metric-table{gap:3px}.product-metric-table .metric-cell{padding:5px 3px;border-radius:11px}.product-metric-table .metric-cell span{font-size:8.8px}.product-metric-table .metric-cell b{font-size:10px}}

.invoice-date-line{display:inline-flex;align-items:center;gap:6px;margin:6px 0 8px;padding:5px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569;font-size:12px;font-weight:800;line-height:1.2}
.invoice-date-line b{color:#0f172a;font-weight:900}
.timeline-item .invoice-date-line{margin-top:2px;margin-bottom:10px}
.theme-dark .invoice-date-line{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.20);color:#cbd5e1}
.theme-dark .invoice-date-line b{color:#f8fafc}

/* v1.0.55 - Searchable product/customer select dialog */
.smart-select-modal{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.46);display:flex;align-items:flex-end;justify-content:center;padding:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}.smart-select-modal.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s}.smart-select-sheet{width:100%;max-width:560px;max-height:82vh;background:#fff;border:1px solid #e5e7eb;border-radius:26px 26px 18px 18px;box-shadow:0 24px 60px rgba(15,23,42,.22);overflow:hidden;display:flex;flex-direction:column;transform:translate3d(0,24px,0) scale(.985);opacity:0;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .24s ease,border-radius .24s ease,max-height .22s ease;will-change:transform,opacity,max-height}.smart-select-modal.active .smart-select-sheet{transform:translate3d(0,0,0) scale(1);opacity:1}.smart-select-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 8px}.smart-select-head strong{font-size:17px;letter-spacing:-.03em}.smart-select-close{width:40px;height:40px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#111827;font-size:22px;font-weight:950}.smart-select-search-wrap{padding:0 14px 10px}.smart-select-search{width:100%;border:1px solid #dbe4f0;border-radius:18px;background:#f8fafc;padding:13px 14px 13px 40px;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.smart-select-list{overflow:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:7px}.smart-select-item{width:100%;text-align:left;border:1px solid #e5eaf0;background:#fff;border-radius:16px;padding:11px 12px;color:#111827;font-weight:850;line-height:1.25;display:flex;justify-content:space-between;gap:10px;align-items:center}.smart-select-item small{display:block;margin-top:3px;color:#64748b;font-weight:750}.smart-select-item.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.smart-select-item .check{flex:0 0 auto;color:#0f9f6e;font-weight:950}.smart-select-empty{padding:18px 12px;color:#64748b;text-align:center;font-weight:800;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc}.theme-dark .smart-select-sheet{background:#111827;border-color:rgba(148,163,184,.22)}.theme-dark .smart-select-head strong{color:#f8fafc}.theme-dark .smart-select-close,.theme-dark .smart-select-search,.theme-dark .smart-select-item{background:#0f172a;border-color:rgba(148,163,184,.22);color:#e5e7eb}.theme-dark .smart-select-item.active{background:rgba(37,99,235,.18);border-color:#2563eb;color:#bfdbfe}.theme-dark .smart-select-empty{background:#0f172a;border-color:rgba(148,163,184,.22);color:#cbd5e1}


/* v1.0.56 - mobile-safe searchable select triggers */
.smart-select-native-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-9999px!important;top:auto!important}
.smart-select-trigger{width:100%;min-height:48px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#0f172a;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-weight:850;box-shadow:0 6px 16px rgba(15,23,42,.035)}
.smart-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smart-select-trigger b{flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:#f1f5f9;color:#475569;display:grid;place-items:center;font-size:16px;line-height:1}
.smart-select-trigger.has-value{border-color:#cbd5e1;background:#fff}
.smart-select-trigger:active{transform:scale(.995)}
.smart-select-open{overflow:hidden}
.smart-select-modal{touch-action:none}
.smart-select-sheet{touch-action:auto}
.theme-dark .smart-select-trigger{background:#0f172a;border-color:rgba(148,163,184,.22);color:#e5e7eb}
.theme-dark .smart-select-trigger b{background:rgba(148,163,184,.15);color:#cbd5e1}


/* v1.0.57 - mobile keyboard/back-button safe dialogs */
.smart-select-modal{min-height:var(--app-vvh,100dvh);height:var(--app-vvh,100dvh);padding:10px 12px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}
.smart-select-modal.keyboard-open{align-items:flex-end;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.smart-select-sheet{max-height:calc(var(--app-vvh,100dvh) - 22px)}
.smart-select-modal.keyboard-open .smart-select-sheet{max-height:calc(var(--app-vvh,100dvh) - 22px);border-radius:24px 24px 18px 18px}
.smart-select-list{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.smart-select-search{font-size:16px}
@supports (height: 100dvh){.smart-select-modal{min-height:100dvh;height:100dvh}.smart-select-sheet{max-height:calc(100dvh - 22px)}}

/* v1.0.58 - premium smart select open/keyboard animation */
.smart-select-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(37,99,235,.08),transparent 42%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.smart-select-modal.active:before{opacity:1}
.smart-select-head{position:relative}
.smart-select-head:before{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:44px;height:4px;border-radius:999px;background:#dbe4f0}
.smart-select-head{padding-top:18px}
.smart-select-modal.keyboard-open .smart-select-sheet{box-shadow:0 18px 52px rgba(15,23,42,.20)}
.smart-select-search:focus{border-color:#bfdbfe;background-color:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
@media (prefers-reduced-motion: reduce){.smart-select-modal,.smart-select-sheet,.smart-select-modal:before{transition:none!important}}


/* v1.0.59 - professional keyboard-aware select dialog placement */
.smart-select-modal{
  inset:auto 0 auto 0!important;
  top:var(--app-vv-top,0px)!important;
  height:var(--app-vvh,100dvh)!important;
  min-height:0!important;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.smart-select-sheet{
  max-height:min(520px,calc(var(--app-vvh,100dvh) - 22px))!important;
  transform:translate3d(0,18px,0) scale(.992);
}
.smart-select-modal.active .smart-select-sheet{transform:translate3d(0,0,0) scale(1)}
.smart-select-modal.keyboard-open{
  padding-top:8px!important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
}
.smart-select-modal.keyboard-open .smart-select-sheet{
  max-height:calc(var(--app-vvh,100dvh) - 18px)!important;
  border-radius:22px 22px 16px 16px!important;
}
.smart-select-search-wrap{flex:0 0 auto}
.smart-select-list{flex:1 1 auto;min-height:110px;max-height:none!important}
@media (max-height:520px){
  .smart-select-head{padding:12px 14px 6px!important}
  .smart-select-search-wrap{padding:0 12px 8px!important}
  .smart-select-search{padding-top:11px!important;padding-bottom:11px!important}
  .smart-select-item{padding:9px 10px!important;border-radius:14px!important}
}


/* v1.0.60 - keyboard resize no-bounce select list */
.smart-select-sheet{
  transition:transform .30s cubic-bezier(.16,1,.3,1),opacity .22s ease,border-radius .18s ease!important;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  contain:layout paint style;
}
.smart-select-list{
  overflow-anchor:none;
  scroll-anchor:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:layout paint;
  transition:none!important;
}
.smart-select-modal.keyboard-adjusting .smart-select-list{
  overflow:hidden!important;
  -webkit-overflow-scrolling:auto!important;
}
.smart-select-modal.keyboard-adjusting .smart-select-item{
  transition:none!important;
}
.smart-select-modal.keyboard-open .smart-select-sheet{
  transition:transform .20s ease,opacity .18s ease,border-radius .18s ease!important;
}
.smart-select-search-wrap,.smart-select-head{flex:0 0 auto}

/* v1.0.62 - barcode scanner buttons and camera dialog */
.smart-select-search-row{display:flex;align-items:center;gap:8px;width:100%}
.smart-select-search-row .smart-select-search{flex:1 1 auto;min-width:0}
.smart-select-scan{display:none;flex:0 0 46px;width:46px;height:46px;border-radius:16px;border:1px solid #cbd5e1;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:21px;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.smart-select-scan.show{display:grid;place-items:center}
.barcode-input-wrap{display:flex;align-items:center;gap:8px;width:100%}
.barcode-input-wrap input{flex:1 1 auto;min-width:0}
.barcode-input-scan{flex:0 0 48px;width:48px;height:48px;border-radius:16px;border:1px solid #cbd5e1;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:22px;font-weight:950;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.barcode-scanner-open{overflow:hidden}
.barcode-scanner-modal{position:fixed;inset:0;z-index:160;background:rgba(15,23,42,.62);display:flex;align-items:flex-end;justify-content:center;padding:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
.barcode-scanner-modal.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s}
.barcode-scanner-sheet{width:100%;max-width:560px;background:#fff;border:1px solid #e5e7eb;border-radius:26px 26px 18px 18px;box-shadow:0 26px 70px rgba(15,23,42,.30);overflow:hidden;transform:translate3d(0,18px,0) scale(.992);opacity:0;transition:transform .30s cubic-bezier(.16,1,.3,1),opacity .22s ease}
.barcode-scanner-modal.active .barcode-scanner-sheet{transform:translate3d(0,0,0) scale(1);opacity:1}
.barcode-scanner-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 10px}
.barcode-scanner-head:before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:44px;height:4px;border-radius:999px;background:#dbe4f0}
.barcode-scanner-head strong{font-size:17px;letter-spacing:-.03em}
.barcode-scanner-close{width:40px;height:40px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#111827;font-size:22px;font-weight:950}
.barcode-video-box{position:relative;margin:0 14px;border-radius:22px;overflow:hidden;background:#020617;aspect-ratio:4/3;border:1px solid rgba(15,23,42,.12)}
.barcode-video-box video{width:100%;height:100%;object-fit:cover;display:block}
.barcode-scan-frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:linear-gradient(to bottom,rgba(2,6,23,.20),transparent 24%,transparent 76%,rgba(2,6,23,.22))}
.barcode-scan-frame:before{content:"";width:72%;height:34%;border:2px solid rgba(34,197,94,.95);border-radius:18px;box-shadow:0 0 0 999px rgba(2,6,23,.10),0 0 28px rgba(34,197,94,.20)}
.barcode-scan-frame span{position:absolute;width:65%;height:2px;border-radius:999px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.75);animation:barcodeLine 1.45s ease-in-out infinite}
@keyframes barcodeLine{0%,100%{transform:translateY(-46px)}50%{transform:translateY(46px)}}
.barcode-scanner-status{margin:12px 14px 14px;padding:10px 12px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569;font-size:13px;font-weight:850;text-align:center}
.barcode-scanner-status.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.theme-dark .smart-select-scan,.theme-dark .barcode-input-scan{background:linear-gradient(135deg,#0f172a,#1d4ed8);border-color:rgba(148,163,184,.22)}
.theme-dark .barcode-scanner-sheet{background:#111827;border-color:rgba(148,163,184,.22)}
.theme-dark .barcode-scanner-head strong{color:#f8fafc}.theme-dark .barcode-scanner-close,.theme-dark .barcode-scanner-status{background:#0f172a;border-color:rgba(148,163,184,.22);color:#e5e7eb}
@media (max-height:620px){.barcode-video-box{aspect-ratio:16/10}.barcode-scanner-status{margin-top:9px;margin-bottom:10px}.barcode-scanner-head{padding-top:15px;padding-bottom:8px}}


/* v1.0.63 - camera permission + premium in-search scan icon */
.smart-select-search-row{position:relative;display:block!important;width:100%}
.smart-select-search-row .smart-select-search{width:100%;padding-right:54px!important}
.smart-select-scan{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:none;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border-radius:13px;border:1px solid rgba(239,68,68,.16);background:linear-gradient(180deg,#fff,#fff5f5);color:#ef4444;box-shadow:0 6px 16px rgba(239,68,68,.10);font-size:0;z-index:2}
.smart-select-scan.show{display:grid!important}
.smart-select-scan:active{transform:translateY(-50%) scale(.96)}
.scan-icon{width:19px;height:19px;display:block;position:relative}
.scan-icon:before{content:"";position:absolute;inset:1px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7V4h3v2H6v1H4Zm10-3h3v3h-2V6h-1V4ZM6 17v1h1v2H4v-3h2Zm11 1v-1h2v3h-3v-2h1ZM7 8h1v8H7V8Zm2 0h2v8H9V8Zm3 0h1v8h-1V8Zm2 0h3v8h-3V8Z'/%3E%3C/svg%3E") center/contain no-repeat}
.barcode-input-wrap{position:relative;display:block!important;width:100%}
.barcode-input-wrap input{width:100%;padding-right:58px!important}
.barcode-input-scan{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;min-width:38px;border-radius:13px;border:1px solid rgba(239,68,68,.16);background:linear-gradient(180deg,#fff,#fff5f5);color:#ef4444;box-shadow:0 6px 16px rgba(239,68,68,.10);font-size:0;display:grid;place-items:center;z-index:2}
.barcode-input-scan:active{transform:translateY(-50%) scale(.96)}
.theme-dark .smart-select-scan,.theme-dark .barcode-input-scan{background:rgba(239,68,68,.10);border-color:rgba(248,113,113,.22);color:#f87171;box-shadow:none}


/* v1.0.64 - scanner zoom controls */
.barcode-zoom-panel{margin:10px 14px 0;display:grid;grid-template-columns:38px minmax(0,1fr) 38px auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;box-shadow:0 8px 18px rgba(15,23,42,.045)}
.barcode-zoom-panel[hidden]{display:none!important}
.barcode-zoom-panel button{width:38px;height:38px;border-radius:13px;background:#111827;color:#fff;font-size:22px;line-height:1;font-weight:950;box-shadow:0 8px 18px rgba(17,24,39,.14)}
.barcode-zoom-panel label{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#475569;font-size:12px;font-weight:950}
.barcode-zoom-panel label span{white-space:nowrap}
.barcode-zoom-panel input[type="range"]{padding:0;box-shadow:none;border:0;background:transparent;accent-color:#2563eb;height:28px}
.barcode-zoom-panel em{font-style:normal;min-width:36px;text-align:right;color:#0f172a;font-size:12px;font-weight:950}
.theme-dark .barcode-zoom-panel{background:#0f172a;border-color:rgba(148,163,184,.22)}
.theme-dark .barcode-zoom-panel em,.theme-dark .barcode-zoom-panel label{color:#e5e7eb}
@media (max-width:370px){.barcode-zoom-panel{grid-template-columns:34px minmax(0,1fr) 34px auto;padding:8px;gap:6px}.barcode-zoom-panel button{width:34px;height:34px}.barcode-zoom-panel label span{display:none}.barcode-zoom-panel em{min-width:32px}}


/* v1.0.65 - premium scanner icon + compact button spacing */
.smart-select-search input{padding-right:52px!important}
.smart-select-scan{
  right:12px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  box-shadow:none!important;
  border-radius:12px!important;
  opacity:.86;
}
.smart-select-scan:hover,.smart-select-scan:focus-visible{background:rgba(17,24,39,.06)!important;opacity:1;outline:none}
.smart-select-scan:active{transform:translateY(-50%) scale(.94)!important;background:rgba(17,24,39,.09)!important}
.barcode-input-wrap input{padding-right:54px!important}
.barcode-input-scan{
  right:11px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  box-shadow:none!important;
  border-radius:12px!important;
  opacity:.86;
}
.barcode-input-scan:hover,.barcode-input-scan:focus-visible{background:rgba(17,24,39,.06)!important;opacity:1;outline:none}
.barcode-input-scan:active{transform:translateY(-50%) scale(.94)!important;background:rgba(17,24,39,.09)!important}
.scan-icon{width:22px!important;height:22px!important;color:inherit!important}
.scan-icon:before{display:none!important}
.scan-icon:after{
  content:"";
  position:absolute;
  inset:1px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9V5h4v2H7v2H5Zm10-4h4v4h-2V7h-2V5ZM7 15v2h2v2H5v-4h2Zm10 2v-2h2v4h-4v-2h2ZM9 8h1.5v8H9V8Zm3 0h1.2v8H12V8Zm2.7 0H16v8h-1.3V8Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.theme-dark .smart-select-scan,.theme-dark .barcode-input-scan{background:transparent!important;color:#e5e7eb!important;border:0!important;box-shadow:none!important}
.theme-dark .smart-select-scan:hover,.theme-dark .barcode-input-scan:hover,.theme-dark .smart-select-scan:focus-visible,.theme-dark .barcode-input-scan:focus-visible{background:rgba(255,255,255,.08)!important}
.add-line-box .primary,.add-line-box .soft,.modal-form .primary,.modal-form .soft,.form-card .primary,.form-card .soft{margin-top:2px}
input + .primary,input + .soft,select + .primary,select + .soft,textarea + .primary,textarea + .soft{margin-top:2px}
@media (max-width:370px){.smart-select-scan,.barcode-input-scan{right:10px!important;width:30px!important;height:30px!important;min-width:30px!important}.scan-icon{width:20px!important;height:20px!important}}

/* v1.0.67 - majburiy yangilash dialogi va mayda form oraliqlari */
.force-update-modal{position:fixed;inset:0;z-index:20000;background:rgba(15,23,42,.72);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}
.force-update-modal.active{display:flex}
.force-update-card{width:min(100%,420px);background:#fff;border:1px solid rgba(255,255,255,.38);border-radius:28px;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.32);text-align:center;animation:forceUpdateIn .22s ease both}
.force-update-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:30px;font-weight:950;box-shadow:0 14px 34px rgba(37,99,235,.22)}
.force-update-card h2{font-size:22px;margin:0 0 8px;letter-spacing:-.04em}.force-update-card p{margin:0 0 16px;color:#64748b;font-size:14px;line-height:1.45;font-weight:700}
@keyframes forceUpdateIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.form-card .primary,.form-card .soft{margin-top:2px}
.add-line-box .soft{margin-top:2px}

/* v1.0.71 - Yordam drawer oynasi */
.help-contact-card .contact-note{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px 13px;margin-bottom:10px}
.drawer-menu button[data-drawer-modal="helpModal"]{position:relative}
.drawer-menu button[data-drawer-modal="helpModal"]:before{content:"?";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:1000}
body.theme-dark .help-contact-card .contact-note{background:#172033;border-color:#263244;color:#e5e7eb}


/* v1.0.72 - product search barcode scanner */
.product-search-wrap{position:relative;width:100%;margin-bottom:4px}
.product-search-wrap #productSearch{margin-bottom:0!important;padding-right:54px!important}
.product-search-scan{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:32px;border:0!important;background:transparent!important;color:#111827!important;box-shadow:none!important;display:grid;place-items:center;border-radius:12px;z-index:2;opacity:.82}
.product-search-scan:hover,.product-search-scan:focus-visible{background:rgba(17,24,39,.06)!important;opacity:1;outline:none}
.product-search-scan:active{transform:translateY(-50%) scale(.94)!important;background:rgba(17,24,39,.09)!important}
.theme-dark .product-search-scan{color:#e5e7eb!important;background:transparent!important}
.theme-dark .product-search-scan:hover,.theme-dark .product-search-scan:focus-visible{background:rgba(255,255,255,.08)!important}
@media (max-width:370px){.product-search-scan{right:10px;width:30px;height:30px;min-width:30px}.product-search-wrap #productSearch{padding-right:50px!important}}

/* v1.0.74 - PIN security */
.pin-security-box{border-style:solid;background:linear-gradient(180deg,#fff,#f8fafc)}
.pin-status-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px;padding:9px 10px;border-radius:16px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;font-size:12px;font-weight:950}
.pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pin-actions .soft{border:1px solid #e5e7eb}
.danger-soft{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
.pin-lock-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(14px)}
.pin-lock-overlay.show{display:flex}
.pin-lock-card{width:100%;max-width:340px;border-radius:30px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 30px 90px rgba(15,23,42,.35);padding:22px;text-align:center;animation:pinPop .2s ease}
@keyframes pinPop{from{opacity:.65;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pin-lock-icon{width:62px;height:62px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#334155);color:#fff;font-size:26px;box-shadow:0 16px 34px rgba(15,23,42,.22)}
.pin-lock-card h2{font-size:21px;margin:0 0 6px}.pin-lock-card p{margin:0 0 14px;color:#64748b;font-size:13px;font-weight:800;line-height:1.4}.pin-lock-card input{text-align:center;font-size:26px;font-weight:1000;letter-spacing:.35em;padding-left:22px;margin-bottom:10px}.pin-lock-card small{display:block;min-height:18px;margin-top:8px;color:#dc2626;font-size:12px;font-weight:900}
body.pin-locked{overflow:hidden}.pin-lock-overlay.show ~ *{pointer-events:none}.pin-lock-overlay.show{pointer-events:auto}
.theme-dark .pin-security-box,.theme-dark .pin-lock-card{background:#111827;border-color:#334155}.theme-dark .pin-status-row{background:#172554;border-color:#1e40af;color:#bfdbfe}.theme-dark .pin-lock-card h2{color:#f8fafc}.theme-dark .pin-lock-card p{color:#cbd5e1}
@media (max-width:370px){.pin-grid,.pin-actions{grid-template-columns:1fr}.pin-lock-card{padding:18px}}

/* v1.0.75 - improved PIN security, force-update removed */
.force-update-modal{display:none!important}
.pin-security-box{border-style:solid;background:linear-gradient(180deg,#fff,#f8fafc)}
.pin-setup-panel,.pin-manage-panel,.pin-current-panel{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.pin-setup-panel[hidden],.pin-manage-panel[hidden],.pin-current-panel[hidden],.pin-saved-panel[hidden]{display:none!important}
.pin-setup-panel input,.pin-current-panel input{text-align:center;font-size:18px;font-weight:950;letter-spacing:.14em}
.pin-saved-panel{margin:12px 0;padding:14px;border-radius:18px;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;text-align:center;font-size:18px;font-weight:950;animation:pinSavedPop .25s ease both}
@keyframes pinSavedPop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.pin-manage-actions{grid-template-columns:1fr 1fr;margin-top:10px}.pin-manage-actions button{min-height:44px}
.pin-lock-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.62);backdrop-filter:blur(14px)}
.pin-lock-overlay.show{display:flex}.pin-pad-card{width:100%;max-width:355px;border-radius:32px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 30px 90px rgba(15,23,42,.36);padding:22px;text-align:center;animation:pinPop .2s ease}
.pin-hidden-input{position:absolute!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important}
.pin-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 18px}.pin-dots span{width:17px;height:17px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;transition:.12s}.pin-dots span.filled{background:#111827;border-color:#111827;box-shadow:0 0 0 5px rgba(17,24,39,.08)}
.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 10px}.pin-keypad button{height:54px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;font-size:22px;font-weight:950;box-shadow:0 6px 16px rgba(15,23,42,.035)}.pin-keypad button:active{transform:scale(.98);background:#eef2ff}.pin-keypad .pin-key-muted{font-size:16px;color:#64748b;background:#f1f5f9}
.pin-recovery-link{margin-top:4px;background:transparent;color:#2563eb;font-size:13px;font-weight:900;text-decoration:underline}.pin-recovery-box{margin-top:12px;padding:12px;border-radius:20px;background:#f8fafc;border:1px solid #e5e7eb;text-align:left}.pin-recovery-box[hidden]{display:none!important}.pin-recovery-box h3{margin:0 0 4px;font-size:15px}.pin-recovery-box p{margin:0 0 8px;font-size:12px}.pin-recovery-box input{margin-bottom:7px;padding:11px 12px;border-radius:14px}.pin-recovery-box .primary{padding:12px;margin-top:2px}
body.pin-locked{overflow:hidden}.pin-lock-overlay.show ~ *{pointer-events:none}.pin-lock-overlay.show{pointer-events:auto}
.theme-dark .pin-security-box,.theme-dark .pin-pad-card{background:#111827;border-color:#334155}.theme-dark .pin-dots span{background:#0f172a;border-color:#475569}.theme-dark .pin-dots span.filled{background:#f8fafc;border-color:#f8fafc}.theme-dark .pin-keypad button{background:#1e293b;border-color:#334155;color:#f8fafc}.theme-dark .pin-recovery-box{background:#0f172a;border-color:#334155}
@media (max-width:370px){.pin-pad-card{padding:18px}.pin-keypad button{height:50px}.pin-manage-actions{grid-template-columns:1fr}}

/* v1.0.78 - PIN tiklash oynasi PIN tugmalari o‘rnida chiqadi */
.pin-pad-card.recovery-mode .pin-dots,
.pin-pad-card.recovery-mode .pin-keypad,
.pin-pad-card.recovery-mode #pinUnlockError,
.pin-pad-card.recovery-mode #pinRecoveryOpenBtn{display:none!important}
.pin-pad-card.recovery-mode{max-width:355px;padding:20px;text-align:left}
.pin-pad-card.recovery-mode .pin-lock-icon{display:none}
.pin-pad-card.recovery-mode h2{font-size:18px;text-align:left;margin-bottom:3px}
.pin-pad-card.recovery-mode > p{font-size:12px;text-align:left;margin:0 0 10px;color:#64748b}
.pin-recovery-box{animation:pinRecoverFade .16s ease;max-height:58vh;overflow:auto;overscroll-behavior:contain}
.pin-recovery-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:6px}
.pin-recovery-actions .soft,.pin-recovery-actions .primary{min-height:43px;margin:0;padding:11px 10px;border-radius:15px}
@keyframes pinRecoverFade{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:370px){.pin-pad-card.recovery-mode{padding:16px}.pin-recovery-box input{padding:10px 11px}.pin-recovery-actions{grid-template-columns:1fr}.pin-recovery-box{max-height:60vh}}

/* v1.0.80 - PIN tiklash oynasi PIN klaviaturani to'liq almashtiradi */
.pin-unlock-panel{display:block;text-align:center}
.pin-pad-card.recovery-mode .pin-unlock-panel{display:none!important}
.pin-pad-card.recovery-mode #pinRecoveryBox{display:block!important;margin-top:0}
.pin-pad-card.recovery-mode{max-width:355px;padding:20px;text-align:left}
.pin-pad-card.recovery-mode .pin-recovery-box{max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain}
#pinUnlockError{display:block;min-height:18px;color:#dc2626;font-size:12px;font-weight:850;margin:3px 0 4px;line-height:1.25}

.admin-count{right:12px;background:#2563eb!important}.order-count{right:-6px;background:#ef4444!important}.admin-notice-card{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}.admin-notice-card h3{color:#1e3a8a}.admin-notice-link{display:inline-flex;margin-top:8px;padding:8px 10px;border-radius:12px;background:#111827;color:#fff;font-weight:900;font-size:12px}

/* v1.0.86 - admin xabarlar ro'yxati alohida oyna va o'chirish */
.big-action.notice-list{background:linear-gradient(135deg,#eef2ff,#dbeafe);color:#1e3a8a;border:1px solid #bfdbfe}
.notice-inline-actions{margin-top:12px}
.admin-notice-modal-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.admin-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.admin-notice-row p{margin:6px 0;color:#475569;font-size:13px;line-height:1.35;word-break:break-word}
.admin-notice-row span{display:block;color:#64748b;font-size:12px;font-weight:800;line-height:1.35}
.admin-notice-row a{display:inline-flex;margin:4px 0 6px;color:#2563eb;font-weight:900;text-decoration:none;font-size:13px}
.delete-notice-btn{border:0;border-radius:13px;background:#fee2e2;color:#991b1b;font-weight:950;padding:10px 12px;white-space:nowrap}
@media(max-width:420px){.admin-notice-row{grid-template-columns:1fr}.delete-notice-btn{width:100%}}

/* v1.0.88 - Admin xabari qator tashlashlarini saqlab ko'rsatish */
.admin-notice-text{white-space:pre-line!important;line-height:1.45;word-break:break-word}
.admin-notice-card .admin-notice-text{margin:6px 0 8px;color:#475569;font-size:13px;font-weight:800}
.admin-notice-row .admin-notice-text{white-space:pre-line!important}


/* v1.0.90 - PWA: icon app uchun, logo ochilish splash uchun */
.app-boot-splash{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  background:#f3f5f9;
  transition:opacity .36s ease, visibility .36s ease;
}
.app-boot-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.app-boot-card{
  display:grid;
  place-items:center;
  width:min(74vw,420px);
  transform:translateY(-4px);
  animation:appBootSoft .42s ease both;
}
.app-boot-card img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 18px 38px rgba(15,23,42,.10));
}
@keyframes appBootSoft{
  from{opacity:.25;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:translateY(-4px) scale(1)}
}
@media (max-width:420px){
  .app-boot-card{width:min(82vw,340px)}
}