@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/tabler-icons/2.44.0/iconfont/tabler-icons.min.css";body{margin:0}:root{--ink:#1c2333;--ink-soft:#384259;--paper:#f3f1ea;--paper-line:#e4e0d3;--card:#fff;--ready:#1f7a5c;--ready-bg:#e6f2ed;--action:#c97f1e;--danger:#b23b30;--danger-bg:#fbeae7;--steel:#46567a;--text-main:#22262f;--text-mute:#767b87}*{box-sizing:border-box}body{background:var(--paper);color:var(--text-main);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:14px}.topbar{background:var(--ink);color:#f3f1ea;border-bottom:3px solid var(--action);flex-wrap:wrap;align-items:center;gap:28px;padding:18px 32px;display:flex}.brand{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;display:flex}.brand small{color:#abb3c4;text-transform:none;letter-spacing:0;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400}.search-wrap{flex:1;align-items:center;max-width:480px;display:flex;position:relative}.search-wrap i{color:#8790a3;font-size:16px;position:absolute;left:14px}.search-box{color:#f3f1ea;background:#ffffff12;border:1px solid #454f68;border-radius:6px;width:100%;padding:10px 16px 10px 38px;font-family:IBM Plex Sans,sans-serif;font-size:14px}.search-box::placeholder{color:#8790a3}.search-box:focus{border-color:var(--action);background:#ffffff1f;outline:none}.stats{white-space:nowrap;gap:28px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.stats b{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:600;line-height:1.1;display:block}.stats .s-ready b{color:#7fdcaf}.stats .s-action b{color:#f3c579}.error-banner{background:var(--danger-bg);color:var(--danger);padding:12px 32px;font-size:13px}.error-banner code{font-family:IBM Plex Mono,monospace}.control-panel{background:var(--card);border-radius:10px;max-width:1320px;margin:20px auto 0;overflow:hidden;box-shadow:0 1px 3px #1c233314}.panel-tabs{border-bottom:1px solid var(--paper-line);gap:2px;padding:0 24px;display:flex}.tab{text-transform:uppercase;letter-spacing:.3px;cursor:pointer;color:var(--text-mute);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 16px 12px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:600;transition:color .15s;display:flex}.tab:hover{color:var(--text-main)}.tab.active{color:var(--text-main);border-bottom-color:var(--ink)}.tab .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tab .dot.ready{background:var(--ready)}.tab .dot.hold{background:var(--danger)}.tab .dot.fulfilled{background:#6b7a99}.tab .dot.cancelled{background:var(--danger);opacity:.6}.tab-count{background:var(--paper-line);text-transform:none;color:var(--text-mute);border-radius:10px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.tab.active .tab-count{background:var(--ink);color:#fff}.panel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex}.panel-tags{flex-wrap:wrap;align-items:center;gap:10px;padding:0 24px 14px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);white-space:nowrap;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:flex}.date-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--paper-line);cursor:pointer;color:var(--text-mute);background:#fff;border-radius:16px;padding:7px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:500;transition:all .15s;box-shadow:0 1px 1px #1c233308}.chip:hover{border-color:var(--steel);color:var(--text-main);transform:translateY(-1px);box-shadow:0 2px 5px #1c233314}.chip:active{transform:translateY(0)}.chip-active{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;box-shadow:0 1px 3px #1c233333}.chip-active:hover{border-color:var(--ink);box-shadow:0 2px 6px #1c233340}.chip-active.chip-duplicate{background:#8a5a0b;border-color:#8a5a0b}.chip-active.chip-blocked{background:var(--ink);border-color:var(--ink)}.chip-active.chip-returned{background:#6b3fa0;border-color:#6b3fa0}.chip-active.chip-postex{background:#b85c1e;border-color:#b85c1e}.chip-active.chip-flaship{background:#2b5b9e;border-color:#2b5b9e}.chip-clear{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg)}.chip-clear:hover{border-color:var(--danger)}.custom-range{align-items:center;gap:8px;display:flex}.custom-range span{color:var(--text-mute);font-size:12px}.custom-range input[type=date]{border:1px solid var(--paper-line);background:#fff;border-radius:8px;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:12px}.bulk-select{align-items:center;gap:14px;display:flex}.select-all-label{color:var(--text-mute);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12.5px;display:flex}.select-all-label input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--ink)}.bulk-bar{border-left:1px solid var(--paper-line);align-items:center;gap:10px;padding-left:14px;display:flex}.bulk-count{color:var(--ink);background:var(--paper-line);border-radius:10px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.table-wrap{max-width:1320px;margin:0 auto;padding:16px 32px 0}.orders-table{border-collapse:collapse;background:var(--card);border-radius:8px;width:100%;font-size:14px;overflow:hidden;box-shadow:0 1px 3px #1c233314}.orders-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mute);background:var(--paper);border-bottom:1px solid var(--paper-line);padding:14px 16px;font-family:IBM Plex Mono,monospace;font-size:11px}.order-row{cursor:pointer;border-bottom:1px solid var(--paper-line);transition:background .1s}.order-row:hover{background:#faf9f5}.order-row td{vertical-align:middle;padding:14px 16px;line-height:1.4}.col-status{width:24px;padding-right:0!important}.col-check{width:20px}.col-check input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--ink)}.order-row.row-selected{background:#fbf6ec}.order-row.row-selected:hover{background:#f7f0de}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.ready{background:var(--ready)}.status-dot.hold{background:var(--danger)}.col-order-no{color:var(--text-mute);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:13px}.col-name{white-space:nowrap;font-size:14px;font-weight:500}.col-phone{white-space:nowrap;color:var(--text-main);font-family:IBM Plex Mono,monospace;font-size:13px}.col-address{text-overflow:ellipsis;white-space:nowrap;max-width:340px;color:var(--text-mute);font-size:13px;overflow:hidden}.col-items{text-align:center;color:var(--text-mute);font-family:IBM Plex Mono,monospace}.col-flags{white-space:nowrap;text-align:right}.flag-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.flag-badge{background:var(--danger-bg);color:var(--danger);white-space:nowrap;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:500}.flag-badge-duplicate{color:#8a5a0b;background:#fbf0dc}.flag-badge-blocked{background:var(--ink);color:#fff}.flag-badge-returned{color:#6b3fa0;background:#efe4f7}.flag-none{color:var(--paper-line)}.col-courier{white-space:nowrap}.courier-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.courier-tag-flaship{color:#2b5b9e;background:#e6f0fb}.courier-tag-postex{color:#b85c1e;background:#fdece3}.fulfilled-tag{text-transform:uppercase;letter-spacing:.3px;color:#4c5568;background:#e9ebef;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cancelled-tag{text-transform:uppercase;letter-spacing:.3px;background:var(--danger-bg);color:var(--danger);border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.col-expand{text-align:center;width:32px;color:var(--text-mute);font-size:15px}.order-detail-row td{border-bottom:1px solid var(--paper-line);background:var(--paper);padding:0}.order-detail{padding:20px 24px}.detail-flags{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.flag-line{color:var(--danger);background:var(--danger-bg);border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.5}.flag-line strong{color:var(--text-main)}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-edit{flex-direction:column;gap:14px;max-width:460px;display:flex}.edit-field{flex-direction:column;gap:6px;display:flex}.edit-field label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.edit-field input{border:1px solid var(--paper-line);background:var(--card);border-radius:6px;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:14px}.edit-field input:focus{border-color:var(--steel);outline:none}.confirm-box{background:var(--danger-bg);color:var(--danger);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.confirm-box span{flex:1;min-width:200px;font-weight:500}.btn{border:1px solid var(--paper-line);cursor:pointer;color:var(--text-main);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--steel);background:var(--paper)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover:not(:disabled){background:var(--ink-soft)}.btn.wa{background:var(--ready-bg);color:var(--ready);border-color:var(--ready-bg)}.btn.wa:hover:not(:disabled){background:#d5eae1}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger:hover:not(:disabled){background:#96302a}.btn.danger-outline{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg)}.btn.danger-outline:hover:not(:disabled){border-color:var(--danger)}.btn.danger-outline:disabled{background:var(--paper-line);color:var(--text-mute);border-color:var(--paper-line)}.empty{text-align:center;max-width:1320px;color:var(--text-mute);margin:60px auto;font-size:14px;font-style:italic}.pagination{justify-content:center;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:20px 32px 40px;display:flex}.page-info{color:var(--text-mute);font-family:IBM Plex Mono,monospace;font-size:13px}.toast{background:var(--ink);color:#fff;opacity:1;border-radius:8px;max-width:90vw;padding:12px 20px;font-size:13px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1c233340}@media (width<=900px){.col-address{max-width:140px}.stats{display:none}}.login-screen{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border-radius:12px;flex-direction:column;gap:16px;width:340px;padding:40px 36px;display:flex;box-shadow:0 8px 30px #0000004d}.login-brand{letter-spacing:.5px;color:var(--ink);text-align:center;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:700}.login-brand small{color:var(--text-mute);text-transform:none;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;display:block}.login-sub{text-align:center;color:var(--text-mute);margin:0 0 4px;font-size:13px}.login-card .edit-field input{width:100%}.login-error{background:var(--danger-bg);color:var(--danger);text-align:center;border-radius:6px;padding:8px 12px;font-size:12.5px}.login-btn{justify-content:center;width:100%;padding:10px;font-size:13px}.logout-btn{color:#c7ccda;white-space:nowrap;background:0 0;border-color:#454f68}.logout-btn:hover{border-color:var(--action);color:#fff}.blocked-list-btn{color:#c7ccda;white-space:nowrap;background:0 0;border-color:#454f68}.blocked-list-btn:hover{border-color:var(--danger);color:#fff}.modal-overlay{z-index:50;background:#1c233399;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--card);border-radius:12px;width:100%;max-width:900px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h2{color:var(--ink);margin:0;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700}.blocked-table{box-shadow:none}.blocked-table th,.blocked-table td{padding:10px 12px}