/* UI inspired by vue-element-admin (MIT, PanJiaChen). All presentation overrides are screen-only. */
@media screen {
:root{--oms-blue:#7367f0;--oms-ink:#303133;--oms-muted:#909399;--oms-border:#e8edf6;--oms-bg:#f7f8fc;--oms-side:#1c2135;--oms-width:224px}
body{background:var(--oms-bg);color:var(--oms-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.6}
a{color:#6254d9;text-decoration:none}a:hover{color:#7367f0}
.oms-icon{display:inline-block;width:1.18em;height:1.18em;fill:none;vertical-align:-.15em;flex-shrink:0}
i.oms-svg:before{display:none!important}i.oms-svg{font-style:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center}
#wrapper{min-height:100vh}#sidebar-wrapper{position:fixed;inset:0 auto 0 0;width:var(--oms-width);margin:0!important;background:var(--oms-side)!important;color:#bfcbd9;z-index:1040;overflow-y:auto;overflow-x:hidden;transition:width .22s,transform .22s;box-shadow:2px 0 8px #1523360a}
#sidebar-wrapper .sidebar-heading{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#252b43;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
#sidebar-wrapper .sidebar-heading .oms-icon{width:24px;height:24px;color:#7367f0}
#sidebar-wrapper .list-group{width:100%;padding:14px 0 24px;gap:3px}
#sidebar-wrapper .list-group-item{border:0;border-radius:0;background:transparent;color:#bfcbd9;padding:15px 22px;display:flex;align-items:center;gap:15px;min-height:52px;white-space:nowrap;font-size:14px;transition:background .15s,color .15s}
#sidebar-wrapper .list-group-item i{font-size:18px;width:20px;text-align:center}
#sidebar-wrapper .list-group-item:hover{background:#252b43;color:#fff}
#sidebar-wrapper .list-group-item.active{background:#252b43;color:#7367f0;border-left:3px solid #7367f0;padding-left:19px}
#page-content-wrapper{margin-left:var(--oms-width);width:calc(100% - var(--oms-width));min-width:0!important;transition:margin .22s,width .22s}
#page-content-wrapper>.navbar{height:64px;background:#fff!important;border:0!important;box-shadow:0 1px 4px #00152914;padding:0 20px;position:relative;z-index:20}
#page-content-wrapper>.navbar>.container-fluid{padding:0;flex-wrap:nowrap;gap:8px}
#menu-toggle{background:transparent!important;color:#606266!important;border:0!important;width:34px;height:34px;padding:6px;box-shadow:none!important}
#menu-toggle:hover{background:#f0f2f5!important}#menu-toggle i{font-size:21px}
.top-nav-logo{height:27px;width:auto;margin-right:10px}.top-nav-title{font-size:14px;color:#606266;font-weight:500}.navbar-text{font-size:12px;color:#909399!important;white-space:nowrap}.navbar-text strong{color:#606266;font-weight:500}
.navbar .btn-outline-danger{color:#606266;border-color:#dcdfe6;background:#fff}.navbar .btn-outline-danger:hover{color:#f56c6c;border-color:#fbc4c4;background:#fef0f0}
.oms-routebar{height:42px;background:#fff;border-top:1px solid #f2f4f7;border-bottom:1px solid #e6ebf1;display:flex;align-items:center;gap:12px;padding:0 24px;font-size:12px;color:#909399}
.oms-routebar a{color:#606266}.oms-routebar .oms-current{color:#7367f0;background:transparent;border:0;padding:2px 10px;border-radius:2px;font-size:12px}.oms-current:before{content:none}
#page-content-wrapper>.container-fluid{padding:22px 24px 32px!important;max-width:1920px;margin:auto}.main-content{min-width:0}
h1.mt-4,h1.h3{font-size:22px;font-weight:600;line-height:1.4;letter-spacing:.2px;margin:0 0 22px!important;color:#303133;display:flex;align-items:center;gap:10px}
.title-icon{width:26px;height:26px;margin:0;color:#7367f0}.oms-title-icon{font-size:24px;color:#7367f0}
h2{font-size:21px}h3{font-size:19px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
.card{border:1px solid var(--oms-border);border-radius:4px;background:#fff;box-shadow:0 2px 12px #00000005!important;overflow:visible}.card-header{background:#fff;border-bottom:1px solid #ebeef5;padding:16px 20px;font-weight:600;color:#303133}.card-header h6,.card-header .text-primary{color:#303133!important;font-weight:600}.card-body{padding:20px}.card-footer{background:#fafbfc;border-top:1px solid #ebeef5;padding:14px 20px}.shadow{box-shadow:0 2px 12px #00000005!important}
.row{--bs-gutter-x:20px}.mb-4{margin-bottom:20px!important}.oms-metrics>div>.card{border:0!important;padding:6px 0!important;min-height:122px}.oms-metrics .card-body{padding:20px}.oms-metrics .card-body>.row{flex-wrap:nowrap;gap:12px}.oms-metrics .col-auto{order:1;padding:0 0 0 4px}.oms-metrics .col-auto i{width:44px;height:44px;background:#f0edff;color:#7367f0;border-radius:50%;font-size:28px!important;display:flex;align-items:center;justify-content:center}.oms-metrics>div:nth-child(2) i{background:#e8f8f4;color:#34bfa3}.oms-metrics>div:nth-child(3) i{background:#e9f8fb;color:#36a3c9}.oms-metrics>div:nth-child(4) i{background:#f0edfb;color:#8a79cf}.oms-metrics>div:nth-child(6) i,.oms-metrics>div:nth-child(7) i{background:#fef0f0;color:#f56c6c}.oms-metrics>div:nth-child(8) i{background:#fdf6ec;color:#e6a23c}.oms-metrics .text-xs{font-size:12px;font-weight:500;color:#909399!important;white-space:normal}.oms-metrics .h5{font-size:24px;font-weight:600;color:#303133;letter-spacing:-.4px;line-height:1.5;white-space:nowrap}.oms-metrics .h5 .text-success{font-size:15px;letter-spacing:0}.oms-metrics .text-muted{font-size:12px}
.btn{font-size:13px;font-weight:500;border-radius:4px;padding:8px 15px;line-height:1.4;box-shadow:none;transition:background .15s,border-color .15s}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{padding:12px 20px;font-size:15px}.btn-primary{--bs-btn-bg:#7367f0;--bs-btn-border-color:#7367f0;--bs-btn-hover-bg:#9187f4;--bs-btn-hover-border-color:#9187f4;--bs-btn-active-bg:#6254d9;--bs-btn-active-border-color:#6254d9;--bs-btn-disabled-bg:#a0cfff;--bs-btn-disabled-border-color:#a0cfff}.btn-success{--bs-btn-bg:#67c23a;--bs-btn-border-color:#67c23a;--bs-btn-hover-bg:#85ce61;--bs-btn-hover-border-color:#85ce61}.btn-danger{--bs-btn-bg:#f56c6c;--bs-btn-border-color:#f56c6c;--bs-btn-hover-bg:#f78989;--bs-btn-hover-border-color:#f78989}.btn-warning{--bs-btn-bg:#e6a23c;--bs-btn-border-color:#e6a23c;--bs-btn-color:#fff;--bs-btn-hover-color:#fff}.btn-info{--bs-btn-bg:#36a3c9;--bs-btn-border-color:#36a3c9;--bs-btn-color:#fff}.btn-secondary{--bs-btn-bg:#909399;--bs-btn-border-color:#909399}.btn-outline-primary{--bs-btn-color:#7367f0;--bs-btn-border-color:#d8d2ff;--bs-btn-hover-bg:#7367f0;--bs-btn-hover-border-color:#7367f0;background:#f0edff}.btn-outline-secondary{--bs-btn-color:#606266;--bs-btn-border-color:#dcdfe6;--bs-btn-hover-bg:#f4f4f5;--bs-btn-hover-color:#7367f0;--bs-btn-hover-border-color:#c6e2ff}
.form-control,.form-select{font-size:13px;border-color:#dcdfe6;border-radius:4px;min-height:36px;color:#606266;padding:8px 12px}.form-control:focus,.form-select:focus{border-color:#7367f0;box-shadow:0 0 0 2px #7367f014}.form-label,label{font-size:13px;color:#606266}.form-control:disabled,.form-control[readonly]{background:#f5f7fa;color:#909399}.form-check-input:checked{background-color:#7367f0;border-color:#7367f0}.input-group-text{font-size:13px;background:#f5f7fa;border-color:#dcdfe6;color:#909399}.form-text,.text-muted{color:#909399!important}
.table{font-size:13px;color:#606266;--bs-table-color:#606266;--bs-table-striped-bg:#fafafa;--bs-table-striped-color:#606266;--bs-table-hover-bg:#f5f7fa;--bs-table-hover-color:#303133;--bs-table-border-color:#ebeef5;margin-bottom:0;vertical-align:middle}.table>:not(caption)>*>*{padding:12px 13px}.table thead th{font-size:12px;color:#909399;background:#f5f7fa!important;font-weight:600;border-bottom-width:1px;white-space:nowrap}.table-bordered>:not(caption)>*{border-width:0}.table-bordered>:not(caption)>*>*{border-width:0 0 1px}.table tbody tr:last-child td{border-bottom:0}.table td .btn{margin:2px 0}.table td{font-variant-numeric:tabular-nums}.table-responsive{border-radius:3px;scrollbar-width:thin;scrollbar-color:#c0c4cc transparent}.table tfoot{font-weight:600;background:#f5f7fa}.table .text-end{font-variant-numeric:tabular-nums}
.badge{font-weight:500;font-size:11px;padding:5px 8px;border-radius:3px}.badge.bg-success,.status-completed{background:#f0f9eb!important;color:#529b2e!important;border:1px solid #c2e7b0}.badge.bg-warning,.status-in_transit{background:#fdf6ec!important;color:#b88230!important;border:1px solid #f5dab1}.badge.bg-danger{background:#fef0f0!important;color:#f56c6c!important;border:1px solid #fbc4c4}.badge.bg-primary{background:#f0edff!important;color:#7367f0!important;border:1px solid #d8d2ff}
.alert{font-size:13px;border-radius:4px;padding:13px 17px}.alert-success{color:#529b2e;background:#f0f9eb;border-color:#e1f3d8}.alert-danger{color:#d65353;background:#fef0f0;border-color:#fde2e2}.alert-warning{color:#a77523;background:#fdf6ec;border-color:#faecd8}.alert-info{color:#6254d9;background:#f0edff;border-color:#d9ecff}
.modal-content{border:0;border-radius:5px;box-shadow:0 12px 48px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid #ebeef5}.modal-title{font-size:18px;font-weight:500}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #ebeef5}.modal-backdrop{--bs-backdrop-opacity:.42}.modal .table{min-width:560px}.modal-dialog-scrollable .modal-body{overflow:auto}
.nav-tabs{border-color:#e4e7ed;margin-bottom:20px}.nav-tabs .nav-link{color:#606266;border:0;border-bottom:2px solid transparent;padding:12px 20px}.nav-tabs .nav-link.active{color:#7367f0;border-bottom:2px solid #7367f0;background:transparent}.page-link{font-size:12px;color:#606266;border:0;background:#f4f4f5;border-radius:3px!important;margin:0 3px}.page-item.active .page-link{background:#7367f0}.page-link:hover{color:#7367f0;background:#f0edff}
.card .list-group-item{font-size:13px;padding:13px 14px;border-color:#ebeef5;color:#606266}.card .list-group-item:hover{background:#f0edff;color:#7367f0}.card .list-group-item i{color:#7367f0;font-size:17px;margin-right:10px!important}
#wrapper.toggled #sidebar-wrapper{width:64px}#wrapper.toggled #page-content-wrapper{margin-left:64px;width:calc(100% - 64px);min-width:0!important}#wrapper.toggled .oms-nav-label,#wrapper.toggled .oms-brand-label{display:none}#wrapper.toggled #sidebar-wrapper .list-group-item{padding-left:22px}#wrapper.toggled #sidebar-wrapper .list-group-item.active{padding-left:19px}
.oms-overlay{display:none}.oms-sync-main{max-width:none!important;margin:0!important;padding:0!important}.oms-sync-main>p{color:#909399}.oms-login{background:#2d3a4b!important;min-height:100dvh;height:auto!important;padding:36px 18px}.oms-login .login-form{max-width:460px;padding:36px 30px}.oms-login h1{color:#fff;font-size:27px;font-weight:600!important;margin-bottom:12px!important}.oms-login h2{font-size:14px;color:#aebccc!important;line-height:1.7;margin-bottom:35px!important}.oms-login .form-floating .form-control{background:#283443;border-color:#455364;color:#fff;height:56px}.oms-login .form-floating label{color:#aebccc}.oms-login .form-floating>label:after{background:transparent!important}.oms-login .btn-primary{margin-top:8px}.oms-login .oms-login-mark{display:flex;justify-content:center;margin-bottom:26px;color:#7367f0}.oms-login-mark svg{width:46px;height:46px}.oms-login .text-muted{color:#8090a4!important}.oms-login .alert{text-align:left}
@media(min-width:1600px){.oms-metrics .h5{font-size:27px}}
@media(max-width:1199px){:root{--oms-width:210px}.top-nav-title{font-size:12px}.oms-metrics .h5{font-size:23px}.oms-metrics .card-body{padding:16px}.oms-metrics .col-auto i{width:45px;height:45px;font-size:28px!important}}
@media(max-width:767px){#sidebar-wrapper{width:224px;transform:translateX(-100%)}#page-content-wrapper,#wrapper.toggled #page-content-wrapper{margin-left:0;width:100%;min-width:0!important}#wrapper.toggled #sidebar-wrapper{width:224px;transform:translateX(0)}#wrapper.toggled .oms-nav-label,#wrapper.toggled .oms-brand-label{display:inline}#page-content-wrapper>.navbar{height:58px;padding:0 12px}.top-nav-title{display:none}.top-nav-logo{height:25px}.navbar-brand{margin-right:0!important}.navbar-text{font-size:11px;margin-right:10px!important}.navbar .btn-sm{font-size:11px;padding:5px 8px}#menu-toggle{margin-right:3px!important}#page-content-wrapper>.container-fluid{padding:18px 12px 24px!important}.oms-routebar{padding:0 16px;height:39px}h1.mt-4,h1.h3{font-size:19px;margin-bottom:18px!important}.oms-metrics>div{width:50%;padding:0 6px}.oms-metrics{--bs-gutter-x:12px}.oms-metrics .card-body{padding:13px 10px}.oms-metrics .card-body>.row{gap:6px;--bs-gutter-x:8px}.oms-metrics .col-auto{padding:0}.oms-metrics .col-auto i{width:30px;height:34px;font-size:23px!important;background:transparent!important}.oms-metrics .h5{font-size:18px;white-space:normal;overflow-wrap:anywhere}.oms-metrics .text-xs{font-size:11px}.oms-metrics>div>.card{min-height:122px}.card-body{padding:15px}.card-header{padding:14px 15px}.table>:not(caption)>*>*{padding:10px}.table{white-space:nowrap}.card .row>[class*="col-"]{margin-bottom:8px}.modal-body{padding:16px}.oms-overlay{position:fixed;inset:0;background:#0006;z-index:1035;border:0;padding:0}#wrapper.toggled .oms-overlay{display:block}.oms-sync-main .btn{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
}
@media print{.oms-routebar,.oms-overlay,.oms-login-mark{display:none!important}.oms-icon{width:1em;height:1em}i.oms-svg:before{display:none!important}}
@media screen{
.btn{white-space:nowrap}.table td{white-space:nowrap}.oms-page-sales_orders .table td:nth-child(2){white-space:normal;min-width:240px;max-width:580px;overflow-wrap:anywhere}
.chart-area{height:350px;position:relative}.chart-area:has(#topSkuChart){height:400px}
@media(max-width:767px){.oms-metrics>div>.card{min-height:108px}.chart-area{height:350px}.chart-area:has(#topSkuChart){height:400px}.oms-metrics .card-body>.row{gap:2px}.oms-metrics .col-auto i{width:25px;font-size:22px!important}}
}
/* White login and navigation, as requested. */
@media screen{
#sidebar-wrapper{background:#fff!important;color:#111;border-right:1px solid #e8edf6;box-shadow:none}
#sidebar-wrapper .sidebar-heading{background:#fff;color:#111;border-bottom:1px solid #e8edf6}
#sidebar-wrapper .sidebar-heading .oms-icon{color:#111}
#sidebar-wrapper .list-group-item{color:#111;background:#fff}
#sidebar-wrapper .list-group-item:hover{color:#111;background:#f7f8fc}
#sidebar-wrapper .list-group-item.active{color:#111;background:#fff;font-weight:600;border-left-color:#7367f0}
.oms-login{background:#fff!important;color:#111}
.oms-login h1,.oms-login h2,.oms-login .form-floating label,.oms-login .text-muted{color:#111!important}
.oms-login .form-floating .form-control{background:#fff;color:#111;border-color:#dcdfe6}
.oms-login .form-control::placeholder{color:#111}
.oms-login .btn-primary{color:#111;background:#fff;border-color:#7367f0}
.oms-login .btn-primary:hover,.oms-login .btn-primary:active{color:#111;background:#f0edff;border-color:#7367f0}
}
@media screen{
.oms-login-logo{width:160px;max-width:100%;height:auto;object-fit:contain}
.oms-login-field{text-align:left}
.oms-login-field label{display:block;position:static;transform:none;padding:0;margin-bottom:8px;color:#111;font-size:14px}
.oms-login-field .form-control{height:48px;background:#fff;color:#111;padding:12px 14px;border:1px solid #dcdfe6}
.oms-login-field .form-control::placeholder{color:#909399;opacity:1}
.oms-login-field .form-control:focus{border-color:#7367f0}
}

@media screen{.oms-login h1{display:block;text-align:center}}