.contact-list{width:380px;min-width:280px;flex-shrink:0;background:#111b21;border-right:1px solid #2a3942;display:flex;flex-direction:column;height:100vh;overflow:hidden}.contact-list__header{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#202c33;overflow:hidden}.contact-list__header-actions{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end;min-width:0}.contact-list__menu-btn{display:flex}.contact-list__header-actions--desktop{display:none}.contact-list__header-left{display:flex;align-items:center;gap:10px;flex:1}.contact-list__user-avatar{width:36px;height:36px;border-radius:50%;background:#00a884;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-list__user-name{font-size:14px;font-weight:600;color:#e9edef;line-height:1.2}.contact-list__user-role{font-size:11px;color:#8696a0;text-transform:capitalize}.contact-list__tab{display:flex;align-items:center;gap:8px;padding:8px 16px 6px;background:#111b21}.contact-list__tab-label{font-size:13px;font-weight:600;color:#00a884;text-transform:uppercase;letter-spacing:.5px}.contact-list__tab-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#8696a0;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:6px;transition:color .15s,background .15s}.contact-list__tab-btn:hover{color:#e9edef;background:#2a3942}.contact-list__tab-btn--active{color:#00a884;background:#00a8841a}.contact-list__tab-count{font-size:11px;background:#2a3942;color:#8696a0;padding:1px 7px;border-radius:10px}.contact-list__tab-unreplied{margin-left:auto;font-size:11px;font-weight:700;background:#ea433526;color:#ea4335;border:1px solid rgba(234,67,53,.35);padding:2px 9px;border-radius:10px;animation:pulse 1.2s ease-in-out infinite alternate}.contact-list__title{font-size:20px;font-weight:600;color:#e9edef}.contact-list__new-btn{background:none;border:none;color:#aebac1;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.contact-list__new-btn:hover{background:#2a3942;color:#e9edef}.contact-list__logout-btn:hover{background:#ff55551f;color:#ff6b6b}.contact-list__search{padding:8px 12px;background:#111b21}.contact-list__search input{width:100%;background:#202c33;border:none;border-radius:8px;padding:9px 16px;color:#e9edef;font-size:14px;outline:none}.contact-list__search input::placeholder{color:#8696a0}.contact-list__items{list-style:none;overflow-y:auto;flex:1}.contact-list__empty{padding:24px 16px;color:#8696a0;font-size:13px;text-align:center}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;border-bottom:1px solid #1f2c33;transition:background .1s}.contact-item:hover{background:#202c33}.contact-item--active{background:#2a3942}.contact-item__avatar{width:46px;height:46px;border-radius:50%;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.contact-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-item__name{font-size:16px;font-weight:500;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item__phone{font-size:13px;color:#8696a0}.contact-item__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.contact-item__tag{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:600}.contact-item__tag--current{background:#00a88433;color:#00a884;border:1px solid rgba(0,168,132,.3)}.contact-item__tag--prev{background:#8696a026;color:#8696a0;border:1px solid rgba(134,150,160,.2)}.contact-item__badge{background:#00a884;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.contact-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.contact-list__filters{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;background:#111b21;scrollbar-width:none}.contact-list__filters::-webkit-scrollbar{display:none}.contact-list__filter-chip{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;border:1px solid #2a3942;background:none;color:#8696a0;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.contact-list__filter-chip:hover{background:#2a3942;color:#e9edef}.contact-list__filter-chip--active{background:#2a3942;color:#e9edef;border-color:#3b4a54}.contact-list__filter-chip--active.contact-list__filter-chip--payment-received{background:#00a88433;color:#00a884;border-color:#00a88466}.contact-list__filter-chip--active.contact-list__filter-chip--payment-pending{background:#f0a50033;color:#f0a500;border-color:#f0a50066}.contact-list__filter-chip--active.contact-list__filter-chip--waiting-stock{background:#5b9bd533;color:#5b9bd5;border-color:#5b9bd566}.contact-list__filter-chip--active.contact-list__filter-chip--out-of-stock,.contact-list__filter-chip--active.contact-list__filter-chip--no-response{background:#ff6b6b33;color:#ff6b6b;border-color:#ff6b6b66}.contact-list__filter-chip--active.contact-list__filter-chip--enquiry{background:#b39ddb33;color:#b39ddb;border-color:#b39ddb66}.contact-list__filter-chip--active.contact-list__filter-chip--open{background:#00a8841a;color:#00a884;border-color:#00a8844d}.contact-list__filter-chip--unreplied{color:#ea4335;border-color:#ea43354d}.contact-list__filter-chip--active.contact-list__filter-chip--unreplied{background:#ea433533;color:#ea4335;border-color:#ea433566}.contact-list__filter-count{font-size:10px;background:#8696a033;color:inherit;padding:0 5px;border-radius:8px;min-width:16px;text-align:center}.contact-item__status-pill{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px;flex-shrink:0;line-height:1.5}.contact-item__status-pill--payment-received{background:#00a88433;color:#00a884}.contact-item__status-pill--payment-pending{background:#f0a50033;color:#f0a500}.contact-item__status-pill--waiting-stock{background:#5b9bd533;color:#5b9bd5}.contact-item__status-pill--out-of-stock,.contact-item__status-pill--no-response{background:#ff6b6b33;color:#ff6b6b}.contact-item__status-pill--enquiry{background:#b39ddb33;color:#b39ddb}.contact-item__fulfillment{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.contact-item__fulfillment--paid{background:#f0a50026;color:#f0a500}.contact-item__fulfillment--packed{background:#5b9bd526;color:#5b9bd5}.contact-item__fulfillment--dispatched{background:#00a88426;color:#00a884}.contact-item__owner-tag{font-size:9px;font-weight:600;color:#8696a0;background:#8696a026;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.contact-item__escalation{font-size:11px;font-weight:700;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:1px 5px;letter-spacing:.3px}.contact-item__escalation--urgent{color:#ff6b6b;background:#ff6b6b1f;border-color:#ff6b6b4d;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.contact-item__actions{display:flex;gap:4px;align-items:center}.contact-item__accept-btn,.contact-item__decline-btn{width:28px;height:28px;border:none;border-radius:50%;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s;flex-shrink:0}.contact-item__accept-btn{background:#00a88433;color:#00a884;border:1.5px solid rgba(0,168,132,.5)}.contact-item__accept-btn:hover{background:#00a884;color:#fff;transform:scale(1.1)}.contact-item__decline-btn{background:#ff6b6b26;color:#ff6b6b;border:1.5px solid rgba(255,107,107,.4)}.contact-item__decline-btn:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}@media (max-width: 768px){.contact-list{width:100%;min-width:unset;height:100%}.contact-list__header{padding:8px 12px;gap:8px}.contact-list__new-btn{width:34px;height:34px}.contact-item{padding:10px 12px}.contact-item__avatar{width:42px;height:42px;font-size:14px}.contact-item__name{font-size:14px}.contact-item__preview{font-size:12px}}.cl-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end}.cl-drawer{background:#202c33;width:100%;border-radius:16px 16px 0 0;padding:8px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0;animation:drawerUp .22s ease}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cl-drawer__handle{width:40px;height:4px;background:#3b4a54;border-radius:2px;margin:0 auto 12px}@media (min-width: 769px){.cl-drawer{border-radius:10px;padding-bottom:8px;box-shadow:0 8px 24px #00000080;animation:dropdownFade .15s ease}.cl-drawer__handle{display:none}}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cl-drawer__user{display:flex;align-items:center;gap:12px;padding:12px 20px 16px;border-bottom:1px solid #2a3942;margin-bottom:8px}.cl-drawer__items{display:flex;flex-direction:column}.cl-drawer__item{display:flex;align-items:center;gap:14px;padding:14px 20px;background:none;border:none;color:#e9edef;font-size:15px;cursor:pointer;text-align:left;transition:background .15s}.cl-drawer__item:hover,.cl-drawer__item:active{background:#2a3942}.cl-drawer__item svg{color:#8696a0;flex-shrink:0}.cl-drawer__item--logout{color:#ff6b6b;margin-top:4px;border-top:1px solid #2a3942}.cl-drawer__item--logout svg{color:#ff6b6b}.cl-drawer__badge{background:#ea4335;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;margin-left:auto}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.order-modal{background:#202c33;border-radius:14px;width:360px;max-width:95vw;box-shadow:0 8px 32px #00000080;overflow:hidden}.order-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:15px;font-weight:700;color:#e9edef;border-bottom:1px solid #2a3942}.order-modal__close{background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;line-height:1;padding:0}.order-modal__close:hover{color:#e9edef}.order-modal__to{padding:10px 20px;font-size:12.5px;color:#8696a0;border-bottom:1px solid #2a3942}.order-modal__to strong{color:#e9edef}.order-modal__form{padding:20px;display:flex;flex-direction:column;gap:14px}.order-modal__field{display:flex;flex-direction:column;gap:6px}.order-modal__field label{font-size:11px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.order-modal__field input{background:#111b21;border:1px solid #2a3942;border-radius:8px;padding:12px 14px;color:#e9edef;font-size:15px;outline:none;transition:border-color .2s}.order-modal__field input:focus{border-color:#00a884}.order-modal__field input::placeholder{color:#3b4a54}.order-modal__total{display:flex;align-items:center;justify-content:space-between;background:#111b21;border-radius:8px;padding:12px 14px;border:1px solid #00a884}.order-modal__total span:first-child{font-size:12px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.order-modal__total-amount{font-size:18px;font-weight:700;color:#00a884}.order-modal__error{font-size:12.5px;color:#f15c6d;background:#f15c6d1a;border-radius:6px;padding:8px 12px}.order-modal__submit{background:#00a884;color:#fff;border:none;border-radius:25px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:2px}.order-modal__submit:hover:not(:disabled){background:#06cf9c}.order-modal__submit:disabled{background:#2a3942;color:#8696a0;cursor:not-allowed}@media (max-width: 768px){.order-modal{width:100%;max-width:100vw;border-radius:12px 12px 0 0}.order-overlay{align-items:flex-end}}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300}.gallery-modal{background:#202c33;border-radius:10px;width:780px;max-width:96vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 32px #0009;overflow:hidden}.gallery-modal__header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#2a3942;color:#e9edef;font-weight:600;font-size:15px;flex-shrink:0}.gallery-modal__count{font-size:12px;color:#8696a0;font-weight:400;flex:1}.gallery-modal__upload-btn{background:#00a884;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer}.gallery-modal__upload-btn:hover:not(:disabled){background:#009070}.gallery-modal__upload-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px}.gallery-tabs{display:flex;gap:0;background:#1a2429;border-bottom:1px solid #1f2c33;flex-shrink:0}.gallery-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#8696a0;font-size:12px;font-weight:600;padding:9px 0;cursor:pointer;transition:color .15s,border-color .15s}.gallery-tab:hover{color:#e9edef}.gallery-tab--active{color:#00a884;border-bottom-color:#00a884}.gallery-filters{padding:8px 12px 6px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #1f2c33;flex-shrink:0}.gallery-filters__row{display:flex;align-items:center;gap:10px}.gallery-filters__label{font-size:10px;color:#8696a0;font-weight:600;text-transform:uppercase;letter-spacing:.4px;width:58px;flex-shrink:0}.gallery-filters__chips{display:flex;flex-wrap:wrap;gap:5px}.gallery-chip{background:#2a3942;border:1px solid #3b4a54;border-radius:20px;color:#e9edef;font-size:11px;font-weight:500;padding:3px 10px;cursor:pointer;display:flex;align-items:center;gap:4px}.gallery-chip:hover{background:#364a54}.gallery-chip--active{background:#00a884;border-color:#00a884;color:#fff}.gallery-chip__id{font-size:10px;font-weight:700;opacity:.8}.gallery-modal__loading,.gallery-modal__empty{padding:48px;text-align:center;color:#8696a0;font-size:14px}.gallery-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:3px;padding:8px;overflow-y:auto}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;background:#1a2429}.gallery-item__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s}.gallery-item:hover .gallery-item__thumb{transform:scale(1.04)}.gallery-item--selectable:hover{outline:2px solid #00a884}.gallery-item--selected{outline:3px solid #00a884}.gallery-item__check{position:absolute;top:6px;right:6px;width:22px;height:22px;background:#00a884;color:#fff;border-radius:50%;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:3}.gallery-modal__send-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a2429;border-top:1px solid #2a3942;flex-shrink:0}.gallery-modal__send-count{font-size:13px;color:#8696a0}.gallery-modal__send-btn{background:#00a884;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:8px 20px;cursor:pointer}.gallery-modal__send-btn:hover{background:#06cf9c}.gallery-item__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;pointer-events:none}.gallery-item__tags{position:absolute;top:5px;left:5px;display:flex;flex-wrap:wrap;gap:3px}.gallery-item__tag{background:#000000a6;color:#00a884;font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px}.gallery-item__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);padding:20px 6px 6px;opacity:0;transition:opacity .15s}.gallery-item:hover .gallery-item__overlay{opacity:1}.gallery-item__name{display:block;font-size:10px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-item__dir{display:block;font-size:9px;color:#8696a0}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;gap:24px;z-index:400;padding:20px}.gallery-lightbox__close{position:absolute;top:16px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer}.gallery-lightbox__img{max-width:60vw;max-height:85vh;object-fit:contain;border-radius:6px;box-shadow:0 4px 32px #0009;flex-shrink:0}.gallery-lightbox__panel{display:flex;flex-direction:column;gap:16px;width:240px;flex-shrink:0}.gallery-lightbox__info{display:flex;flex-direction:column;gap:4px}.gallery-lightbox__contact{font-size:14px;font-weight:600;color:#e9edef}.gallery-lightbox__meta{font-size:12px;color:#8696a0}.gallery-lightbox__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gallery-lightbox__download{font-size:12px;color:#00a884;text-decoration:none;font-weight:600}.gallery-lightbox__download:hover{text-decoration:underline}.gallery-lightbox__delete{background:none;border:none;color:#f15c6d;font-size:12px;font-weight:600;cursor:pointer;padding:0}.gallery-lightbox__delete:hover{text-decoration:underline}.gallery-lightbox__send-btn{background:#00a884;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer}.gallery-lightbox__send-btn:hover{background:#009070}.gallery-send-picker{background:#1a2429;border-radius:8px;overflow:hidden;border:1px solid #2a3942}.gallery-send-picker__search{width:100%;background:#202c33;border:none;border-bottom:1px solid #2a3942;color:#e9edef;font-size:12px;padding:8px 10px;outline:none;box-sizing:border-box}.gallery-send-picker__list{max-height:180px;overflow-y:auto}.gallery-send-picker__item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-bottom:1px solid #1f2c33;color:#e9edef;padding:7px 10px;cursor:pointer;text-align:left}.gallery-send-picker__item:hover:not(:disabled){background:#2a3942}.gallery-send-picker__item:disabled{opacity:.5;cursor:not-allowed}.gallery-send-picker__item:last-child{border-bottom:none}.gallery-send-picker__avatar{width:28px;height:28px;border-radius:50%;background:#2a3942;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.gallery-send-picker__name{font-size:12px;font-weight:500}.gallery-send-picker__phone{font-size:10px;color:#8696a0}.gallery-send-picker__empty{padding:12px;text-align:center;font-size:12px;color:#8696a0}.tag-editor{display:flex;flex-direction:column;gap:8px;background:#1a2429;border-radius:8px;padding:10px}.tag-editor__tags{display:flex;flex-wrap:wrap;gap:5px;min-height:24px}.tag-editor__placeholder{font-size:11px;color:#8696a0;font-style:italic}.tag-chip{display:flex;align-items:center;gap:4px;background:#00a88426;border:1px solid rgba(0,168,132,.3);border-radius:12px;color:#00a884;font-size:11px;font-weight:600;padding:2px 8px}.tag-chip__remove{background:none;border:none;color:#00a884;font-size:14px;cursor:pointer;padding:0;line-height:1;opacity:.7}.tag-chip__remove:hover{opacity:1}.tag-editor__input-row{display:flex;gap:6px}.tag-editor__input{flex:1;background:#202c33;border:1px solid #2a3942;border-radius:6px;color:#e9edef;font-size:12px;padding:5px 8px;outline:none}.tag-editor__input:focus{border-color:#00a884}.tag-editor__add{background:#2a3942;border:none;border-radius:6px;color:#00a884;font-size:18px;font-weight:600;width:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tag-editor__add:disabled{opacity:.3;cursor:not-allowed}.tag-editor__add:hover:not(:disabled){background:#364a54}@media (max-width: 768px){.gallery-modal{width:100%;max-width:100vw;max-height:100vh;border-radius:0}.gallery-overlay{align-items:flex-end}.gallery-modal__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gallery-lightbox{flex-direction:column;padding:12px;gap:12px}.gallery-lightbox__img{max-width:100%;max-height:50vh}.gallery-lightbox__panel{width:100%}}.photo-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:#233138;border:1px solid #3b4a54;border-radius:8px;box-shadow:0 4px 16px #0006;overflow:hidden;z-index:50;min-width:150px}.photo-menu__item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-bottom:1px solid #2a3942;color:#e9edef;font-size:13px;padding:10px 14px;cursor:pointer;text-align:left;white-space:nowrap}.photo-menu__item:last-child{border-bottom:none}.photo-menu__item:hover{background:#2a3942}.img-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.img-preview-modal{background:#202c33;border-radius:10px;width:420px;max-width:96%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 32px #0009}.img-preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2a3942;color:#e9edef;font-weight:600;font-size:14px}.img-preview-modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px}.img-preview-modal__body{display:flex;align-items:center;justify-content:center;padding:16px;background:#111b21;min-height:220px}.img-preview-modal__img{max-width:100%;max-height:55vh;object-fit:contain;border-radius:6px}.img-preview-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;background:#202c33}.img-preview-modal__cancel{background:#2a3942;border:none;border-radius:8px;color:#e9edef;font-size:13px;font-weight:500;padding:8px 18px;cursor:pointer}.img-preview-modal__cancel:hover:not(:disabled){background:#364a54}.img-preview-modal__send{display:flex;align-items:center;background:#00a884;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 20px;cursor:pointer}.img-preview-modal__send:hover:not(:disabled){background:#009070}.img-preview-modal__send:disabled,.img-preview-modal__cancel:disabled{opacity:.5;cursor:not-allowed}.message__order-card{min-width:220px;display:flex;flex-direction:column;gap:6px}.message__order-card__title{font-size:14px;font-weight:700;color:#00a884;margin-bottom:4px}.message__order-card__row{display:flex;justify-content:space-between;font-size:13px;color:#d1d7db;gap:16px}.message__order-card__row span:first-child{color:#8696a0}.message__order-card__row--total{font-weight:700;font-size:14px}.message__order-card__row--total span{color:#e9edef}.message__order-card__divider{height:1px;background:#ffffff1a;margin:2px 0}.message__order-card__pay-btn{display:block;text-align:center;margin-top:8px;background:#00a884;color:#fff;text-decoration:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s}.message__order-card__pay-btn:hover{background:#06cf9c}.message__order-card--paid .message__order-card__title{color:#06cf9c}.message__order-card--failed .message__order-card__title{color:#f55}.message__order-card--expired .message__order-card__title{color:#8696a0}.message__order-card__status-badge{text-align:center;margin-top:8px;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:700}.message__order-card__status-badge--paid{background:#00a88426;border:1px solid #00a884;color:#06cf9c}.message__order-card__status-badge--failed{background:#ff55551f;border:1px solid rgba(255,85,85,.4);color:#f55;font-size:11px}.message__order-card__status-badge--expired{background:#8696a01f;border:1px solid rgba(134,150,160,.3);color:#8696a0}.message__order-card__fulfillment{margin-top:8px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;text-align:center}.message__order-card__fulfillment--packed{background:#f59e0b26;color:#f59e0b}.message__order-card__fulfillment--dispatched{background:#00a88426;color:#00a884}.message__quote{border-left:4px solid #00a884;background:#0003;border-radius:4px;padding:6px 10px;margin-bottom:6px;cursor:pointer}.message--in .message__quote{border-left-color:#00a884}.message--out .message__quote{border-left-color:#fff6}.message__quote-author{font-size:12px;font-weight:700;color:#00a884;margin-bottom:2px}.message--out .message__quote-author{color:#ffffffb3}.message__quote-text{font-size:12.5px;color:#aebac1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message__quote-media{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#aebac1}.message__quote-img{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.message--highlight .message__bubble{animation:highlight-flash 1.2s ease-out}@keyframes highlight-flash{0%{background:#00a88466}to{background:inherit}}.message__ai-badge{display:inline-block;background:#7c3aed;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;margin-bottom:4px;letter-spacing:.5px}.chat-window{flex:1;display:flex;flex-direction:column;background:#0b141a;height:100vh;height:100dvh;overflow:hidden;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23182229' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#222e35;gap:12px;color:#8696a0}.chat-empty h2{font-size:32px;font-weight:300;color:#e9edef;margin-top:16px}.chat-empty__logout{margin-top:8px;background:none;border:1px solid #3b4a54;color:#8696a0;padding:7px 20px;border-radius:20px;cursor:pointer;font-size:13px}.chat-empty__logout:hover{background:#2a3942;color:#e9edef}.chat-header__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chat-header__tag{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:600}.chat-header__tag--current{background:#00a88433;color:#00a884;border:1px solid rgba(0,168,132,.3)}.chat-header__tag--prev{background:#8696a026;color:#8696a0;border:1px solid rgba(134,150,160,.2)}.media-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}.media-preview__content{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.media-preview__media{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 8px 32px #00000080}.media-preview__strip{display:flex;gap:8px;flex-shrink:0;overflow-x:auto;padding:4px 2px;max-width:100%}.media-preview__thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;background:#1a2429;display:flex;align-items:center;justify-content:center}.media-preview__thumb img{width:100%;height:100%;object-fit:cover}.media-preview__thumb--active{border-color:#00a884}.media-preview__thumb-icon{font-size:22px}.media-preview__actions{display:flex;gap:12px;flex-shrink:0}.media-preview__cancel{background:#2a3942;border:none;color:#e9edef;padding:11px 28px;border-radius:10px;font-size:14px;cursor:pointer;transition:background .15s}.media-preview__cancel:hover:not(:disabled){background:#364a54}.media-preview__send{background:#00a884;border:none;color:#fff;padding:11px 28px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.media-preview__send:hover:not(:disabled){background:#06cf9c}.media-preview__send:disabled,.media-preview__cancel:disabled{opacity:.5;cursor:not-allowed}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:16px}.lightbox__img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px #0009}.lightbox__close{position:absolute;top:20px;right:24px;background:#ffffff1a;border:none;color:#fff;font-size:22px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox__close:hover{background:#fff3}.lightbox__download{color:#e9edef;background:#ffffff1a;border-radius:20px;padding:8px 20px;font-size:14px;text-decoration:none;transition:background .15s}.lightbox__download:hover{background:#fff3}.whisper-message{display:flex;justify-content:center;padding:4px 16px}.whisper-message__bubble{background:#f59e0b1f;border:1px dashed rgba(245,158,11,.5);border-radius:10px;padding:8px 14px;max-width:75%;display:flex;flex-direction:column;gap:4px}.whisper-message__label{font-size:11px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px}.whisper-message__text{font-size:14px;color:#e9edef;white-space:pre-wrap}.whisper-message__time{font-size:11px;color:#8696a0;align-self:flex-end}.chat-input-wrap{border-top:1px solid #2a3942;background:#202c33}.chat-input-wrap--whisper{background:#1a1600;border-top:1px solid rgba(245,158,11,.3)}.chat-input__whisper-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;font-size:12px;color:#f59e0b;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.15)}.chat-input__whisper-bar__close{background:none;border:none;color:#f59e0b;cursor:pointer;font-size:14px;padding:0 2px;opacity:.7;line-height:1}.chat-input__whisper-bar__close:hover{opacity:1}.chat-input__whisper-toggle{background:none;border:none;font-size:18px;cursor:pointer;padding:0 4px 0 8px;opacity:.4;transition:opacity .15s;flex-shrink:0}.chat-input__whisper-toggle:hover,.chat-input__whisper-toggle--on{opacity:1}.chat-input__quick-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:0 4px;opacity:.4;transition:opacity .15s;flex-shrink:0}.chat-input__quick-btn:hover{opacity:1}.chat-empty p{font-size:15px}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#202c33;border-bottom:1px solid #2a3942;flex-shrink:0}.chat-header__avatar{width:40px;height:40px;border-radius:50%;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.chat-header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.chat-header__confirm-text{font-size:13px;color:#aebac1}.chat-header__ai-btn{display:flex;align-items:center;gap:5px;background:#2a3942;border:none;border-radius:6px;color:#8696a0;cursor:pointer;padding:5px 10px;font-size:12px;font-weight:600;letter-spacing:.5px;transition:background .15s,color .15s}.chat-header__ai-btn:hover{background:#364a54;color:#e9edef}.chat-header__ai-btn--on{color:#00e676}.chat-header__ai-dot{width:7px;height:7px;border-radius:50%;background:#8696a0;transition:background .15s}.chat-header__ai-btn--on .chat-header__ai-dot{background:#00e676}.chat-header__btn{background:#2a3942;border:none;border-radius:6px;color:#aebac1;cursor:pointer;padding:5px 10px;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-header__btn:hover{background:#364a54;color:#e9edef}.chat-header__btn--delete{padding:6px;border-radius:50%;background:none}.chat-header__btn--delete:hover{background:#2a3942;color:#ff6b6b}.chat-header__btn--danger{background:#8b0000;color:#fff}.chat-header__btn--danger:hover{background:#c00}.chat-header__info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;overflow:hidden}.chat-header__name{font-size:16px;font-weight:500;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header__phone{font-size:13px;color:#8696a0}.chat-messages{flex:1;overflow-y:auto;padding:12px 60px;display:flex;flex-direction:column;gap:0}.message-wrap{margin-bottom:6px}.message-wrap--compact{margin-bottom:2px}.chat-date-separator{display:flex;justify-content:center;align-items:center;margin:8px 0 4px}.chat-date-separator__label{background:#111b21e6;color:#e9edef;font-size:12px;font-weight:500;padding:5px 12px;border-radius:8px;letter-spacing:.2px;box-shadow:0 1px 3px #0000004d}.chat-messages__empty{text-align:center;color:#8696a0;font-size:13px;margin-top:40px}.message{display:flex;align-items:flex-end}.message--out{justify-content:flex-end}.message--in{justify-content:flex-start}.message__bubble{max-width:65%;padding:7px 10px 6px 12px;border-radius:7.5px;display:flex;flex-direction:column;gap:4px;position:relative}.message--out .message__bubble{background:#005c4b}.message--out.message--first .message__bubble{border-top-right-radius:0}.message--out.message--mid .message__bubble,.message--out.message--last:not(.message--first) .message__bubble{border-top-right-radius:3px}.message--out.message--mid .message__bubble{border-bottom-right-radius:3px}.message--in .message__bubble{background:#202c33}.message--in.message--first .message__bubble{border-top-left-radius:0}.message--in.message--mid .message__bubble,.message--in.message--last:not(.message--first) .message__bubble{border-top-left-radius:3px}.message--in.message--mid .message__bubble{border-bottom-left-radius:3px}.message--out.message--first .message__bubble:before{content:"";position:absolute;top:0;right:-9px;width:0;height:0;border-left:9px solid #005c4b;border-bottom:9px solid transparent}.message--in.message--first .message__bubble:before{content:"";position:absolute;top:0;left:-9px;width:0;height:0;border-right:9px solid #202c33;border-bottom:9px solid transparent}.message__text{font-size:14.5px;color:#e9edef;word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.message__media{font-size:14px;color:#aebac1;font-style:italic;display:flex;align-items:center;gap:4px}.message__actions{display:flex;align-items:center;gap:4px;align-self:center}.message__actions--out{order:-1;margin-right:6px}.message__actions--in{order:1;margin-left:6px}.message__action-btn{background:#2a3942;border:none;border-radius:50%;width:28px;height:28px;color:#aebac1;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s,color .15s}.message__action-btn:hover{background:#364a54;color:#e9edef}.forward-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.forward-modal{background:#202c33;border-radius:10px;width:320px;max-height:420px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0006}.forward-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;font-size:15px;font-weight:600;color:#e9edef;border-bottom:1px solid #2a3942}.forward-modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px;padding:2px 6px}.forward-modal__close:hover{color:#e9edef}.forward-modal__list{overflow-y:auto;flex:1}.forward-modal__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:inherit;cursor:pointer;text-align:left;transition:background .15s}.forward-modal__item:hover{background:#2a3942}.forward-modal__avatar{width:38px;height:38px;border-radius:50%;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.forward-modal__info{display:flex;flex-direction:column;gap:2px}.forward-modal__name{font-size:14px;color:#e9edef}.forward-modal__phone{font-size:12px;color:#8696a0}.forward-modal__empty{padding:24px;text-align:center;color:#8696a0;font-size:13px}.message__image{max-width:260px;max-height:300px;border-radius:6px;display:block;cursor:pointer}.message__video{max-width:280px;max-height:300px;border-radius:6px;display:block;background:#000}.message__interactive{display:flex;flex-direction:column;gap:8px}.message__interactive-btn{text-align:center;color:#00a884;font-size:14px;font-weight:600;padding:8px 0 2px;border-top:1px solid rgba(255,255,255,.1);letter-spacing:.2px}.message__audio{width:240px;min-width:200px;height:54px;outline:none;display:block}.message__transcript{display:block;font-size:12px;color:#8696a0;font-style:italic;margin-top:4px;max-width:220px}.message__meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:#8696a0;margin-top:2px;align-self:flex-end}.message__sender{font-size:10px;font-weight:600;color:#5bc4a0;opacity:.85;margin-right:2px}.msg-status{font-size:12px;color:#8696a0}.msg-status--read{color:#53bdeb}.chat-input{display:flex;align-items:flex-end;gap:10px;padding:10px 16px;background:#202c33;flex-shrink:0}.chat-input__text-wrap{flex:1;position:relative;min-width:0}.chat-input__field{width:100%;background:#2a3942;border:none;border-radius:8px;padding:10px 14px;color:#e9edef;font-size:15px;resize:none;outline:none;max-height:120px;overflow-y:auto;line-height:1.5;font-family:inherit}.chat-input__confirm-text{font-size:12px;color:#e9edef;white-space:nowrap;flex-shrink:0}.chat-input__confirm-yes{background:#00a884;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer;flex-shrink:0}.chat-input__confirm-no{background:#2a3942;border:none;border-radius:6px;color:#e9edef;font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer;flex-shrink:0}.chat-input__field::placeholder{color:#8696a0}.chat-input__send{width:40px;height:40px;border-radius:50%;background:#00a884;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-input__send:hover:not(:disabled){background:#06cf9c}.chat-input__send:disabled{background:#2a3942;color:#8696a0;cursor:not-allowed}.chat-input__mic{width:40px;height:40px;border-radius:50%;background:#2a3942;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.chat-input__mic:hover{background:#364a54;color:#e9edef}.chat-recording{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1e2c34;min-height:57px}.chat-recording__cancel{background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.chat-recording__cancel:hover{color:#e9edef}.chat-recording__dot{width:12px;height:12px;border-radius:50%;background:#f15c6d;flex-shrink:0;animation:rec-pulse 1s infinite}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.chat-recording__timer{font-size:15px;font-weight:600;color:#e9edef;min-width:40px;letter-spacing:.5px}.chat-recording__label{flex:1;font-size:13px;color:#8696a0}.chat-recording__stop{width:40px;height:40px;border-radius:50%;background:#00a884;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-recording__stop:hover{background:#009070}.chat-audio-preview{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1e2c34;min-height:57px}.chat-audio-preview__cancel{background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;flex-shrink:0}.chat-audio-preview__cancel:hover{color:#e9edef}.chat-audio-preview__player{flex:1;height:36px;min-width:0;accent-color:#00a884}.chat-audio-preview__send{width:40px;height:40px;border-radius:50%;background:#00a884;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-audio-preview__send:hover:not(:disabled){background:#009070}.chat-audio-preview__send:disabled{opacity:.5;cursor:not-allowed}.chat-header__resolve-menu{position:absolute;top:calc(100% + 6px);right:0;background:#2a3942;border-radius:8px;box-shadow:0 4px 16px #0006;overflow:hidden;z-index:50;min-width:200px}.chat-header__resolve-menu button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#e9edef;font-size:13px;text-align:left;cursor:pointer;transition:background .15s}.chat-header__resolve-menu button:hover{background:#364a54}.chat-header__status-pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;letter-spacing:.3px}.chat-header__status-pill--positive,.chat-header__status-pill--closed-positive,.chat-header__status-pill--payment-received{background:#00a88426;color:#00a884;border:1px solid rgba(0,168,132,.3)}.chat-header__status-pill--negative,.chat-header__status-pill--closed-negative,.chat-header__status-pill--out-of-stock,.chat-header__status-pill--no-response{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.chat-header__status-pill--payment-pending{background:#f0a50026;color:#f0a500;border:1px solid rgba(240,165,0,.3)}.chat-header__status-pill--waiting-stock{background:#5b9bd526;color:#5b9bd5;border:1px solid rgba(91,155,213,.3)}.chat-header__status-pill--enquiry{background:#b39ddb26;color:#b39ddb;border:1px solid rgba(179,157,219,.3)}.chat-header__reopen-btn{background:none;border:1px solid #3b4a54;color:#8696a0;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.chat-header__reopen-btn:hover{background:#2a3942;color:#e9edef}.message__link{color:#53bdeb;text-decoration:underline;word-break:break-all}.message__link:hover{color:#7fd4f5}.message__address-card{background:#1a252c;border:1px solid #00a884;border-radius:10px;padding:10px 14px;min-width:220px;max-width:280px}.message__address-card__title{font-size:12px;font-weight:700;color:#00a884;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.message__address-card__row{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:3px 0;border-bottom:1px solid #2a3942}.message__address-card__row:last-child{border-bottom:none}.message__address-card__row span:first-child{color:#8696a0;font-weight:500;flex-shrink:0}.message__address-card__row span:last-child{color:#e9edef;text-align:right}.system-event{display:flex;justify-content:center;margin:10px 0}.system-event__text{background:#00a8841a;border:1px solid rgba(0,168,132,.25);color:#00a884;font-size:12px;font-weight:600;padding:5px 14px;border-radius:10px;text-align:center}.assign-event{display:flex;justify-content:center;margin:6px 0}.assign-event__text{background:#2a3942;color:#8696a0;font-size:12px;padding:4px 12px;border-radius:10px}.chat-input__resolved-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#202c33;border-top:1px solid #2a3942;color:#8696a0;font-size:13px}.chat-input__reopen-btn{background:#00a884;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:background .15s;white-space:nowrap}.chat-input__reopen-btn:hover{background:#06cf9c}.chat-input__view-only{padding:14px 20px;text-align:center;color:#8696a0;font-size:13px;background:#202c33;border-top:1px solid #2a3942}.chat-header__btn--cancel-assign{font-size:12px;color:#f0b429;border:1px solid rgba(240,180,41,.4);border-radius:8px;padding:4px 10px;background:#f0b42914}.chat-header__btn--cancel-assign:hover{background:#f0b4292e}.chat-header__back{display:none;background:none;border:none;color:#aebac1;cursor:pointer;padding:4px;flex-shrink:0}@media (max-width: 768px){.chat-header__back{display:flex;align-items:center}.chat-header{padding:8px 10px;gap:8px}.chat-header__avatar{width:36px;height:36px;font-size:13px}.chat-header__name{font-size:14px}.chat-header__phone{font-size:11px}.chat-header__tag{display:none}.chat-messages{padding:8px 10px}.message__bubble{max-width:82%}.message__image,.message__video{max-width:100%}.message__audio{width:100%;max-width:280px;height:54px}.chat-input{padding:6px 8px;gap:6px}.chat-input__field{font-size:16px}.chat-input__quick-btn{width:34px;height:34px;font-size:16px}.chat-input__send,.chat-input__mic{width:36px;height:36px}.chat-recording,.chat-audio-preview{padding:8px 10px}.chat-audio-preview__player{min-width:0}.lightbox__img{max-width:95vw;max-height:75vh}.forward-modal{width:96vw;max-width:96vw}.chat-input__whisper-bar{font-size:11px;padding:5px 10px}.chat-input__view-only{font-size:12px;padding:10px}.chat-empty h2{font-size:20px}.chat-empty p{font-size:13px}}.chat-input__more-btn{width:40px;height:40px;border-radius:50%;background:#2a3942;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,transform .2s}.chat-input__more-btn:hover{background:#364a54;color:#e9edef}.chat-input__more-btn--open{background:#00a884;color:#fff;transform:rotate(45deg)}.chat-input__more-btn--open:hover{background:#009070}.chat-input__more-menu{position:absolute;bottom:calc(100% + 10px);left:0;background:#233138;border:1px solid #3b4a54;border-radius:12px;box-shadow:0 6px 24px #00000080;overflow:hidden;z-index:50;min-width:210px}.chat-input__more-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#e9edef;font-size:14px;padding:13px 16px;cursor:pointer;text-align:left;transition:background .15s}.chat-input__more-item:last-child{border-bottom:none}.chat-input__more-item:hover{background:#2a3942}.chat-input__more-item:disabled{opacity:.4;cursor:not-allowed}.chat-input__more-item--active{color:#f59e0b}.chat-input__more-item__icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.chat-reply-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#1e2d35;border-left:4px solid #00a884;border-top:1px solid #2a3942}.chat-reply-bar__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-reply-bar__author{font-size:12px;font-weight:700;color:#00a884}.chat-reply-bar__text{font-size:12px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar__cancel{background:none;border:none;color:#8696a0;font-size:16px;cursor:pointer;padding:2px 6px;flex-shrink:0}.chat-reply-bar__cancel:hover{color:#e9edef}.profile-panel{width:320px;min-width:280px;background:#111b21;border-left:1px solid #2a3942;display:flex;flex-direction:column;height:100vh;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.profile-panel__header{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#202c33;font-size:16px;font-weight:500;color:#e9edef;flex-shrink:0}.profile-panel__close{background:none;border:none;color:#aebac1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background .15s}.profile-panel__close:hover{background:#2a3942;color:#e9edef}.profile-panel__avatar-section{display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;background:#202c33;gap:8px}.profile-panel__avatar{width:96px;height:96px;border-radius:50%;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600}.profile-panel__name{font-size:20px;font-weight:500;color:#e9edef;margin-top:8px}.profile-panel__phone{font-size:14px;color:#8696a0}.profile-panel__info{padding:8px 0}.profile-panel__row{padding:14px 24px;border-bottom:1px solid #1f2c33;display:flex;flex-direction:column;gap:4px}.profile-panel__label{font-size:12px;color:#00a884;text-transform:uppercase;letter-spacing:.5px}.profile-panel__value{font-size:15px;color:#e9edef}.profile-panel__section-title{padding:16px 24px 8px;font-size:12px;color:#00a884;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #1f2c33;margin-top:8px}.profile-panel__autoreply{padding:0 24px 16px}.profile-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.profile-panel__toggle-info{display:flex;flex-direction:column;gap:3px}.profile-panel__toggle-label{font-size:15px;color:#e9edef}.profile-panel__toggle-sub{font-size:12px;color:#8696a0}.profile-panel__toggle{width:44px;height:24px;border-radius:12px;background:#2a3942;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.profile-panel__toggle--on{background:#00a884}.profile-panel__toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.profile-panel__toggle--on .profile-panel__toggle-thumb{transform:translate(20px)}.profile-panel__prompt-section{margin-top:8px}.profile-panel__prompt-input{width:100%;background:#2a3942;border:1px solid #364a54;border-radius:8px;padding:10px;color:#e9edef;font-size:13px;resize:vertical;outline:none;font-family:inherit;line-height:1.5}.profile-panel__prompt-input:focus{border-color:#00a884}.profile-panel__prompt-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.profile-panel__btn{padding:7px 14px;border-radius:7px;border:none;font-size:13px;cursor:pointer;background:#2a3942;color:#aebac1;transition:background .15s}.profile-panel__btn:hover{background:#364a54}.profile-panel__btn--primary{background:#00a884;color:#fff}.profile-panel__btn--primary:hover{background:#06cf9c}.profile-panel__edit-prompt{background:none;border:1px dashed #2a3942;border-radius:7px;color:#8696a0;font-size:13px;padding:8px 12px;cursor:pointer;width:100%;text-align:left;transition:border-color .15s,color .15s}.profile-panel__edit-prompt:hover{border-color:#00a884;color:#00a884}.profile-panel__addresses{padding:0 16px 8px}.profile-panel__addr-empty{font-size:13px;color:#8696a0;padding:8px 0 12px}.profile-panel__addr-card{background:#202c33;border-radius:10px;padding:12px 14px;margin-bottom:10px;border:1px solid #2a3942}.profile-panel__addr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-panel__addr-name{font-size:14px;font-weight:600;color:#e9edef}.profile-panel__addr-del{background:none;border:none;color:#8696a0;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.profile-panel__addr-del:hover{color:#ff6b6b;background:#ff6b6b1a}.profile-panel__addr-body{font-size:13px;color:#aebac1;line-height:1.7}.profile-panel__addr-time{font-size:11px;color:#3b4a54;margin-top:8px}.profile-panel__orders{padding:0 16px 8px}.profile-panel__order-card{background:#202c33;border-radius:10px;padding:12px 14px;margin-bottom:10px;border:1px solid #2a3942}.profile-panel__order-card--paid{border-color:#00a884}.profile-panel__order-card--failed{border-color:#ff555580}.profile-panel__order-card--expired{border-color:#8696a04d;opacity:.7}.profile-panel__order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-panel__order-status{font-size:13px;font-weight:600;color:#e9edef}.profile-panel__order-total{font-size:15px;font-weight:700;color:#00a884}.profile-panel__order-body{font-size:12px;color:#8696a0;line-height:1.7}.profile-panel__order-pid{font-size:11px;color:#3b4a54;margin-top:2px;word-break:break-all}.profile-panel__order-meta{display:flex;justify-content:space-between;font-size:11px;color:#3b4a54;margin-top:8px}.profile-panel__order-link{display:inline-block;margin-top:8px;font-size:12px;color:#00a884;text-decoration:none}.profile-panel__order-link:hover{text-decoration:underline}.profile-panel__fulfillment{margin-top:10px;border-top:1px solid #2a3942;padding-top:10px}.profile-panel__fulfill-btn{padding:6px 12px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.profile-panel__fulfill-btn:disabled{opacity:.5;cursor:not-allowed}.profile-panel__fulfill-btn--pack{background:#f59e0b;color:#1a1a1a;width:100%}.profile-panel__fulfill-btn--dispatch{background:#3b82f6;color:#fff}.profile-panel__fulfill-btn--cancel{background:#2a3942;color:#aebac1}.profile-panel__fulfill-packed{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-panel__fulfill-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.profile-panel__fulfill-badge--packed{background:#f59e0b26;color:#f59e0b}.profile-panel__fulfill-badge--dispatched{background:#00a88426;color:#00a884;width:100%}.profile-panel__dispatch-form{display:flex;flex-direction:column;gap:8px}.profile-panel__dispatch-input{background:#2a3942;border:1px solid #3b4a54;border-radius:7px;color:#e9edef;font-size:13px;padding:7px 10px;outline:none}.profile-panel__dispatch-input:focus{border-color:#00a884}.profile-panel__dispatch-actions{display:flex;gap:8px}@media (max-width: 768px){.profile-panel{width:100%;min-width:unset;border-left:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#202c33;border-radius:12px;width:360px;overflow:hidden;box-shadow:0 8px 32px #0006}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #2a3942}.modal__header h2{font-size:17px;font-weight:600;color:#e9edef}.modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px;padding:4px;border-radius:4px}.modal__close:hover{color:#e9edef}.modal__form{padding:20px;display:flex;flex-direction:column;gap:16px}.modal__form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#8696a0}.modal__form input{background:#2a3942;border:1px solid #2a3942;border-radius:8px;padding:10px 12px;color:#e9edef;font-size:15px;outline:none;transition:border-color .15s}.modal__form input:focus{border-color:#00a884}.modal__required{color:#ff6b6b}.modal__optional{color:#6b7c8a}.modal__error{font-size:12px;color:#ff6b6b;margin-top:-8px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal__btn{padding:9px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.modal__btn--cancel{background:#2a3942;color:#aebac1}.modal__btn--cancel:hover{background:#364a54}.modal__btn--submit{background:#00a884;color:#fff}.modal__btn--submit:hover{background:#06cf9c}.login-page{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#111b21}.login-card{background:#202c33;border-radius:12px;padding:40px 36px;width:360px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 24px #0006}.login-logo{width:64px;height:64px;border-radius:50%;background:#00a884;color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.login-title{color:#e9edef;font-size:20px;font-weight:600;margin:0}.login-subtitle{color:#8696a0;font-size:13px;margin:0 0 16px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-input{background:#2a3942;border:1px solid #3b4a54;border-radius:8px;color:#e9edef;font-size:14px;padding:12px 14px;outline:none;transition:border-color .15s}.login-input:focus{border-color:#00a884}.login-error{color:#f15c6d;font-size:13px;text-align:center;margin:0}.login-btn{background:#00a884;color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}.login-btn:hover:not(:disabled){background:#02b89a}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login-box{width:94vw;padding:28px 20px}}.assign-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.assign-modal{background:#202c33;border-radius:10px;width:320px;overflow:hidden;box-shadow:0 4px 24px #00000080}.assign-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#2a3942;color:#e9edef;font-weight:600;font-size:15px}.assign-modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px;padding:0}.assign-modal__contact{padding:10px 16px 4px;color:#8696a0;font-size:13px;margin:0}.assign-modal__list{padding:8px 0;max-height:260px;overflow-y:auto}.assign-modal__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:#e9edef;cursor:pointer;text-align:left;transition:background .1s}.assign-modal__item:hover:not(:disabled){background:#2a3942}.assign-modal__item--selected{background:#2a3942}.assign-modal__item:disabled{opacity:.5;cursor:not-allowed}.assign-modal__avatar{width:36px;height:36px;border-radius:50%;background:#00a884;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assign-modal__name{flex:1;font-size:14px}.assign-modal__name-id{font-size:11px;color:#8696a0;font-weight:600}.assign-modal__current{font-size:11px;color:#00a884;background:#00a8841f;padding:2px 7px;border-radius:10px}.assign-modal__footer{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid #2a3942}.assign-modal__clear{width:100%;padding:9px;background:none;border:1px solid rgba(255,107,107,.4);border-radius:6px;color:#ff6b6b;cursor:pointer;font-size:13px;transition:background .15s}.assign-modal__clear:hover{background:#ff6b6b1a}.assign-modal__clear:disabled{opacity:.5;cursor:not-allowed}.assign-modal__cancel{flex:1;padding:9px;background:none;border:1px solid #3b4a54;border-radius:6px;color:#8696a0;cursor:pointer;font-size:14px}.assign-modal__confirm{flex:1;padding:9px;background:#00a884;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.assign-modal__confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.assign-modal{width:100%;max-width:100vw;border-radius:12px 12px 0 0}.assign-overlay{align-items:flex-end}}.users-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.users-modal{background:#202c33;border-radius:10px;width:700px;max-width:96vw;box-shadow:0 4px 24px #00000080;overflow:hidden}.users-modal__header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#2a3942;color:#e9edef;font-weight:600;font-size:15px}.users-modal__close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:16px}.users-modal__table-head{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1a2429;border-bottom:1px solid #1f2c33}.users-modal__th{font-size:10px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.users-modal__list{padding:4px 0}.users-modal__row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #1f2c33}.users-modal__row:last-child{border-bottom:none}.users-modal__avatar{width:32px;height:32px;border-radius:50%;background:#2a3942;color:#e9edef;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #3b4a54}.users-modal__uname{font-size:12px;color:#e9edef;font-weight:600;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-modal__cell{display:flex;align-items:center;gap:4px;min-width:0}.users-modal__input{flex:1;min-width:0;background:#1f2c33;border:1px solid #2a3942;border-radius:5px;padding:4px 7px;color:#e9edef;font-size:12px;outline:none}.users-modal__input:focus{border-color:#00a884}.users-modal__mini-btn{background:#2a3942;border:none;border-radius:5px;color:#00a884;font-size:10px;font-weight:600;padding:4px 7px;cursor:pointer;flex-shrink:0;white-space:nowrap}.users-modal__mini-btn:hover:not(:disabled){background:#364a54}.users-modal__mini-btn:disabled{opacity:.35;cursor:not-allowed}.users-modal__static-val{font-size:13px;color:#e9edef;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-modal__static-val--pwd{font-family:monospace;font-size:12px;color:#8696a0}.users-modal__role-select{background:#1f2c33;border:1px solid;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:600;cursor:pointer;outline:none;flex-shrink:0}.users-modal__role-select:disabled{opacity:.5}.users-modal__role-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;border:1px solid;background:transparent;flex-shrink:0;text-align:center}.users-modal__add-form{padding:10px 12px;border-bottom:2px solid #1a2429;background:#1a2429}.users-modal__add-title{font-size:11px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.users-modal__add-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.users-modal__add-input{flex:1;min-width:90px}.users-modal__add-select{min-width:105px;background:#1f2c33}.users-modal__add-btn{background:#00a884;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;cursor:pointer;flex-shrink:0;white-space:nowrap}.users-modal__add-btn:hover:not(:disabled){background:#02b89a}.users-modal__add-btn:disabled{opacity:.5;cursor:not-allowed}.users-modal__add-error{color:#f15c6d;font-size:12px;margin-top:6px}.users-modal__th--unreplied{text-align:center}.users-modal__unreplied{width:80px;text-align:center;font-size:13px;color:#8696a0;flex-shrink:0}.users-modal__unreplied--active{color:#fff;font-weight:700;background:#c0392b;border-radius:12px;padding:2px 10px;display:inline-block}@media (max-width: 768px){.users-modal{width:100%;max-width:100vw;border-radius:12px 12px 0 0;overflow-x:auto}.users-overlay{align-items:flex-end}}.an-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:20px}.an-panel{background:#111b21;border-radius:14px;width:100%;max-width:1100px;min-height:500px;box-shadow:0 8px 48px #0009;display:flex;flex-direction:column;overflow:hidden}.an-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#202c33;border-bottom:1px solid #2a3942}.an-header__left{display:flex;align-items:center;gap:14px}.an-header__icon{font-size:28px}.an-header__title{font-size:18px;font-weight:700;color:#e9edef}.an-header__sub{font-size:12px;color:#8696a0;margin-top:2px}.an-header__clear-btn{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;font-size:12px;font-weight:600;cursor:pointer;padding:5px 12px;border-radius:6px;transition:background .15s}.an-header__clear-btn:hover{background:#ff6b6b33}.an-header__close{background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s}.an-header__close:hover{background:#2a3942;color:#e9edef}.an-range{display:flex;align-items:center;gap:6px;padding:12px 24px;background:#1a252c;border-bottom:1px solid #2a3942;flex-wrap:wrap}.an-range__btn{background:none;border:1px solid #2a3942;color:#8696a0;padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .15s}.an-range__btn:hover{background:#2a3942;color:#e9edef}.an-range__btn--active{background:#00a884;border-color:#00a884;color:#fff;font-weight:600}.an-range__custom{display:flex;align-items:center;gap:8px;color:#8696a0;font-size:13px}.an-range__custom input[type=date]{background:#202c33;border:1px solid #2a3942;border-radius:8px;color:#e9edef;padding:5px 10px;font-size:13px;outline:none}.an-range__custom input[type=date]:focus{border-color:#00a884}.an-range__refresh{margin-left:auto;background:none;border:1px solid #2a3942;color:#8696a0;font-size:18px;width:34px;height:34px;border-radius:50%;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.an-range__refresh:hover{background:#2a3942;color:#e9edef}.an-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid #2a3942}.an-tab{background:none;border:none;border-bottom:2px solid transparent;color:#8696a0;font-size:13px;font-weight:600;padding:10px 16px;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.an-tab:hover{color:#e9edef}.an-tab--active{color:#00a884;border-bottom-color:#00a884}.an-loading{padding:60px;text-align:center;color:#8696a0;font-size:15px}.an-body{padding:24px;display:flex;flex-direction:column;gap:28px;overflow-y:auto}.an-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.an-card{background:#202c33;border-radius:12px;padding:18px 20px;border:1px solid #2a3942}.an-card__value{font-size:28px;font-weight:700;color:#e9edef;line-height:1}.an-card__label{font-size:12px;color:#8696a0;margin-top:6px;font-weight:500}.an-card__sub{font-size:11px;color:#3b4a54;margin-top:4px}.an-card--green{border-color:#00a88466}.an-card--green .an-card__value{color:#00a884}.an-card--red{border-color:#ea433566}.an-card--red .an-card__value{color:#ea4335}.an-card--blue{border-color:#4285f466}.an-card--blue .an-card__value{color:#4285f4}.an-card--orange{border-color:#fbbc0466}.an-card--orange .an-card__value{color:#fbbc04}.an-section__title{font-size:14px;font-weight:600;color:#e9edef;margin-bottom:14px;display:flex;align-items:center;gap:8px}.an-section__hint{font-size:11px;color:#3b4a54;font-weight:400}.an-unattended-count{background:#ea4335;color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.an-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #2a3942}.an-table{width:100%;border-collapse:collapse;font-size:13px}.an-th{background:#202c33;color:#8696a0;padding:10px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #2a3942}.an-th--sort{cursor:pointer;-webkit-user-select:none;user-select:none}.an-th--sort:hover{background:#253036;color:#e9edef}.an-th__arrow{margin-left:4px;opacity:.4;font-size:11px}.an-th__arrow--active{opacity:1;color:#00a884}.an-tr:nth-child(2n){background:#1a252c}.an-tr:nth-child(odd){background:#111b21}.an-tr--unattended{border-left:3px solid #fbbc04}.an-td{padding:11px 14px;color:#e9edef;border-bottom:1px solid #1a252c;white-space:nowrap}.an-td--name{display:flex;align-items:center;gap:10px;font-weight:500}.an-td--num{text-align:center;font-variant-numeric:tabular-nums}.an-td--green{color:#00a884;font-weight:600}.an-td--red{color:#ea4335;font-weight:600}.an-td--orange{color:#fbbc04;font-weight:600}.an-td--muted{color:#8696a0;font-size:12px}.an-exec-avatar{width:30px;height:30px;border-radius:50%;background:#00a884;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.an-exec-id{font-size:11px;color:#8696a0;font-weight:600}.an-exec-avatar--sm{width:26px;height:26px;font-size:10px;background:#2a3942}.an-chart{display:flex;align-items:flex-end;gap:6px;height:160px;background:#1a252c;border-radius:10px;border:1px solid #2a3942;padding:16px 12px 8px;overflow-x:auto}.an-chart__col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:36px;flex:1;height:100%}.an-chart__bar-wrap{flex:1;display:flex;align-items:flex-end;width:100%}.an-chart__bar{width:100%;background:linear-gradient(180deg,#00a884,#007a60);border-radius:4px 4px 0 0;min-height:3px;transition:opacity .15s;cursor:default}.an-chart__bar:hover{opacity:.8}.an-chart__label{font-size:10px;color:#8696a0;white-space:nowrap}.an-chart__count{font-size:11px;color:#3b4a54}.an-empty{color:#8696a0;font-size:13px;padding:20px;text-align:center;background:#1a252c;border-radius:10px;border:1px solid #2a3942}.an-resolved{padding:16px 20px}.an-resolved__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.an-resolved__select{background:#202c33;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:13px;padding:6px 10px;outline:none;cursor:pointer}.an-resolved__select:focus{border-color:#00a884}.an-resolved__date{background:#202c33;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:13px;padding:6px 10px;outline:none}.an-resolved__date:focus{border-color:#00a884}.an-status{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.an-status--green{background:#00a88426;color:#00a884}.an-status--yellow{background:#f5be0026;color:#f5be00}.an-status--orange{background:#ff8c0026;color:#ff8c00}.an-status--red{background:#ff555526;color:#f55}.an-status--grey{background:#8696a026;color:#8696a0}.an-status--blue{background:#3b82f626;color:#3b82f6}.an-fulfill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.an-fulfill--packed{background:#f59e0b26;color:#f59e0b}.an-fulfill--dispatched{background:#00a88426;color:#00a884}.an-fulfill--action{background:#ff555526;color:#f55;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;display:inline-block}.an-tr--clickable{cursor:pointer}.an-tr--clickable:hover td{background:#00a8840f}@media (max-width: 768px){.analytics-panel{width:100%!important;max-width:100vw;border-radius:0}}.greeting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300}.greeting-modal{background:#202c33;border-radius:10px;width:440px;max-width:96vw;max-height:90vh;box-shadow:0 4px 32px #0009;display:flex;flex-direction:column;overflow:hidden}.greeting-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#2a3942;color:#e9edef;font-weight:600;font-size:15px}.greeting-modal__close{background:none;border:none;color:#8696a0;font-size:16px;cursor:pointer}.greeting-modal__loading{padding:32px;text-align:center;color:#8696a0}.greeting-modal__body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.greeting-modal__row{display:flex;align-items:center;gap:14px}.greeting-modal__row--col{flex-direction:column;align-items:stretch;gap:6px}.greeting-modal__label{font-size:12px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.4px;min-width:60px}.greeting-modal__desc{font-size:12px;color:#8696a0;background:#1a2429;border-radius:6px;padding:10px 12px;line-height:1.5}.greeting-modal__textarea{background:#1a2429;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-size:13px;padding:10px 12px;resize:vertical;outline:none;font-family:inherit;line-height:1.5}.greeting-modal__textarea:focus{border-color:#00a884}.greeting-modal__textarea:disabled{opacity:.45;cursor:not-allowed}.greeting-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #2a3942;background:#202c33;flex-shrink:0}.greeting-modal__cancel{background:#2a3942;border:none;border-radius:8px;color:#e9edef;font-size:13px;padding:8px 18px;cursor:pointer}.greeting-modal__cancel:hover{background:#364a54}.greeting-modal__save{background:#00a884;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 22px;cursor:pointer}.greeting-modal__save:hover:not(:disabled){background:#009070}.greeting-modal__save:disabled{opacity:.45;cursor:not-allowed}.greeting-toggle{display:flex;align-items:center;gap:8px;border:none;border-radius:20px;font-size:12px;font-weight:600;padding:5px 14px 5px 8px;cursor:pointer;transition:background .15s}.greeting-toggle--on{background:#00a88426;color:#00a884;border:1px solid rgba(0,168,132,.3)}.greeting-toggle--off{background:#8696a01f;color:#8696a0;border:1px solid rgba(134,150,160,.25)}.greeting-toggle__dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex-shrink:0}.greeting-modal__section-title{font-size:11px;font-weight:700;color:#00a884;text-transform:uppercase;letter-spacing:.6px}.greeting-modal__divider{border:none;border-top:1px solid #2a3942;margin:2px 0}.greeting-modal__timer-row{display:flex;align-items:center;gap:12px}.greeting-modal__slider{flex:1;accent-color:#00a884;cursor:pointer}.greeting-modal__timer-val{font-size:16px;font-weight:700;color:#00a884;min-width:48px;text-align:right}.greeting-modal__timer-presets{display:flex;gap:6px;flex-wrap:wrap}.greeting-modal__preset{background:#2a3942;border:1px solid #3b4a54;border-radius:16px;color:#8696a0;font-size:11px;font-weight:600;padding:3px 10px;cursor:pointer}.greeting-modal__preset:hover{background:#364a54;color:#e9edef}.greeting-modal__preset--active{background:#00a88426;border-color:#00a884;color:#00a884}.greeting-msg-card{background:#1a2429;border:1px solid #2a3942;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.greeting-msg-card__header{display:flex;align-items:center;justify-content:space-between}.greeting-msg-card__num{font-size:11px;font-weight:700;color:#8696a0;text-transform:uppercase;letter-spacing:.4px}.greeting-msg-card__remove{background:none;border:none;color:#8696a0;font-size:13px;cursor:pointer;padding:2px 6px;border-radius:4px}.greeting-msg-card__remove:hover{background:#ff50501f;color:#f55}.greeting-msg-delay{display:flex;flex-direction:column;gap:6px}.greeting-msg-delay__row{display:flex;align-items:center;gap:10px}.greeting-msg-delay__hint{font-size:11px;color:#00a884;font-style:italic}.greeting-add-btn{background:#00a8841a;border:1px dashed rgba(0,168,132,.4);border-radius:8px;color:#00a884;font-size:13px;font-weight:600;padding:10px;cursor:pointer;text-align:center;transition:background .15s}.greeting-add-btn:hover{background:#00a8842e}@media (max-width: 768px){.greeting-modal{width:100%;max-width:100vw;border-radius:12px 12px 0 0}.greeting-overlay{align-items:flex-end}}.orders-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.orders-panel{background:#111b21;border-radius:12px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000080}.orders-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid #2a3942;flex-shrink:0}.orders-panel__title{font-size:18px;font-weight:700;color:#e9edef}.orders-panel__subtitle{font-size:12px;color:#8696a0;margin-top:2px}.orders-panel__close{background:none;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.orders-panel__close:hover{background:#2a3942;color:#e9edef}.orders-panel__toolbar{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #2a3942;flex-shrink:0}.orders-panel__search{flex:1;background:#2a3942;border:none;border-radius:8px;padding:8px 12px;color:#e9edef;font-size:14px}.orders-panel__search::placeholder{color:#8696a0}.orders-panel__search:focus{outline:1px solid #00a884}.orders-panel__refresh{background:#2a3942;border:none;border-radius:8px;color:#8696a0;font-size:18px;width:36px;cursor:pointer}.orders-panel__refresh:hover{background:#364a54;color:#e9edef}.orders-panel__filters{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #2a3942;flex-shrink:0;flex-wrap:wrap}.orders-panel__filter{background:#2a3942;border:none;border-radius:20px;color:#8696a0;font-size:12px;padding:5px 12px;cursor:pointer;display:flex;align-items:center;gap:5px}.orders-panel__filter:hover{background:#364a54;color:#e9edef}.orders-panel__filter--active{background:#00a884;color:#fff}.orders-panel__filter-count{background:#0003;border-radius:10px;padding:1px 6px;font-size:11px}.orders-panel__body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.orders-panel__empty{text-align:center;color:#8696a0;padding:40px;font-size:14px}.order-card{background:#1a2429;border-radius:10px;padding:14px 16px;border:1px solid #2a3942;display:flex;flex-direction:column;gap:10px}.order-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-card__customer{cursor:pointer}.order-card__customer:hover .order-card__name{color:#00a884}.order-card__name{font-size:15px;font-weight:600;color:#e9edef;transition:color .15s}.order-card__phone{font-size:12px;color:#8696a0;margin-top:2px}.order-card__amount{font-size:18px;font-weight:700;color:#00a884;white-space:nowrap}.order-card__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#8696a0}.order-card__footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-card__badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.order-card__badge--pending{background:#ffbe0026;color:#ffbe00}.order-card__badge--packed{background:#00a88426;color:#00a884}.order-card__badge--dispatched{background:#3b82f626;color:#3b82f6}.order-card__btn{border:none;border-radius:8px;font-size:13px;font-weight:600;padding:6px 14px;cursor:pointer}.order-card__btn--pack{background:#ffbe00;color:#000}.order-card__btn--pack:hover{background:#ffd000}.order-card__btn--dispatch{background:#3b82f6;color:#fff}.order-card__btn--dispatch:hover{background:#2563eb}.order-card__btn--cancel{background:#2a3942;color:#8696a0}.order-card__btn--cancel:hover{background:#364a54;color:#e9edef}.order-card__btn:disabled{opacity:.5;cursor:not-allowed}.order-card__dispatch-form{display:flex;flex-direction:column;gap:6px;width:100%}.order-card__dispatch-input{background:#2a3942;border:none;border-radius:6px;padding:7px 10px;color:#e9edef;font-size:13px}.order-card__dispatch-input::placeholder{color:#8696a0}.order-card__dispatch-input:focus{outline:1px solid #00a884}.order-card__dispatch-actions{display:flex;gap:8px}.order-card--stale{border-color:#f0a50080}.order-card--overdue{border-color:#ff6b6b80;background:#ff6b6b0d}.order-card__age{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:4px}.order-card--stale .order-card__age{background:#f0a50026;color:#f0a500}.order-card--overdue .order-card__age{background:#ff6b6b26;color:#ff6b6b}@media (max-width: 768px){.orders-overlay{padding:0;align-items:flex-end}.orders-panel{border-radius:16px 16px 0 0;max-height:95vh}}.app{display:flex;width:100%;height:100vh;height:100dvh;background:#111b21;overflow:hidden;position:relative}@media (max-width: 768px){.contact-list{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;min-width:unset!important;z-index:1;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:translate(0)}.chat-window,.chat-empty{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;z-index:2;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.app--chat-active .contact-list{transform:translate(-30%)}.app--chat-active .chat-window,.app--chat-active .chat-empty{transform:translate(0)}.profile-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;min-width:unset!important;z-index:200}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#111b21;color:#e9edef;height:100vh;height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;width:100%;display:flex}