:root{--ink:#17212b;--muted:#6f7b87;--line:#e6e9ec;--paper:#fff;--bg:#f3f5f6;--blue:#1676ba;--blue-dark:#0e5d94;--stone:#aab3b9;--green:#248a5a;--yellow:#f4c84a;--orange:#f28c28;--red:#d94b45;--shadow:0 12px 36px rgba(22,35,48,.08)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin:0 0 6px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr;background:#fff}.login-panel{padding:8vh 9vw;display:flex;flex-direction:column;justify-content:center}.login-logo{width:260px;max-width:90%;margin-bottom:44px}.login-panel h1{font-size:38px;margin:0 0 8px}.stack{display:grid;gap:17px;margin-top:28px;max-width:360px}.stack label,.field{display:grid;gap:7px;font-weight:700;font-size:13px}.stack input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid #d8dde1;border-radius:10px;padding:12px 13px;background:#fff;outline:none}.stack input:focus,.field input:focus,.field select:focus,.toolbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,118,186,.12)}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:800}.btn.primary{color:#fff;background:var(--blue)}.btn.primary:hover{background:var(--blue-dark)}.btn.secondary{background:#e8eef2;color:var(--ink)}.btn.danger{background:#feeceb;color:var(--red)}.form-error{color:var(--red);font-weight:700}.demo-accounts{margin-top:24px;color:var(--muted);font-size:12px}.login-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#e9edf0,#aeb8bf)}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.5),transparent 50%),radial-gradient(circle at 70% 20%,rgba(22,118,186,.45),transparent 20%)}.stone{position:absolute;background:linear-gradient(145deg,#cad1d5,#5d656b);transform:rotate(45deg);box-shadow:0 28px 60px rgba(0,0,0,.15)}.stone-a{width:250px;height:250px;left:22%;top:18%}.stone-b{width:180px;height:180px;left:52%;top:48%;background:linear-gradient(145deg,#2a2c2e,#8e9599)}.stone-c{width:110px;height:110px;left:66%;top:12%;background:linear-gradient(145deg,#0e6fb0,#e9f3fb)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#18242e;color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 28px}.brand img{width:52px;height:40px;object-fit:cover;object-position:left;background:#fff;border-radius:7px}.brand strong,.brand small{display:block}.brand small{color:#9dabb7;margin-top:3px}.sidebar nav{display:grid;gap:4px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;color:#b8c3cc;background:transparent;border-radius:9px;padding:11px 12px;text-align:left;font-weight:700}.nav-btn:hover,.nav-btn.active{color:#fff;background:#273742}.nav-icon{width:22px;text-align:center}.user-card{margin-top:auto;display:grid;grid-template-columns:38px 1fr 28px;gap:9px;align-items:center;padding:14px 8px 0;border-top:1px solid #31414d}.user-card strong,.user-card small{display:block}.user-card small{color:#9dabb7;margin-top:2px}.user-card button{border:0;background:transparent;color:#b8c3cc;font-size:20px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);font-weight:900}.content{min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:16px}.topbar h2{margin:0;font-size:24px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.icon-btn{display:none;border:0;background:transparent;font-size:22px}.page-content{padding:26px 28px 50px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(27,39,51,.03)}.metric p{margin:0;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:27px;margin-top:10px}.metric small{display:block;color:var(--muted);margin-top:6px}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(27,39,51,.03);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:16px;margin:0}.panel-body{padding:18px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar input{min-width:260px;flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:12px 13px;text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 13px;border-bottom:1px solid #edf0f2;vertical-align:middle}tbody tr:hover{background:#f8fafb}.product-cell{display:flex;align-items:center;gap:10px;min-width:260px}.product-thumb{width:38px;height:38px;border-radius:8px;background:linear-gradient(145deg,#d5dadd,#89939a);display:grid;place-items:center;color:#fff;font-weight:900}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:800;background:#eef2f4;color:#586572}.badge.blue{background:#e7f2fa;color:var(--blue-dark)}.badge.green{background:#e8f5ee;color:var(--green)}.badge.yellow{background:#fff6d8;color:#8a6810}.badge.orange{background:#fff0df;color:#a85300}.badge.red{background:#feeae8;color:#a42f29}.stock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.quick-list{display:grid;gap:10px}.quick-item{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.quick-item:last-child{border:0}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:15px}.field.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.notice{padding:12px 14px;border-radius:9px;background:#eaf4fb;color:#155f91;font-size:13px;margin-bottom:15px}.sale-lines{margin-top:16px}.line-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 40px;gap:8px;margin-bottom:8px}.line-row input,.line-row select{width:100%;padding:10px;border:1px solid #d8dde1;border-radius:8px}.totals{margin-left:auto;width:min(340px,100%);display:grid;gap:8px;margin-top:18px}.total-row{display:flex;justify-content:space-between}.total-row.grand{font-size:19px;font-weight:900;padding-top:10px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;background:#17212b;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);z-index:30}.hidden{display:none!important}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:245px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.icon-btn{display:block}.topbar{padding:0 16px}.page-content{padding:18px 15px}.top-actions #today{display:none}}
@media(max-width:650px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:40px 24px}.login-panel h1{font-size:30px}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:21px}.top-actions .btn{display:none}.form-grid{grid-template-columns:1fr}.line-row{grid-template-columns:1fr 1fr}.line-row>*:first-child{grid-column:1/-1}.toolbar input{min-width:100%}.page-content{padding-bottom:80px}}
[data-role="viewer"] .operation-only{display:none!important}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.detail-grid>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:var(--muted);margin-bottom:6px}.balance-due{color:var(--red)}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.account-box{padding:15px;border:1px solid var(--line);border-radius:11px;background:#f8fafb}.account-box small,.account-box b,.account-box span{display:block}.account-box small,.account-box span{color:var(--muted)}.account-box b{font-size:19px;margin:7px 0}.iban-line{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);line-height:1.5;word-break:break-word}.quote-status{padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff}.line-row{grid-template-columns:1.1fr 1.6fr 1.2fr .7fr .8fr auto;align-items:stretch}.add-product-button{min-width:125px;white-space:nowrap}.sale-customer-info{grid-column:1/-1;margin-top:15px}.sale-payment-state{margin:12px 0}.sale-payment-state .notice{margin:0;display:flex;align-items:center}.rate-input{width:100%;min-width:130px;border:1px solid #d8dde1;border-radius:8px;padding:10px 12px}.purchase-line-row{grid-template-columns:1.7fr .7fr .8fr 1.2fr auto}.quote-line-row{grid-template-columns:1fr 1.8fr .7fr .8fr auto}@media(max-width:650px){.detail-grid{grid-template-columns:1fr 1fr}.line-row,.purchase-line-row,.quote-line-row{grid-template-columns:1fr}.line-row>*:first-child{grid-column:auto}.add-product-button{width:100%}.sale-customer-info{grid-template-columns:1fr}.sale-payment-state{grid-template-columns:1fr}}
.workshop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.workshop-tabs .btn{min-height:42px}.workshop-tabs .active{background:#1479bd;color:#fff}.workshop-actions,.workshop-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workshop-action,.workshop-kpi{border:1px solid #dbe4ea;border-radius:14px;background:#fff;padding:18px;text-align:left}.workshop-action:hover{border-color:#1479bd;box-shadow:0 8px 22px rgba(27,73,101,.09)}.workshop-action b,.workshop-kpi small{display:block;margin-bottom:7px}.workshop-action small,.workshop-kpi small{color:#637787}.workshop-kpi b{font-size:24px}.workshop-kpis{margin-bottom:18px}.operation-lines{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr auto;gap:8px;align-items:end}.workshop-filter{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.status-select{min-width:140px;padding:8px;border:1px solid var(--line);border-radius:8px}@media(max-width:900px){.workshop-actions,.workshop-kpis{grid-template-columns:repeat(2,1fr)}.operation-lines{grid-template-columns:1fr 1fr}.workshop-filter{grid-template-columns:1fr}}@media(max-width:560px){.workshop-actions,.workshop-kpis,.operation-lines{grid-template-columns:1fr}}
.product-detail-title{margin:28px 0 0!important;padding:14px 16px!important;border:1px solid!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;min-height:52px;display:flex;align-items:center}.product-detail-title h3,.product-detail-title:is(h3){font-size:17px!important}.product-detail-title:before{content:"";width:9px;height:28px;border-radius:8px;margin-right:11px;flex:0 0 auto}.product-detail-table{border:1px solid;border-top:0;border-radius:0 0 12px 12px;margin-bottom:30px;background:#fff}.product-detail-table table{margin:0}.product-detail-table tbody tr:last-child td{border-bottom:0}.product-detail-title.detail-parties,.product-detail-table.detail-parties{border-color:#a8bac8!important}.product-detail-title.detail-parties{background:#edf3f7;color:#29485d}.detail-parties.product-detail-title:before{background:#526f82}.product-detail-title.detail-stock,.product-detail-table.detail-stock{border-color:#9bc9e8!important}.product-detail-title.detail-stock{background:#eaf5fc;color:#075f99}.detail-stock.product-detail-title:before{background:#1682c4}.product-detail-title.detail-purchase,.product-detail-table.detail-purchase{border-color:#c7b5e3!important}.product-detail-title.detail-purchase{background:#f3eef9;color:#603c8c}.detail-purchase.product-detail-title:before{background:#845bb3}.product-detail-title.detail-sales,.product-detail-table.detail-sales{border-color:#a9d7c0!important}.product-detail-title.detail-sales{background:#edf8f2;color:#176b45}.detail-sales.product-detail-title:before{background:#299261}.product-detail-title.detail-returns,.product-detail-table.detail-returns{border-color:#efc497!important}.product-detail-title.detail-returns{background:#fff5e9;color:#96500c}.detail-returns.product-detail-title:before{background:#e2882d}
.nav-btn[data-page="sales"]{color:#ffd5a4;background:rgba(234,132,35,.11);border-left:3px solid #e98a2e}.nav-btn[data-page="sales"]:hover,.nav-btn[data-page="sales"].active{color:#fff;background:#b85f12}.nav-btn[data-page="reports"],.nav-btn[data-page="users"],.nav-btn[data-page="logs"]{border-left:3px solid #8f70cf;color:#d7c9f3}.nav-btn[data-page="reports"]:hover,.nav-btn[data-page="users"]:hover,.nav-btn[data-page="logs"]:hover,.nav-btn[data-page="reports"].active,.nav-btn[data-page="users"].active,.nav-btn[data-page="logs"].active{background:#493b67;color:#fff}.btn[data-go="product-new"],.btn[data-go="customer-new"],.btn[data-go="supplier-new"]{background:#27885b!important;color:#fff!important}.btn[data-go="product-new"]:hover,.btn[data-go="customer-new"]:hover,.btn[data-go="supplier-new"]:hover{background:#196b44!important}#quickSale{background:#e97819!important;color:#fff;box-shadow:0 5px 15px rgba(233,120,25,.25);padding-left:19px;padding-right:19px}#quickSale:hover{background:#bf5c0c!important;transform:translateY(-1px)}
.account-list-v4 .account-main-row td{padding-top:16px;padding-bottom:14px;border-bottom:0}.account-list-v4 .account-main-row:hover,.account-list-v4 .account-meta-row:hover{background:transparent}.account-list-v4 .account-meta-row td{background:#f5f8fa;border-top:1px dashed #d7e0e6;border-bottom:8px solid #fff;padding:11px 13px;color:#425260}.account-meta-label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:#758796;margin-bottom:5px}.account-list-v4 .balance-due{color:#bd4038}@media(max-width:700px){.account-list-v4 .account-main-row td{min-width:170px}.account-list-v4 .account-meta-row td{min-width:230px}}
.shipping-calculator>.form-grid{grid-template-columns:1fr 1fr;align-items:start}.shipping-calculator>.form-grid>label:has(#saleShippingPrice){grid-column:1;grid-row:1}.shipping-calculator>.form-grid>label:has(#saleDiscount){grid-column:2;grid-row:1}.shipping-calculator>.form-grid>label:has(#saleDiscountMode){grid-column:2;grid-row:2;padding-top:4px}.shipping-calculator>.form-grid>label:has(#saleDiscount),.shipping-calculator>.form-grid>label:has(#saleDiscountMode){background:#f7fafc;border:1px solid #dfe7ec;border-radius:11px;padding:13px}@media(max-width:700px){.shipping-calculator>.form-grid{grid-template-columns:1fr}.shipping-calculator>.form-grid>label:has(#saleShippingPrice),.shipping-calculator>.form-grid>label:has(#saleDiscount),.shipping-calculator>.form-grid>label:has(#saleDiscountMode){grid-column:1;grid-row:auto}}
.rank-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.rank-card{background:#fff;border:1px solid var(--line);border-top:5px solid;border-radius:13px;padding:16px;box-shadow:0 4px 14px rgba(20,35,48,.04)}.rank-card span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.rank-card h4{font-size:18px;margin:6px 0}.rank-card b{font-size:12px}.rank-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:8px 0 0}.rank-baron{border-color:#b78a2d!important}.rank-lonca{border-color:#7652a8!important}.rank-sefir{border-color:#247eae!important}.rank-gezgin{border-color:#55846a!important}.rank-pill{display:inline-flex;padding:6px 9px;border-radius:99px;background:#f0f3f5;font-weight:800;white-space:nowrap}.rank-pill.rank-baron{background:#fff4d8;color:#80590b}.rank-pill.rank-lonca{background:#f2ebfa;color:#5d3688}.rank-pill.rank-sefir{background:#e8f4fb;color:#17648c}.rank-pill.rank-gezgin{background:#eaf4ee;color:#35684b}@media(max-width:900px){.rank-cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.rank-cards{grid-template-columns:1fr}}
.product-picker{position:relative;min-width:0}.product-picker-input{width:100%}.product-picker-results{position:absolute;z-index:80;top:calc(100% + 5px);left:0;right:0;max-height:360px;overflow:auto;background:#fff;border:1px solid #b9c9d4;border-radius:12px;box-shadow:0 16px 35px rgba(16,38,54,.2);padding:6px}.product-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;border:0;background:#fff;padding:10px 12px;text-align:left;border-radius:8px;cursor:pointer}.product-result:hover,.product-result.active{background:#eaf5fc}.product-result span{display:grid;gap:3px}.product-result small{color:#1676ba;font-weight:800;text-transform:uppercase}.product-result b{font-size:13px}.product-result em{font-style:normal;white-space:nowrap;color:#29734b;font-weight:800;font-size:12px}.product-result em.none{color:#bd3c34}.product-no-result{padding:16px;color:var(--muted)}.external-toggle{margin:10px 0;background:#72509c;color:#fff}.external-panel{margin:8px 0 14px;padding:15px;border:1px solid #d6c9e5;border-left:5px solid #72509c;border-radius:12px;background:#faf8fd}.external-title{display:flex;justify-content:space-between;margin-bottom:12px}.external-title span{color:var(--muted);font-size:12px}.external-grid{display:grid;grid-template-columns:2fr 1fr .7fr .7fr 1fr;gap:10px;align-items:end}.external-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}.external-save{grid-column:1/3;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.external-save input{width:auto}.ext-colleague-wrap{grid-column:3/5}@media(max-width:900px){.external-grid{grid-template-columns:1fr 1fr}.external-save,.ext-colleague-wrap{grid-column:auto}.product-picker-results{min-width:560px}}@media(max-width:600px){.external-grid{grid-template-columns:1fr}.product-picker-results{min-width:0}}
.customer-picker{position:relative;min-width:0}.customer-picker-input{width:100%}.customer-picker-results{position:absolute;z-index:90;top:calc(100% + 5px);left:0;right:0;max-height:330px;overflow:auto;background:#fff;border:1px solid #b9c9d4;border-radius:12px;box-shadow:0 16px 35px rgba(16,38,54,.2);padding:6px}.customer-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;border:0;background:#fff;padding:11px 12px;text-align:left;border-radius:8px;cursor:pointer}.customer-result:hover,.customer-result.active{background:#eaf5fc}.customer-result span{display:grid;gap:4px}.customer-result b{font-size:13px}.customer-result small{color:var(--muted)}.customer-result em{font-style:normal;white-space:nowrap;color:#1676ba;font-size:12px;font-weight:800}@media(max-width:600px){.customer-result{align-items:flex-start;flex-direction:column;gap:6px}}
.discount-enable{align-self:end}.check-line{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border:1px solid #cbd7df;border-radius:10px;background:#f7fafc;font-weight:800}.check-line input{width:18px;height:18px}.discount-dependent[hidden]{display:none!important}
.quote-terms-box{margin:22px 0;padding:16px;border:1px solid #d5dfe5;border-left:5px solid #b66d18;border-radius:12px;background:#fffaf4}.quote-terms-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.quote-terms-head h3{margin:0 0 4px}.quote-terms-head small{color:var(--muted)}.terms-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.terms-list label{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #eadcc9;border-radius:9px;background:#fff;cursor:pointer}.terms-list input{width:18px;height:18px;margin-top:2px}.terms-list span{display:grid;gap:3px}.terms-list small{color:var(--muted);line-height:1.35}.terms-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.terms-fields label{display:grid;gap:6px;font-size:12px;font-weight:800}.terms-fields .full{grid-column:1/-1}.terms-detail{margin-top:22px;padding:16px;border:1px solid #eadcc9;border-radius:10px;background:#fffaf4}.terms-detail li{margin:7px 0;line-height:1.4}@media(max-width:900px){.terms-list{grid-template-columns:1fr}.terms-fields{grid-template-columns:1fr 1fr}}@media(max-width:550px){.quote-terms-head{align-items:flex-start;flex-direction:column}.terms-fields{grid-template-columns:1fr}}
.customer-selected-info{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px;padding:8px 11px;border-radius:8px;background:#edf6fb;color:#536875;font-size:12px}.customer-selected-info[hidden]{display:none}.customer-selected-info b{color:#17212b}
.quote-output-table th:first-child,.quote-output-table td:first-child{width:46%}.quote-output-table th:last-child,.quote-output-table td:last-child{width:22%;text-align:right}.quote-output-table th:nth-child(3),.quote-output-table td:nth-child(3){text-align:right}
.simple-discount-mode-removed{display:none!important}
.conversion-flow{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:16px;align-items:stretch}.conversion-side{border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;gap:13px}.conversion-side.source{background:#f8fbfd;border-color:#bad7e8}.conversion-side.target{background:#f8fcfa;border-color:#b9dccb}.conversion-side h4{margin:0 0 2px;font-size:16px}.conversion-arrow{display:grid;place-items:center;color:var(--blue);font-size:34px;font-weight:900}.unit-input{display:grid;grid-template-columns:1fr auto;border:1px solid #d8dde1;border-radius:10px;background:#fff;overflow:hidden}.unit-input input{border:0!important;border-radius:0!important;box-shadow:none!important}.unit-input span{display:flex;align-items:center;padding:0 13px;background:#eef3f6;color:#526574;font-weight:800}.conversion-info{margin:14px 0;padding:11px 13px;border-radius:9px;background:#f4f7f9;color:#526574;font-size:12px}.conversion-summary{margin-top:14px}.conversion-summary>div:nth-child(1){border-left:4px solid #1682c4}.conversion-summary>div:nth-child(2){border-left:4px solid #e2882d}.conversion-summary>div:nth-child(3){border-left:4px solid #299261}.nav-btn[data-page="conversion"]{border-left:3px solid #2c9a69;color:#bfe9d3}.nav-btn[data-page="conversion"]:hover,.nav-btn[data-page="conversion"].active{background:#215f48;color:#fff}@media(max-width:800px){.conversion-flow{grid-template-columns:1fr}.conversion-arrow{transform:rotate(90deg);height:34px}.conversion-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.conversion-summary{grid-template-columns:1fr}}
.instrument-panel{border-top:4px solid #7b5ba7}.instrument-direction-note{margin-top:15px;margin-bottom:0}.instrument-toolbar select{min-width:170px}.instrument-overdue td{background:#fff8ed}.instrument-overdue:hover td{background:#fff2dc}.sale-instrument-fields{margin:12px 0;padding:14px;border:1px solid #d7cae7;border-left:5px solid #7b5ba7;border-radius:11px;background:#faf8fd}.action-account[hidden],.action-supplier[hidden]{display:none!important}
.backup-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;align-items:center;padding:22px;border-radius:15px;background:linear-gradient(135deg,#172936,#254d65);color:#fff}.backup-hero h3{font-size:23px;margin:4px 0 8px}.backup-hero p{margin:0;color:#c7d8e3}.backup-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.backup-counts span{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.1);font-size:12px}.backup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.backup-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);border-top:5px solid;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(27,39,51,.04)}.backup-card h3{margin:10px 0 6px}.backup-card p{color:var(--muted);line-height:1.45;min-height:62px}.backup-card small{display:block;color:var(--muted);margin-top:11px;line-height:1.4}.backup-card .btn{margin-top:auto}.backup-full{border-top-color:#1676ba}.backup-excel{border-top-color:#248a5a}.backup-stock{border-top-color:#8157a7}.backup-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf5fa;color:#1676ba;font-size:20px;font-weight:900}.backup-file{display:flex;align-items:center;justify-content:center;border:2px dashed #aebdc8;border-radius:12px;padding:20px;background:#f8fafb;cursor:pointer;font-weight:800}.backup-file input{position:absolute;opacity:0;pointer-events:none}.backup-preview{display:grid;gap:5px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#f7f9fa}.backup-preview.valid{border-color:#8fceb0;background:#eff9f4}.backup-preview.invalid{border-color:#e2aaa6;background:#fff2f1;color:#9b352f}.backup-preview>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.backup-preview>div span{padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.75);font-size:12px}.backup-warning{margin:14px 0 0}.nav-btn[data-page="backup"]{border-left:3px solid #4fa87b;color:#c8ead8}.nav-btn[data-page="backup"]:hover,.nav-btn[data-page="backup"].active{background:#245d46;color:#fff}@media(max-width:900px){.backup-hero{grid-template-columns:1fr}.backup-counts{justify-content:flex-start}.backup-actions{grid-template-columns:1fr}.backup-card p{min-height:0}}
.sidebar nav{overflow-y:auto;min-height:0;padding-right:3px;scrollbar-width:thin;scrollbar-color:#526573 transparent}.sidebar .nav-btn{flex:0 0 auto}.sidebar .user-card{margin-top:10px;flex:0 0 auto}.sidebar-signature{margin:10px 8px 0;padding:10px 0 0;border-top:1px solid #31414d;color:#aebbc5;font-style:normal;flex:0 0 auto}.sidebar-signature p{margin:0;font-size:10px;line-height:1.45}.sidebar-signature cite{display:block;margin-top:5px;color:#dbe3e8;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.04em;text-align:right}
.customer-delivery-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.customer-delivery-head,.sale-delivery-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.customer-delivery-head h3,.sale-delivery-title h3{margin:0 0 4px}.delivery-address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.delivery-address-card{display:flex;justify-content:space-between;gap:15px;padding:15px;border:1px solid #dbe3e8;border-left:5px solid #6c8798;border-radius:11px;background:#f9fbfc}.delivery-address-card.default{border-left-color:#27885b;background:#f3faf6}.delivery-address-card h4{margin:9px 0 6px}.delivery-address-card p{line-height:1.45;margin:0 0 8px}.delivery-address-card small{color:var(--muted);line-height:1.4}.delivery-address-form{margin-top:15px;padding:17px;border:1px solid #bcd7e7;border-radius:12px;background:#f7fbfd}.sale-delivery-box{margin:14px 0;padding:15px;border:1px solid #bad7e8;border-left:5px solid #1676ba;border-radius:12px;background:#f8fbfd}.delivery-choice{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.delivery-choice .check-line{flex:1;min-width:270px;padding:12px 14px;border:1px solid #d2e0e8;border-radius:9px;background:#fff}.delivery-choice .check-line:has(input:checked){border-color:#1676ba;background:#edf7fd;color:#075c96}.sale-delivery-box .notice{margin:10px 0 0}.sale-detail-delivery{display:grid;gap:5px;margin-bottom:16px;padding:13px;border-left:5px solid #1676ba;border-radius:9px;background:#eef7fc}.sale-detail-delivery small{color:var(--muted)}@media(max-width:750px){.customer-delivery-head,.sale-delivery-title{align-items:flex-start;flex-direction:column}.delivery-address-list{grid-template-columns:1fr}.delivery-choice{flex-direction:column}.delivery-choice .check-line{min-width:0}}
.customer-form-delivery{margin:22px 0 6px;padding:18px;border:1px solid #bad7e8;border-left:5px solid #1676ba;border-radius:12px;background:#f8fbfd}.customer-form-delivery .delivery-address-list{margin-bottom:14px}.customer-form-delivery .delivery-address-form{background:#fff}.delivery-card-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.compact-actions{margin-top:12px}
.dispatch-card-list{display:grid;gap:15px}.dispatch-sale-card{padding:17px;border:1px solid #d5e0e7;border-left:5px solid #d48a16;border-radius:12px;background:#fff}.dispatch-card-head,.dispatch-actions,.dispatch-card-status{display:flex;align-items:center;gap:9px}.dispatch-card-head{justify-content:space-between}.dispatch-card-head h3{margin:3px 0 5px}.dispatch-card-head span{color:var(--muted)}.dispatch-card-status{flex-wrap:wrap;justify-content:flex-end}.dispatch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.dispatch-summary>div{display:grid;gap:4px;padding:12px;border-radius:9px;background:#f4f7f9}.dispatch-summary small,.dispatch-summary span{color:var(--muted)}.dispatch-products{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.dispatch-products>span{padding:7px 10px;border-radius:8px;background:#eef6fb}.dispatch-actions{justify-content:flex-end}.dispatch-inline-detail{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.dispatch-detail-grid{margin-top:12px}.dispatch-form-grid{margin-top:16px}.dispatch-line-qty{max-width:150px}.dispatch-sale-card:has(.dispatch-inline-detail:not([hidden])){border-left-color:#1676ba;background:#fbfdff}@media(max-width:1000px){.dispatch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dispatch-card-head{align-items:flex-start;flex-direction:column}.dispatch-card-status{justify-content:flex-start}.dispatch-summary{grid-template-columns:1fr}.dispatch-actions{justify-content:flex-start;flex-wrap:wrap}}