.mode-back main{max-width:1680px}
.bo-home{display:grid;gap:26px}
.bo-hero{min-height:210px;padding:38px 42px;border-radius:26px;background:#101923;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative}
.bo-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-210px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.02)}
.bo-hero span{font-size:10px;letter-spacing:.18em;color:#9fb1c2}
.bo-hero h2{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:34px;line-height:1.05;margin:9px 0 8px;letter-spacing:-.035em}
.bo-hero p{margin:0;color:#b9c4cf;font-size:13px}
.bo-hero-mark{font-size:68px;font-weight:800;letter-spacing:-.08em;line-height:1;position:relative;z-index:1;opacity:.96}
.bo-hero-mark sup{font-size:12px;vertical-align:top;margin-left:5px}
.bo-home-section{display:grid;gap:12px}
.bo-section-title{display:flex;align-items:center;gap:12px}
.bo-section-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#101923;color:#fff;font-size:10px}
.bo-section-title b{display:block;font-size:15px}
.bo-section-title small{display:block;color:#7b8793;margin-top:2px}
.bo-module-card{appearance:none;text-align:left;border:1px solid #e2e8ee;background:#fff;cursor:pointer;color:#14202b}
.bo-module-card:hover{border-color:#8ba0b5;transform:translateY(-1px)}
.bo-module-card span{color:#086bd8;font-size:12px;font-weight:700}
.bo-form-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;margin-bottom:16px;border-radius:12px;background:#f4f7f9}
.bo-form-intro b{font-size:13px}
.bo-form-intro span{font-size:11px;color:#6f7b86}
.bo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bo-form-grid .wide{grid-column:1/-1}
.field label small{display:block;color:#75818c;font-weight:400;margin-top:2px}
.bo-id-field>div{display:flex;gap:8px}
.bo-id-field input{flex:1}
.bo-id-field .btn{white-space:nowrap}
.bo-code{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.04em}
.bo-actions{white-space:nowrap}
.bo-actions .link+.link{margin-left:12px}
.bo-table td{vertical-align:top}
.bo-table td small{display:block;margin-top:4px;line-height:1.45}
.barcode-sheet{width:min(360px,100%);margin:10px auto;padding:22px;border:1px solid #dce3e9;border-radius:16px;background:#fff;text-align:center;color:#0f1720}
.barcode-sheet>.barcode-brand{font-size:9px;letter-spacing:.2em;margin-bottom:12px}
.barcode-sheet>b{display:block;font-size:18px}
.barcode-sheet>small{display:block;color:#6d7882;margin-top:4px}
.ean13{width:100%;height:155px;display:block;margin:10px 0}
.rfid-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe5ea;border-bottom:1px solid #dfe5ea;padding:9px 0;text-align:left}
.rfid-line span{font-size:9px;letter-spacing:.12em;color:#65717c}
.rfid-line b{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px}
.barcode-price{font-size:17px;font-weight:800;padding-top:10px}
.barcode-fallback{margin:22px 0;padding:28px 10px;border:1px dashed #ccd5dc;font-family:monospace}
.bo-count-input{width:96px;min-width:0;text-align:right;font-weight:700}
.bo-submit-bar{display:flex;gap:16px;align-items:flex-end;justify-content:flex-end;padding:16px;border-top:1px solid #e3e8ed;background:#fafbfc}
.bo-submit-bar label{flex:1;max-width:520px;font-size:10px;font-weight:700;letter-spacing:.06em}
.bo-submit-bar input{display:block;width:100%;margin-top:6px}
.bo-history{margin-top:18px}
.bo-variance{font-variant-numeric:tabular-nums}
.green-text{color:#11875d!important}
.red-text{color:#c93737!important}
.report-filters{align-items:flex-end;flex-wrap:wrap}
.report-filters label{display:grid;gap:5px;font-size:9px;font-weight:750;letter-spacing:.08em;color:#64717d}
.report-filters input,.report-filters select{min-width:150px}
.bo-report-split{grid-template-columns:minmax(0,1.65fr) minmax(220px,.35fr);border-bottom:1px solid #e4e9ed}
.bo-report-note{padding:26px;background:#f6f8fa}
.bo-report-note b{font-size:14px}
.bo-report-note p{color:#66737f;font-size:11px;line-height:1.7}
.bo-subhead{padding:18px 20px 10px;font-weight:750;font-size:12px;border-top:1px solid #e1e7eb}
.commission-summary td:last-child,.commission-summary th:last-child{background:#f1f7f4}
.mode-back nav{overflow-y:auto}
.mode-back .nav-group{padding-top:14px}
.mode-back .panel-head .btn{margin-left:auto}
.mode-back table td.num,.mode-back table th.num{font-variant-numeric:tabular-nums}
.mode-back dialog{max-width:1120px}
.bo-product-form{display:grid;gap:18px}
.bo-form-section{border:1px solid #e1e7eb;border-radius:14px;overflow:hidden;background:#fff}
.bo-form-title{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#f6f8fa;border-bottom:1px solid #e1e7eb}
.bo-form-title>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#101923;color:#fff;font-size:9px;font-weight:800}
.bo-form-title b{display:block;font-size:12px}
.bo-form-title small{opacity:1;color:#7b8793;margin-top:2px}
.bo-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 18px}
.bo-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dfe5ea;border-radius:10px;background:#fbfcfd;cursor:pointer}
.bo-check input{margin-top:2px}
.bo-check b{display:block;font-size:11px}
.bo-check small{opacity:1;color:#7b8793;line-height:1.35;margin-top:3px}
.bo-cost-grid,.bo-selling-limits{padding:18px}
.bo-pricing-table{table-layout:auto}
.bo-pricing-table th,.bo-pricing-table td{padding:10px 12px}
.bo-price-input{width:110px;min-width:82px;text-align:right}
.bo-pricing-table output{display:inline-block;min-width:72px;font-weight:700;font-variant-numeric:tabular-nums}
.bo-flow-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding:20px 22px;border:1px solid #dfe5ea;border-radius:16px;background:#fff}
.bo-flow-head>div>span{font-size:9px;letter-spacing:.16em;color:#7b8793}
.bo-flow-head h2{font-size:21px;margin:3px 0}
.bo-flow-head p{margin:0;color:#6f7b86;font-size:11px}
.bo-entry-panel{overflow:visible}
.bo-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}
.bo-entry-grid .wide{grid-column:1/-1}
.bo-entry-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 20px;border-top:1px solid #e1e7eb;background:#fafbfc}
.bo-line-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #e1e7eb;border-bottom:1px solid #e1e7eb;background:#f8fafb}
.bo-receive-table select{min-width:300px}
.bo-receive-table tfoot td{background:#f4f6f7;border-top:1px solid #cad2d8}
.bo-dense-table{font-size:11px}
.bo-dense-table th,.bo-dense-table td{padding:10px 9px}
.link.danger{color:#b64242}
@media(max-width:900px){
 .bo-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bo-flow-head{grid-template-columns:1fr}.bo-flow-head>.tag{justify-self:start}
 .bo-entry-grid{grid-template-columns:1fr}.bo-entry-grid .wide{grid-column:auto}
 .bo-receive-table select{min-width:220px}
 .bo-hero{padding:28px}.bo-hero h2{font-size:27px}.bo-hero-mark{font-size:46px}
 .bo-form-grid{grid-template-columns:1fr}
 .bo-form-grid .wide{grid-column:auto}
 .bo-submit-bar{align-items:stretch;flex-direction:column}
 .bo-submit-bar label{max-width:none}
 .bo-report-split{grid-template-columns:1fr}
 .report-filters label,.report-filters input,.report-filters select{width:100%;min-width:0}
}
@media print{
 body.printing-barcode>*:not(dialog){display:none!important}
 body.printing-barcode dialog{position:static!important;display:block!important;border:0!important;box-shadow:none!important;width:100%!important;max-width:none!important}
 body.printing-barcode .modal-head,body.printing-barcode .modal-foot{display:none!important}
 body.printing-barcode .modal-body{padding:0!important}
 body.printing-barcode .barcode-sheet{width:62mm;height:36mm;box-sizing:border-box;border:0;border-radius:0;margin:0;padding:3mm}
 body.printing-barcode .barcode-sheet>.barcode-brand{font-size:6pt;margin-bottom:1mm}
 body.printing-barcode .barcode-sheet>b{font-size:9pt}
 body.printing-barcode .barcode-sheet>small{font-size:6pt;margin-top:0}
 body.printing-barcode .ean13{height:19mm;margin:0}
 body.printing-barcode .rfid-line{padding:1mm 0}
 body.printing-barcode .barcode-price{font-size:8pt;padding-top:1mm}
}