@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--p-color-bg-app:#f6f6f7;--p-color-bg-surface:#fff;--p-color-border:#e1e3e5;--p-color-text:#202223;--p-color-text-secondary:#6d7175;--p-color-primary:#008060;--p-color-primary-hover:#006e52;--p-color-success:#108043;--p-color-critical:#d72c0d;--p-shadow:0 1px 3px #0000001a;--p-border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--p-color-bg-app);color:var(--p-color-text);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:1160px;margin:0 auto}.header{justify-content:flex-end;align-items:center;margin-bottom:24px;display:flex}.header h1{font-size:20px;font-weight:600}.badge{height:24px;color:var(--p-color-success);box-sizing:border-box;background-color:#e3f1df;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.disconnected{color:var(--p-color-critical);background-color:#fbeae5}#billing-status{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s,transform .1s}#billing-status:hover{opacity:.85;transform:translateY(-1px)}#billing-status:active{transform:translateY(0)}.card{background:var(--p-color-bg-surface);border:1px solid var(--p-color-border);border-radius:var(--p-border-radius);box-shadow:var(--p-shadow);margin-bottom:24px;padding:24px}.card-title{margin-bottom:16px;font-size:16px;font-weight:600}.dropzone{border-radius:var(--p-border-radius);text-align:center;cursor:pointer;background:#fafbfb;border:2px dashed #b4b9be;padding:40px 20px;transition:all .2s ease-in-out}.dropzone:hover,.dropzone.dragover{border-color:var(--p-color-primary);background-color:#f3faf7}.dropzone-icon{color:var(--p-color-text-secondary);margin-bottom:12px;font-size:32px}.dropzone-text{color:var(--p-color-text);margin-bottom:4px;font-size:14px;font-weight:500}.dropzone-subtext{color:var(--p-color-text-secondary);font-size:12px}.file-info{border:1px solid var(--p-color-border);background:#fafbfb;border-radius:6px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;display:flex}.file-name{font-size:14px;font-weight:500}.btn-remove{color:var(--p-color-critical);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .15s,opacity .15s;display:inline-flex}.btn-remove:hover{opacity:.85;background-color:#fbeae5}.mapping-grid{border-top:1px solid var(--p-color-border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;padding-top:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--p-color-text);font-size:13px;font-weight:500}.form-control{border:1px solid var(--p-color-border);background-color:#fff;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px}.form-control:focus{border-color:var(--p-color-primary)}.lang-option-item:hover{background-color:#f6f6f7!important}.btn{cursor:pointer;border:1px solid var(--p-color-border);color:var(--p-color-text);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;transition:background .1s;display:inline-flex}.btn-primary{background:var(--p-color-primary);border-color:var(--p-color-primary);color:#fff}.btn-primary:hover{background:var(--p-color-primary-hover)}.btn-critical{background:var(--p-color-critical);border-color:var(--p-color-critical);color:#fff}.btn-critical:hover{background:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.actions-bar{justify-content:center;gap:12px;margin-top:20px;display:flex}.progress-container{margin-top:20px}.progress-bar{background-color:var(--p-color-border);border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background-color:var(--p-color-primary);width:0%;height:100%;transition:width .1s}.progress-status{color:var(--p-color-text-secondary);justify-content:space-between;font-size:13px;display:flex}.log-container{margin-top:24px}.log-table{border-collapse:collapse;border-spacing:0;color:#303030;background:#fff;border:none;width:100%;margin-top:0;font-size:13px;line-height:1.45}.log-table th{color:var(--p-color-text,#202223);text-align:left;z-index:10;white-space:nowrap;letter-spacing:.01em;background:#f7f7f8;border:none;border-bottom:1px solid #e1e3e5;padding:8px 12px;font-size:12px;font-weight:600;position:sticky;top:0;box-shadow:inset 0 -1px #e1e3e5}.log-table td{text-align:left;vertical-align:middle;background-color:#fff;border:none;border-bottom:1px solid #ebebeb;padding:8px 12px;transition:background-color .1s}.log-table tbody tr:hover td{background-color:#f7f7f8!important}.log-table tbody tr.is-selected td,.log-table tbody tr.row-selected td{background-color:#f0f7ff!important}.tracking-input{color:#303030!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #c9cccf!important;border-radius:6px!important;height:28px!important;padding:2px 8px!important;font-size:12px!important;line-height:22px!important;transition:border-color .15s,box-shadow .15s!important}.tracking-input:focus{border-color:#005bd3!important;outline:none!important;box-shadow:0 0 0 1px #005bd3!important}.order-link{color:#005bd3!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:color .1s!important}.order-link:hover{color:#004299!important;text-decoration:underline!important}.status-success{color:#0e5932;white-space:nowrap;background-color:#d4f3e6;border:1px solid #0e593226;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.status-failed{color:#8a1200;white-space:nowrap;background-color:#fed2cd;border:1px solid #8a120026;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.status-warning{color:#5c4000;white-space:nowrap;background-color:#fff0c2;border:1px solid #ffe28a;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;background:#0b0c1080;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0}.dialog-box{background:var(--p-color-bg-surface);border:1px solid var(--p-color-border);width:90%;max-width:400px;color:var(--p-color-text);border-radius:12px;padding:24px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:scale(.9);box-shadow:0 10px 40px #0000001f}.dialog-title{margin-bottom:8px;font-size:16px;font-weight:600}.dialog-message{color:var(--p-color-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}input[type=checkbox].polaris-checkbox{appearance:none;box-sizing:border-box;cursor:pointer;vertical-align:middle;background-color:#fff;border:1.5px solid #8c9196;border-radius:4px;outline:none;flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;transition:background-color .1s,border-color .1s;display:inline-block;position:relative}input[type=checkbox].polaris-checkbox:hover{border-color:#4a4f54}input[type=checkbox].polaris-checkbox:checked{background-color:#008060;border-color:#008060}input[type=checkbox].polaris-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4.5px;transform:rotate(45deg)}input[type=checkbox].polaris-checkbox:indeterminate{background-color:#008060;border-color:#008060}input[type=checkbox].polaris-checkbox:indeterminate:after{content:"";background-color:#fff;width:7px;height:2px;position:absolute;top:5.5px;left:3px}input[type=checkbox].polaris-checkbox:disabled{cursor:not-allowed;background-color:#f1f2f4;border-color:#d2d5d9}input[type=checkbox].polaris-checkbox:disabled:checked:after{border-color:#a6acb2}.location-tag{color:#474747;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background-color:#f1f2f4;border:1px solid #e1e3e5;border-radius:12px;align-items:center;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.carrier-tag{color:#474747;background-color:#f1f2f4;border:1px solid #e1e3e5;border-radius:12px;align-items:center;padding:1px 7px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.order-group{position:relative}.sticky-parent{z-index:5;position:sticky!important;top:35px!important}.sticky-parent td{font-weight:500;box-shadow:inset 0 -1px #e1e3e5,inset 0 1px #e1e3e5;background:#fbfbfc!important}.col-line{text-align:center;width:44px;min-width:44px}.col-order{width:140px;min-width:130px}.col-items{min-width:240px}.col-tracking{width:200px;min-width:160px}.col-carrier{width:140px;min-width:110px}.col-url{width:110px;min-width:80px}#lang-list-scroll::-webkit-scrollbar{width:6px}#lang-list-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#lang-list-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#lang-list-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes pulse-badge{0%{box-shadow:0 0 #005bb566}70%{box-shadow:0 0 0 6px #005bb500}to{box-shadow:0 0 #005bb500}}.carrier-badge{color:#474747;white-space:nowrap;background:#f1f2f4;border:1px solid #e1e3e5;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.carrier-badge.carrier-autodetect{color:#004799;background:#e0f0ff;border-color:#b8dbff}.carrier-badge.carrier-auto{color:#616161;background:#f7f7f8;border-color:#e3e5e7;font-style:italic}.badge-matched{color:#0e5932;background:#d4f3e6;border:1px solid #0e593226;border-radius:12px;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.badge-digital-skip{color:#616161;background:#f1f2f4;border:1px solid #e1e3e5;border-radius:12px;align-items:center;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}
