:root{color-scheme:dark;--bg: #0f1b33;--bg-soft: #162546;--panel: #1d315c;--panel-alt: #284678;--line: rgba(133, 165, 227, .22);--text: #eef4ff;--muted: #9fb4dc;--accent: #2da5ff;--accent-strong: #2387dd;--success: #45bf5f;--warning: #ffb44d;--danger: #f34d44;--shadow: 0 18px 60px rgba(0, 0, 0, .28);--radius: 18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top right,rgba(45,165,255,.14),transparent 28%),linear-gradient(180deg,#101b33,#0d1730);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#0810218c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px 20px;display:flex;flex-direction:column;gap:28px}.brand-block{display:flex;align-items:center;gap:14px}.brand-block-simple{display:flex;justify-content:center;text-align:center}.brand-block h1,.login-card h1,.page-header h2{margin:0}.brand-block p,.page-header p,.login-card p,.hint-text,.empty-text{margin:6px 0 0;color:var(--muted)}.brand-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--accent),#5dd7ff);color:#fff;box-shadow:var(--shadow)}.brand-badge.large{width:72px;height:72px;font-size:1.4rem}.sidebar-nav{display:grid;gap:10px}.sidebar-link{padding:14px 16px;border-radius:14px;color:var(--muted);border:1px solid transparent;transition:.2s ease;display:flex;align-items:center;gap:12px}.sidebar-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#2da5ff24;border-color:#2da5ff4d}.sidebar-user{margin-top:auto;padding:0;border-radius:0;background:transparent;border:0;display:block}.workspace{padding:28px}.page-stack{display:grid;gap:20px}.page-header,.filters-row,.panel-box,.table-panel,.stat-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#233760eb,#1c2e53f5);box-shadow:var(--shadow)}.page-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.filters-row{padding:14px;display:flex;gap:12px;align-items:center}.filters-row.wrap{flex-wrap:wrap}.search-input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid rgba(133,165,227,.24);border-radius:14px;background:#0f1b33b3;color:var(--text);padding:14px 16px;outline:none}.search-input.narrow{max-width:240px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid label,.variant-grid label{display:grid;gap:8px;color:var(--muted)}.select-create-block{display:grid;gap:8px;align-content:start}.select-create-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}.mini-search-input{width:100%;border:1px solid rgba(133,165,227,.2);border-radius:12px;background:#0f1b338c;color:var(--text);padding:10px 12px;outline:none}.select-create-block select,.inline-create-box input,.inline-create-grid input{width:100%;border:1px solid rgba(133,165,227,.24);border-radius:12px;background:#0f1b33b3;color:var(--text);padding:12px 14px;outline:none}.inline-create-box,.inline-create-grid{display:grid;gap:8px;padding:10px;border-radius:14px;border:1px solid rgba(133,165,227,.16);background:#ffffff08}.inline-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-create-box.compact{grid-template-columns:1fr auto;align-items:center}.inline-create-grid.compact{grid-template-columns:1fr 1fr}.inline-create-grid input:first-child,.inline-create-grid.compact input:first-child{grid-column:1 / -1}.tiny-action-btn{border:1px solid rgba(133,165,227,.24);background:#ffffff0a;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.tiny-action-btn.solid{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent}.select-plus-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.modal-inline-box,.modal-inline-grid{display:grid;gap:12px}.dropdown-shell{position:relative}.dropdown-trigger{width:100%;min-height:48px;border:1px solid rgba(133,165,227,.24);border-radius:12px;background:#0f1b33b3;color:var(--text);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.dropdown-caret{color:var(--muted);font-size:.9rem}.dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:8;border:1px solid rgba(133,165,227,.18);border-radius:14px;background:#1a2748;box-shadow:0 14px 28px #00000038;padding:8px;display:grid;gap:8px}.dropdown-options{display:grid;gap:4px;max-height:220px;overflow:auto}.dropdown-option{border:0;background:#ffffff08;color:var(--text);text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.dropdown-option:hover{background:#2da5ff1f}.dropdown-empty{color:var(--muted);padding:8px 10px}.tiny-icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(133,165,227,.24);background:#ffffff0a;color:var(--text);font-size:1.2rem;cursor:pointer}.full-width{grid-column:1 / -1}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--text)}.checkbox-row input{width:auto}.primary-btn,.ghost-btn,.success-btn,.danger-btn,.edit-btn,.danger-outline-btn{border:0;border-radius:14px;padding:13px 18px;color:#fff;cursor:pointer;transition:.2s ease}.small{padding:10px 12px;border-radius:12px}.primary-btn{background:linear-gradient(180deg,var(--accent),var(--accent-strong))}.success-btn{background:linear-gradient(180deg,#59ce67,#36a848)}.danger-btn{background:linear-gradient(180deg,#ff675d,#e53935)}.edit-btn{background:linear-gradient(180deg,#4d7dff,#3760d9)}.ghost-btn,.danger-outline-btn{background:#ffffff0d;border:1px solid var(--line)}.logout-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px}.full-btn{width:100%}.login-submit-btn{width:100%;height:56px;border:0;border-radius:18px;color:#fff;font-size:1.02rem;font-weight:600;cursor:pointer;background:linear-gradient(180deg,#ffb15b,#f2762e);box-shadow:0 16px 35px #f2762e57;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 20px 38px #f2762e6b}.login-submit-btn:disabled{opacity:.75;cursor:wait}.table-panel{overflow:hidden}.purchase-card-stack{display:grid;gap:14px}.purchase-date-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#233760eb,#1c2e53f5);box-shadow:var(--shadow);overflow:hidden}.purchase-date-head{width:100%;border:0;color:var(--text);background:transparent;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;text-align:left}.purchase-date-head p{margin:6px 0 0;color:var(--muted)}.purchase-date-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted)}.purchase-date-caret{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--text);font-size:1.1rem}.table-panel table,.mini-table-wrap table{width:100%;border-collapse:collapse}.tall-table-wrap{max-height:360px;overflow:auto}.transfer-table-wrap{max-height:850px;overflow:auto}.cell-wrap{min-width:260px;white-space:normal;word-break:break-word}.table-panel th,.table-panel td,.mini-table-wrap th,.mini-table-wrap td{padding:16px 14px;border-bottom:1px solid rgba(133,165,227,.14);text-align:left;vertical-align:top}.table-panel thead,.mini-table-wrap thead{background:#4e75b98c}.table-panel tbody tr:hover,.mini-table-wrap tbody tr:hover{background:#ffffff08}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.action-pill{display:inline-flex;align-items:center;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:22px;display:grid;gap:10px}.stat-card span{color:var(--muted)}.stat-card strong{font-size:2rem}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel-box{padding:20px}.activity-list{display:grid;gap:12px}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:16px;background:#ffffff0a}.activity-row p,.activity-meta span{color:var(--muted);margin:4px 0 0}.activity-meta{text-align:right}.transfer-summary{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.table-pagination-wrap{display:flex;justify-content:flex-end}.table-pagination{display:flex;align-items:center;gap:12px}.login-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;padding:10vh 24px 24px 14%;background:linear-gradient(180deg,#0e172d61,#0e172d9e),url(/login-bg.png) center/cover no-repeat}.login-card{width:min(460px,100%);padding:38px 34px;border-radius:28px;border:1px solid rgba(255,206,158,.34);background:linear-gradient(180deg,#ff9c5442,#aa4a1c57);box-shadow:0 24px 70px #4a1a0757;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:18px}.login-card label{display:grid;gap:8px;color:#fff1e2;font-weight:500}.login-card input{width:100%;height:54px;border:1px solid rgba(255,214,176,.18);border-radius:16px;background:#491d0d47;color:#fffaf5;padding:14px 16px;outline:none;font-size:1rem}.login-card input::placeholder{color:#ffe8d080}.login-card input:focus{border-color:#ffc47ab8;box-shadow:0 0 0 4px #ffa44f2e}.login-head{display:grid;gap:8px;margin-bottom:8px}.login-kicker{display:inline-flex;width:fit-content;padding:8px 14px;border-radius:999px;background:#ffe8cd2e;border:1px solid rgba(255,216,170,.28);color:#fff0dd;font-size:.92rem;letter-spacing:.02em}.error-box{padding:13px 14px;border-radius:14px;background:#f34d441f;border:1px solid rgba(243,77,68,.28);color:#ffb3ae}.page-loader{min-height:280px;display:grid;place-items:center;gap:14px}.spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a14b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:50}.modal-card{width:min(100%,1100px);max-height:calc(100vh - 48px);overflow:auto;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#192a4efa,#121f3afa);box-shadow:var(--shadow)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--line)}.modal-body{padding:24px}.icon-btn{border:0;background:#ffffff14;color:#fff;width:38px;height:38px;border-radius:12px;cursor:pointer}.variant-wrap{display:grid;gap:12px}.preset-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preset-label{color:var(--muted);font-size:.95rem}.preset-grid{display:flex;flex-wrap:wrap;gap:10px}.preset-chip{border:1px solid rgba(133,165,227,.18);background:#ffffff0a;color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.16s ease}.preset-chip:hover,.preset-chip.active{border-color:#2da5ff6b;background:#2da5ff29;transform:translateY(-1px)}.preset-chip:has(.color-dot){color:#f4f7ff}.preset-chip:has(.color-qizil){background:#e539359e}.preset-chip:has(.color-qora){background:#212121c7}.preset-chip:has(.color-oq){background:#f5f5f5b8;color:#18243f}.preset-chip:has(.color-kok){background:#1e88e5ad}.preset-chip:has(.color-havorang){background:#4fc3f7b3;color:#17304b}.preset-chip:has(.color-yashil){background:#43a047ad}.preset-chip:has(.color-sariq){background:#fdd835c2;color:#3f3200}.preset-chip:has(.color-kulrang){background:#90a4aeb3}.preset-chip:has(.color-jigarrang){background:#8d6e63b8}.preset-chip:has(.color-bej){background:#d7b899b8;color:#3b2a19}.preset-chip:has(.color-pushti){background:#ec407aad}.preset-chip:has(.color-siyohrang){background:#8e24aaad}.preset-chip:has(.color-toq-kok){background:#283593b8}.preset-chip:has(.color-toq-yashil){background:#1b5e20b8}.preset-chip:has(.color-bordo){background:#8e2430b3}.preset-chip:has(.color-zangori){background:#00acc1b3}.preset-chip:has(.color-oltin){background:#c9a227c2;color:#352800}.preset-chip:has(.color-kumush){background:#b0bec5bd;color:#213044}.preset-chip:has(.color-apelsin){background:#fb8c00b8}.preset-chip:has(.color-krem){background:#fff3d6c2;color:#3d3015}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:0 0 12px}.color-qizil{background:#e53935}.color-qora{background:#212121}.color-oq{background:#f5f5f5}.color-kok{background:#1e88e5}.color-havorang{background:#4fc3f7}.color-yashil{background:#43a047}.color-sariq{background:#fdd835}.color-kulrang{background:#90a4ae}.color-jigarrang{background:#8d6e63}.color-bej{background:#d7b899}.color-pushti{background:#ec407a}.color-siyohrang{background:#8e24aa}.color-toq-kok{background:#283593}.color-toq-yashil{background:#1b5e20}.color-bordo{background:#8e2430}.color-zangori{background:#00acc1}.color-oltin{background:#c9a227}.color-kumush{background:#b0bec5}.color-apelsin{background:#fb8c00}.color-krem{background:#fff3d6}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(133,165,227,.18);background:#08112247}.supplier-detail-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-card{padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(133,165,227,.14)}.print-sheet{display:grid;gap:18px}.print-settings-note{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted)}.print-settings-note span{padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(133,165,227,.16)}.barcode-settings-panel{display:grid;gap:20px}.barcode-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.barcode-settings-title{display:flex;align-items:center;gap:14px}.barcode-settings-title h3{margin:0}.settings-icon-box{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#4e75b959;border:1px solid rgba(133,165,227,.2);color:#fff}.settings-icon-box svg{width:22px;height:22px}.success-inline-box{padding:13px 14px;border-radius:14px;background:#45bf5f24;border:1px solid rgba(69,191,95,.28);color:#baf0c5}.barcode-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.barcode-settings-grid label{display:grid;gap:8px;color:var(--muted)}.barcode-settings-grid input,.barcode-settings-grid select{width:100%;border:1px solid rgba(133,165,227,.24);border-radius:14px;background:#0f1b33b3;color:var(--text);padding:14px 16px;outline:none}.barcode-settings-checks{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:var(--muted)}.barcode-preview-block{padding-top:8px}.barcode-sheet-grid{display:flex;gap:14px;flex-wrap:wrap}.barcode-ticket{background:#fff;color:#101828;padding:22px;border-radius:20px;display:grid;justify-items:center;gap:8px;align-content:center}.barcode-ticket.landscape{grid-template-columns:1fr;justify-items:stretch;text-align:left;gap:6px}.barcode-ticket-preview{box-shadow:0 14px 30px #00000029}.barcode-ticket.landscape h4,.barcode-ticket.landscape p,.barcode-ticket.landscape strong,.barcode-ticket.landscape small,.barcode-ticket.landscape .barcode-preview-code{text-align:left}.barcode-ticket.landscape svg{justify-self:center}.barcode-preview-bars{width:100%;height:44px;display:flex;align-items:stretch;gap:4px}.barcode-preview-bars span{background:#101828;border-radius:2px}.barcode-preview-bars span:nth-child(1){width:6%}.barcode-preview-bars span:nth-child(2){width:13%}.barcode-preview-bars span:nth-child(3){width:5%}.barcode-preview-bars span:nth-child(4){width:16%}.barcode-preview-bars span:nth-child(5){width:7%}.barcode-preview-bars span:nth-child(6){width:18%}.barcode-preview-bars span:nth-child(7){width:8%}.barcode-preview-bars span:nth-child(8){width:12%}.barcode-preview-code{font-size:1rem;letter-spacing:.08em}@media print{body *{visibility:hidden}.barcode-sheet-grid,.barcode-sheet-grid *,.barcode-ticket,.barcode-ticket *{visibility:visible}.barcode-sheet-grid{position:absolute;left:0;top:0;display:flex;flex-wrap:wrap;gap:10px}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.stats-grid,.split-grid,.form-grid,.barcode-settings-grid,.detail-grid,.supplier-detail-grid,.variant-grid{grid-template-columns:1fr}}@media (max-width: 720px){.login-page{padding:18px;align-items:center;justify-content:center}.workspace{padding:16px}.page-header,.filters-row{flex-direction:column;align-items:stretch}.table-panel,.mini-table-wrap{overflow:auto}}@keyframes spin{to{transform:rotate(360deg)}}