.wh-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:#1e293b;color:#fff;position:sticky;top:0;z-index:100}.wh-header__left{display:flex;align-items:center;gap:14px}.wh-header__divider{width:1px;height:28px;background:#ffffff26}.wh-header__brand{display:flex;flex-direction:column;line-height:1.2}.wh-header__warehouse-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.wh-header__warehouse-name{font-size:13px;color:#e2e8f0;font-weight:600}.wh-header__right{display:flex;align-items:center;gap:16px}.wh-header__store{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.wh-header__store-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.wh-header__store-value{font-size:13px;font-weight:600;color:#e2e8f0}.wh-header__logout{background:#ffffff1a;border:none;color:#94a3b8;font-size:18px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.wh-header__logout:hover{background:#ffffff26;color:#fff}.wh-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e293b,#0f172a);padding:20px}.wh-login__card{width:100%;max-width:400px;background:var(--wh-surface);border-radius:16px;padding:36px 32px;box-shadow:0 20px 60px #0000004d}.wh-login__header{text-align:center;margin-bottom:28px}.wh-login__logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.wh-login__logo-icon{font-size:32px}.wh-login__logo-text{font-size:26px;font-weight:700;color:#1a1d23;letter-spacing:-.5px}.wh-login__logo-text span{color:#16a34a}.wh-login__title{font-size:20px;font-weight:700;color:var(--wh-text);margin:0 0 6px}.wh-login__subtitle{font-size:13px;color:var(--wh-text-secondary)}.wh-login__form{display:flex;flex-direction:column;gap:16px}.wh-login__field label{display:block;font-size:13px;font-weight:600;color:var(--wh-text);margin-bottom:6px}.wh-login__field input{width:100%;padding:11px 14px;border:1.5px solid var(--wh-border);border-radius:8px;font-size:14px;font-family:var(--wh-font);color:var(--wh-text);transition:border-color .15s}.wh-login__field input:focus{outline:none;border-color:var(--wh-primary);box-shadow:0 0 0 3px #2563eb1a}.wh-login__btn{width:100%;padding:12px;background:var(--wh-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--wh-font);cursor:pointer;transition:background .15s;margin-top:4px;display:flex;align-items:center;justify-content:center;min-height:44px}.wh-login__btn:hover{background:var(--wh-primary-hover)}.wh-login__btn:disabled{opacity:.6;cursor:not-allowed}.wh-login__spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:whSpin .6s linear infinite}.wh-login__error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:var(--wh-danger)}.wh-login__warehouses{display:flex;flex-direction:column;gap:12px}.wh-login__wh-list{display:flex;flex-direction:column;gap:8px}.wh-login__wh-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border:1.5px solid var(--wh-border);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;font-family:var(--wh-font);width:100%}.wh-login__wh-item:hover{border-color:var(--wh-primary);background:#eff6ff;transform:translateY(-1px);box-shadow:var(--wh-shadow-md)}.wh-login__wh-icon{font-size:24px}.wh-login__wh-info{flex:1;display:flex;flex-direction:column;gap:2px}.wh-login__wh-name{font-size:14px;font-weight:600;color:var(--wh-text)}.wh-login__wh-address{font-size:12px;color:var(--wh-text-secondary)}.wh-login__wh-arrow{font-size:18px;color:var(--wh-text-muted)}.wh-login__back{background:none;border:none;font-size:13px;color:var(--wh-text-secondary);cursor:pointer;font-family:var(--wh-font);padding:8px 0}.wh-login__back:hover{color:var(--wh-text)}.wh-login__footer{text-align:center;font-size:11px;color:var(--wh-text-muted);margin-top:24px}.wh-card{background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:8px;padding:12px 14px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:8px}.wh-card:hover{box-shadow:var(--wh-shadow-md);transform:translateY(-1px)}.wh-card__header{display:flex;justify-content:space-between;align-items:center}.wh-card__number{font-size:12px;font-weight:700;color:var(--wh-primary)}.wh-card__time{font-size:11px;color:var(--wh-text-muted)}.wh-card__customer{display:flex;flex-direction:column;gap:1px}.wh-card__customer-name{font-size:13px;font-weight:600;color:var(--wh-text)}.wh-card__customer-city{font-size:11px;color:var(--wh-text-secondary)}.wh-card__items{display:flex;flex-direction:column;gap:3px;padding:6px 0;border-top:1px solid #f1f5f9}.wh-card__item{display:flex;justify-content:space-between;font-size:12px;color:var(--wh-text-secondary)}.wh-card__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.wh-card__item-qty{font-weight:600;color:var(--wh-text);flex-shrink:0}.wh-card__more{font-size:11px;color:var(--wh-text-muted);font-style:italic}.wh-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:4px}.wh-card__total{font-size:15px;font-weight:700;color:var(--wh-text)}.wh-card__count{font-size:11px;color:var(--wh-text-muted)}.wh-card__action{width:100%;padding:9px;border:none;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--wh-font);color:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.wh-card__action:hover{opacity:.9;transform:translateY(-1px)}.wh-card__action:disabled{opacity:.6;cursor:not-allowed;transform:none}.wh-card__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:whSpin .6s linear infinite}.wh-orders__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--wh-text-secondary);font-size:14px}.wh-orders__spinner{width:32px;height:32px;border:3px solid var(--wh-border);border-top-color:var(--wh-primary);border-radius:50%;animation:whSpin .7s linear infinite}.wh-orders__tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--wh-surface);padding:4px;border-radius:10px;box-shadow:var(--wh-shadow);width:fit-content}.wh-orders__tab{padding:9px 20px;border:none;border-radius:7px;background:transparent;font-size:13px;font-weight:600;font-family:var(--wh-font);color:var(--wh-text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.wh-orders__tab:hover{background:#f1f5f9;color:var(--wh-text)}.wh-orders__tab--active{background:var(--wh-primary);color:#fff}.wh-orders__tab--active:hover{background:var(--wh-primary-hover);color:#fff}.wh-orders__tab-badge{background:#ffffff40;color:inherit;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px}.wh-orders__tab:not(.wh-orders__tab--active) .wh-orders__tab-badge{background:#e5e7eb;color:var(--wh-text-secondary)}.wh-orders__tab-badge--muted{opacity:.7}.wh-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:calc(100vh - 180px)}.wh-kanban__column{background:#f8fafc;border-radius:var(--wh-radius);border:1px solid var(--wh-border);display:flex;flex-direction:column;overflow:hidden}.wh-kanban__column-header{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--wh-surface);border-top:3px solid #e5e7eb;border-bottom:1px solid var(--wh-border);position:sticky;top:0}.wh-kanban__column-icon{font-size:16px}.wh-kanban__column-title{font-size:13px;font-weight:700;color:var(--wh-text);flex:1}.wh-kanban__column-count{font-size:11px;font-weight:700;color:var(--wh-text-secondary);background:#e5e7eb;padding:2px 8px;border-radius:10px}.wh-kanban__column-body{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.wh-kanban__empty{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--wh-text-muted);font-size:13px;font-style:italic}.wh-completed__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:var(--wh-text-muted);font-size:14px}.wh-completed__empty span{font-size:36px}.wh-completed__list{display:flex;flex-direction:column;gap:6px}.wh-completed__item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:var(--wh-radius);cursor:pointer;transition:all .15s}.wh-completed__item:hover{box-shadow:var(--wh-shadow-md);transform:translateY(-1px)}.wh-completed__item-left{display:flex;flex-direction:column;gap:2px}.wh-completed__item-number{font-size:14px;font-weight:700;color:var(--wh-text)}.wh-completed__item-customer{font-size:12px;color:var(--wh-text-secondary)}.wh-completed__item-right{display:flex;align-items:center;gap:12px}.wh-completed__item-total{font-size:14px;font-weight:700;color:var(--wh-text)}.wh-completed__item-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px}@media (max-width: 1100px){.wh-kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.wh-kanban{grid-template-columns:1fr}}.wh-history{display:flex;flex-direction:column;gap:14px}.wh-history__filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:var(--wh-radius)}.wh-history__filter-group{display:flex;gap:6px;flex-wrap:wrap}.wh-history__filter-group:not(:last-of-type){padding-right:10px;border-right:1px solid var(--wh-border)}.wh-history__filter-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--wh-border);background:#fff;font-size:12px;font-weight:600;color:var(--wh-text-secondary);cursor:pointer;transition:all .15s;font-family:var(--wh-font);white-space:nowrap}.wh-history__filter-pill:hover{border-color:var(--wh-primary);color:var(--wh-primary)}.wh-history__filter-pill--active{background:var(--wh-primary);border-color:var(--wh-primary);color:#fff}.wh-history__custom-dates{display:flex;align-items:center;gap:8px}.wh-history__date-input{padding:6px 10px;border:1.5px solid var(--wh-border);border-radius:8px;font-size:12px;font-family:var(--wh-font);color:var(--wh-text);background:#fff;outline:none}.wh-history__date-input:focus{border-color:var(--wh-primary)}.wh-history__date-sep{font-size:12px;color:var(--wh-text-muted);font-weight:600}.wh-history__search-wrap{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1.5px solid var(--wh-border);border-radius:20px;padding:5px 12px;margin-left:auto;min-width:220px}.wh-history__search-icon{font-size:13px}.wh-history__search{border:none;background:none;outline:none;font-size:13px;font-family:var(--wh-font);color:var(--wh-text);flex:1;min-width:0}.wh-history__search::placeholder{color:var(--wh-text-muted)}.wh-history__search-clear{background:none;border:none;font-size:12px;color:var(--wh-text-muted);cursor:pointer;padding:0;line-height:1}.wh-history__count{font-size:12px;color:var(--wh-text-muted);margin:0;padding:0 2px}.wh-history__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:var(--wh-text-muted);font-size:14px}.wh-history__empty span{font-size:36px}.wh-history__list{display:flex;flex-direction:column;gap:6px}.wh-history__row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:var(--wh-radius);cursor:pointer;transition:all .15s}.wh-history__row:hover{box-shadow:var(--wh-shadow-md);transform:translateY(-1px);border-color:var(--wh-primary)}.wh-history__row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.wh-history__row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wh-history__row-number{font-size:14px;font-weight:700;color:var(--wh-text)}.wh-history__row-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px}.wh-history__row-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--wh-text-secondary)}.wh-history__row-items{font-size:12px;color:var(--wh-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-history__row-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.wh-history__row-total{font-size:15px;font-weight:700;color:var(--wh-text)}.wh-history__row-date{font-size:11px;color:var(--wh-text-muted);white-space:nowrap}.wh-history__row-chevron{font-size:18px;color:var(--wh-text-muted);line-height:1}.wh-history__load-more{display:flex;justify-content:center;padding:8px 0 16px}.wh-history__load-more-btn{padding:10px 28px;border-radius:8px;border:1.5px solid var(--wh-primary);background:#fff;color:var(--wh-primary);font-size:13px;font-weight:600;font-family:var(--wh-font);cursor:pointer;transition:all .15s}.wh-history__load-more-btn:hover:not(:disabled){background:var(--wh-primary);color:#fff}.wh-history__load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.wh-history__filters{flex-direction:column;align-items:flex-start}.wh-history__search-wrap{margin-left:0;min-width:100%}.wh-history__filter-group:not(:last-of-type){border-right:none;padding-right:0}.wh-history__row-meta{gap:8px}}.wh-stats{display:flex;gap:12px;margin-bottom:20px}.wh-stat{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--wh-surface);border-radius:var(--wh-radius);border:1px solid var(--wh-border);flex:1;box-shadow:var(--wh-shadow);transition:box-shadow .15s}.wh-stat:hover{box-shadow:var(--wh-shadow-md)}.wh-stat__icon{font-size:28px;flex-shrink:0}.wh-stat__body{display:flex;flex-direction:column;gap:2px}.wh-stat__value{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.5px}.wh-stat__label{font-size:12px;font-weight:500;color:var(--wh-text-secondary);white-space:nowrap}.wh-stat--orange{border-top:3px solid #f57c00}.wh-stat--orange .wh-stat__value{color:#f57c00}.wh-stat--blue{border-top:3px solid #1565c0}.wh-stat--blue .wh-stat__value{color:#1565c0}.wh-stat--green{border-top:3px solid #2e7d32}.wh-stat--green .wh-stat__value{color:#2e7d32}@media (max-width: 640px){.wh-stats{flex-direction:column}}.wh-kanban__column--delivered{opacity:.9}.wh-kanban__column--delivered .wh-kanban__column-header{background:#f0fdf4}.wh-card--delivered{opacity:.85;border-left:3px solid #16a34a}.wh-detail__loading,.wh-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--wh-text-secondary);font-size:14px}.wh-detail__spinner{width:32px;height:32px;border:3px solid var(--wh-border);border-top-color:var(--wh-primary);border-radius:50%;animation:whSpin .7s linear infinite}.wh-detail__error button{padding:8px 16px;background:var(--wh-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.wh-detail__header{margin-bottom:20px}.wh-detail__back{background:none;border:none;font-size:13px;font-weight:500;color:var(--wh-primary);cursor:pointer;font-family:var(--wh-font);padding:0;margin-bottom:12px;display:inline-block}.wh-detail__back:hover{text-decoration:underline}.wh-detail__header-info{display:flex;align-items:center;gap:12px;margin-bottom:4px}.wh-detail__order-number{font-size:22px;font-weight:800;color:var(--wh-text)}.wh-detail__status{font-size:12px;font-weight:700;padding:5px 12px;border-radius:6px}.wh-detail__date{font-size:13px;color:var(--wh-text-secondary)}.wh-detail__body{display:flex;flex-direction:column;gap:16px}.wh-detail__section{background:var(--wh-surface);border:1px solid var(--wh-border);border-radius:var(--wh-radius);padding:20px}.wh-detail__section-title{font-size:15px;font-weight:700;color:var(--wh-text);margin-bottom:14px}.wh-detail__items{display:flex;flex-direction:column;gap:10px}.wh-detail__item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.wh-detail__item:last-child{border-bottom:none}.wh-detail__item-img{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wh-detail__item-img img{width:100%;height:100%;object-fit:cover}.wh-detail__item-img span{font-size:22px}.wh-detail__item-info{flex:1;display:flex;flex-direction:column;gap:2px}.wh-detail__item-name{font-size:14px;font-weight:600;color:var(--wh-text)}.wh-detail__item-meta{font-size:12px;color:var(--wh-text-secondary)}.wh-detail__item-qty{font-size:13px;font-weight:600;color:var(--wh-text-secondary);flex-shrink:0;padding:0 10px}.wh-detail__item-price{font-size:14px;font-weight:700;color:var(--wh-text);flex-shrink:0}.wh-detail__total{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:8px;border-top:2px solid #e5e7eb;font-size:16px;font-weight:800;color:var(--wh-text)}.wh-detail__delivery,.wh-detail__payment{display:flex;flex-direction:column;gap:10px}.wh-detail__delivery-row{display:flex;gap:12px}.wh-detail__label{font-size:12px;font-weight:600;color:var(--wh-text-muted);min-width:80px;text-transform:uppercase;letter-spacing:.3px}.wh-detail__value{font-size:14px;color:var(--wh-text)}.wh-detail__phone{color:var(--wh-primary);text-decoration:none;font-weight:500}.wh-detail__phone:hover{text-decoration:underline}.wh-detail__paid{color:var(--wh-success);font-weight:600}.wh-detail__delivery-row--notes{padding:10px 14px;background:#fffbeb;border-radius:8px;border:1px solid #fde68a}.wh-detail__action-bar{position:sticky;bottom:0;padding:16px 0;background:linear-gradient(transparent,var(--wh-bg) 30%)}.wh-detail__action-btn{width:100%;padding:14px;border:none;border-radius:var(--wh-radius);font-size:15px;font-weight:700;font-family:var(--wh-font);color:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;box-shadow:var(--wh-shadow-md)}.wh-detail__action-btn:hover{opacity:.9;transform:translateY(-1px)}.wh-detail__action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.wh-detail__btn-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:whSpin .6s linear infinite}@media (max-width: 640px){.wh-detail__header-info{flex-wrap:wrap}.wh-detail__order-number{font-size:18px}.wh-detail__delivery-row{flex-direction:column;gap:2px}.wh-detail__label{min-width:auto}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--wh-bg: #f0f2f5;--wh-surface: #ffffff;--wh-border: #e4e7ec;--wh-text: #1a1d23;--wh-text-secondary: #6b7280;--wh-text-muted: #9ca3af;--wh-primary: #2563eb;--wh-primary-hover: #1d4ed8;--wh-success: #16a34a;--wh-danger: #dc2626;--wh-warning: #f59e0b;--wh-radius: 10px;--wh-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--wh-shadow-md: 0 4px 12px rgba(0,0,0,.08);--wh-font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--wh-font);background:var(--wh-bg);color:var(--wh-text);-webkit-font-smoothing:antialiased;line-height:1.5}.wh-app{min-height:100vh;display:flex;flex-direction:column}.wh-main{flex:1;padding:20px 24px;max-width:1400px;width:100%;margin:0 auto}@keyframes whSpin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}