:root{--header-primary:#5c71b6;--header-primary-hover:#485c9e;--header-dark:#1c295d;--header-bg:#ffffff;--header-border:#e2e8f0;--header-text-main:#1e293b;--header-text-muted:#64748b;--header-height:60px;--header-height-mobile:54px}.app-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--header-height);padding:0 16px;background:var(--header-bg);box-sizing:border-box;border-bottom:1px solid var(--header-border);-webkit-user-select:none;user-select:none;transition:all .2s ease}@media(max-width:768px){.app-header-container{height:56px;padding:0 12px;position:sticky;top:0;z-index:100}}@media(max-height:500px)and (orientation:landscape){.app-header-container{height:44px;padding:0 10px}}.header-left-section{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:6px}.header-left-section .header-menu-toggle-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#475569;border-radius:10px;transition:background .15s ease,color .15s ease}.header-left-section .header-menu-toggle-btn:hover{background:#f1f5f9;color:var(--header-primary)}.header-left-section .header-menu-toggle-btn:active{transform:scale(.96)}@media(max-width:768px){.header-left-section .header-menu-toggle-btn{width:40px;height:40px;min-width:40px}}.header-left-section .header-home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--header-primary);border-radius:10px}.header-left-section .header-home-btn:hover{background:#f1f5f9}@media(max-width:576px){.header-left-section .header-home-btn{width:32px;height:32px}}@media(max-width:350px){.header-left-section .header-home-btn{display:none}}.header-left-section .header-title-wrapper{display:flex;align-items:center;min-width:0;margin-left:4px}.header-left-section .header-title-wrapper .header-title-text{font-size:16px;font-weight:650;color:var(--header-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;letter-spacing:-.2px}@media(max-width:1200px){.header-left-section .header-title-wrapper .header-title-text{max-width:200px;font-size:15px}}@media(max-width:992px){.header-left-section .header-title-wrapper .header-title-text{max-width:150px;font-size:14px}}@media(max-width:576px){.header-left-section .header-title-wrapper .header-title-text{max-width:110px;font-size:13.5px}}@media(max-width:380px){.header-left-section .header-title-wrapper .header-title-text{max-width:85px;font-size:13px}}.header-right-section{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:10px}@media(max-width:768px){.header-right-section{gap:6px}}.header-right-section .header-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--header-border);color:#475569;background:#fff;transition:all .2s ease}.header-right-section .header-icon-btn:hover{color:var(--header-primary);border-color:var(--header-primary);background:#f8fafc}@media(max-width:768px){.header-right-section .header-icon-btn{width:32px;height:32px}}.header-quick-actions{display:flex;align-items:center;gap:8px}.header-quick-actions .quick-action-link{text-decoration:none;display:inline-flex;align-items:center}.header-quick-actions .btn-travelclub{background:var(--header-primary);border-color:var(--header-primary);color:#fff;font-weight:500;border-radius:12px;height:36px;padding:0 14px}.header-quick-actions .btn-travelclub:hover{background:var(--header-primary-hover)!important;border-color:var(--header-primary-hover)!important}.header-quick-actions .btn-travelclub .mobile-only-icon{display:none}@media(max-width:992px){.header-quick-actions .btn-travelclub{display:none}}.header-quick-actions .btn-pos-header{background:var(--header-dark);border-color:var(--header-dark);color:#fff;font-weight:650;border-radius:12px;height:36px;padding:0 14px;letter-spacing:.5px}.header-quick-actions .btn-pos-header:hover{opacity:.9}@media(max-width:768px){.header-quick-actions .btn-pos-header{height:32px;padding:0 10px;font-size:12px}}.header-quick-actions .btn-add-service{border-radius:12px;height:36px;font-weight:500;border-color:var(--header-border)}@media(max-width:992px){.header-quick-actions .btn-add-service{display:none}}.header-quick-actions .btn-guide{border-radius:12px;height:36px;font-weight:500;border-color:var(--header-border)}@media(max-width:992px){.header-quick-actions .btn-guide{display:none}}.header-quick-actions .mobile-more-actions{display:none}@media(max-width:992px){.header-quick-actions .mobile-more-actions{display:inline-flex;align-items:center}}.header-branch-wrapper{display:flex;align-items:center}.header-branch-wrapper .mobile-branch-pill-wrap{display:none}@media(max-width:768px){.header-branch-wrapper .mobile-branch-pill-wrap{display:flex;align-items:center}}.header-branch-wrapper .mobile-branch-pill-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;cursor:pointer;transition:all .2s}.header-branch-wrapper .mobile-branch-pill-btn:active{transform:scale(.96);background:#ffedd5}.header-branch-wrapper .mobile-branch-pill-btn .mobile-branch-pill-text{font-size:11.5px;font-weight:600;color:#ea580c;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:360px){.header-branch-wrapper .mobile-branch-pill-btn .mobile-branch-pill-text{max-width:55px;font-size:11px}}.header-branch-wrapper .desktop-branch-select-wrap{display:flex;align-items:center}@media(max-width:768px){.header-branch-wrapper .desktop-branch-select-wrap{display:none}}.header-branch-wrapper .header-branch-select{min-width:130px;max-width:200px}.header-branch-wrapper .header-branch-select .ant-select-selector{border-radius:12px!important;height:36px!important;display:flex;align-items:center;border-color:var(--header-border)!important;font-weight:500;color:#334155}@media(max-width:1024px){.header-branch-wrapper .header-branch-select{min-width:110px;max-width:160px}}.header-user-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;height:36px!important;padding:0 12px 0 6px!important;border:1px solid var(--header-border)!important;background:#fff!important;gap:8px!important;transition:all .2s ease!important}.header-user-btn:hover{border-color:var(--header-primary)!important;background:#f8fafc!important}.header-user-btn .img-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.header-user-btn .user-name-text{font-size:13px;font-weight:500;color:var(--header-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media(max-width:1100px){.header-user-btn .user-name-text{max-width:80px}}@media(max-width:768px){.header-user-btn .user-name-text{display:none}.header-user-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important}.header-user-btn .img-avatar{width:30px;height:30px}}.header-notify-popover .ant-popover-inner{padding:0;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.header-notify-popover .ant-popover-title{padding:12px 16px;margin:0;border-bottom:1px solid #f1f5f9}.header-notify-title-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.header-notify-title-bar .notify-title-text{font-size:14px;font-weight:650;color:var(--header-text-main)}.header-notify-title-bar .notify-mute-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:8px;font-size:12px;color:#475569}.header-notify-title-bar .notify-mute-toggle:hover{background:#f1f5f9}.header-notify-popup{width:320px;max-width:calc(100vw - 24px)}.header-notify-popup.empty .empty-text{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.header-notify-popup .header-notify-top{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #f8fafc;background:#fcfdfd}.header-notify-popup .header-notify-top .notify-top-title{font-size:12px;color:#94a3b8;font-weight:500}.header-notify-popup .header-notify-top .notify-clear-all-btn{padding:0;height:auto;font-size:12px;color:var(--header-primary)}.header-notify-popup .header-notify-list{max-height:300px;overflow-y:auto;padding:4px 0}.header-notify-popup .header-notify-list .notify-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f8fafc;gap:10px;transition:background .15s ease}.header-notify-popup .header-notify-list .notify-item:hover{background:#f8fafc}.header-notify-popup .header-notify-list .notify-item .notify-item-content{display:flex;flex-direction:column;flex:1 1;min-width:0}.header-notify-popup .header-notify-list .notify-item .notify-item-content .notify-item-text{font-size:13px;font-weight:600;color:#334155;line-height:1.4;word-break:break-word}.header-notify-popup .header-notify-list .notify-item .notify-item-content .notify-item-time{font-size:11px;color:#94a3b8;margin-top:3px}.header-notify-popup .header-notify-list .notify-item .notify-action-btn{border-radius:8px;font-size:11px;font-weight:500;height:26px;padding:0 10px}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.call-btn{background:#10b981;border-color:#10b981;color:#fff}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.call-btn:hover{background:#059669!important;border-color:#059669!important}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.close-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.header-notify-popup .header-notify-list .notify-item .notify-action-btn.close-btn:hover{background:#e2e8f0!important;color:#1e293b!important}.header .agency-info{height:40px;margin-right:1rem}.header .agency-info .agency-number{font-weight:500;font-size:16px}.header .agency-info .nv-phutrach{font-size:12px}.header .agency-info p{line-height:20px;margin-bottom:0}.header .item-menu-icon-header{height:30px;width:30px;display:flex;justify-content:center;align-items:center}.header .item-menu-icon-header .quantity_cart{height:16px;width:fit-content;padding:1px 5px;font-weight:600;margin-left:10px;display:flex;align-items:center;color:#fff}.header .img-avatar{height:24px;width:24px;border-radius:50%}