@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
.pager{border-top:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:11px 'DM Mono'}.pager div{display:flex;align-items:center;gap:10px}.pager button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;color:var(--ink);font:600 11px Manrope}.pager button:disabled{opacity:.4;cursor:not-allowed}
.credit{display:block;margin:15px 12px 0;color:#91aa9b;text-decoration:none;font:10px 'DM Mono';letter-spacing:.04em}.credit:hover{color:var(--lime)}.settings-grid{grid-template-columns:1.35fr .65fr}.permissions{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permissions legend{font-weight:800;font-size:12px;padding:0 5px}.permission{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:600!important}.permission input{accent-color:var(--green)}
.report-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 18px}
.report-presets{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 16px;font:700 12px Manrope}
.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.report-custom{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.report-custom label{display:grid;gap:6px;font-size:11px;font-weight:800;color:var(--muted)}
.report-custom .secondary{display:inline-flex;align-items:center;gap:8px}
.report-custom input{border:1px solid #dce1dc;border-radius:9px;padding:9px 10px;background:#fff}
.report-now-list{display:grid;gap:10px;padding:4px 2px}
.report-now-list div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}
.report-now-list div:last-child{border-bottom:none}
.report-now-list span{color:var(--muted);font-weight:600;font-size:13px}
.report-now-list b{font-size:15px}
@media(max-width:850px){.report-filters{flex-direction:column;align-items:stretch}.report-custom{width:100%}}
.sale-client-row{display:flex;gap:8px;align-items:stretch}.sale-client-row select{flex:1;min-width:0}.sale-add-client-btn{white-space:nowrap;padding:0 12px!important;border-radius:9px!important;font-size:12px;font-weight:800}.sale-new-client{grid-column:1/-1;margin:-6px 0 22px;padding:16px;border-radius:12px;background:#f2f4f0;border:1px solid var(--line)}.sale-new-client strong{display:block;font-size:12px;margin-bottom:10px}.sale-new-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sale-new-client-grid input{border:1px solid #dce1dc;border-radius:9px;padding:10px;width:100%;background:#fff}.sale-new-client-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media(max-width:850px){.sale-new-client-grid{grid-template-columns:1fr}}
.batch-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.batch-meta label,.batch-note{display:grid;gap:7px;font-size:12px;font-weight:800}.batch-meta input,.batch-meta select,.batch-note textarea,.batch-table input{border:1px solid #dce1dc;border-radius:9px;padding:10px;width:100%;background:#fff}.batch-table{border:1px solid var(--line);border-radius:12px;overflow:auto;margin:16px 0}.batch-title{padding:13px 15px;font-weight:800;display:flex;justify-content:space-between}.batch-title span{color:var(--green)}.batch-table table{min-width:760px}.batch-table th,.batch-table td{padding:7px}.batch-table th{white-space:nowrap}.batch-table input{min-width:100px}.remove-line{border:1px solid #f0aaa5;background:#fff;color:#c64d46;border-radius:50%;width:30px;height:30px;font-size:20px}.batch-note{margin-top:15px}.batch-note textarea{height:65px;resize:vertical}.inventory-value{margin:-4px 0 16px;padding:14px 18px;border-radius:12px;background:#eaf4e7;color:#285942;display:flex;justify-content:space-between;align-items:center}.inventory-value strong{font-size:16px}@media(max-width:850px){.batch-meta{grid-template-columns:repeat(2,1fr)}.inventory-value{align-items:flex-start;gap:8px;flex-direction:column}}@media(max-width:520px){.batch-meta{grid-template-columns:1fr}}
:root{--ink:#18221e;--muted:#6e7872;--line:#e5e8e4;--paper:#f7f8f5;--white:#fff;--green:#126e50;--lime:#d3f15e;--red:#c64d46;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-view{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#112b22}.login-art{padding:10vh 11vw;color:#f3f7f0;position:relative;overflow:hidden}.brand-mark,.mini-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#173027;font-weight:800;font-size:22px;border-radius:12px}.eyebrow{letter-spacing:.12em;color:#82918a;font:500 10px 'DM Mono';margin:0 0 10px}.login-art h1{font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-.06em;margin:28px 0 22px}.login-art>p:not(.eyebrow){max-width:350px;color:#b7c6bd;font-size:16px;line-height:1.7}.woven{position:absolute;width:620px;height:210px;bottom:-55px;left:6%;opacity:.75;background:repeating-linear-gradient(90deg,#d3f15e 0 8px,transparent 8px 18px),repeating-linear-gradient(0deg,#356a58 0 8px,transparent 8px 18px);transform:rotate(-10deg);border-radius:40px}.login-card{background:#fff;align-self:center;justify-self:center;width:min(400px,88%);padding:45px;border-radius:24px;box-shadow:0 30px 80px #07140e55}.login-card h2{margin:25px 0 4px;font-size:27px;letter-spacing:-.04em}.login-card p{color:var(--muted);margin:0 0 28px}.login-card label,.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:14px 0}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dce1dc;border-radius:10px;padding:12px;background:#fff;outline:none}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px #126e5015}.primary{border:0;border-radius:11px;background:var(--green);color:white;padding:13px 17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:24px 0 12px}.primary:hover{background:#0b573e}.login-card small{color:#97a099;font-size:11px}#app{min-height:100vh;display:flex}.sidebar{width:250px;background:#122a21;color:#d9e3dc;padding:25px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar-brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.08em;padding:0 10px 36px}.sidebar-brand small{display:block;font:9px 'DM Mono';letter-spacing:.12em;color:#82988c;margin-top:3px}.sidebar nav{display:grid;gap:3px}.sidebar button{border:0;background:transparent;color:#bdcbbf;text-align:left;border-radius:9px;padding:11px 12px;display:flex;gap:11px;align-items:center;font-weight:600}.sidebar nav button.active,.sidebar nav button:hover{background:#244237;color:#fff}.nav-label{font:10px 'DM Mono';letter-spacing:.11em;color:#748b7e;padding:25px 12px 8px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2d493e;padding-top:12px}.sidebar-bottom button{width:100%}.workspace{margin-left:250px;width:calc(100% - 250px);padding:0 42px 42px}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header h1{font-size:26px;letter-spacing:-.05em;margin:0}.header-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font:11px 'DM Mono'}.icon-button{display:none;border:0;background:none}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#213f33;color:var(--lime);font-weight:800}.page-head{display:flex;justify-content:space-between;align-items:end;margin:31px 0 20px}.page-head h2{font-size:18px;margin:0;letter-spacing:-.03em}.page-head p{margin:5px 0 0;color:var(--muted)}.action{border:0;background:var(--ink);color:white;border-radius:10px;padding:11px 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.action:hover{background:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:var(--white);padding:19px;border:1px solid var(--line);border-radius:var(--radius)}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-weight:600}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef5eb;color:var(--green)}.metric strong{display:block;margin-top:20px;font-size:24px;letter-spacing:-.05em}.metric small{color:var(--muted)}.metric.lime{background:var(--lime);border-color:var(--lime)}.metric.lime .metric-icon{background:#f3ffd1}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel h3{margin:0;font-size:15px;letter-spacing:-.03em}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.link{background:none;border:0;color:var(--green);font-size:12px;font-weight:800}.chart{height:210px;display:flex;gap:9px;align-items:end;padding:5px 0 23px;border-bottom:1px solid var(--line)}.bar{background:linear-gradient(#b4df63,var(--green));min-width:11px;flex:1;border-radius:6px 6px 2px 2px;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:4px 6px;border-radius:5px;font:10px 'DM Mono';white-space:nowrap}.rank-list{display:grid;gap:14px}.rank{display:flex;align-items:center;gap:10px}.rank b{font:11px 'DM Mono';color:#8a958e}.rank-name{flex:1}.rank-name small{display:block;color:var(--muted);margin-top:2px}.progress{height:5px;background:#edf0ec;border-radius:99px;overflow:hidden}.progress span{height:100%;display:block;background:var(--green);border-radius:99px}.table-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-tools{padding:18px 20px;display:flex;justify-content:space-between;gap:15px}.search{border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-width:230px;background:#fafbfa}table{width:100%;border-collapse:collapse;text-align:left}th{font:10px 'DM Mono';color:#7b8680;letter-spacing:.07em;padding:12px 20px;background:#fafbfa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:14px 20px;border-bottom:1px solid #eff1ef;font-size:13px}tr:last-child td{border:0}.badge{font:10px 'DM Mono';padding:4px 7px;border-radius:20px;background:#e9f5e8;color:#267047}.badge.warn{background:#fff3d8;color:#a97216}.badge.danger{background:#fae8e6;color:#b6453c}.empty{padding:50px;text-align:center;color:var(--muted)}.table-action{border:0;background:transparent;color:var(--green);font-weight:700}.modal{position:fixed;inset:0;background:#1020188a;z-index:10;display:grid;place-items:center;padding:18px}.modal-box{width:min(590px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:27px;position:relative}.modal-close{position:absolute;right:15px;top:11px;border:0;background:none;font-size:25px;color:#667}.modal-box h2{margin:0 0 4px;letter-spacing:-.04em}.modal-box>div>p{color:var(--muted);margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid label.full{grid-column:1/-1}.form-grid textarea{min-height:74px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.secondary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 14px;font-weight:700}.toast{position:fixed;top:18px;right:18px;background:#193a2d;color:white;padding:13px 18px;border-radius:10px;z-index:20;transform:translateY(-80px);transition:.25s;box-shadow:0 10px 30px #0003}.toast.show{transform:translateY(0)}svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s;z-index:5}.sidebar.open{transform:none}.workspace{margin:0;width:100%;padding:0 20px}.icon-button{display:block}.login-view{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:560px){.metrics,.form-grid{grid-template-columns:1fr}.workspace{padding:0 13px}.table-tools,.page-head{align-items:flex-start;flex-direction:column}.search{min-width:0;width:100%}td,th{padding:12px;white-space:nowrap}.table-panel{overflow:auto}.header-actions>#today{display:none}}

/* Ko‘p qatorli kirim/sotuv oynalari: desktopda gorizontal scrollsiz to‘liq ko‘rinadi. */
.modal-box:has(.batch-table){width:min(1000px,100%);max-height:92vh}
.modal-box:has(.client-history){width:min(820px,100%);max-height:92vh}
.batch-table{overflow:visible}
.batch-table table{min-width:0;table-layout:fixed}
.batch-table th,.batch-table td{padding:6px}
.batch-table input{min-width:0;width:100%;padding:8px}
.batch-table th:nth-child(1){width:15%}.batch-table th:nth-child(2){width:18%}.batch-table th:nth-child(3){width:13%}
.batch-table th:nth-child(4){width:12%}.batch-table th:nth-child(5){width:15%}.batch-table th:nth-child(6){width:13%}.batch-table th:nth-child(7){width:6%}
.sale-lines-table th:nth-child(1){width:29%}.sale-lines-table th:nth-child(2){width:11%}.sale-lines-table th:nth-child(3){width:13%}
.sale-lines-table th:nth-child(4){width:15%}.sale-lines-table th:nth-child(5){width:12%}.sale-lines-table th:nth-child(6){width:14%}.sale-lines-table th:nth-child(7){width:6%}
.sale-selected{font:10px 'DM Mono';color:var(--green);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-cost small{font-size:10px;color:var(--muted)}
.muted-help{display:block;color:var(--muted);font:10px 'DM Mono';font-weight:500}
.debt-box{margin:14px 0 4px;padding:14px 16px;border-radius:12px;background:#f2f4f0;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--muted);transition:.15s}
.debt-box.has-debt{background:#fae8e6;border-color:#f4cfc9;color:#b6453c}
.debt-box.no-debt{background:#e9f5e8;border-color:#cdeacb;color:#267047}
@media(max-width:850px){.modal-box:has(.batch-table){width:100%}.batch-table{overflow-x:auto}.batch-table table{min-width:760px}}

/* Kassa */
.cash-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.cash-filters label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--muted)}.cash-filters input{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff}.cash-filters .search{flex:1;min-width:260px}.cash-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.cash-metrics .metric strong{font-size:22px}


/* Kassa pagination va mustaqil sidebar scroll */
.cash-panel-actions{display:flex;align-items:center;gap:10px}.cash-panel-actions .action{padding:8px 12px}.stats-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.action.secondary:hover{background:#f2f5f0}tfoot .table-total-row td{padding:14px 20px;font-weight:800;background:#f4f7f3;border-top:2px solid var(--line);border-bottom:0}.settings-list{display:grid;gap:10px}.settings-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.settings-row>div:first-child{flex:1;min-width:0}.settings-row small{display:block;color:var(--muted);font:10px 'DM Mono';margin-top:2px}.settings-row input{width:180px;flex:none}.settings-row .secondary{flex:none}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);background:#fafbfa;border-radius:0 0 var(--radius) var(--radius)}
.pagination .pg-count{min-width:64px;text-align:center;font:600 11px "DM Mono";color:var(--muted);letter-spacing:.03em;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:20px}
.pagination .pg-btn{display:inline-flex;align-items:center;gap:6px;font:600 12px inherit;color:var(--green,#1f6d4c);background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 16px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,color .15s,opacity .15s}
.pagination .pg-btn svg{flex:none}
.pagination .pg-btn:not(:disabled):hover{background:var(--green,#1f6d4c);border-color:var(--green,#1f6d4c);color:#fff}
.pagination .pg-btn:not(:disabled):active{transform:scale(.96)}
.pagination .pg-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--muted)}
.pagination.is-static .pg-btn{opacity:.4;cursor:not-allowed}
.pagination.is-static .pg-count{opacity:.7}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#345247;border-radius:10px}.sidebar-bottom{flex-shrink:0}
@media(max-width:560px){.cash-panel-actions{width:100%;justify-content:space-between}.cash-panel-actions .action{margin-left:auto}}

/* Soddalashtirilgan mato turi oqimi uchun yangi ekranlar. */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:26px 0 16px}.cards article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.cards small,.cards span{display:block;color:var(--muted)}.cards b{display:block;font-size:22px;letter-spacing:-.05em;margin:14px 0 5px}.cards b.neg{color:#c0392b}.cards.mini{grid-template-columns:repeat(3,1fr);margin:16px 0}.panel{margin-top:16px}.panel h2{font-size:18px;margin:0 0 6px;letter-spacing:-.04em}.panel>p{color:var(--muted);margin:0 0 18px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.grid-form input,.grid-form select,.grid-form textarea,.form-line input,.client-search>input{border:1px solid #dce1dc;border-radius:10px;padding:11px;background:#fff;outline:none;width:100%}.grid-form .full{grid-column:1/-1}.grid-form textarea{min-height:72px}.grid-form .primary{width:auto;margin:0;grid-column:1/-1;justify-self:start}.form-line{display:flex;gap:12px;align-items:center;justify-content:space-between}.form-line form{display:flex;gap:8px}.form-line .primary{width:auto;margin:0}.table-wrap{overflow-x:auto;margin-top:16px}.search-results{margin-top:12px;max-width:650px}.result{width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left;margin:5px 0;display:flex;justify-content:space-between}.result:hover{border-color:var(--green)}.result small{color:var(--muted)}details{margin-top:25px}details summary{cursor:pointer;font-weight:800;margin-bottom:12px}.loading{padding:55px;text-align:center;color:var(--muted)}
.field-help{font:10px 'DM Mono';font-weight:500;color:var(--muted);min-height:13px}.danger-action{color:#b6453c}
.modal-box.wide{width:min(980px,96%)}
.table-action.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;background:#fae8e6}
.table-action.icon-btn:hover{background:#f6d0cb}
.table-action.icon-btn svg{width:17px;height:17px}
.cards.totals-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){.cards.totals-2{grid-template-columns:1fr}}
.profile-actions{display:flex;gap:10px;margin:24px 0 12px}
.profile-actions button{margin:0;width:auto;flex:1}
@media(max-width:560px){.profile-actions{flex-direction:column}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards,.cards.mini,.grid-form{grid-template-columns:1fr}.form-line,.form-line form{align-items:stretch;flex-direction:column}.grid-form .primary,.form-line .primary{width:100%}}