:root{--brand:#365cf5;--app-sidebar-bg:#172744;--app-navbar-bg:#fff;--app-header-bg:#f4f7fc;--app-footer-bg:#fff;--app-text-color:#172744;--app-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-font-size:14px;--sidebar-width:266px;--bs-primary:#365cf5;--bs-body-color:#172744;--bs-border-color:#e5eaf3}
*{box-sizing:border-box}body{font-family:var(--app-font-family);font-size:var(--app-font-size);color:var(--app-text-color);background:#f4f7fc}a{text-decoration:none}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin .22s ease}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--app-sidebar-bg);color:#b5c3da;z-index:1040;display:flex;flex-direction:column;transition:transform .22s ease}.sidebar-brand{height:98px;display:flex;gap:12px;align-items:center;padding:22px;color:#fff;border-bottom:1px solid #ffffff0d}.sidebar-brand img{width:44px;height:44px;object-fit:contain;background:white;border-radius:13px;padding:5px}.sidebar-brand>span{font-size:14px;font-weight:650;line-height:1.35;max-width:170px}.sidebar-brand small{display:block;color:#96a8c8;font-size:8px;letter-spacing:1.5px;margin-top:7px}.sidebar-wrapper{overflow-y:auto;flex:1;padding:10px 14px 22px;scrollbar-width:thin;scrollbar-color:#465676 transparent}.nav-section{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#8595b1;padding:24px 13px 9px}.sidebar-link{display:flex;gap:12px;padding:11px 13px;border-radius:9px;margin:3px 0;color:#becbe0;font-size:13px;align-items:center;transition:.15s}.sidebar-link svg{width:19px;height:19px;flex-shrink:0}.sidebar-link:hover{background:#ffffff0c;color:#fff}.sidebar-link.active{background:#365cf5;color:white;box-shadow:0 5px 13px #0a173f25}.sidebar-footer{padding:18px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;font-size:11px;gap:8px}.sidebar-footer a{color:#b9c8df}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#51d5ad;margin-right:7px}.app-header{height:80px;background:var(--app-navbar-bg);border-bottom:1px solid #e6ecf5;padding:0 18px;position:sticky;top:0;z-index:1020}.header-business{font-weight:650}.header-business small{display:block;font-weight:400;font-size:11px;color:#8a96ac;margin-top:3px}.sidebar-toggle-button{border:1px solid #e4eaf3;background:#fff;width:38px;height:38px;border-radius:10px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;flex-shrink:0}.sidebar-toggle-button span{width:16px;height:2px;background:#64748b;border-radius:2px}.user-avatar{width:36px;height:36px;background:#eaf0ff;color:#365cf5;place-items:center;border-radius:50%;font-weight:700}.user-name{font-size:12px;font-weight:600}.user-name small{display:block;font-size:10px;color:#8b98ac;text-transform:capitalize;margin-top:2px}.license-badge{border:1px solid #d9e9e3;background:#f1faf6;border-radius:6px;color:#228663;padding:5px 9px;font-size:10px}.language-picker select{font-size:11px;min-width:100px;border-color:#e4eaf3;border-radius:7px;height:34px}.app-main{flex:1}.app-content-header{padding:33px 22px 26px;background:var(--app-header-bg)}h1{font-size:26px;letter-spacing:-.7px;font-weight:720;margin:0}.page-eyebrow{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#8b98ad;margin-bottom:8px;font-weight:600}.breadcrumb-home{font-size:11px;color:#8b98ad}.app-content{padding:0 22px 32px}.app-footer{padding:18px 34px;background:var(--app-footer-bg);border-top:1px solid #e5eaf3;color:#8b98ad;font-size:11px;display:flex;justify-content:space-between}.sidebar-collapse .app-wrapper{margin-left:0}.sidebar-collapse .app-sidebar{transform:translateX(-100%)}.sidebar-backdrop{display:none}.page-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.btn{font-size:12px;font-weight:600;border-radius:8px;padding:10px 15px;box-shadow:none}.btn-sm{font-size:11px;padding:6px 10px;border-radius:6px}.btn-primary{--bs-btn-bg:#365cf5;--bs-btn-border-color:#365cf5;--bs-btn-hover-bg:#2544d7;--bs-btn-hover-border-color:#2544d7;--bs-btn-active-bg:#2544d7;--bs-btn-active-border-color:#2544d7}.btn-success{--bs-btn-bg:#139e7f;--bs-btn-border-color:#139e7f;--bs-btn-hover-bg:#0b856a;--bs-btn-hover-border-color:#0b856a}.btn-outline-secondary{--bs-btn-color:#65748c;--bs-btn-border-color:#dce4ef;--bs-btn-hover-bg:#f1f5fa;--bs-btn-hover-color:#172744;--bs-btn-hover-border-color:#d0d9e9}.btn-outline-primary{--bs-btn-color:#365cf5;--bs-btn-border-color:#d6e0ff;--bs-btn-hover-bg:#365cf5;--bs-btn-hover-border-color:#365cf5}.card{border:1px solid #e5eaf3;border-radius:13px;box-shadow:0 2px 4px #162c4903;margin-bottom:22px;overflow:hidden;background:#fff}.card-header{padding:18px 21px;background:white;border-bottom:1px solid #edf0f6;gap:10px;flex-wrap:wrap}.card-title{font-size:14px;font-weight:680;margin:0;float:none;letter-spacing:-.1px}.card-body{padding:21px}.card-footer{padding:16px 21px;background:#fcfdff;border-top:1px solid #edf0f6}.form-control,.form-select{font-size:12px;border-color:#dfe6f0;border-radius:8px;min-height:39px;padding:9px 12px}.form-control:focus,.form-select:focus{border-color:#9fb3ff;box-shadow:0 0 0 3px #365cf514}.form-select{padding-right:30px}.form-label{font-size:11px;font-weight:650;margin-bottom:7px;color:#5c6c84}.form-text{font-size:11px;color:#8997ac}.form-check-input{border-color:#cbd5e5}.crud-form-panel{width:100%;max-width:none;margin:0}.crud-list-panel{width:100%}.form-card .card-body{padding:28px}.form-card .card-header{padding:22px 28px}.form-card .mb-3{margin-bottom:20px!important}.table{--bs-table-striped-bg:#f9fbfe;--bs-table-hover-bg:#f2f6ff;--bs-table-color:#53627b;font-size:12px;vertical-align:middle;margin:0}.table th{font-size:10px;color:#8490a6;letter-spacing:.35px;background:#f8fafd;text-transform:uppercase;font-weight:650;padding:13px 15px;border-color:#edf1f7;white-space:nowrap}.table td{padding:13px 15px;border-color:#edf1f7}.table td:first-child{font-weight:550;color:#344667}.table .btn{margin:2px}.table-responsive{scrollbar-width:thin}.card-body.table-responsive{padding:0}.table-tools{padding:14px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #edf1f7;min-width:0}.table-tools .table-search{width:210px;margin-right:auto}.table-tools .form-select{width:88px}.table-tools label{font-size:10px;color:#8997aa}.table-tools .btn{font-size:11px}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;flex-wrap:wrap;border-top:1px solid #edf1f7;background:#fff}.table-pagination small{font-size:10px;color:#8b98ad}.pagination{gap:5px;margin:0;flex-wrap:wrap}.page-link{font-size:11px;border:1px solid #e3e9f3;color:#697991;border-radius:6px!important;padding:6px 10px;box-shadow:none}.active>.page-link{background:#365cf5;border-color:#365cf5}.empty-row td{text-align:center;padding:38px;color:#8b98ad!important}.small-box{padding:22px;border-radius:13px;border:1px solid #e5eaf3;margin-bottom:22px;background:white!important;color:#172744!important;position:relative;overflow:hidden}.small-box::after{content:"";position:absolute;right:20px;top:22px;width:9px;height:9px;border-radius:50%;background:#365cf5}.small-box.text-bg-success::after{background:#139e7f}.small-box.text-bg-warning::after{background:#e8b247}.small-box.text-bg-danger::after{background:#e86e82}.small-box h3{font-size:22px;letter-spacing:-.5px;margin:7px 0 14px;font-weight:750}.small-box p{font-size:11px;color:#8994a9;margin:0}.alert{font-size:12px;border-radius:10px;padding:15px 18px}.alert-dismissible{padding-right:45px}.badge{padding:6px 9px;font-weight:550;border-radius:6px}.barcode-modal{position:fixed;inset:0;background:#14243a99;z-index:2000;display:grid;place-items:center;padding:20px}.barcode-card{background:white;border-radius:15px;padding:24px;width:min(100%,480px)}.barcode-card video{width:100%;border-radius:10px}.wa-message{min-height:130px}.license-code{background:#f3f6fc;border:1px dashed #cbd5e5;border-radius:9px;padding:12px;word-break:break-all;font-size:12px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 15% 20%,#e6edff,transparent 45%),radial-gradient(ellipse at 90% 85%,#e0f4f0,transparent 40%),#f4f7fc;display:grid;place-items:center;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.login-language{position:absolute;right:28px;top:25px}.login-shell{width:min(100%,470px);padding:70px 20px 30px}.login-card{background:#fff;border:1px solid #e4eaf3;border-radius:20px;padding:38px;box-shadow:0 18px 70px #17325d09}.login-logo{width:64px;height:64px;object-fit:contain;margin-bottom:18px}.login-business{font-size:12px;font-weight:650;color:#365cf5;margin:0 0 13px}.login-card h1{font-size:26px;margin-bottom:9px;letter-spacing:-.8px}.login-card .text-secondary{font-size:12px;line-height:1.6}.login-card .form-control{min-height:47px;font-size:13px}.login-footer{border-top:1px solid #edf1f7;margin-top:30px;padding-top:20px;font-size:9px;letter-spacing:1.5px;color:#9aa6ba;display:flex;justify-content:space-between}.login-footer span{letter-spacing:0}.login-copyright{text-align:center;font-size:10px;color:#9aa6ba;margin-top:23px}
@media(max-width:991.98px){.app-wrapper{margin-left:0}.app-sidebar{transform:translateX(-100%)}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#11213d70;z-index:1030}.app-header{padding:0 4px;height:68px}.app-content-header{padding:25px 5px 20px}.app-content{padding:0 5px 24px}h1{font-size:23px}.breadcrumb-home{display:none}.app-footer{padding:16px}.table-tools{padding:12px}.small-box h3{font-size:19px}.card-body{padding:17px}.sidebar-brand{height:80px}}
@media(max-width:575.98px){.small-box{padding:16px}.small-box h3{font-size:17px}.small-box p{font-size:10px}.table-tools .table-search{width:100%;margin-bottom:4px}.login-card{padding:28px}.page-actions .btn{flex-grow:1}.card-header{padding:16px}.form-card .card-body{padding:19px}.form-card .card-header{padding:19px}.table-pagination{padding:12px}.app-content-header h1{font-size:22px}}
@media print{.app-sidebar,.app-header,.app-footer,.app-content-header,.no-print,.table-tools,.table-pagination,.page-actions{display:none!important}.app-wrapper{margin:0}.app-content{padding:0}.card{box-shadow:none;border:0}.table tr[hidden]{display:table-row!important}}

.print-area{width:min(100% - 32px,1000px);padding:35px;margin:35px auto;background:#fff;border-radius:12px}.print-area h3{font-size:20px}.print-area h4{font-size:18px}@media print{body{background:#fff}.print-area{width:100%;margin:0;padding:12px;border-radius:0}.print-area .table{font-size:11px}.print-area .table th,.print-area .table td{padding:8px}}

/* Keep entered amounts readable; small screens scroll within the entry table. */
input[data-number-input]{font-variant-numeric:tabular-nums}
table[data-entry-table]{min-width:850px}
table[data-entry-table] .input-group{min-width:230px;flex-wrap:nowrap}
table[data-entry-table] .form-select{min-width:150px}
table[data-entry-table] input[name="weight[]"]{min-width:90px}
table[data-entry-table] input[name="shipping_fee[]"]{min-width:160px}

.record-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:205px}.record-actions .btn{margin:0}.record-actions .badge{font-size:10px}