@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&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:Montserrat,sans-serif;font-size:15px}.topbar-minimal{background:var(--paper);border-bottom:3px solid var(--action);justify-content:center;align-items:center;padding:14px 32px;display:flex;position:relative}.brand-center{align-items:center;gap:10px;display:flex}.brand-center .brand-logo{width:auto;height:28px}.brand-name{letter-spacing:.5px;text-transform:uppercase;color:#000;font-family:Montserrat,sans-serif;font-size:26px;font-weight:700}.signout-corner{width:34px;height:34px;color:var(--text-main);cursor:pointer;background:#1c23330f;border:1px solid #1c233326;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.signout-corner:hover{background:#1c23331f;border-color:#1c23334d}.settings-corner{right:66px}.error-banner{background:var(--danger-bg);color:var(--danger);padding:12px 32px;font-size:14px}.error-banner code{font-family:Montserrat,sans-serif}.control-panel{background:var(--card);border-radius:10px;width:calc(100% - 64px);max-width:1616px;margin:20px auto 0;overflow:hidden;box-shadow:0 1px 3px #1c233314}.panel-tabs-row{border-bottom:1px solid var(--paper-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 32px;display:flex}.panel-search-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.search-wrap-light{align-items:center;width:260px;display:flex;position:relative}.search-wrap-light i{color:var(--text-mute);font-size:16px;position:absolute;left:12px}.search-box-light{border:1px solid var(--paper-line);background:var(--paper);width:100%;color:var(--text-main);border-radius:6px;padding:8px 12px 8px 34px;font-family:Montserrat,sans-serif;font-size:14px}.search-box-light::placeholder{color:var(--text-mute)}.search-box-light:focus{border-color:var(--ink);background:var(--card);outline:none}.panel-tabs{gap:2px;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:Montserrat,sans-serif;font-size:18px;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:Montserrat,sans-serif;font-size:12px;font-weight:600}.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 32px;display:flex}.panel-tags{flex-wrap:wrap;align-items:center;gap:10px;padding:0 32px 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:Montserrat,sans-serif;font-size:12px;font-weight:600;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:Montserrat,sans-serif;font-size:13.5px;font-weight:600;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:13px}.custom-range input[type=date]{border:1px solid var(--paper-line);background:#fff;border-radius:8px;padding:6px 9px;font-family:Montserrat,sans-serif;font-size:13px}.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:Montserrat,sans-serif;font-size:13.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:Montserrat,sans-serif;font-size:13px;font-weight:600}.table-wrap{max-width:1680px;margin:0 auto;padding:16px 32px 0}.orders-table{border-collapse:collapse;background:var(--card);border-radius:8px;width:100%;font-size:15px;overflow:hidden;box-shadow:0 1px 3px #1c233314}.orders-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--paper-line);padding:14px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.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:Montserrat,sans-serif;font-size:14px}.col-name{white-space:nowrap;font-size:15px;font-weight:600}.col-phone{white-space:nowrap;color:var(--text-main);font-family:Montserrat,sans-serif;font-size:14px}.col-address{text-overflow:ellipsis;white-space:nowrap;max-width:340px;color:var(--text-mute);font-size:14px;overflow:hidden}.col-items{text-align:center;color:var(--text-mute);font-family:Montserrat,sans-serif}.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:12px;font-weight:600}.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:12px;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:12px;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:12px;font-weight:600;display:inline-flex}.col-expand{text-align:center;width:32px;color:var(--text-mute);font-size:16px}.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:14px;line-height:1.5}.flag-line strong{color:var(--text-main)}.line-items-compact{border:1px solid var(--border,#ddd);border-radius:6px;margin-bottom:16px;padding:10px 12px;font-size:14px;line-height:1.8}.line-items-compact strong{color:var(--text-main);margin-right:6px}.line-item-chip{white-space:nowrap;margin-right:4px;display:inline-block}.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:12px;font-weight:600}.edit-field input{border:1px solid var(--paper-line);background:var(--card);border-radius:6px;padding:10px 12px;font-family:Montserrat,sans-serif;font-size:15px}.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:14px;display:flex}.confirm-box span{flex:1;min-width:200px;font-weight:600}.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:Montserrat,sans-serif;font-size:14px;font-weight:600;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:1680px;color:var(--text-mute);margin:60px auto;font-size:15px;font-style:italic}.pagination{justify-content:center;align-items:center;gap:20px;max-width:1680px;margin:0 auto;padding:20px 32px 40px;display:flex}.page-info{color:var(--text-mute);font-family:Montserrat,sans-serif;font-size:14px}.toast{background:var(--ink);color:#fff;opacity:1;border-radius:8px;max-width:90vw;padding:12px 20px;font-size:14px;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:Montserrat,sans-serif;font-size:26px;font-weight:700}.login-brand small{color:var(--text-mute);text-transform:none;margin-top:2px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;display:block}.login-sub{text-align:center;color:var(--text-mute);margin:0 0 4px;font-size:14px}.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:13.5px}.login-btn{justify-content:center;width:100%;padding:10px;font-size:14px}.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:Montserrat,sans-serif;font-size:22px;font-weight:700}.blocked-table{box-shadow:none}.blocked-table th,.blocked-table td{padding:10px 12px}.settings-section{border-bottom:1px solid var(--paper-line);margin-bottom:24px;padding-bottom:20px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{text-transform:uppercase;letter-spacing:.3px;color:var(--ink);margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.settings-hint{color:var(--text-mute);margin:0 0 14px;font-size:14px}.settings-profile-row{justify-content:space-between;align-items:center;gap:14px;font-size:15px;display:flex}.settings-add-city{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.settings-add-city input[type=text]{border:1px solid var(--paper-line);background:var(--paper);border-radius:6px;flex:1;min-width:160px;padding:8px 12px;font-family:Montserrat,sans-serif;font-size:14px}.settings-add-city select{border:1px solid var(--paper-line);background:var(--paper);color:var(--text-main);border-radius:6px;padding:8px 12px;font-family:Montserrat,sans-serif;font-size:14px}.settings-city-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-city-column h4{text-transform:uppercase;letter-spacing:.4px;color:var(--text-mute);margin:0 0 8px;font-family:Montserrat,sans-serif;font-size:13px}.settings-city-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings-city-list li{background:var(--paper);text-transform:capitalize;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:14px;display:flex}.settings-city-remove{padding:3px 8px;font-size:12px}@media (width<=600px){.settings-city-columns{grid-template-columns:1fr}}