.admin-sidebar{width:360px;height:100%;background:#feffff;border-radius:24px;border:1px solid #F4F0E7;padding:32px;display:flex;flex-direction:column;align-items:center;gap:32px;flex-shrink:0;box-shadow:0 10px 20px #00000014;align-self:stretch;font-family:Outfit,sans-serif;transition:width .3s ease,padding .3s ease}.admin-sidebar.collapsed{width:104px;padding:16px 0 24px;align-items:center;gap:24px}@media(max-width:768px){.admin-sidebar.collapsed{width:280px;padding:24px 16px;align-items:flex-start}.admin-sidebar.collapsed .sidebar-header{justify-content:space-between;padding:0 16px}.admin-sidebar.collapsed .sidebar-header .logo-container{display:flex}.admin-sidebar.collapsed .sidebar-menu{padding:0 16px}.admin-sidebar.collapsed .sidebar-menu .menu-item{width:100%;padding:12px 16px}.admin-sidebar.collapsed .sidebar-menu .menu-item .menu-label,.admin-sidebar.collapsed .sidebar-menu .menu-item .expand-arrow{display:block}.admin-sidebar.collapsed .sidebar-menu .submenu{display:flex}.admin-sidebar.collapsed .sidebar-footer{padding:0 16px}.admin-sidebar.collapsed .sidebar-footer .user-profile{width:100%;padding:10px 16px}.admin-sidebar.collapsed .sidebar-footer .user-profile .user-info,.admin-sidebar.collapsed .sidebar-footer .user-profile .logout-icon{display:flex}}@media(max-width:480px){.admin-sidebar.collapsed{width:100%;padding:12px 16px}}.admin-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:100px;padding:0 16px}.admin-sidebar .sidebar-header .logo-container{flex:1;display:flex;align-items:center}.admin-sidebar .sidebar-header .logo-container .logo-image{width:131px;height:100px;object-fit:contain}.admin-sidebar .sidebar-header .toggle-button{background:transparent;border:none;cursor:pointer;color:#2d1d04;padding:12px;border-radius:12px;transition:all .3s;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.admin-sidebar .sidebar-header .toggle-button svg{width:24px;height:24px;display:block}.admin-sidebar .sidebar-header .toggle-button img{width:24px;height:24px}.admin-sidebar .sidebar-header .toggle-button:hover{background:#f4f0e780}@media(max-width:768px){.admin-sidebar .sidebar-header .toggle-button{display:none}}.admin-sidebar.collapsed .sidebar-header{justify-content:center;padding:0;height:48px;align-items:center}.admin-sidebar.collapsed .sidebar-header .logo-container{display:none}.admin-sidebar .sidebar-menu{flex:1;display:flex;flex-direction:column;gap:4px;width:100%;padding:0 16px;overflow-y:auto;min-height:0}.admin-sidebar .sidebar-menu::-webkit-scrollbar{width:4px}.admin-sidebar .sidebar-menu::-webkit-scrollbar-track{background:transparent}.admin-sidebar .sidebar-menu::-webkit-scrollbar-thumb{background:#e8e2da;border-radius:4px}.admin-sidebar .sidebar-menu .menu-item-wrapper{display:flex;flex-direction:column;width:100%}.admin-sidebar .sidebar-menu .menu-item-wrapper.has-submenu-expanded .menu-item{padding:12px 16px;gap:12px;background:#f4f0e7;border-radius:8px}.admin-sidebar .sidebar-menu .menu-item-wrapper.has-submenu-expanded .menu-item .menu-label{font-size:24px;line-height:36px;text-align:left}.admin-sidebar .sidebar-menu .menu-item{display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:12px;border-radius:8px;cursor:pointer;transition:all .3s;color:#2d1d04;font-size:24px;font-weight:400;line-height:36px;height:auto;min-height:60px;width:100%;position:relative}.admin-sidebar .sidebar-menu .menu-item .menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2d1d04}.admin-sidebar .sidebar-menu .menu-item .menu-icon>*{color:#2d1d04}.admin-sidebar .sidebar-menu .menu-item .menu-icon svg{width:24px;height:24px;display:block;color:#2d1d04;stroke:currentColor;stroke-width:1.5px}.admin-sidebar .sidebar-menu .menu-item .menu-icon img{width:24px;height:24px;object-fit:contain}.admin-sidebar .sidebar-menu .menu-item .menu-label{flex:1;font-family:Outfit,sans-serif;font-weight:400;font-size:24px;line-height:36px;text-align:left}.admin-sidebar .sidebar-menu .menu-item .expand-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .3s;color:#2d1d04;transform:rotate(0)}.admin-sidebar .sidebar-menu .menu-item .expand-arrow.expanded{transform:rotate(90deg)}.admin-sidebar .sidebar-menu .menu-item:hover{background:#f4f0e780}.admin-sidebar .sidebar-menu .menu-item.active{background:#f4f0e7;color:#2d1d04;font-weight:400}.admin-sidebar .sidebar-menu .menu-item.expanded{background:#f4f0e7}.admin-sidebar .sidebar-menu .submenu{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 12px;gap:10px;margin-top:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-sidebar .sidebar-menu .submenu .submenu-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 12px;gap:12px;width:100%;border-left:1px solid #C3A593}.admin-sidebar .sidebar-menu .submenu .submenu-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3px 12px;gap:12px;width:100%;min-height:36px;border-radius:4px;cursor:pointer;transition:all .3s;color:#2d1d04;font-size:20px;font-weight:400;line-height:30px;font-family:Outfit,sans-serif}.admin-sidebar .sidebar-menu .submenu .submenu-item .submenu-label{flex:1;text-align:left}.admin-sidebar .sidebar-menu .submenu .submenu-item:hover{background:#c3a59333;color:#2d1d04}.admin-sidebar .sidebar-menu .submenu .submenu-item.active{background:#c3a5934d;color:#2d1d04;font-weight:400}.admin-sidebar.collapsed .sidebar-menu{padding:0;align-items:center}.admin-sidebar.collapsed .sidebar-menu .menu-item-wrapper{align-items:center}.admin-sidebar.collapsed .sidebar-menu .menu-item{width:60px;height:60px;padding:0;justify-content:center;border-radius:8px}.admin-sidebar.collapsed .sidebar-menu .menu-item .menu-label,.admin-sidebar.collapsed .sidebar-menu .menu-item .expand-arrow,.admin-sidebar.collapsed .sidebar-menu .submenu{display:none}.admin-sidebar .user-profile{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fffcf9;border:1px solid #C3A593;border-radius:12px;transition:all .3s;position:relative;width:100%;margin-top:auto}.admin-sidebar .user-profile .user-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%}.admin-sidebar .user-profile .user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-sidebar .user-profile .user-info .user-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#2d1d04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar .user-profile .user-info .user-role{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#727270}.admin-sidebar .user-profile .logout-icon{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:#2d1d04;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .3s}.admin-sidebar .user-profile .logout-icon svg{width:24px;height:24px;display:block}.admin-sidebar .user-profile .logout-icon img{width:24px;height:24px;object-fit:contain}.admin-sidebar .user-profile .logout-icon:hover{opacity:.7}.admin-sidebar.collapsed .user-profile{width:60px;height:60px;padding:0;justify-content:center;border-radius:12px}.admin-sidebar.collapsed .user-profile .user-info{display:none}.admin-sidebar.collapsed .user-profile .logout-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12px}.admin-sidebar.collapsed .user-profile .logout-icon:hover{background:#f4f0e780}@media(max-width:1024px){.admin-sidebar{width:320px;padding:24px 20px;gap:24px;border-radius:20px}.admin-sidebar .sidebar-header{height:88px}.admin-sidebar .sidebar-header .logo-container .logo-image{width:110px;height:88px}.admin-sidebar .sidebar-header .toggle-button{width:44px;height:44px;font-size:22px}.admin-sidebar .sidebar-menu .menu-item{padding:11px 14px;font-size:22px;height:56px}.admin-sidebar .sidebar-menu .menu-item .menu-icon{font-size:22px}.admin-sidebar .sidebar-menu .menu-item .expand-arrow{font-size:18px;width:18px;height:18px}.admin-sidebar .sidebar-menu .submenu{padding-left:48px}.admin-sidebar .sidebar-menu .submenu .submenu-item{font-size:18px;padding:7px 14px;min-height:42px}.admin-sidebar .user-profile{padding:9px 14px}.admin-sidebar .user-profile .user-avatar{width:38px;height:38px}.admin-sidebar .user-profile .user-info .user-name{font-size:13px}.admin-sidebar .user-profile .user-info .user-role{font-size:11px}.admin-sidebar .user-profile .logout-icon{font-size:22px}}@media(max-width:768px){.admin-sidebar{width:280px;padding:24px 16px;gap:24px;border-radius:16px}.admin-sidebar.collapsed{width:280px;padding:24px 16px}.admin-sidebar .sidebar-header{height:80px}.admin-sidebar .sidebar-header .logo-container .logo-image{width:100px;height:80px}.admin-sidebar .sidebar-header .toggle-button{display:none}.admin-sidebar .sidebar-menu .menu-item{width:100%!important}.admin-sidebar .sidebar-menu .menu-item .menu-label,.admin-sidebar .sidebar-menu .menu-item .expand-arrow{display:block!important}.admin-sidebar .sidebar-menu .submenu{display:flex!important;padding-left:44px}.admin-sidebar .sidebar-menu .submenu .submenu-item{font-size:16px;padding:7px 12px;min-height:40px}.admin-sidebar .user-profile{width:100%!important}.admin-sidebar .user-profile .user-info,.admin-sidebar .user-profile .logout-icon{display:flex!important}}@media(max-width:480px){.admin-sidebar{width:100%;height:auto;max-height:50vh;overflow-y:auto;padding:12px 16px;gap:16px;border-radius:12px}.admin-sidebar.collapsed{width:100%;padding:12px 16px}.admin-sidebar .sidebar-header{height:60px}.admin-sidebar .sidebar-header .logo-container .logo-image{width:80px;height:60px}.admin-sidebar .sidebar-header .toggle-button{display:none}.admin-sidebar .sidebar-menu .menu-item{width:100%!important}.admin-sidebar .sidebar-menu .menu-item .menu-label,.admin-sidebar .sidebar-menu .menu-item .expand-arrow{display:block!important}.admin-sidebar .sidebar-menu .submenu{display:flex!important}.admin-sidebar .user-profile{width:100%!important}.admin-sidebar .user-profile .user-info,.admin-sidebar .user-profile .logout-icon{display:flex!important}.admin-sidebar .sidebar-menu .menu-item{padding:8px 12px;font-size:16px;height:44px}.admin-sidebar .sidebar-menu .menu-item .menu-icon{font-size:18px;width:18px;height:18px}.admin-sidebar .sidebar-menu .menu-item .expand-arrow{font-size:16px;width:16px;height:16px}.admin-sidebar .sidebar-menu .submenu{padding-left:42px}.admin-sidebar .sidebar-menu .submenu .submenu-item{font-size:14px;padding:6px 12px;min-height:36px}.admin-sidebar .user-profile{padding:8px 12px}.admin-sidebar .user-profile .user-avatar{width:32px;height:32px}.admin-sidebar .user-profile .user-info .user-name{font-size:12px}.admin-sidebar .user-profile .user-info .user-role{font-size:10px}.admin-sidebar .user-profile .logout-icon{font-size:18px;width:20px;height:20px}}.admin-content{position:relative!important;overflow:visible!important}.admin-content .ant-modal-root{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow:visible!important;pointer-events:none!important;z-index:2000!important}.appointment-info-modal-wrapper.ant-modal-wrap{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;z-index:2000!important;overflow:visible!important}.appointment-info-modal-wrapper.ant-modal-wrap .ant-modal.appointment-info-modal{position:absolute!important;transform:none!important;padding:0!important;margin:0!important;pointer-events:auto!important;max-width:none!important;width:529px!important;inset:auto!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal{position:absolute!important;transform:none!important;padding-bottom:0!important;padding-top:0!important;z-index:2000!important;margin:0!important;pointer-events:auto!important;max-width:none!important;width:529px!important;inset:auto 0 0 auto!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal,.admin-content .appointment-info-modal-wrapper .ant-modal.appointment-info-modal{top:auto!important;bottom:0!important;transform:none!important;margin-top:0!important}.appointment-info-modal{z-index:2000!important}.appointment-info-modal .ant-modal-content{padding:0!important;border-radius:24px!important;overflow:hidden!important;background:#feffff!important;box-shadow:0 10px 20px #00000014!important;border:1px solid #CAC5BF!important;z-index:2000!important;position:relative}.appointment-info-modal .ant-modal-body{padding:0!important;overflow:visible;border-radius:0 0 24px 24px!important}.appointment-info-modal .ant-modal-header{border-radius:24px 24px 0 0!important;overflow:hidden;padding:0!important;border:none!important}.appointment-info-modal-mask{display:none!important;background:transparent!important;z-index:1999!important}.appointment-info-modal-content{background:#feffff;font-family:Outfit,sans-serif;border-radius:24px;overflow:hidden;width:529px}.appointment-info-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#825826;border-bottom:1px solid #825826}.appointment-info-modal-content .modal-header .modal-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;color:#feffff;margin:0}.appointment-info-modal-content .modal-body{display:flex;flex-direction:column;gap:24px;padding:24px;background:#feffff;border-bottom:1px solid #CAC5BF}.appointment-info-modal-content .modal-body .info-section{display:flex;flex-direction:column;gap:8px}.appointment-info-modal-content .modal-body .info-section .info-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.appointment-info-modal-content .modal-body .info-section .info-label-with-icon{display:flex;gap:8px;align-items:center}.appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-icon{width:24px;height:24px;flex-shrink:0}.appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#727270}.appointment-info-modal-content .modal-body .info-section .info-value{font-family:Outfit,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424;padding-left:32px}.appointment-info-modal-content .modal-body .info-section .note-value{white-space:pre-wrap;word-break:break-word}.appointment-info-modal-content .modal-body .info-section.customer-name-section .info-row{align-items:center}.appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container{display:flex;gap:0;border:1px solid #CAC5BF;border-radius:8px;padding:16px 0}.appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-item{flex:1 0 0;display:flex;flex-direction:column;gap:8px;padding:0 16px}.appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-item .info-label-with-icon .info-label{margin:0}.appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-item .info-value{padding-left:32px}.appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-divider{width:1px;background:#cac5bf;align-self:stretch}.appointment-info-modal-content .modal-body .action-buttons{display:flex;flex-direction:column;gap:0}.appointment-info-modal-content .modal-body .action-buttons .payment-button{display:flex;height:48px;padding:12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;text-transform:uppercase;transition:all .3s;width:100%}.appointment-info-modal-content .modal-body .action-buttons .payment-button:hover{background:#6b4820;color:#feffff}.appointment-info-modal-content .modal-body .action-buttons .payment-button:active{background:#5a3d1b}.appointment-info-modal-content .modal-body .action-buttons .view-profile-link{background:transparent;border:none;padding:0;margin:8px 0 0;cursor:pointer;color:#2d1d04;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;transition:color .3s;text-align:center}.appointment-info-modal-content .modal-body .action-buttons .view-profile-link:hover{color:#825826}.appointment-info-modal-content .modal-body .action-buttons .view-profile-link:focus{outline:none}@media(max-width:1024px){.appointment-info-modal .ant-modal-content{border-radius:20px!important}.appointment-info-modal .ant-modal-header{border-radius:20px 20px 0 0!important}.appointment-info-modal .ant-modal-body{border-radius:0 0 20px 20px!important}.appointment-info-modal-content{border-radius:20px}}@media(max-width:768px){.appointment-info-modal .ant-modal-content{border-radius:16px!important}.appointment-info-modal .ant-modal-header{border-radius:16px 16px 0 0!important}.appointment-info-modal .ant-modal-body{border-radius:0 0 16px 16px!important}.appointment-info-modal-content{border-radius:16px}.appointment-info-modal-wrapper.ant-modal-wrap .ant-modal.appointment-info-modal{position:absolute!important;top:auto!important;right:0!important;bottom:0!important;width:calc(100% - 20px)!important;max-width:450px!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal{position:absolute!important;width:calc(100% - 20px)!important;max-width:450px!important;transform:none!important;inset:auto 0 0 auto!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal,.admin-content .appointment-info-modal-wrapper .ant-modal.appointment-info-modal{top:auto!important;bottom:0!important;right:0!important;transform:none!important}.appointment-info-modal .ant-modal-wrap{padding:20px!important}.appointment-info-modal .ant-modal{width:100%!important;max-width:450px!important}.appointment-info-modal .appointment-info-modal-content{width:100%}.appointment-info-modal .appointment-info-modal-content .modal-header{padding:20px}.appointment-info-modal .appointment-info-modal-content .modal-header .modal-title{font-size:24px;line-height:36px}.appointment-info-modal .appointment-info-modal-content .modal-body{padding:20px;gap:20px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-icon{width:20px;height:20px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-label{font-size:14px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-value{font-size:16px;line-height:24px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container{flex-direction:column;padding:12px 0}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-item{padding:0 16px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section.date-time-section .date-time-container .date-time-divider{width:100%;height:1px;margin:8px 0}.appointment-info-modal .appointment-info-modal-content .modal-body .action-buttons .payment-button{height:44px;font-size:16px}.appointment-info-modal .appointment-info-modal-content .modal-body .action-buttons .view-profile-link{font-size:16px}}@media(max-width:480px){.appointment-info-modal .ant-modal-content{border-radius:12px!important}.appointment-info-modal .ant-modal-header{border-radius:12px 12px 0 0!important}.appointment-info-modal .ant-modal-body{border-radius:0 0 12px 12px!important}.appointment-info-modal-content{border-radius:12px}.appointment-info-modal-wrapper.ant-modal-wrap .ant-modal.appointment-info-modal{position:absolute!important;top:auto!important;right:0!important;bottom:0!important;width:calc(100% - 16px)!important;max-width:100%!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal{position:absolute!important;width:calc(100% - 16px)!important;max-width:100%!important;transform:none!important;inset:auto 0 0 auto!important}.admin-content .ant-modal-root .ant-modal.appointment-info-modal,.admin-content .appointment-info-modal-wrapper .ant-modal.appointment-info-modal{top:auto!important;bottom:0!important;right:0!important;transform:none!important}.appointment-info-modal .ant-modal-wrap{padding:16px!important}.appointment-info-modal .ant-modal{width:100%!important;max-width:100%!important}.appointment-info-modal .appointment-info-modal-content .modal-header{padding:16px}.appointment-info-modal .appointment-info-modal-content .modal-header .modal-title{font-size:22px;line-height:32px}.appointment-info-modal .appointment-info-modal-content .modal-body{padding:16px;gap:16px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section{gap:6px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-icon{width:18px;height:18px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-label-with-icon .info-label{font-size:13px}.appointment-info-modal .appointment-info-modal-content .modal-body .info-section .info-value{font-size:15px;line-height:22px;padding-left:26px}.appointment-info-modal .appointment-info-modal-content .modal-body .action-buttons .payment-button{height:40px;font-size:14px;padding:8px 20px}.appointment-info-modal .appointment-info-modal-content .modal-body .action-buttons .view-profile-link{font-size:14px}}.new-appointment-modal{z-index:2000!important}.new-appointment-modal .ant-modal{top:50%;transform:translateY(-50%);padding-bottom:0;z-index:2000!important}.new-appointment-modal .ant-modal-wrap{z-index:2000!important}.new-appointment-modal .ant-modal-content{padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#feffff!important;box-shadow:0 10px 40px #00000026!important;z-index:2000!important;position:relative}.new-appointment-modal .ant-modal-body{padding:0!important;overflow:visible;border-radius:0 0 16px 16px}.new-appointment-modal .ant-modal-header{border-radius:16px 16px 0 0!important;overflow:hidden;padding:0!important;border:none!important}.new-appointment-modal .ant-modal-close{border-radius:0 16px 0 0}.new-appointment-modal-mask{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000003d!important;z-index:1999!important}.new-appointment-modal-content{background:#feffff;font-family:Outfit,sans-serif;border-radius:16px;overflow:hidden}.new-appointment-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #F4F0E7;border-radius:16px 16px 0 0}.new-appointment-modal-content .modal-header .modal-title{font-size:20px;font-weight:600;color:#2d1d04;margin:0;font-family:Outfit,sans-serif}.new-appointment-modal-content .modal-header .close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#727270;transition:all .3s}.new-appointment-modal-content .modal-header .close-button:hover{background:#f4f0e780;color:#2d1d04}.new-appointment-modal-content .modal-header .close-button .anticon{font-size:18px}.new-appointment-modal-content .new-appointment-form{padding:24px;max-height:calc(100vh - 180px);overflow-y:auto}.new-appointment-modal-content .new-appointment-form .form-section{margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #CAC5BF}.new-appointment-modal-content .new-appointment-form .form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.new-appointment-modal-content .new-appointment-form .form-section .section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;color:#2d1d04;margin:24px 0}.new-appointment-modal-content .new-appointment-form .form-section .first-section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;color:#2d1d04;margin:0 0 24px}.new-appointment-modal-content .new-appointment-form .ant-form-item{margin-bottom:24px}.new-appointment-modal-content .new-appointment-form .ant-form-item .ant-form-item-label{padding-bottom:6px}.new-appointment-modal-content .new-appointment-form .ant-form-item .ant-form-item-label label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;color:#242424;line-height:24px}.new-appointment-modal-content .new-appointment-form .form-input{display:flex;height:48px;padding:12px 16px;align-items:center;gap:8px;align-self:stretch;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;line-height:24px;transition:all .3s}.new-appointment-modal-content .new-appointment-form .form-input:hover{border-color:#825826}.new-appointment-modal-content .new-appointment-form .form-input:focus,.new-appointment-modal-content .new-appointment-form .form-input.ant-input-focused,.new-appointment-modal-content .new-appointment-form .form-input.ant-picker-focused{border-color:#825826;box-shadow:0 0 0 2px #8258261a;outline:none}.new-appointment-modal-content .new-appointment-form .form-input::placeholder{color:#bababa;opacity:1;font-weight:400}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector{display:flex!important;height:48px!important;padding:12px 16px!important;align-items:center!important;gap:8px!important;align-self:stretch!important;border-radius:12px!important;border:1px solid #BABABA!important;background:#feffff!important;position:relative!important}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector:hover{border-color:#825826!important}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector .ant-select-selection-item{line-height:24px!important;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;display:flex!important;align-items:center!important}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector .ant-select-selection-placeholder{line-height:24px!important;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#bababa;display:flex!important;align-items:center!important}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-arrow{position:absolute!important;top:50%!important;right:11px!important;transform:translateY(-50%)!important;margin-top:0!important;margin-right:0!important;width:auto!important;height:auto!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}.new-appointment-modal-content .new-appointment-form .ant-select .ant-select-arrow .anticon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;font-size:12px!important;line-height:1!important}.new-appointment-modal-content .new-appointment-form .ant-select.ant-select-focused .ant-select-selector{border-color:#825826!important;box-shadow:0 0 0 2px #8258261a!important}.new-appointment-modal-content .new-appointment-form .ant-picker{display:flex;width:100%;height:48px;padding:12px 16px;align-items:center;gap:8px;border-radius:12px;border:1px solid #BABABA;background:#feffff}.new-appointment-modal-content .new-appointment-form .ant-picker:hover{border-color:#825826}.new-appointment-modal-content .new-appointment-form .ant-picker .ant-picker-input input{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;line-height:24px}.new-appointment-modal-content .new-appointment-form .ant-picker .ant-picker-input input::placeholder{color:#bababa;font-weight:400}.new-appointment-modal-content .new-appointment-form .ant-input{height:48px}.new-appointment-modal-content .new-appointment-form textarea.ant-input{display:flex;height:auto;min-height:48px;padding:12px 16px;align-items:flex-start;gap:8px;resize:vertical;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px}.new-appointment-modal-content .new-appointment-form .purpose-section{margin-bottom:24px}.new-appointment-modal-content .new-appointment-form .purpose-section .purpose-radio-group{display:flex;gap:24px;flex-wrap:wrap}.new-appointment-modal-content .new-appointment-form .purpose-section .purpose-radio-group .ant-radio-wrapper{display:flex;align-items:center;gap:12px;height:48px;font-family:Outfit,Noto Sans,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424}.new-appointment-modal-content .new-appointment-form .purpose-section .purpose-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner{width:24px;height:24px;border-color:#bababa}.new-appointment-modal-content .new-appointment-form .purpose-section .purpose-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after{width:12px;height:12px;background-color:#825826}.new-appointment-modal-content .new-appointment-form .purpose-section .purpose-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner{border-color:#825826}.new-appointment-modal-content .new-appointment-form .repeat-switch-container{display:flex;align-items:center;gap:12px;height:48px}.new-appointment-modal-content .new-appointment-form .repeat-switch-container .repeat-switch.ant-switch{width:48px;height:24px;background:#e3e3e3;border-radius:1000px}.new-appointment-modal-content .new-appointment-form .repeat-switch-container .repeat-switch.ant-switch.ant-switch-checked{background:#825826}.new-appointment-modal-content .new-appointment-form .repeat-switch-container .repeat-switch.ant-switch .ant-switch-handle{width:20px;height:20px;top:2px}.new-appointment-modal-content .new-appointment-form .repeat-switch-container .repeat-label{font-family:Outfit,Noto Sans,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424}.new-appointment-modal-content .new-appointment-form .form-input:disabled{background:#e3e3e3!important;border-color:#bababa!important;color:#bababa!important;cursor:not-allowed}.new-appointment-modal-content .new-appointment-form .status-section{margin-bottom:24px}.new-appointment-modal-content .new-appointment-form .status-section .status-radio-group{display:flex;gap:24px;flex-wrap:wrap}.new-appointment-modal-content .new-appointment-form .status-section .status-radio-group .ant-radio-wrapper{display:flex;align-items:center;gap:12px;height:48px;font-family:Outfit,Noto Sans,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424}.new-appointment-modal-content .new-appointment-form .status-section .status-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner{width:24px;height:24px;border-color:#bababa}.new-appointment-modal-content .new-appointment-form .status-section .status-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after{width:12px;height:12px;background-color:#825826}.new-appointment-modal-content .new-appointment-form .status-section .status-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner{border-color:#825826}.new-appointment-modal-content .new-appointment-form .history-section{margin-bottom:24px}.new-appointment-modal-content .new-appointment-form .history-section .history-label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;margin-bottom:6px}.new-appointment-modal-content .new-appointment-form .history-section .history-content{font-family:Outfit,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#727270}.new-appointment-modal-content .modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:0;margin-top:15px;border-top:none}.new-appointment-modal-content .modal-footer .footer-left{flex:1;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group{display:flex;align-items:center;gap:12px}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group .footer-switch-item{margin-bottom:0}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group .footer-switch.ant-switch{width:48px;height:24px;background:#e3e3e3;border-radius:1000px}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group .footer-switch.ant-switch.ant-switch-checked{background:#825826}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group .footer-switch.ant-switch .ant-switch-handle{width:20px;height:20px;top:2px}.new-appointment-modal-content .modal-footer .footer-left .footer-switch-group .footer-switch-label{font-family:Outfit,Noto Sans,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424;white-space:nowrap}.new-appointment-modal-content .modal-footer .footer-buttons{display:flex;gap:12px}.new-appointment-modal-content .modal-footer .create-order-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#c3a593;border:none;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-appointment-modal-content .modal-footer .create-order-button:hover{background:#b89582;color:#2d1d04}.new-appointment-modal-content .modal-footer .back-button,.new-appointment-modal-content .modal-footer .refresh-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;border:1px solid #2D1D04;background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-appointment-modal-content .modal-footer .back-button:hover,.new-appointment-modal-content .modal-footer .refresh-button:hover{border-color:#825826;color:#825826}.new-appointment-modal-content .modal-footer .submit-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-appointment-modal-content .modal-footer .submit-button:hover{background:#6b4820}.new-appointment-modal-content .modal-footer .submit-button:focus{background:#825826}@media(max-width:1024px){.new-appointment-modal .ant-modal{width:95%!important;max-width:95%!important;margin:20px auto}.new-appointment-modal .new-appointment-modal-content .modal-header{padding:20px 20px 16px}.new-appointment-modal .new-appointment-modal-content .modal-header .modal-title{font-size:18px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form{padding:20px;max-height:calc(100vh - 180px)}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .section-title,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{font-size:24px;line-height:34px;margin:20px 0}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{margin:0 0 20px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item{margin-bottom:20px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-input,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector{height:44px!important;padding:10px 14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-picker{height:44px;padding:10px 14px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-input{height:44px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form textarea.ant-input{min-height:44px}.new-appointment-modal .new-appointment-modal-content .modal-footer{margin-top:12px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-note p{font-size:14px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons{gap:8px}.new-appointment-modal .new-appointment-modal-content .modal-footer .back-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .refresh-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .submit-button{height:36px;padding:6px 20px;font-size:13px}}@media(max-width:768px){.new-appointment-modal .ant-modal{width:95%!important;max-width:95%!important;margin:16px auto}.new-appointment-modal .new-appointment-modal-content .modal-header{padding:16px 20px 12px}.new-appointment-modal .new-appointment-modal-content .modal-header .modal-title{font-size:17px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form{padding:16px 20px;max-height:calc(100vh - 160px)}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .section-title,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{font-size:22px;line-height:32px;margin:16px 0}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{margin:0 0 16px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item{margin-bottom:16px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item .ant-form-item-label label{font-size:15px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-input,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector{height:42px!important;padding:10px 14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-picker{height:42px;padding:10px 14px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-input{height:42px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form textarea.ant-input{min-height:42px;padding:10px 14px}.new-appointment-modal .new-appointment-modal-content .modal-footer{margin-top:12px;flex-direction:column;align-items:stretch;gap:12px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-note p{font-size:14px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons{flex-wrap:wrap;gap:8px}.new-appointment-modal .new-appointment-modal-content .modal-footer .back-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .refresh-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .submit-button{height:36px;padding:6px 16px;font-size:12px}}@media(max-width:480px){.new-appointment-modal .ant-modal{width:100%!important;max-width:100%!important;margin:0!important;top:0!important;transform:none!important;padding-bottom:0}.new-appointment-modal .ant-modal-content,.new-appointment-modal .ant-modal-body{border-radius:0!important}.new-appointment-modal .new-appointment-modal-content .modal-header{padding:12px 16px 10px;border-radius:0}.new-appointment-modal .new-appointment-modal-content .modal-header .modal-title{font-size:16px}.new-appointment-modal .new-appointment-modal-content .modal-header .close-button{width:28px;height:28px}.new-appointment-modal .new-appointment-modal-content .modal-header .close-button .anticon{font-size:16px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form{padding:12px 16px;max-height:calc(100vh - 120px)}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .section-title,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{font-size:18px;line-height:28px;margin:12px 0}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-section .first-section-title{margin:0 0 12px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item{margin-bottom:12px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item .ant-form-item-label{padding-bottom:4px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-form-item .ant-form-item-label label{font-size:14px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .form-input,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selector{height:40px!important;padding:8px 12px!important;font-size:14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selection-item,.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-select .ant-select-selection-placeholder{font-size:14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-picker{height:40px;padding:8px 12px}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-picker .ant-picker-input input{font-size:14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form .ant-input{height:40px!important;font-size:14px!important}.new-appointment-modal .new-appointment-modal-content .new-appointment-form textarea.ant-input{min-height:40px;padding:8px 12px;font-size:14px}.new-appointment-modal .new-appointment-modal-content .modal-footer{margin-top:8px;padding:0 16px 16px;flex-direction:column;gap:8px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-note p{font-size:13px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons{flex-direction:column;gap:8px}.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons .back-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons .refresh-button,.new-appointment-modal .new-appointment-modal-content .modal-footer .footer-buttons .submit-button{width:100%;height:36px;padding:6px 12px;font-size:12px}}.admin-dashboard{display:flex;flex-direction:column;gap:20px;height:100%;flex:1}.admin-dashboard .dashboard-title-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px}.admin-dashboard .dashboard-title-bar .page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;color:#2d1d04;margin:0;line-height:36px}.admin-dashboard .dashboard-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px}.admin-dashboard .dashboard-controls .month-selector{display:flex;align-items:center;gap:16px}.admin-dashboard .dashboard-controls .month-selector .nav-btn{background:transparent;border:1px solid #BABABA;border-radius:1000px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:14px}.admin-dashboard .dashboard-controls .month-selector .nav-btn.nav-btn-left{color:#bababa;border-color:#bababa}.admin-dashboard .dashboard-controls .month-selector .nav-btn.nav-btn-left:hover{background:#bababa1a;border-color:#9a9a9a;color:#9a9a9a}.admin-dashboard .dashboard-controls .month-selector .nav-btn.nav-btn-right{color:#2d1d04;border-color:#2d1d04}.admin-dashboard .dashboard-controls .month-selector .nav-btn.nav-btn-right:hover{background:#2d1d041a;border-color:#1d1304;color:#1d1304}.admin-dashboard .dashboard-controls .month-selector .month-display{display:flex;align-items:center;gap:8px}.admin-dashboard .dashboard-controls .month-selector .month-display .month-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:400;color:#2d1d04;line-height:36px}.admin-dashboard .dashboard-controls .month-selector .month-display .calendar-btn{background:transparent;border:none;width:40px;height:40px;border-radius:1000px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#2d1d04;font-size:20px}.admin-dashboard .dashboard-controls .month-selector .month-display .calendar-btn:hover{background:#2d1d041a}.admin-dashboard .dashboard-controls .month-selector .month-display .calendar-btn .anticon{font-size:20px}.admin-dashboard .legend{display:flex;align-items:center;gap:16px}.admin-dashboard .legend .legend-item{display:flex;align-items:center;gap:4px}.admin-dashboard .legend .legend-item .legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.admin-dashboard .legend .legend-item .legend-dot.status-examining{background:#088941}.admin-dashboard .legend .legend-item .legend-dot.status-waiting{background:#c06300}.admin-dashboard .legend .legend-item .legend-dot.status-payment{background:#1b358b}.admin-dashboard .legend .legend-item .legend-dot.status-completed{background:#727270}.admin-dashboard .legend .legend-item .legend-text{font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:16px;white-space:nowrap}.admin-dashboard .legend .legend-item .legend-text.status-examining{color:#088941}.admin-dashboard .legend .legend-item .legend-text.status-waiting{color:#c06300}.admin-dashboard .legend .legend-item .legend-text.status-payment{color:#1b358b}.admin-dashboard .legend .legend-item .legend-text.status-completed{color:#727270}.admin-dashboard .new-appointment-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:8px;border-radius:1000px;background:#825826;border:none;color:#fff;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #82582626;transition:all .3s;flex-shrink:0}.admin-dashboard .new-appointment-btn:hover{background:#6b4820!important;box-shadow:0 4px 8px #82582640;color:#fff!important}.admin-dashboard .new-appointment-btn:active{background:#5a3d1b!important}.admin-dashboard .new-appointment-btn .anticon{font-size:16px}.admin-dashboard .calendar-container{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.admin-dashboard .calendar-container .calendar-grid{display:flex;gap:0;min-height:1440px;width:max-content;border:1px solid #CAC5BF;border-radius:8px;overflow:hidden}.admin-dashboard .calendar-container .calendar-grid .time-column{width:80px;flex-shrink:0;border-right:1px solid #CAC5BF;position:sticky;left:0;z-index:100;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-header{height:60px;border-bottom:1px solid #CAC5BF;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-slot{height:80px;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px 12px 0 0;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;color:#727270;border-bottom:1px solid #CAC5BF;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .day-column{width:180px;min-width:180px;flex-shrink:0;border-right:1px solid #CAC5BF}.admin-dashboard .calendar-container .calendar-grid .day-column:last-child{border-right:none}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid #CAC5BF;background:#fffcf9}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-date{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#2d1d04;line-height:24px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-name{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;color:#727270;line-height:16px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body{position:relative;height:1440px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .time-slot-bg{height:80px;border-bottom:1px solid #CAC5BF}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointments-container{position:absolute;top:0;left:0;right:0;bottom:0;padding:8px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block{position:absolute;border-radius:8px;padding:6px 8px;cursor:pointer;transition:all .3s;box-sizing:border-box;border:1px solid rgba(0,0,0,.06)}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;line-height:18px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-time{font-family:Outfit,sans-serif;font-size:11px;font-weight:400;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-examining{background:#cdf1da}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-examining .appointment-title{color:#242424}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-examining .appointment-time{color:#088941}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-examining:hover{background:#b8e9c8}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-waiting{background:#ffecd8}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-waiting .appointment-title{color:#242424}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-waiting .appointment-time{color:#c06300}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-waiting:hover{background:#f5dfc5}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-payment{background:#dbe1f7}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-payment .appointment-title{color:#242424}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-payment .appointment-time{color:#1b358b}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-payment:hover{background:#c8d1f0}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-completed{background:#e3e3e3}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-completed .appointment-title,.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-completed .appointment-time{color:#727270}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-completed:hover{background:#d5d5d5}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .current-time-indicator{position:absolute;left:0;right:0;z-index:10;display:flex;align-items:center}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .current-time-indicator .time-label{position:absolute;left:8px;background:#e63946;color:#fff;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;line-height:14px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .current-time-indicator .time-line{position:absolute;left:0;right:0;height:2px;background:#e63946;box-shadow:0 1px 4px #e6394666}@media(max-width:1024px){.admin-dashboard{gap:16px}.admin-dashboard .dashboard-title-bar{padding-bottom:12px}.admin-dashboard .dashboard-title-bar .page-title{font-size:24px}.admin-dashboard .dashboard-controls{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:12px}.admin-dashboard .dashboard-controls .legend{gap:12px}.admin-dashboard .dashboard-controls .legend .legend-item .legend-text{font-size:11px}.admin-dashboard .new-appointment-btn{height:36px;padding:6px 20px;font-size:12px}.admin-dashboard .calendar-container .calendar-grid .time-column{width:70px;position:sticky;left:0;z-index:100;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-header{height:55px;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-slot{height:70px;font-size:11px;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .day-column{width:160px;min-width:160px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header{height:55px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-date{font-size:18px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-name{font-size:11px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body{height:1260px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .time-slot-bg{height:70px}}@media(max-width:768px){.admin-dashboard{gap:12px}.admin-dashboard .dashboard-title-bar .page-title{font-size:20px}.admin-dashboard .dashboard-controls .legend{flex-wrap:wrap;gap:12px}.admin-dashboard .dashboard-controls .month-selector{justify-content:center}.admin-dashboard .calendar-container .calendar-grid .time-column{width:60px;position:sticky;left:0;z-index:100;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-header{height:50px;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-slot{height:60px;font-size:10px;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .day-column{width:140px;min-width:140px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header{height:50px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-date{font-size:16px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-name{font-size:10px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body{height:1080px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .time-slot-bg{height:60px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block{padding:6px 10px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-title{font-size:12px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-time{font-size:10px}}@media(max-width:480px){.admin-dashboard{gap:10px}.admin-dashboard .dashboard-title-bar .page-title{font-size:18px}.admin-dashboard .new-appointment-btn{height:32px;padding:4px 16px;font-size:11px}.admin-dashboard .dashboard-controls .legend{gap:10px}.admin-dashboard .dashboard-controls .legend .legend-item{gap:4px}.admin-dashboard .dashboard-controls .legend .legend-item .legend-dot{width:7px;height:7px}.admin-dashboard .dashboard-controls .legend .legend-item .legend-text{font-size:10px}.admin-dashboard .dashboard-controls .month-selector{gap:8px}.admin-dashboard .dashboard-controls .month-selector .nav-btn{width:32px;height:32px;font-size:12px}.admin-dashboard .dashboard-controls .month-selector .month-display{height:32px;padding:0 10px}.admin-dashboard .dashboard-controls .month-selector .month-display .calendar-icon{font-size:14px}.admin-dashboard .dashboard-controls .month-selector .month-display .month-select{width:90px}.admin-dashboard .dashboard-controls .month-selector .month-display .month-select .ant-select-selector{height:32px!important;font-size:12px}.admin-dashboard .dashboard-controls .month-selector .month-display .month-select .ant-select-selector .ant-select-selection-item{line-height:32px!important}.admin-dashboard .calendar-container .calendar-grid{min-height:900px}.admin-dashboard .calendar-container .calendar-grid .time-column{width:50px;position:sticky;left:0;z-index:100;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-header{height:45px;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .time-column .time-slot{height:50px;font-size:9px;padding:6px 8px 0 0;background:#feffff}.admin-dashboard .calendar-container .calendar-grid .day-column{width:120px;min-width:120px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header{height:45px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-date{font-size:14px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-header .day-name{font-size:9px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body{height:900px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .time-slot-bg{height:50px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block{padding:4px 8px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-title{font-size:11px;line-height:14px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-time{font-size:9px;line-height:12px}.admin-dashboard .calendar-container .calendar-grid .day-column .day-body .current-time-indicator .time-label{font-size:8px;padding:1px 4px}}.advanced-search-form{font-family:Outfit,sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.advanced-search-form .ant-row{width:100%}.advanced-search-form .form-item{margin-bottom:0}.advanced-search-form .form-item label{display:block;margin-bottom:6px;color:#242424;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px}.advanced-search-form .form-item .form-input{width:100%}.advanced-search-form .form-item .ant-picker,.advanced-search-form .form-item .ant-select{width:100%;display:flex;height:48px;padding:12px 16px;align-items:center;gap:8px;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif}.advanced-search-form .form-item .ant-picker:hover,.advanced-search-form .form-item .ant-select:hover{border-color:#bababa}.advanced-search-form .form-item .ant-picker.ant-picker-focused,.advanced-search-form .form-item .ant-picker.ant-select-focused,.advanced-search-form .form-item .ant-select.ant-picker-focused,.advanced-search-form .form-item .ant-select.ant-select-focused{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.advanced-search-form .form-item .ant-picker .ant-picker-input>input,.advanced-search-form .form-item .ant-picker .ant-select-selector,.advanced-search-form .form-item .ant-select .ant-picker-input>input,.advanced-search-form .form-item .ant-select .ant-select-selector{font-family:Outfit,sans-serif;font-size:16px;color:#2d1d04;border:none!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;line-height:24px}.advanced-search-form .form-item .ant-picker .ant-select-selector,.advanced-search-form .form-item .ant-select .ant-select-selector{display:flex!important;align-items:center!important}.advanced-search-form .form-item .ant-picker .ant-select-selection-placeholder,.advanced-search-form .form-item .ant-picker .ant-picker-input>input::placeholder,.advanced-search-form .form-item .ant-select .ant-select-selection-placeholder,.advanced-search-form .form-item .ant-select .ant-picker-input>input::placeholder{color:#bababa;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px}.advanced-search-form .form-item .ant-picker .ant-picker-suffix,.advanced-search-form .form-item .ant-picker .ant-select-arrow,.advanced-search-form .form-item .ant-select .ant-picker-suffix,.advanced-search-form .form-item .ant-select .ant-select-arrow{color:#2d1d04;font-size:24px}.advanced-search-form .form-item .ant-select-single .ant-select-selector{padding:0!important}.advanced-search-form .form-actions{margin-top:24px}.advanced-search-form .form-actions .reset-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;border:1px solid #2D1D04;background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-transform:uppercase;transition:all .3s;cursor:pointer}.advanced-search-form .form-actions .reset-btn:hover{background:#2d1d040d;border-color:#2d1d04;color:#2d1d04}.advanced-search-form .form-actions .reset-btn:active{background:#2d1d041a}.advanced-search-form .form-actions .search-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-transform:uppercase;box-shadow:none;transition:all .3s;cursor:pointer}.advanced-search-form .form-actions .search-btn:hover{background:#6b4820;box-shadow:none}.advanced-search-form .form-actions .search-btn:active{background:#5a3d1b}@media(max-width:1024px){.advanced-search-form .form-item label{font-size:12px}.advanced-search-form .form-item .ant-picker,.advanced-search-form .form-item .ant-select{height:46px;padding:11px 14px}.advanced-search-form .form-actions{margin-top:20px}.advanced-search-form .form-actions .reset-btn,.advanced-search-form .form-actions .search-btn{height:38px;padding:8px 20px;font-size:12px}}@media(max-width:768px){.advanced-search-form{gap:12px}.advanced-search-form .form-item label{font-size:12px}.advanced-search-form .form-item .ant-picker,.advanced-search-form .form-item .ant-select{height:44px;padding:10px 14px}.advanced-search-form .form-actions{margin-top:20px}.advanced-search-form .form-actions .reset-btn,.advanced-search-form .form-actions .search-btn{height:38px;padding:8px 20px;font-size:12px}}@media(max-width:480px){.advanced-search-form{gap:12px}.advanced-search-form .form-item label{font-size:11px;margin-bottom:6px}.advanced-search-form .form-item .ant-picker,.advanced-search-form .form-item .ant-select{height:42px;padding:10px 12px}.advanced-search-form .form-item .ant-picker .ant-picker-input>input,.advanced-search-form .form-item .ant-picker .ant-select-selection-placeholder,.advanced-search-form .form-item .ant-picker .ant-picker-input>input::placeholder,.advanced-search-form .form-item .ant-select .ant-picker-input>input,.advanced-search-form .form-item .ant-select .ant-select-selection-placeholder,.advanced-search-form .form-item .ant-select .ant-picker-input>input::placeholder{font-size:13px}.advanced-search-form .form-actions{margin-top:16px;flex-direction:column;align-items:stretch;gap:10px}.advanced-search-form .form-actions .ant-row{flex-direction:column!important}.advanced-search-form .form-actions .ant-space{flex-direction:column!important;width:100%}.advanced-search-form .form-actions .reset-btn,.advanced-search-form .form-actions .search-btn{width:100%;height:36px;padding:8px 16px;font-size:11px}}.new-customer-modal{z-index:2000!important}.new-customer-modal .ant-modal{top:50%;transform:translateY(-50%);padding-bottom:0;z-index:2000!important}.new-customer-modal .ant-modal-wrap{z-index:2000!important}.new-customer-modal .ant-modal-content{padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#feffff!important;box-shadow:0 10px 40px #00000026!important;z-index:2000!important;position:relative}.new-customer-modal .ant-modal-body{padding:0!important;overflow:visible;border-radius:0 0 16px 16px}.new-customer-modal .ant-modal-header{border-radius:16px 16px 0 0!important;overflow:hidden;padding:0!important;border:none!important}.new-customer-modal .ant-modal-close{border-radius:0 16px 0 0}.new-customer-modal-mask{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000003d!important;z-index:1999!important}.new-customer-modal-content{background:#feffff;font-family:Outfit,sans-serif;border-radius:16px;overflow:hidden}.new-customer-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #F4F0E7;border-radius:16px 16px 0 0}.new-customer-modal-content .modal-header .modal-title{font-size:20px;font-weight:600;color:#2d1d04;margin:0;font-family:Outfit,sans-serif}.new-customer-modal-content .modal-header .close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#727270;transition:all .3s}.new-customer-modal-content .modal-header .close-button:hover{background:#f4f0e780;color:#2d1d04}.new-customer-modal-content .modal-header .close-button .anticon{font-size:18px}.new-customer-modal-content .new-customer-form{padding:24px;max-height:calc(100vh - 180px);overflow-y:auto}.new-customer-modal-content .new-customer-form .form-fields-container{display:flex;flex-direction:column;gap:16px}.new-customer-modal-content .new-customer-form .form-section{margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #CAC5BF}.new-customer-modal-content .new-customer-form .form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.new-customer-modal-content .new-customer-form .form-section .section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;color:#2d1d04;margin:24px 0}.new-customer-modal-content .new-customer-form .form-section .first-section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;color:#2d1d04;margin:0 0 24px}.new-customer-modal-content .new-customer-form .profile-picture-section{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:0;border-bottom:none}.new-customer-modal-content .new-customer-form .profile-picture-section .profile-avatar{width:100px!important;height:100px!important;border-radius:50%!important;border:1px solid #825826!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fffaf5!important;flex-shrink:0}.new-customer-modal-content .new-customer-form .profile-picture-section .profile-avatar .anticon{font-size:40px;color:#825826}.new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions{display:flex;gap:12px;flex:1}.new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .delete-avatar-btn{height:40px;padding:8px 24px;border-radius:1000px;background:transparent;border:1px solid #BABABA;color:#bababa;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .delete-avatar-btn:hover{border-color:#825826;color:#825826}.new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .upload-avatar-btn{height:40px;padding:8px 24px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .upload-avatar-btn:hover{background:#6b4820}.new-customer-modal-content .new-customer-form .ant-form-item{margin-bottom:0!important;margin-top:0!important}.new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-label{padding-bottom:6px;height:auto;margin-bottom:0}.new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-label label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;color:#242424;line-height:24px;height:24px;display:flex;align-items:center;margin-bottom:0}.new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-control{margin:0}.new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-control .ant-form-item-control-input{min-height:48px;margin:0}.new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-control .ant-form-item-control-input-content{margin:0}.new-customer-modal-content .new-customer-form .form-input{display:flex;height:48px;padding:12px 16px;align-items:center;gap:8px;align-self:stretch;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;line-height:24px;transition:all .3s;margin:0!important}.new-customer-modal-content .new-customer-form .form-input:hover{border-color:#825826}.new-customer-modal-content .new-customer-form .form-input:focus,.new-customer-modal-content .new-customer-form .form-input.ant-input-focused,.new-customer-modal-content .new-customer-form .form-input.ant-picker-focused{border-color:#825826;box-shadow:0 0 0 2px #8258261a;outline:none}.new-customer-modal-content .new-customer-form .form-input::placeholder{color:#bababa;opacity:1;font-weight:400}.new-customer-modal-content .new-customer-form .ant-select{width:100%!important;box-shadow:none!important;outline:none!important;border:none!important;background:transparent!important;margin:0!important;padding:0!important;line-height:1!important;vertical-align:top!important;display:block!important;height:auto!important}.new-customer-modal-content .new-customer-form .ant-select:before,.new-customer-modal-content .new-customer-form .ant-select:after{display:none!important;content:none!important}.new-customer-modal-content .new-customer-form .ant-select.ant-select-outlined,.new-customer-modal-content .new-customer-form .ant-select.ant-select-in-form-item,.new-customer-modal-content .new-customer-form .ant-select.ant-select-single,.new-customer-modal-content .new-customer-form .ant-select.ant-select-show-arrow,.new-customer-modal-content .new-customer-form .ant-select.form-input{margin:0!important;padding:0!important;line-height:1!important;vertical-align:top!important;height:auto!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector{display:flex!important;height:48px!important;min-height:48px!important;padding:12px 40px 12px 16px!important;align-items:center!important;gap:8px!important;align-self:stretch!important;border-radius:12px!important;border:1px solid #BABABA!important;background:#feffff!important;position:relative!important;cursor:pointer!important;box-shadow:none!important;outline:none!important;margin:0!important;width:100%!important;box-sizing:border-box!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector:before,.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector:after{display:none!important;content:none!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector:hover{border-color:#825826!important;box-shadow:none!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector .ant-select-selection-item{line-height:24px!important;font-family:Outfit,sans-serif;font-size:16px!important;font-weight:400!important;color:#2d1d04!important;display:flex!important;align-items:center!important;padding:0!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector .ant-select-selection-placeholder{line-height:24px!important;font-family:Outfit,sans-serif;font-size:16px!important;font-weight:400!important;color:#bababa!important;display:flex!important;align-items:center!important;padding:0!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector .ant-select-selection-search{display:flex!important;align-items:center!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{height:24px!important;line-height:24px!important;font-family:Outfit,sans-serif;font-size:16px!important;font-weight:400!important;color:#2d1d04!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-arrow{position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important;margin-top:0!important;margin-right:0!important;width:16px!important;height:16px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;pointer-events:none!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-arrow .anticon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;font-size:12px!important;line-height:1!important;color:#727270!important;transition:transform .3s!important}.new-customer-modal-content .new-customer-form .ant-select.ant-select-open .ant-select-arrow .anticon{transform:rotate(180deg)!important}.new-customer-modal-content .new-customer-form .ant-select.ant-select-focused .ant-select-selector{border-color:#825826!important;box-shadow:0 0 0 2px #8258261a!important;outline:none!important}.new-customer-modal-content .new-customer-form .ant-select:before,.new-customer-modal-content .new-customer-form .ant-select:after{display:none!important}.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector:before,.new-customer-modal-content .new-customer-form .ant-select .ant-select-selector:after{display:none!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown){z-index:3000!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;padding:8px!important;border:1px solid #BABABA!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown .ant-select-item,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown) .ant-select-item{font-family:Outfit,sans-serif;font-size:16px!important;font-weight:400!important;color:#2d1d04!important;padding:10px 16px!important;border-radius:8px!important;margin:2px 0!important;transition:all .2s!important;min-height:40px!important;line-height:20px!important;display:flex!important;align-items:center!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown .ant-select-item:hover,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown) .ant-select-item:hover{background:#8258261a!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown .ant-select-item.ant-select-item-option-selected,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown) .ant-select-item.ant-select-item-option-selected{background:#82582626!important;color:#825826!important;font-weight:500!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown .ant-select-item.ant-select-item-option-active,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown) .ant-select-item.ant-select-item-option-active{background:#8258261a!important}.new-customer-modal-content .new-customer-form ::ng-deep .ant-select-dropdown .ant-select-item-empty,.new-customer-modal-content .new-customer-form :global(.ant-select-dropdown) .ant-select-item-empty{font-family:Outfit,sans-serif;font-size:16px!important;color:#bababa!important;padding:10px 16px!important}.new-customer-modal-content .new-customer-form .ant-picker{display:flex!important;width:100%!important;height:48px!important;padding:12px 16px!important;align-items:center!important;gap:8px!important;border-radius:12px!important;border:1px solid #BABABA!important;background:#feffff!important;margin:0!important;box-shadow:none!important;outline:none!important;vertical-align:top!important;line-height:1!important}.new-customer-modal-content .new-customer-form .ant-picker:hover{border-color:#825826!important;box-shadow:none!important}.new-customer-modal-content .new-customer-form .ant-picker:focus,.new-customer-modal-content .new-customer-form .ant-picker.ant-picker-focused{border-color:#825826!important;box-shadow:0 0 0 2px #8258261a!important;outline:none!important}.new-customer-modal-content .new-customer-form .ant-picker .ant-picker-input{flex:1;height:24px;display:flex;align-items:center}.new-customer-modal-content .new-customer-form .ant-picker .ant-picker-input input{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;line-height:24px;height:24px;padding:0;border:none;background:transparent}.new-customer-modal-content .new-customer-form .ant-picker .ant-picker-input input::placeholder{color:#bababa;font-weight:400}.new-customer-modal-content .new-customer-form .ant-picker .ant-picker-suffix{display:flex;align-items:center;margin-left:8px}.new-customer-modal-content .new-customer-form .ant-input{height:48px}.new-customer-modal-content .new-customer-form textarea.ant-input{display:flex;height:auto;min-height:48px;padding:12px 16px;align-items:flex-start;gap:8px;resize:vertical;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px}.new-customer-modal-content .modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:0;margin-top:15px;border-top:none}.new-customer-modal-content .modal-footer .footer-note{flex:1}.new-customer-modal-content .modal-footer .footer-note p{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#727270;line-height:24px;margin:0}.new-customer-modal-content .modal-footer .footer-buttons{display:flex;gap:12px}.new-customer-modal-content .modal-footer .back-button,.new-customer-modal-content .modal-footer .refresh-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;border:1px solid #2D1D04;background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-customer-modal-content .modal-footer .back-button:hover,.new-customer-modal-content .modal-footer .refresh-button:hover{border-color:#825826;color:#825826}.new-customer-modal-content .modal-footer .submit-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.new-customer-modal-content .modal-footer .submit-button:hover{background:#6b4820}.new-customer-modal-content .modal-footer .submit-button:focus{background:#825826}@media(max-width:1024px){.new-customer-modal .ant-modal{width:95%!important;max-width:95%!important;margin:20px auto}.new-customer-modal .new-customer-modal-content .modal-header{padding:20px 20px 16px}.new-customer-modal .new-customer-modal-content .modal-header .modal-title{font-size:18px}.new-customer-modal .new-customer-modal-content .new-customer-form{padding:20px;max-height:calc(100vh - 180px)}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .section-title,.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{font-size:24px;line-height:34px;margin:20px 0}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{margin:0 0 20px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section{gap:16px;margin-bottom:20px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .profile-avatar{width:80px!important;height:80px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .delete-avatar-btn,.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .upload-avatar-btn{height:36px;padding:6px 20px;font-size:13px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item{margin-bottom:20px}.new-customer-modal .new-customer-modal-content .new-customer-form .form-input,.new-customer-modal .new-customer-modal-content .new-customer-form .ant-select .ant-select-selector{height:44px!important;padding:10px 14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-picker{height:44px;padding:10px 14px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-input{height:44px!important}.new-customer-modal .new-customer-modal-content .new-customer-form textarea.ant-input{min-height:44px}.new-customer-modal .new-customer-modal-content .modal-footer{margin-top:12px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-note p{font-size:14px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons{gap:8px}.new-customer-modal .new-customer-modal-content .modal-footer .back-button,.new-customer-modal .new-customer-modal-content .modal-footer .refresh-button,.new-customer-modal .new-customer-modal-content .modal-footer .submit-button{height:36px;padding:6px 20px;font-size:13px}}@media(max-width:768px){.new-customer-modal .ant-modal{width:95%!important;max-width:95%!important;margin:16px auto}.new-customer-modal .new-customer-modal-content .modal-header{padding:16px 20px 12px}.new-customer-modal .new-customer-modal-content .modal-header .modal-title{font-size:17px}.new-customer-modal .new-customer-modal-content .new-customer-form{padding:16px 20px;max-height:calc(100vh - 160px)}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .section-title,.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{font-size:22px;line-height:32px;margin:16px 0}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{margin:0 0 16px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .profile-avatar{width:80px!important;height:80px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions{width:100%;flex-wrap:wrap}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .delete-avatar-btn,.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .upload-avatar-btn{height:36px;padding:6px 16px;font-size:12px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item{margin-bottom:16px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-label label{font-size:15px}.new-customer-modal .new-customer-modal-content .new-customer-form .form-input,.new-customer-modal .new-customer-modal-content .new-customer-form .ant-select .ant-select-selector{height:42px!important;padding:10px 14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-picker{height:42px;padding:10px 14px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-input{height:42px!important}.new-customer-modal .new-customer-modal-content .new-customer-form textarea.ant-input{min-height:42px;padding:10px 14px}.new-customer-modal .new-customer-modal-content .modal-footer{margin-top:12px;flex-direction:column;align-items:stretch;gap:12px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-note p{font-size:14px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons{flex-wrap:wrap;gap:8px}.new-customer-modal .new-customer-modal-content .modal-footer .back-button,.new-customer-modal .new-customer-modal-content .modal-footer .refresh-button,.new-customer-modal .new-customer-modal-content .modal-footer .submit-button{height:36px;padding:6px 16px;font-size:12px}}@media(max-width:480px){.new-customer-modal .ant-modal{width:100%!important;max-width:100%!important;margin:0!important;top:0!important;transform:none!important;padding-bottom:0}.new-customer-modal .ant-modal-content,.new-customer-modal .ant-modal-body{border-radius:0!important}.new-customer-modal .new-customer-modal-content .modal-header{padding:12px 16px 10px;border-radius:0}.new-customer-modal .new-customer-modal-content .modal-header .modal-title{font-size:16px}.new-customer-modal .new-customer-modal-content .modal-header .close-button{width:28px;height:28px}.new-customer-modal .new-customer-modal-content .modal-header .close-button .anticon{font-size:16px}.new-customer-modal .new-customer-modal-content .new-customer-form{padding:12px 16px;max-height:calc(100vh - 120px)}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .section-title,.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{font-size:18px;line-height:28px;margin:12px 0}.new-customer-modal .new-customer-modal-content .new-customer-form .form-section .first-section-title{margin:0 0 12px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section{gap:10px;margin-bottom:12px;padding-bottom:12px}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .profile-avatar{width:80px!important;height:80px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .delete-avatar-btn,.new-customer-modal .new-customer-modal-content .new-customer-form .profile-picture-section .avatar-actions .upload-avatar-btn{height:32px;padding:6px 12px;font-size:11px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item{margin-bottom:12px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-label{padding-bottom:4px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-form-item .ant-form-item-label label{font-size:14px}.new-customer-modal .new-customer-modal-content .new-customer-form .form-input,.new-customer-modal .new-customer-modal-content .new-customer-form .ant-select .ant-select-selector{height:40px!important;padding:8px 12px!important;font-size:14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-select .ant-select-selection-item,.new-customer-modal .new-customer-modal-content .new-customer-form .ant-select .ant-select-selection-placeholder{font-size:14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-picker{height:40px;padding:8px 12px}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-picker .ant-picker-input input{font-size:14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form .ant-input{height:40px!important;font-size:14px!important}.new-customer-modal .new-customer-modal-content .new-customer-form textarea.ant-input{min-height:40px;padding:8px 12px;font-size:14px}.new-customer-modal .new-customer-modal-content .modal-footer{margin-top:8px;padding:0 16px 16px;flex-direction:column;gap:8px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-note p{font-size:13px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons{flex-direction:column;gap:8px}.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons .back-button,.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons .refresh-button,.new-customer-modal .new-customer-modal-content .modal-footer .footer-buttons .submit-button{width:100%;height:36px;padding:6px 12px;font-size:12px}}.customer-table{background:#feffff;border-radius:12px;padding:20px;border:1px solid #F4F0E7;box-shadow:0 2px 8px #0000000a;font-family:Outfit,sans-serif;overflow-x:auto;height:100%;display:flex;flex-direction:column}.customer-table .ant-table{background:transparent;font-family:Outfit,sans-serif;flex:1;display:flex;flex-direction:column;min-height:0}.customer-table .ant-table .ant-table-container{flex:1;display:flex;flex-direction:column;min-height:0}.customer-table .ant-table .ant-table-content{overflow-x:auto;position:relative;flex:1;min-height:0}.customer-table .ant-table .ant-table-cell-fix-left{position:sticky!important;left:0!important;z-index:1000!important;background:#feffff!important;box-shadow:none!important;border-top:none!important;border-right:none!important;border-left:none!important}.customer-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left{z-index:1001!important;background:#feffff!important;border-top:none!important;border-right:none!important;border-left:none!important;box-shadow:none!important}.customer-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{z-index:1000!important;background:#feffff!important;border-top:none!important;border-right:none!important;border-left:none!important;box-shadow:none!important}.customer-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left,.customer-table .ant-table .ant-table-tbody>tr:first-child>td.ant-table-cell-fix-left,.customer-table .ant-table .ant-table-tbody>tr:last-child>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.customer-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.customer-table .ant-table .ant-table-thead>tr:first-child>th.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.customer-table .ant-table .ant-table-cell.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.customer-table .ant-table .ant-table-cell-fix-left:before,.customer-table .ant-table .ant-table-cell-fix-left:after,.customer-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left:before,.customer-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left:after,.customer-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left:before,.customer-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left:after{display:none!important}.customer-table .ant-table .ant-table-wrapper .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.customer-table .ant-table .ant-table-wrapper .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important;outline:none!important}.customer-table .ant-table .ant-table-thead>tr>th:not(.ant-table-cell-fix-left),.customer-table .ant-table .ant-table-tbody>tr>td:not(.ant-table-cell-fix-left){position:relative;z-index:1!important}.customer-table .ant-table .ant-table-body{overflow-x:auto;position:relative}.customer-table .ant-table .ant-table-body:before{content:"";position:sticky;left:0;width:180px;height:100%;background:#feffff;z-index:999!important;pointer-events:none;box-shadow:none;display:block}.customer-table .ant-table .ant-table-thead{position:relative}.customer-table .ant-table .ant-table-thead:before{content:"";position:sticky;left:0;width:180px;height:100%;background:#feffff;z-index:1000!important;pointer-events:none;box-shadow:none;display:block}.customer-table .ant-table .customer-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#2d1d04;margin-bottom:4px}.customer-table .ant-table .customer-code{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#727270}.customer-table .ant-table .ant-table-thead>tr>th{background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;line-height:20px;border-bottom:2px solid #2D1D04;padding:12px 16px}.customer-table .ant-table .ant-table-thead>tr>th:before{display:none}.customer-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.customer-table .ant-table .ant-table-tbody>tr{background:transparent}.customer-table .ant-table .ant-table-tbody>tr>td{font-family:Outfit,sans-serif;font-size:13px;font-weight:400;line-height:20px;color:#2d1d04;border-bottom:1px solid #F4F0E7;padding:16px}.customer-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important;outline:none!important}.customer-table .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.customer-table .ant-table .ant-table-column-sorters{padding:0}.customer-table .ant-table .date-cell{display:flex;flex-direction:column;gap:4px}.customer-table .ant-table .date-cell .date-value{font-family:Outfit,sans-serif;font-size:13px;font-weight:400;color:#2d1d04;line-height:20px}.customer-table .ant-table .date-cell .date-by{font-family:Outfit,sans-serif;font-size:11px;font-weight:400;color:#727270;line-height:16px}.customer-table .ant-table .status-tag{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;border-radius:16px;border:none}.customer-table .ant-table .status-tag.ant-tag-success{background:#e7f7ed;color:#2d8b4e}.customer-table .ant-table .status-tag.ant-tag-warning{background:#fff4e6;color:#d97706}.customer-table .ant-table .status-tag.ant-tag-default{background:#f5f5f5;color:#727270}.customer-table .ant-table .action-icons{display:flex;gap:8px;align-items:center;justify-content:flex-end}.customer-table .ant-table .action-icons .action-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s;color:#727270;font-size:16px}.customer-table .ant-table .action-icons .action-btn:hover{background:#f4f0e780;color:#2d1d04}.customer-table .ant-table .action-icons .action-btn:active{background:#f4f0e7cc}.customer-table .ant-table .action-icons .action-btn .anticon{font-size:16px}.customer-table .ant-pagination{margin-top:20px;font-family:Outfit,sans-serif}.customer-table .ant-pagination .ant-pagination-item{font-family:Outfit,sans-serif;border-color:#f4f0e7}.customer-table .ant-pagination .ant-pagination-item a{color:#2d1d04}.customer-table .ant-pagination .ant-pagination-item:hover{border-color:#c3a593}.customer-table .ant-pagination .ant-pagination-item:hover a{color:#2d1d04}.customer-table .ant-pagination .ant-pagination-item.ant-pagination-item-active{background:#f4f0e7;border-color:#c3a593}.customer-table .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:#2d1d04}.customer-table .ant-pagination .ant-pagination-prev button,.customer-table .ant-pagination .ant-pagination-next button{color:#2d1d04;border-color:#f4f0e7}.customer-table .ant-pagination .ant-pagination-prev button:hover,.customer-table .ant-pagination .ant-pagination-next button:hover{border-color:#c3a593;color:#2d1d04}.customer-table .ant-pagination .ant-pagination-total-text{font-family:Outfit,sans-serif;color:#727270}@media(max-width:1024px){.customer-table{padding:16px;border-radius:10px}.customer-table .ant-table .ant-table-thead>tr>th{font-size:12px;padding:10px 12px}.customer-table .ant-table .ant-table-tbody>tr>td{font-size:12px;padding:12px}.customer-table .ant-table .customer-name{font-size:13px}.customer-table .ant-table .customer-code{font-size:11px}.customer-table .ant-table .date-cell .date-value{font-size:12px}.customer-table .ant-table .date-cell .date-by{font-size:10px}.customer-table .ant-table .status-tag{font-size:11px;padding:3px 10px}.customer-table .ant-pagination{margin-top:16px}}@media(max-width:768px){.customer-table{padding:16px;border-radius:8px}.customer-table .ant-table .ant-table-thead>tr>th{font-size:12px;padding:10px 12px}.customer-table .ant-table .ant-table-tbody>tr>td{font-size:12px;padding:12px}.customer-table .ant-table .customer-name{font-size:13px}.customer-table .ant-table .customer-code{font-size:11px}.customer-table .ant-pagination{margin-top:16px}}@media(max-width:480px){.customer-table{padding:12px;border-radius:8px}.customer-table .ant-table .ant-table-thead>tr>th{font-size:11px;padding:8px 10px}.customer-table .ant-table .ant-table-tbody>tr>td{font-size:11px;padding:10px}.customer-table .ant-table .customer-name{font-size:12px}.customer-table .ant-table .customer-code{font-size:10px}.customer-table .ant-table .date-cell .date-value{font-size:11px}.customer-table .ant-table .date-cell .date-by{font-size:9px}.customer-table .ant-table .status-tag{font-size:10px;padding:2px 8px}.customer-table .ant-table .action-icons{gap:4px}.customer-table .ant-table .action-icons .action-btn{padding:4px;font-size:14px}.customer-table .ant-table .action-icons .action-btn .anticon{font-size:14px}.customer-table .ant-pagination{margin-top:12px}.customer-table .ant-pagination .ant-pagination-item{min-width:28px;height:28px;line-height:26px;font-size:12px}.customer-table .ant-pagination .ant-pagination-prev,.customer-table .ant-pagination .ant-pagination-next,.customer-table .ant-pagination .ant-pagination-prev button,.customer-table .ant-pagination .ant-pagination-next button{min-width:28px;height:28px}.customer-table .ant-pagination .ant-pagination-total-text{font-size:12px}}.customer-list-page{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;font-family:Outfit,sans-serif;overflow:hidden}.customer-list-page .page-header{background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.customer-list-page .page-header .page-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:500;line-height:48px;margin:0;color:#2d1d04}.customer-list-page .page-header .header-actions{display:flex;gap:12px;align-items:center}.customer-list-page .page-header .header-actions .search-input{display:flex;width:300px;height:48px;padding:12px 16px;align-items:center;gap:12px;align-self:stretch;border-radius:1000px;border:1px solid #CAC5BF;background:#feffff;font-family:Outfit,sans-serif;box-shadow:none}.customer-list-page .page-header .header-actions .search-input .anticon{flex-shrink:0}.customer-list-page .page-header .header-actions .search-input .ant-input{font-family:Outfit,sans-serif;font-size:18px;color:#2d1d04;border:none;background:transparent;padding:0;box-shadow:none;flex:1;min-width:0}.customer-list-page .page-header .header-actions .search-input .ant-input::placeholder{color:#bababa;font-size:18px;font-weight:400;line-height:28px}.customer-list-page .page-header .header-actions .search-input .ant-input:focus{box-shadow:none;outline:none}.customer-list-page .page-header .header-actions .search-input .ant-input-clear-icon{color:#bababa;font-size:16px}.customer-list-page .page-header .header-actions .search-input:hover{border-color:#cac5bf}.customer-list-page .page-header .header-actions .advanced-search-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:#2d1d04;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;text-transform:uppercase;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:4px;transition:color .3s}.customer-list-page .page-header .header-actions .advanced-search-btn:hover{color:#825826}.customer-list-page .page-header .header-actions .advanced-search-btn:focus{outline:none}.customer-list-page .page-header .header-actions .new-customer-btn{display:flex;height:48px;padding:12px 32px 12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;text-transform:uppercase;transition:all .3s}.customer-list-page .page-header .header-actions .new-customer-btn:hover{background:#6b4820}.customer-list-page .page-header .header-actions .new-customer-btn .anticon{font-size:24px}.customer-list-page .advanced-search-section{background:#fffcf9;padding:24px;border-radius:16px;border:1px solid #F4F0E7;box-shadow:none}.customer-list-page .advanced-search-section .section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;margin-bottom:24px;color:#2d1d04}.customer-list-page .customer-table-section{background:transparent;padding:0;flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.customer-list-page .customer-table-section .section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;margin:0;color:#2d1d04}@media(max-width:1024px){.customer-list-page{gap:20px}.customer-list-page .page-header .page-title{font-size:24px}.customer-list-page .page-header .header-actions{gap:10px}.customer-list-page .page-header .header-actions .search-input{width:220px}.customer-list-page .page-header .header-actions .advanced-search-btn,.customer-list-page .page-header .header-actions .new-customer-btn{font-size:12px;padding:8px 14px}}@media(max-width:768px){.customer-list-page{gap:16px;height:auto;min-height:100%;overflow:visible}.customer-list-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.customer-list-page .page-header .page-title{font-size:22px}.customer-list-page .page-header .header-actions{width:100%;flex-wrap:wrap}.customer-list-page .page-header .header-actions .search-input{width:100%}.customer-list-page .page-header .header-actions .advanced-search-btn,.customer-list-page .page-header .header-actions .new-customer-btn{flex:1;min-width:120px}.customer-list-page .advanced-search-section{padding:16px}.customer-list-page .advanced-search-section .section-title{font-size:18px}.customer-list-page .customer-table-section{flex:0 0 auto;min-height:400px;overflow:visible;gap:12px}.customer-list-page .customer-table-section .section-title{font-size:18px}}@media(max-width:480px){.customer-list-page{gap:12px;height:auto;min-height:100%;overflow:visible}.customer-list-page .page-header{gap:12px}.customer-list-page .page-header .page-title{font-size:20px}.customer-list-page .page-header .header-actions{gap:8px}.customer-list-page .page-header .header-actions .search-input{padding:10px 14px}.customer-list-page .page-header .header-actions .advanced-search-btn,.customer-list-page .page-header .header-actions .new-customer-btn{width:100%;height:44px;font-size:11px}.customer-list-page .advanced-search-section{padding:12px;border-radius:10px}.customer-list-page .advanced-search-section .section-title{font-size:16px;margin-bottom:16px}.customer-list-page .customer-table-section{flex:0 0 auto;min-height:350px;overflow:visible;gap:10px}.customer-list-page .customer-table-section .section-title{font-size:16px}}.advanced-search-form.order-advanced-search{display:flex;flex-direction:column;gap:24px;font-family:Outfit,sans-serif}.advanced-search-form.order-advanced-search .form-item{display:flex;flex-direction:column;gap:6px}.advanced-search-form.order-advanced-search .form-item .form-label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;margin:0}.advanced-search-form.order-advanced-search .form-item .form-input{height:48px;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;color:#2d1d04}.advanced-search-form.order-advanced-search .form-item .form-input::placeholder{color:#bababa}.advanced-search-form.order-advanced-search .form-item .form-input:hover{border-color:#bababa}.advanced-search-form.order-advanced-search .form-item .form-input:focus{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.advanced-search-form.order-advanced-search .form-item .ant-picker{height:48px;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;color:#2d1d04}.advanced-search-form.order-advanced-search .form-item .ant-picker:hover{border-color:#bababa}.advanced-search-form.order-advanced-search .form-item .ant-picker:focus{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.advanced-search-form.order-advanced-search .form-item .ant-picker .ant-picker-suffix{color:#2d1d04}.advanced-search-form.order-advanced-search .form-item .ant-select .ant-select-selector{height:48px;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;color:#2d1d04}.advanced-search-form.order-advanced-search .form-item .ant-select .ant-select-selector .ant-select-selection-placeholder{color:#bababa;line-height:46px}.advanced-search-form.order-advanced-search .form-item .ant-select .ant-select-selector .ant-select-selection-item{line-height:46px;color:#2d1d04}.advanced-search-form.order-advanced-search .form-item .ant-select:hover .ant-select-selector{border-color:#bababa}.advanced-search-form.order-advanced-search .form-item .ant-select.ant-select-focused .ant-select-selector{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.advanced-search-form.order-advanced-search .form-actions{margin-top:0}.advanced-search-form.order-advanced-search .form-actions .reset-btn{height:40px;padding:8px 24px;border-radius:1000px;border:1px solid #2D1D04;background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .3s}.advanced-search-form.order-advanced-search .form-actions .reset-btn:hover{background:#f4f0e7;border-color:#2d1d04;color:#2d1d04}.advanced-search-form.order-advanced-search .form-actions .search-btn{height:40px;padding:8px 24px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .3s}.advanced-search-form.order-advanced-search .form-actions .search-btn:hover{background:#6b4820}@media(max-width:768px){.advanced-search-form.order-advanced-search{gap:20px}.advanced-search-form.order-advanced-search .form-item .form-label{font-size:14px}.advanced-search-form.order-advanced-search .form-item .form-input,.advanced-search-form.order-advanced-search .form-item .ant-picker,.advanced-search-form.order-advanced-search .form-item .ant-select .ant-select-selector{height:44px;font-size:14px}.advanced-search-form.order-advanced-search .form-actions .reset-btn,.advanced-search-form.order-advanced-search .form-actions .search-btn{height:38px;padding:6px 20px;font-size:12px}}@media(max-width:480px){.advanced-search-form.order-advanced-search{gap:16px}.advanced-search-form.order-advanced-search .form-item{gap:4px}.advanced-search-form.order-advanced-search .form-item .form-label{font-size:13px}.advanced-search-form.order-advanced-search .form-item .form-input,.advanced-search-form.order-advanced-search .form-item .ant-picker,.advanced-search-form.order-advanced-search .form-item .ant-select .ant-select-selector{height:40px;font-size:13px}.advanced-search-form.order-advanced-search .form-actions .reset-btn,.advanced-search-form.order-advanced-search .form-actions .search-btn{height:36px;padding:6px 16px;font-size:11px}}.order-table-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#feffff;border-radius:12px;border:1px solid #F4F0E7}.order-table{background:transparent;padding:0;border:none;box-shadow:none;font-family:Outfit,sans-serif;overflow-x:auto;flex:1;min-height:0;display:flex;flex-direction:column}.order-table .ant-table{background:transparent;font-family:Outfit,sans-serif;flex:1;display:flex;flex-direction:column;min-height:0}.order-table .ant-table .ant-table-container{flex:1;display:flex;flex-direction:column;min-height:0}.order-table .ant-table .ant-table-content{overflow-x:auto;position:relative;flex:1;min-height:0}.order-table .ant-table .ant-table-cell-fix-left{position:sticky!important;left:0!important;z-index:1000!important;background:#feffff!important;box-shadow:none!important;border-top:none!important;border-right:none!important;border-left:none!important}.order-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left{z-index:1001!important;background:#feffff!important;border-top:none!important;border-right:none!important;border-left:none!important;box-shadow:none!important}.order-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{z-index:1000!important;background:#feffff!important;border-top:none!important;border-right:none!important;border-left:none!important;box-shadow:none!important}.order-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left,.order-table .ant-table .ant-table-tbody>tr:first-child>td.ant-table-cell-fix-left,.order-table .ant-table .ant-table-tbody>tr:last-child>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.order-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.order-table .ant-table .ant-table-thead>tr:first-child>th.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.order-table .ant-table .ant-table-cell.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.order-table .ant-table .ant-table-cell-fix-left:before,.order-table .ant-table .ant-table-cell-fix-left:after,.order-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left:before,.order-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left:after,.order-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left:before,.order-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left:after{display:none!important}.order-table .ant-table .ant-table-wrapper .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.order-table .ant-table .ant-table-wrapper .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important;outline:none!important}.order-table .ant-table .ant-table-thead>tr>th:not(.ant-table-cell-fix-left),.order-table .ant-table .ant-table-tbody>tr>td:not(.ant-table-cell-fix-left){position:relative;z-index:1!important}.order-table .ant-table .ant-table-body{overflow-x:auto;position:relative}.order-table .ant-table .ant-table-body:before{content:"";position:sticky;left:0;width:160px;height:100%;background:#feffff;z-index:999!important;pointer-events:none;box-shadow:none;display:block}.order-table .ant-table .ant-table-thead{position:relative}.order-table .ant-table .ant-table-thead:before{content:"";position:sticky;left:0;width:160px;height:100%;background:#feffff;z-index:1000!important;pointer-events:none;box-shadow:none;display:block}.order-table .ant-table .ant-table-thead>tr>th{background:transparent;color:#242424;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;border-bottom:1.5px solid #2D1D04;padding:8px 8px 8px 16px;height:56px}.order-table .ant-table .ant-table-thead>tr>th:before{display:none}.order-table .ant-table .ant-table-thead>tr>th.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important}.order-table .ant-table .ant-table-tbody>tr{background:transparent}.order-table .ant-table .ant-table-tbody>tr>td{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#2d1d04;border-bottom:1px solid #E3E3E3;padding:8px 16px;height:120px}.order-table .ant-table .ant-table-tbody>tr>td.ant-table-cell-fix-left{border-top:none!important;border-right:none!important;border-left:none!important;outline:none!important}.order-table .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.order-table .ant-table .ant-table-column-sorters{padding:0}.order-table .ant-table .edit-button{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s;color:#727270;font-size:16px}.order-table .ant-table .edit-button:hover{background:#f4f0e780;color:#2d1d04}.order-table .ant-table .edit-button:active{background:#f4f0e7cc}.order-table .ant-table .edit-button .anticon{font-size:16px}.order-table .ant-pagination{margin-top:20px;font-family:Outfit,sans-serif}.order-table .ant-pagination .ant-pagination-item{font-family:Outfit,sans-serif;border-color:#f4f0e7}.order-table .ant-pagination .ant-pagination-item a{color:#2d1d04}.order-table .ant-pagination .ant-pagination-item:hover{border-color:#c3a593}.order-table .ant-pagination .ant-pagination-item:hover a{color:#2d1d04}.order-table .ant-pagination .ant-pagination-item.ant-pagination-item-active{background:#f4f0e7;border-color:#c3a593}.order-table .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:#2d1d04}.order-table .ant-pagination .ant-pagination-prev button,.order-table .ant-pagination .ant-pagination-next button{color:#2d1d04;border-color:#f4f0e7}.order-table .ant-pagination .ant-pagination-prev button:hover,.order-table .ant-pagination .ant-pagination-next button:hover{border-color:#c3a593;color:#2d1d04}.order-table .ant-pagination .ant-pagination-total-text{font-family:Outfit,sans-serif;color:#727270}@media(max-width:1024px){.order-table{padding:16px;border-radius:10px}.order-table .ant-table .ant-table-thead>tr>th{font-size:12px;padding:10px 12px}.order-table .ant-table .ant-table-tbody>tr>td{font-size:12px;padding:12px}.order-table .ant-pagination{margin-top:16px}}@media(max-width:768px){.order-table{padding:16px;border-radius:8px}.order-table .ant-table .ant-table-thead>tr>th{font-size:12px;padding:10px 12px}.order-table .ant-table .ant-table-tbody>tr>td{font-size:12px;padding:12px}.order-table .ant-pagination{margin-top:16px}}@media(max-width:480px){.order-table{padding:12px;border-radius:8px}.order-table .ant-table .ant-table-thead>tr>th{font-size:11px;padding:8px 10px}.order-table .ant-table .ant-table-tbody>tr>td{font-size:11px;padding:10px}.order-table .ant-table .edit-button{padding:4px;font-size:14px}.order-table .ant-table .edit-button .anticon{font-size:14px}.order-table .ant-pagination{margin-top:12px}.order-table .ant-pagination .ant-pagination-item{min-width:28px;height:28px;line-height:26px;font-size:12px}.order-table .ant-pagination .ant-pagination-prev,.order-table .ant-pagination .ant-pagination-next,.order-table .ant-pagination .ant-pagination-prev button,.order-table .ant-pagination .ant-pagination-next button{min-width:28px;height:28px}.order-table .ant-pagination .ant-pagination-total-text{font-size:12px}}.order-list-page{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;font-family:Outfit,sans-serif;overflow:hidden}.order-list-page .page-header{background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-list-page .page-header .page-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:500;line-height:48px;margin:0;color:#2d1d04}.order-list-page .page-header .header-actions{display:flex;gap:12px;align-items:center}.order-list-page .page-header .header-actions .search-input{display:flex;width:300px;height:48px;padding:12px 16px;align-items:center;gap:12px;justify-content:flex-start;align-self:stretch;border-radius:1000px;border:1px solid #CAC5BF;background:#feffff;font-family:Outfit,sans-serif;box-shadow:none}.order-list-page .page-header .header-actions .search-input .anticon{flex-shrink:0}.order-list-page .page-header .header-actions .search-input .ant-input{font-family:Outfit,sans-serif;font-size:18px;line-height:28px;color:#2d1d04;border:none;background:transparent;padding:0;box-shadow:none;flex:1;min-width:0}.order-list-page .page-header .header-actions .search-input .ant-input::placeholder{color:#bababa;font-size:18px;font-weight:400;line-height:28px}.order-list-page .page-header .header-actions .search-input .ant-input:focus{box-shadow:none;outline:none}.order-list-page .page-header .header-actions .search-input .ant-input-clear-icon{color:#bababa;font-size:16px}.order-list-page .page-header .header-actions .search-input:hover{border-color:#cac5bf}.order-list-page .page-header .header-actions .advanced-search-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:#2d1d04;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;text-transform:uppercase;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:4px;transition:color .3s}.order-list-page .page-header .header-actions .advanced-search-btn:hover{color:#825826}.order-list-page .page-header .header-actions .advanced-search-btn:focus{outline:none}.order-list-page .page-header .header-actions .new-order-btn{display:flex;height:48px;padding:12px 32px 12px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0;text-transform:uppercase;transition:all .3s}.order-list-page .page-header .header-actions .new-order-btn:hover{background:#6b4820}.order-list-page .page-header .header-actions .new-order-btn .anticon{font-size:24px;margin-inline-end:0}.order-list-page .advanced-search-section{background:#fffcf9;padding:24px;border-radius:16px;border:1px solid #F4F0E7;box-shadow:none}.order-list-page .order-table-section{background:transparent;padding:0;flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.order-list-page .order-table-section .section-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:500;line-height:40px;margin:0;color:#2d1d04}@media(max-width:1024px){.order-list-page{gap:20px}.order-list-page .page-header .page-title{font-size:24px}.order-list-page .page-header .header-actions{gap:10px}.order-list-page .page-header .header-actions .search-input{width:220px}.order-list-page .page-header .header-actions .advanced-search-btn,.order-list-page .page-header .header-actions .new-order-btn{font-size:12px;padding:8px 14px}}@media(max-width:768px){.order-list-page{gap:16px;height:auto;min-height:100%;overflow:visible}.order-list-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.order-list-page .page-header .page-title{font-size:22px}.order-list-page .page-header .header-actions{width:100%;flex-wrap:wrap}.order-list-page .page-header .header-actions .search-input{width:100%}.order-list-page .page-header .header-actions .advanced-search-btn,.order-list-page .page-header .header-actions .new-order-btn{flex:1;min-width:120px}.order-list-page .advanced-search-section{padding:16px}.order-list-page .order-table-section{flex:0 0 auto;min-height:400px;overflow:visible;gap:12px}.order-list-page .order-table-section .section-title{font-size:18px}}@media(max-width:480px){.order-list-page{gap:12px;height:auto;min-height:100%;overflow:visible}.order-list-page .page-header{gap:12px}.order-list-page .page-header .page-title{font-size:20px}.order-list-page .page-header .header-actions{gap:8px}.order-list-page .page-header .header-actions .search-input{padding:10px 14px}.order-list-page .page-header .header-actions .advanced-search-btn,.order-list-page .page-header .header-actions .new-order-btn{width:100%;height:44px;font-size:11px}.order-list-page .advanced-search-section{padding:12px;border-radius:10px}.order-list-page .order-table-section{flex:0 0 auto;min-height:350px;overflow:visible;gap:10px}.order-list-page .order-table-section .section-title{font-size:16px}}.new-order-page{width:100%;height:100%;display:flex;flex-direction:column;font-family:Outfit,sans-serif;overflow:hidden;background:var(--surface, #FFFFFF);border-radius:20px;box-shadow:0 1px 2px #0000000d;padding:24px}.new-order-page .page-header{background:transparent;padding:0;display:flex;flex-direction:column;gap:0}.new-order-page .page-header .breadcrumbs{color:#2d1d04;font-size:14px;cursor:pointer;text-decoration:underline;font-family:Outfit,sans-serif;transition:color .3s}.new-order-page .page-header .breadcrumbs:hover{color:#825826}.new-order-page .page-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.new-order-page .grid{display:grid;grid-template-columns:1fr 520px;gap:16px;height:100%;overflow:hidden}.new-order-page .grid .left-column{background:#feffff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.new-order-page .grid .left-column .page-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:500;line-height:48px;margin:0;color:#2d1d04}.new-order-page .grid .right-column{background:#fffcf9;border:1px solid #F4F0E7;display:flex;flex-direction:column;gap:0;overflow-y:auto}.new-order-page .order-detail-header{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 16px}.new-order-page .order-detail-header .detail-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#2d1d04;margin:0}.new-order-page .order-detail-header .order-badge{background:#feffff;border:1px solid #E3E3E3;border-radius:4px;padding:5px 9px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;line-height:15px;color:#825826}.new-order-page .invoice-card{background:#feffff;border:1px solid #E3E3E3;border-radius:16px;padding:25px;margin:0 32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 1px 2px #0000000d}.new-order-page .invoice-card .invoice-header-section{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:17px;border-bottom:1px solid #CAC5BF}.new-order-page .invoice-card .invoice-header-section .invoice-title-center{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;line-height:36px;color:#242424;text-align:center}.new-order-page .invoice-card .invoice-header-section .invoice-subtitle{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#825826;text-align:center}.new-order-page .invoice-card .invoice-divider{display:none}.new-order-page .invoice-card .info-columns{display:flex;justify-content:space-between}.new-order-page .invoice-card .info-columns .info-col{display:flex;flex-direction:column;gap:8px;flex:1}.new-order-page .invoice-card .info-columns .info-col.text-right{text-align:right;align-items:flex-end}.new-order-page .invoice-card .info-columns .info-col .info-label{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:#bababa}.new-order-page .invoice-card .info-columns .info-col .info-content{display:flex;flex-direction:column;gap:0}.new-order-page .invoice-card .info-columns .info-col .info-content .info-main{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#242424}.new-order-page .invoice-card .info-columns .info-col .info-content .info-secondary{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#727270}.new-order-page .invoice-card .product-table{display:flex;flex-direction:column}.new-order-page .invoice-card .product-table .table-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 24px;align-items:center;background:#f3f4f6;border-radius:4px;height:40px;padding:8px;gap:8px}.new-order-page .invoice-card .product-table .table-header span{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;line-height:16px;color:#242424}.new-order-page .invoice-card .product-table .table-header .col-product{text-align:left}.new-order-page .invoice-card .product-table .table-header .col-qty,.new-order-page .invoice-card .product-table .table-header .col-discount{text-align:center}.new-order-page .invoice-card .product-table .table-header .col-price,.new-order-page .invoice-card .product-table .table-header .col-total{text-align:right}.new-order-page .invoice-card .product-table .table-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 24px;align-items:center;padding:8px;gap:8px;min-height:60px;border-bottom:1px solid #E3E3E3}.new-order-page .invoice-card .product-table .table-row .col-product{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#2d1d04}.new-order-page .invoice-card .product-table .table-row .col-qty.quantity-control{display:flex;align-items:center;justify-content:center;gap:8px}.new-order-page .invoice-card .product-table .table-row .col-qty.quantity-control .qty-btn{width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.new-order-page .invoice-card .product-table .table-row .col-qty.quantity-control .qty-btn svg{width:20px;height:20px;color:#bababa}.new-order-page .invoice-card .product-table .table-row .col-qty.quantity-control .qty-btn:hover svg{color:#2d1d04}.new-order-page .invoice-card .product-table .table-row .col-qty.quantity-control span{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#2d1d04}.new-order-page .invoice-card .product-table .table-row .col-price,.new-order-page .invoice-card .product-table .table-row .col-total{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#2d1d04;text-align:right}.new-order-page .invoice-card .product-table .table-row .col-discount .discount-input{display:flex;align-items:center;background:#feffff;border:1px solid #E3E3E3;border-radius:4px;padding:4px 12px;height:32px;gap:6px}.new-order-page .invoice-card .product-table .table-row .col-discount .discount-input input{flex:1;border:none;outline:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#242424;background:transparent;text-align:left;width:100%;min-width:0}.new-order-page .invoice-card .product-table .table-row .col-discount .discount-input input::-webkit-inner-spin-button,.new-order-page .invoice-card .product-table .table-row .col-discount .discount-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-order-page .invoice-card .product-table .table-row .col-discount .discount-input .percent-icon{font-family:Outfit,sans-serif;font-size:12px;color:#2d1d04}.new-order-page .invoice-card .product-table .table-row .delete-btn{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ee2e53}.new-order-page .invoice-card .product-table .table-row .delete-btn:hover{opacity:.8}.new-order-page .invoice-card .treatment-card-section{background:#f9fafb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.new-order-page .invoice-card .treatment-card-section .treatment-header .ant-checkbox-wrapper{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#242424}.new-order-page .invoice-card .treatment-card-section .treatment-header .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner{background-color:#825826;border-color:#825826}.new-order-page .invoice-card .treatment-card-section .treatment-fields{display:flex;flex-direction:column;gap:8px}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field{display:flex;flex-direction:column;gap:4px}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field.full-width{width:100%}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field label{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:#bababa}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field .ant-select,.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field .ant-input{height:32px;border-radius:4px;font-family:Outfit,sans-serif;font-size:12px}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field .ant-select-selector{background:#feffff!important;border:none!important}.new-order-page .invoice-card .treatment-card-section .treatment-fields .treatment-field .ant-input{background:#feffff;border:none;padding:4px 8px}.new-order-page .invoice-card .notes-section{display:flex;flex-direction:column;gap:4px}.new-order-page .invoice-card .notes-section label{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;line-height:16px;color:#bababa}.new-order-page .invoice-card .notes-section .ant-input{background:#feffff;border:1px solid #E3E3E3;border-radius:4px;font-family:Outfit,sans-serif;font-size:12px;padding:4px 8px;resize:none}.new-order-page .invoice-card .totals-section{display:flex;flex-direction:column;gap:11px;padding-top:25px;border-top:1px solid #F9FAFB}.new-order-page .invoice-card .totals-section .total-row{display:flex;align-items:center;justify-content:space-between}.new-order-page .invoice-card .totals-section .total-row .total-label{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#727270}.new-order-page .invoice-card .totals-section .total-row .total-value{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:#242424;text-align:right}.new-order-page .invoice-card .totals-section .total-row .discount-code-input{display:flex;width:250px}.new-order-page .invoice-card .totals-section .total-row .discount-code-input .ant-input{flex:1;height:32px;border-radius:4px 0 0 4px;border:1px solid #E3E3E3;border-right:none;font-family:Outfit,sans-serif;font-size:12px;text-align:right;padding:4px 12px}.new-order-page .invoice-card .totals-section .total-row .discount-code-input .apply-btn{height:32px;border-radius:0 4px 4px 0;background:#c3a593;border:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:#2d1d04;text-transform:uppercase;padding:4px 12px}.new-order-page .invoice-card .totals-section .total-row .discount-code-input .apply-btn:hover{background:#b09483}.new-order-page .invoice-card .totals-section .total-row .direct-discount-input{width:100px;height:32px;border-radius:4px;border:1px solid #E3E3E3;font-family:Outfit,sans-serif;font-size:12px;text-align:right;padding:4px 12px}.new-order-page .invoice-card .totals-section .total-row .direct-discount-input::-webkit-inner-spin-button,.new-order-page .invoice-card .totals-section .total-row .direct-discount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-order-page .invoice-card .totals-section .total-row.final-total{padding-top:18px;border-top:1px solid #F3F4F6;margin-top:8px}.new-order-page .invoice-card .totals-section .total-row.final-total .total-label{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;line-height:30px;color:#242424}.new-order-page .invoice-card .totals-section .total-row.final-total .total-amount{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;line-height:36px;color:#242424}.new-order-page .footer-actions{display:flex;gap:12px;padding:0 32px 32px;margin-top:32px}.new-order-page .footer-actions .save-draft-btn,.new-order-page .footer-actions .payment-btn{flex:1;height:48px;border-radius:1000px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;text-transform:uppercase;padding:12px 32px 12px 24px}.new-order-page .footer-actions .save-draft-btn{background:#c3a593;border:none;color:#2d1d04}.new-order-page .footer-actions .save-draft-btn:hover{background:#b09483;color:#2d1d04}.new-order-page .footer-actions .save-draft-btn .anticon{font-size:24px}.new-order-page .footer-actions .payment-btn{background:#825826;border:none;color:#feffff}.new-order-page .footer-actions .payment-btn:hover{background:#6b4820;color:#feffff}.new-order-page .footer-actions .payment-btn .anticon{font-size:24px}.new-order-page .order-meta-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.new-order-page .order-meta-row .info-item{display:flex;flex-direction:column;gap:6px}.new-order-page .order-meta-row .info-item label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424}.new-order-page .order-meta-row .info-item .meta-input{width:100%;height:48px;padding:12px 16px;border-radius:12px;border:1px solid #BABABA;background:#e3e3e3;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#242424;box-shadow:none}.new-order-page .order-meta-row .info-item .meta-input::placeholder{color:#bababa}.new-order-page .order-meta-row .info-item .meta-input:focus{outline:none;box-shadow:none;border:1px solid #BABABA}.new-order-page .order-meta-row .info-item .meta-input[readonly],.new-order-page .order-meta-row .info-item .meta-input.ant-input-disabled{cursor:default;background:#e3e3e3;border:1px solid #BABABA;color:#242424}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper{display:flex;align-items:center;gap:8px;padding:12px 16px}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper:focus,.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper.ant-input-affix-wrapper-focused{box-shadow:none;border:1px solid #BABABA}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled{background:#e3e3e3;border:1px solid #BABABA;cursor:default}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input{background:transparent;border:none;box-shadow:none;padding:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#242424}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input::placeholder{color:#bababa}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input:focus{box-shadow:none}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input[readonly]{cursor:default}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input.ant-input-disabled{background:transparent;cursor:default;color:#242424}.new-order-page .order-meta-row .info-item .meta-input.ant-input-affix-wrapper .ant-input-suffix{color:#727270;display:flex;align-items:center}.new-order-page .info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.new-order-page .info-row .info-field{display:flex;flex-direction:column;gap:6px}.new-order-page .info-row .info-field label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424}.new-order-page .info-row .info-field .ant-input{width:100%;height:48px!important;padding:12px 16px;border-radius:12px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif;font-size:16px;color:#242424;box-shadow:none}.new-order-page .info-row .info-field .ant-input::placeholder{color:#bababa;opacity:0}.new-order-page .info-row .info-field .ant-input:focus{outline:none;box-shadow:none;border:1px solid #BABABA}.new-order-page .section{display:flex;flex-direction:column;gap:12px}.new-order-page .section h3{margin:0;font-size:20px;font-weight:500;color:#2d1d04;font-family:Outfit,sans-serif}.new-order-page .section.customer-info-section{padding-bottom:24px;border-bottom:1px solid #CAC5BF;gap:24px}.new-order-page .section.customer-info-section .section-header{display:flex;align-items:center;gap:10px}.new-order-page .section.customer-info-section .section-header .section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f4f0e780;border-radius:6px;padding:6px}.new-order-page .section.customer-info-section .section-header .section-icon svg{width:20px;height:20px;color:#825826;stroke:currentColor}.new-order-page .section.customer-info-section .section-header h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;line-height:36px;color:#2d1d04;margin:0}.new-order-page .section.products-section{gap:24px;margin-top:8px}.new-order-page .section.products-section .section-header{display:flex;align-items:center;gap:10px}.new-order-page .section.products-section .section-header .section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f4f0e780;border-radius:6px;padding:6px}.new-order-page .section.products-section .section-header .section-icon .anticon{font-size:20px;color:#825826}.new-order-page .section.products-section .section-header .section-icon svg{width:20px;height:20px;color:#825826;stroke:currentColor}.new-order-page .section.products-section .section-header h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;line-height:36px;color:#2d1d04;margin:0}.new-order-page .section.products-section .product-search-box{display:flex;align-items:center;gap:12px;width:100%;height:48px;padding:12px 16px;background:#e3e3e333;border:1px solid #E3E3E3;border-radius:12px}.new-order-page .section.products-section .product-search-box .search-icon{width:24px;height:24px;flex-shrink:0;color:#bababa}.new-order-page .section.products-section .product-search-box .search-icon svg{width:100%;height:100%;stroke:currentColor}.new-order-page .section.products-section .product-search-box .product-search-input{flex:1;border:none;background:transparent;padding:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#242424}.new-order-page .section.products-section .product-search-box .product-search-input::placeholder{color:#bababa}.new-order-page .section.products-section .product-search-box .product-search-input:focus{box-shadow:none}.new-order-page .actions-row{display:flex;gap:12px;margin-top:0}.new-order-page .actions-row .search-btn,.new-order-page .actions-row .primary-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:1000px;font-family:Outfit,sans-serif;font-weight:500;text-transform:uppercase;transition:all .3s}.new-order-page .actions-row .search-btn{border:1px solid #2D1D04;background:transparent;color:#2d1d04;gap:12px;padding:12px 32px 12px 24px;font-size:18px;line-height:28px}.new-order-page .actions-row .search-btn .btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-order-page .actions-row .search-btn .btn-icon svg{width:100%;height:100%;stroke:currentColor}.new-order-page .actions-row .search-btn .btn-label{font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px}.new-order-page .actions-row .search-btn:hover{background:#2d1d040d;border-color:#2d1d04;color:#2d1d04}.new-order-page .actions-row .primary-btn{border:none;background:#825826;color:#feffff;gap:12px;padding:12px 32px 12px 24px;font-size:18px;line-height:28px}.new-order-page .actions-row .primary-btn .btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-order-page .actions-row .primary-btn .btn-icon svg{width:100%;height:100%;stroke:currentColor}.new-order-page .actions-row .primary-btn .btn-label{font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px}.new-order-page .actions-row .primary-btn:hover{background:#6b4820;color:#feffff}.new-order-page .tabs{display:flex;align-items:center;border-bottom:1px solid #CAC5BF;gap:0}.new-order-page .tabs .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer;font-family:Outfit,sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#727270;border-bottom:2px solid transparent;transition:all .3s;position:relative;margin-bottom:-1px}.new-order-page .tabs .tab.active{color:#2d1d04;border-bottom-color:#2d1d04}.new-order-page .tabs .tab:hover{color:#2d1d04}.new-order-page .filters{display:flex;flex-wrap:wrap;gap:12px}.new-order-page .filters .chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;height:40px;border-radius:1000px;background:transparent;color:#727270;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;border:1px solid #E3E3E3;transition:all .3s}.new-order-page .filters .chip.active{background:#825826;color:#feffff;border-color:#825826}.new-order-page .filters .chip:hover:not(.active){background:#e3e3e380;border-color:#bababa}.new-order-page .filters .ant-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;height:40px;border-radius:1000px;background:transparent;color:#727270;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;border:1px solid #E3E3E3;margin:0;cursor:pointer}.new-order-page .filters .ant-tag.active{background:#825826;color:#feffff;border-color:#825826}.new-order-page .filters .ant-tag:hover:not(.active){background:#e3e3e380;border-color:#bababa}.new-order-page .products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.new-order-page .products-grid .product-card{border:1px solid #F4F0E7;border-radius:12px;background:#feffff;padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px #00000014;min-height:140px}.new-order-page .products-grid .product-card:hover{border-color:#2970ff;box-shadow:0 10px 20px #00000024}.new-order-page .products-grid .product-card.selected{border:4px solid #2970FF;background:#2970ff1a;padding:13px}.new-order-page .products-grid .product-card .product-content{display:flex;flex-direction:column;gap:8px;flex:1}.new-order-page .products-grid .product-card .product-content .product-name{font-family:Outfit,sans-serif;font-weight:500;font-size:20px;line-height:30px;color:#242424;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-order-page .products-grid .product-card .product-content .product-desc{font-family:Outfit,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#bababa;margin:0}.new-order-page .products-grid .product-card .product-price{font-family:Outfit,sans-serif;font-weight:700;font-size:24px;line-height:36px;color:#242424;margin:0}@media(max-width:1200px){.new-order-page .grid{grid-template-columns:1fr}}@media(max-width:1024px){.new-order-page{gap:20px}.new-order-page .page-header .page-title{font-size:24px}}@media(max-width:768px){.new-order-page{gap:16px}.new-order-page .page-header .page-title{font-size:22px}.new-order-page .grid{gap:12px}.new-order-page .grid .left-column,.new-order-page .grid .right-column{padding:12px}}.appointment-search-form{font-family:Outfit,sans-serif;display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.appointment-search-form .ant-row{width:100%}.appointment-search-form .form-item{margin-bottom:0}.appointment-search-form .form-item .form-label{display:block;margin-bottom:6px;color:#242424;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:17px}.appointment-search-form .form-item .form-input{width:100%}.appointment-search-form .form-item .ant-picker,.appointment-search-form .form-item .ant-select,.appointment-search-form .form-item .ant-input{width:100%;display:flex;height:38px;padding:9px 13px;align-items:center;gap:8px;border-radius:8px;border:1px solid #BABABA;background:#feffff;font-family:Outfit,sans-serif}.appointment-search-form .form-item .ant-picker:hover,.appointment-search-form .form-item .ant-select:hover,.appointment-search-form .form-item .ant-input:hover{border-color:#bababa}.appointment-search-form .form-item .ant-picker.ant-picker-focused,.appointment-search-form .form-item .ant-picker.ant-select-focused,.appointment-search-form .form-item .ant-picker:focus,.appointment-search-form .form-item .ant-select.ant-picker-focused,.appointment-search-form .form-item .ant-select.ant-select-focused,.appointment-search-form .form-item .ant-select:focus,.appointment-search-form .form-item .ant-input.ant-picker-focused,.appointment-search-form .form-item .ant-input.ant-select-focused,.appointment-search-form .form-item .ant-input:focus{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.appointment-search-form .form-item .ant-picker .ant-picker-input>input,.appointment-search-form .form-item .ant-picker .ant-select-selector,.appointment-search-form .form-item .ant-select .ant-picker-input>input,.appointment-search-form .form-item .ant-select .ant-select-selector,.appointment-search-form .form-item .ant-input .ant-picker-input>input,.appointment-search-form .form-item .ant-input .ant-select-selector{font-family:Outfit,sans-serif;font-size:16px;color:#242424;border:none!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;line-height:20px}.appointment-search-form .form-item .ant-picker .ant-select-selector,.appointment-search-form .form-item .ant-select .ant-select-selector,.appointment-search-form .form-item .ant-input .ant-select-selector{display:flex!important;align-items:center!important}.appointment-search-form .form-item .ant-picker .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-picker .ant-picker-input>input::placeholder,.appointment-search-form .form-item .ant-picker::placeholder,.appointment-search-form .form-item .ant-select .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-select .ant-picker-input>input::placeholder,.appointment-search-form .form-item .ant-select::placeholder,.appointment-search-form .form-item .ant-input .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-input .ant-picker-input>input::placeholder,.appointment-search-form .form-item .ant-input::placeholder{color:#bababa;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:20px}.appointment-search-form .form-item .ant-picker .ant-picker-suffix,.appointment-search-form .form-item .ant-picker .ant-select-arrow,.appointment-search-form .form-item .ant-select .ant-picker-suffix,.appointment-search-form .form-item .ant-select .ant-select-arrow,.appointment-search-form .form-item .ant-input .ant-picker-suffix,.appointment-search-form .form-item .ant-input .ant-select-arrow{color:#242424;font-size:21px}.appointment-search-form .form-item .ant-select-single .ant-select-selector{padding:0!important}.appointment-search-form .form-actions{margin-top:24px}.appointment-search-form .form-actions .reset-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;border:1px solid #2D1D04;background:transparent;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-transform:uppercase;transition:all .3s;cursor:pointer}.appointment-search-form .form-actions .reset-btn:hover{background:#2d1d040d;border-color:#2d1d04;color:#2d1d04}.appointment-search-form .form-actions .reset-btn:active{background:#2d1d041a}.appointment-search-form .form-actions .search-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-transform:uppercase;box-shadow:none;transition:all .3s;cursor:pointer}.appointment-search-form .form-actions .search-btn:hover{background:#6b4820;box-shadow:none}.appointment-search-form .form-actions .search-btn:active{background:#5a3d1b}@media(max-width:1024px){.appointment-search-form .form-item .form-label{font-size:14px}.appointment-search-form .form-item .ant-picker,.appointment-search-form .form-item .ant-select,.appointment-search-form .form-item .ant-input{height:36px;padding:8px 12px}.appointment-search-form .form-actions{margin-top:20px}.appointment-search-form .form-actions .reset-btn,.appointment-search-form .form-actions .search-btn{height:38px;padding:8px 20px;font-size:12px}}@media(max-width:768px){.appointment-search-form{gap:16px}.appointment-search-form .form-item .form-label{font-size:13px}.appointment-search-form .form-item .ant-picker,.appointment-search-form .form-item .ant-select,.appointment-search-form .form-item .ant-input{height:36px;padding:8px 12px}.appointment-search-form .form-actions{margin-top:16px}.appointment-search-form .form-actions .reset-btn,.appointment-search-form .form-actions .search-btn{height:36px;padding:8px 18px;font-size:12px}}@media(max-width:480px){.appointment-search-form{gap:12px}.appointment-search-form .form-item .form-label{font-size:12px;margin-bottom:4px}.appointment-search-form .form-item .ant-picker,.appointment-search-form .form-item .ant-select,.appointment-search-form .form-item .ant-input{height:34px;padding:7px 10px}.appointment-search-form .form-item .ant-picker .ant-picker-input>input,.appointment-search-form .form-item .ant-picker .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-picker .ant-picker-input>input::placeholder,.appointment-search-form .form-item .ant-select .ant-picker-input>input,.appointment-search-form .form-item .ant-select .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-select .ant-picker-input>input::placeholder,.appointment-search-form .form-item .ant-input .ant-picker-input>input,.appointment-search-form .form-item .ant-input .ant-select-selection-placeholder,.appointment-search-form .form-item .ant-input .ant-picker-input>input::placeholder{font-size:14px}.appointment-search-form .form-actions{margin-top:12px;flex-direction:column;align-items:stretch;gap:10px}.appointment-search-form .form-actions .ant-row{flex-direction:column!important}.appointment-search-form .form-actions .ant-space{flex-direction:column!important;width:100%}.appointment-search-form .form-actions .reset-btn,.appointment-search-form .form-actions .search-btn{width:100%;height:34px;padding:7px 16px;font-size:11px}}.calendar-view{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.calendar-view .calendar-header{padding:16px 0;border-bottom:1px solid #CAC5BF;margin-bottom:16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-view .calendar-header .calendar-header-left,.calendar-view .calendar-header .calendar-header-right{display:flex;align-items:center}.calendar-view .calendar-header .date-navigation{display:flex;align-items:center;gap:16px}.calendar-view .calendar-header .date-navigation .nav-btn{background:transparent;border:1px solid #BABABA;border-radius:1000px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:14px}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-left{color:#bababa;border-color:#bababa}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-left:hover{background:#bababa1a;border-color:#9a9a9a;color:#9a9a9a}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-today{color:#2d1d04;border-color:#2d1d04;padding:0 16px;width:auto;font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-today:hover{background:#2d1d041a;border-color:#1d1304;color:#1d1304}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-right{color:#2d1d04;border-color:#2d1d04}.calendar-view .calendar-header .date-navigation .nav-btn.nav-btn-right:hover{background:#2d1d041a;border-color:#1d1304;color:#1d1304}.calendar-view .calendar-header .date-navigation .date-display{display:flex;align-items:center;gap:8px}.calendar-view .calendar-header .date-navigation .date-display .date-text{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;color:#2d1d04;line-height:24px}.calendar-view .calendar-header .date-navigation .date-display .calendar-btn{background:transparent;border:none;width:40px;height:40px;border-radius:1000px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#2d1d04;font-size:20px}.calendar-view .calendar-header .date-navigation .date-display .calendar-btn:hover{background:#2d1d041a}.calendar-view .calendar-header .view-mode-selector{display:flex;align-items:center;gap:16px}.calendar-view .calendar-header .view-mode-selector .view-group{display:flex;align-items:center;gap:0;border:1px solid #E8E2DA;border-radius:8px;overflow:hidden}.calendar-view .calendar-header .view-mode-selector .view-group .view-btn{height:32px;padding:6px 14px;border:none;border-radius:0;background:#fff;color:#4a443f;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.calendar-view .calendar-header .view-mode-selector .view-group .view-btn:hover{background:#8b5e340d;color:#8b5e34}.calendar-view .calendar-header .view-mode-selector .view-group .view-btn.active{background:#8b5e34;color:#fff}.calendar-view .calendar-header .view-mode-selector .view-group .view-btn.active:hover{background:#704b2a}.calendar-view .calendar-header .view-mode-selector .view-group .view-separator{width:1px;height:20px;background:#e8e2da;flex-shrink:0}.calendar-view .calendar-container{flex:1;overflow-x:auto;overflow-y:auto;min-height:0;height:100%}.calendar-view .calendar-container .calendar-grid{display:flex;gap:0;min-height:1440px;width:100%;border:1px solid #CAC5BF;border-radius:8px;overflow:hidden}.calendar-view .calendar-container .calendar-grid .time-column{width:80px;flex-shrink:0;border-right:1px solid #CAC5BF;position:sticky;left:0;z-index:100;background:#feffff}.calendar-view .calendar-container .calendar-grid .time-column .time-header{height:60px;border-bottom:1px solid #CAC5BF;background:#feffff}.calendar-view .calendar-container .calendar-grid .time-column .time-slot{height:80px;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px 12px 0 0;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;color:#727270;border-bottom:1px solid #CAC5BF;background:#feffff}.calendar-view .calendar-container .calendar-grid .day-column{flex:1;min-width:0;flex-shrink:1;border-right:1px solid #CAC5BF}.calendar-view .calendar-container .calendar-grid .day-column:last-child{border-right:none}.calendar-view .calendar-container .calendar-grid .day-column .day-header{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid #CAC5BF;background:#fffcf9}.calendar-view .calendar-container .calendar-grid .day-column .day-header .day-date{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#2d1d04;line-height:24px}.calendar-view .calendar-container .calendar-grid .day-column .day-header .day-name{font-family:Outfit,sans-serif;font-size:12px;font-weight:400;color:#727270;line-height:16px}.calendar-view .calendar-container .calendar-grid .day-column .day-body{position:relative;height:1440px}.calendar-view .calendar-container .calendar-grid .day-column .day-body .time-slot-bg{height:80px;border-bottom:1px solid #CAC5BF}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointments-container{position:absolute;top:0;left:0;right:0;bottom:0;padding:8px}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block{position:absolute;border-radius:8px;padding:6px 8px;cursor:pointer;transition:all .3s;box-sizing:border-box;border:1px solid rgba(0,0,0,.06);border-left-width:4px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-code{font-family:Outfit,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;margin-bottom:2px}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;line-height:18px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-time{font-family:Outfit,sans-serif;font-size:10px;font-weight:400;line-height:14px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block .appointment-phone{font-family:Outfit,sans-serif;font-size:10px;font-weight:400;line-height:12px;color:#727270;margin-top:0}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-unconfirmed{background:#2970ff26;border-left-color:#2970ff}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-unconfirmed .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-unconfirmed .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-unconfirmed .appointment-code{color:#2970ff}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-unconfirmed:hover{background:#2970ff40}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-confirmed{background:#08894126;border-left-color:#088941}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-confirmed .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-confirmed .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-confirmed .appointment-code{color:#088941}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-confirmed:hover{background:#08894140}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-no-show{background:#f7900926;border-left-color:#f79009}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-no-show .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-no-show .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-no-show .appointment-code{color:#f79009}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-no-show:hover{background:#f7900940}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-cancelled{background:#ee2e5326;border-left-color:#ee2e53}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-cancelled .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-cancelled .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-cancelled .appointment-code{color:#ee2e53}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-cancelled:hover{background:#ee2e5340}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-arrived{background:#a809f726;border-left-color:#a809f7}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-arrived .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-arrived .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-arrived .appointment-code{color:#a809f7}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-arrived:hover{background:#a809f740}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-online-booking{background:#06b6d426;border-left-color:#06b6d4}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-online-booking .appointment-title{color:#2d1d04}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-online-booking .appointment-time,.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-online-booking .appointment-code{color:#06b6d4}.calendar-view .calendar-container .calendar-grid .day-column .day-body .appointment-block.status-online-booking:hover{background:#06b6d440}.calendar-view .calendar-container .calendar-grid .day-column .day-body .current-time-indicator{position:absolute;left:0;right:0;z-index:10;display:flex;align-items:center}.calendar-view .calendar-container .calendar-grid .day-column .day-body .current-time-indicator .time-label{position:absolute;left:8px;background:#e63946;color:#fff;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;line-height:14px}.calendar-view .calendar-container .calendar-grid .day-column .day-body .current-time-indicator .time-line{position:absolute;left:0;right:0;height:2px;background:#e63946;box-shadow:0 1px 4px #e6394666}.calendar-list-view{flex:1;display:flex;flex-direction:column;min-height:0}.calendar-list-view .calendar-header{padding:16px 0;border-bottom:1px solid #CAC5BF;margin-bottom:16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-list-view .list-content{flex:1;overflow-y:auto;padding:16px 0 24px}.calendar-list-view .list-day-section{margin-bottom:24px}.calendar-list-view .list-day-section .list-day-header{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E8E2DA;margin-bottom:12px}.calendar-list-view .list-day-section .list-day-header .day-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#2d1d04}.calendar-list-view .list-day-section .list-day-header .day-date{font-family:Outfit,sans-serif;font-size:14px;font-weight:400;color:#727270}.calendar-list-view .list-day-section .list-appointments{display:flex;flex-direction:column;gap:8px}.calendar-list-view .list-day-section .list-appointments .no-appointments{padding:16px;text-align:center;color:#8e857d;font-family:Outfit,sans-serif;font-size:14px}.calendar-list-view .list-day-section .list-appointments .list-appointment-item{display:grid;grid-template-columns:120px 140px 180px minmax(0,1fr);align-items:flex-start;gap:12px;padding:10px 16px;border-radius:0;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #F4F0E7;background:#fffcf9}.calendar-list-view .list-day-section .list-appointments .list-appointment-item:hover{background:#fff8f0}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-code{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:#2d1d04;padding-right:16px;display:inline-flex;align-items:center;justify-content:center;max-width:100px;border-right:1px solid #F4F0E7}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-time{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#2d1d04;padding-right:16px;border-right:1px solid #F4F0E7}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-status{display:flex;align-items:center;padding-right:16px;border-right:1px solid #F4F0E7}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-status .status-pill{display:inline-flex;align-items:center;justify-content:flex-start;padding:4px 10px;border-radius:9999px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;border:none;gap:6px}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-status .status-pill .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-status .status-pill .status-text{white-space:nowrap}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-info{flex:1}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-info .appointment-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#2d1d04;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-list-view .list-day-section .list-appointments .list-appointment-item .appointment-info .appointment-note{font-family:Outfit,sans-serif;font-size:12px;color:#727270;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-unconfirmed .status-pill{background:#2970ff26;color:#2970ff}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-confirmed .status-pill{background:#08894126;color:#088941}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-no-show .status-pill{background:#f7900926;color:#f79009}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-cancelled .status-pill{background:#ee2e5326;color:#ee2e53}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-arrived .status-pill{background:#a809f726;color:#a809f7}.calendar-list-view .list-day-section .list-appointments .list-appointment-item.status-online-booking .status-pill{background:#06b6d426;color:#06b6d4}.appointment-list-page{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;overflow:hidden;font-family:Lexend,Outfit,sans-serif}.appointment-list-page .appointment-list-surface{background:#feffff;border:1px solid #F4F0E7;border-radius:24px;box-shadow:0 10px 20px #00000014;flex-shrink:0}.appointment-list-page .appointment-list-surface .page-header{padding:32px;background:transparent;display:flex;flex-direction:column;gap:6px}.appointment-list-page .appointment-list-surface .page-header .header-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left{display:flex;flex-direction:column;gap:4px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left .page-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:500;line-height:48px;margin:0;color:#2d1d04}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right{display:flex;align-items:center;gap:16px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .user-profile{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 6px;border-radius:12px;background:#fffcf9;border:1px solid #C3A593}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .user-profile .profile-avatar{background:#e8e2da;color:#825826;flex-shrink:0}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .user-profile .profile-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#2d1d04}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn{display:flex;height:48px;padding:12px 32px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:28px;text-transform:uppercase;box-shadow:none;transition:background .2s}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn:hover{background:#704b2a}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn .anticon{font-size:24px}.appointment-list-page .today-stats{display:flex;align-items:center;gap:12px;margin-bottom:0}.appointment-list-page .today-stats .stats-label{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#2d1d04;margin-right:0}.appointment-list-page .today-stats .status-badges{display:flex;gap:12px;flex-wrap:wrap}.appointment-list-page .today-stats .status-badges .status-badge{display:flex;padding:4px 10px;align-items:center;gap:4px;border-radius:8px;border:none;transition:all .2s}.appointment-list-page .today-stats .status-badges .status-badge .badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.appointment-list-page .today-stats .status-badges .status-badge .badge-label{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;line-height:24px}.appointment-list-page .today-stats .status-badges .status-badge.unconfirmed{background:#2970ff26}.appointment-list-page .today-stats .status-badges .status-badge.unconfirmed .badge-dot{background:#2970ff}.appointment-list-page .today-stats .status-badges .status-badge.unconfirmed .badge-label{color:#2970ff}.appointment-list-page .today-stats .status-badges .status-badge.confirmed{background:#08894126}.appointment-list-page .today-stats .status-badges .status-badge.confirmed .badge-dot{background:#088941}.appointment-list-page .today-stats .status-badges .status-badge.confirmed .badge-label{color:#088941}.appointment-list-page .today-stats .status-badges .status-badge.not-come{background:#f7900926}.appointment-list-page .today-stats .status-badges .status-badge.not-come .badge-dot{background:#f79009}.appointment-list-page .today-stats .status-badges .status-badge.not-come .badge-label{color:#f79009}.appointment-list-page .today-stats .status-badges .status-badge.cancel{background:#ee2e5326}.appointment-list-page .today-stats .status-badges .status-badge.cancel .badge-dot{background:#ee2e53}.appointment-list-page .today-stats .status-badges .status-badge.cancel .badge-label{color:#ee2e53}.appointment-list-page .today-stats .status-badges .status-badge.arrived{background:#a809f726}.appointment-list-page .today-stats .status-badges .status-badge.arrived .badge-dot{background:#a809f7}.appointment-list-page .today-stats .status-badges .status-badge.arrived .badge-label{color:#a809f7}.appointment-list-page .today-stats .status-badges .status-badge.online-booking{background:#06b6d426}.appointment-list-page .today-stats .status-badges .status-badge.online-booking .badge-dot{background:#06b6d4}.appointment-list-page .today-stats .status-badges .status-badge.online-booking .badge-label{color:#06b6d4}.appointment-list-page .quick-search-section{background:#fffcf9;border:1px solid #F4F0E7;border-radius:16px;padding:24px;box-shadow:none}.appointment-list-page .quick-search-section .search-container{display:flex;flex-direction:column;gap:0}.appointment-list-page .quick-search-section .search-container .search-row{display:flex;align-items:center;gap:12px}.appointment-list-page .quick-search-section .search-container .search-row .search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #E3E3E3;border-radius:12px;background:#e3e3e333}.appointment-list-page .quick-search-section .search-container .search-row .search-input-wrapper .search-icon{font-size:24px;color:#2d1d04;flex-shrink:0}.appointment-list-page .quick-search-section .search-container .search-row .search-input-wrapper .quick-search-input{flex:1;border:none;padding:0;background:transparent;font-family:Outfit,sans-serif;font-size:18px;color:#2d1d04}.appointment-list-page .quick-search-section .search-container .search-row .search-input-wrapper .quick-search-input::placeholder{color:#bababa;font-size:18px}.appointment-list-page .quick-search-section .search-container .search-row .search-input-wrapper .quick-search-input:focus{border:none;box-shadow:none}.appointment-list-page .quick-search-section .search-container .search-row .search-buttons{display:flex;gap:12px;align-items:center;flex-shrink:0}.appointment-list-page .quick-search-section .search-container .search-row .search-buttons .search-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;border-radius:1000px;background:#c3a593;border:none;color:#2d1d04;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .3s;box-shadow:none}.appointment-list-page .quick-search-section .search-container .search-row .search-buttons .search-btn:hover{opacity:.9}.appointment-list-page .quick-search-section .search-container .search-row .search-buttons .advanced-search-btn{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .3s;box-shadow:none}.appointment-list-page .quick-search-section .search-container .search-row .search-buttons .advanced-search-btn:hover{background:#704b2a}.appointment-list-page .advanced-search-section{padding-top:16px;border-top:1px dashed var(--border, #E8E2DA)}.appointment-list-page .staff-filter-section{background:#feffff;border:1px solid #F4F0E7;border-radius:24px;padding:32px;box-shadow:0 10px 20px #00000014}.appointment-list-page .staff-filter-section .staff-filter-chips{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;overflow-x:auto}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:1000px;border:1px solid #C3A593;background:transparent;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#727270;white-space:nowrap}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip .chip-icon{font-size:24px;color:inherit}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip .chip-text{white-space:nowrap}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip .chip-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:123px;background:#2d1d04;color:#feffff;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;line-height:16px}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip:hover{border-color:#825826;color:#2d1d04}.appointment-list-page .staff-filter-section .staff-filter-chips .staff-chip.active{background:transparent;border-color:#c3a593;color:#727270}.appointment-list-page .appointment-view-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#feffff;border:1px solid #F4F0E7;border-radius:24px;padding:32px;box-shadow:0 10px 20px #00000014}.appointment-list-page .appointment-view-section .view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E3E3E3}.appointment-list-page .appointment-view-section .view-controls .date-navigation{display:flex;align-items:center;gap:16px}.appointment-list-page .appointment-view-section .view-controls .date-navigation .nav-arrows{display:flex;background:#e3e3e3;border-radius:12px;overflow:hidden;width:80px;height:40px}.appointment-list-page .appointment-view-section .view-controls .date-navigation .nav-arrows .nav-arrow-btn{flex:1;height:100%;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:#2d1d04}.appointment-list-page .appointment-view-section .view-controls .date-navigation .nav-arrows .nav-arrow-btn:hover{background:#c3a5931a}.appointment-list-page .appointment-view-section .view-controls .date-navigation .today-btn{height:40px;padding:8px 24px;border:1px solid #BABABA;border-radius:1000px;background:transparent;color:#bababa;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .2s}.appointment-list-page .appointment-view-section .view-controls .date-navigation .today-btn:hover{border-color:#825826;color:#825826}.appointment-list-page .appointment-view-section .view-controls .date-navigation .date-range{display:flex;align-items:center;gap:8px}.appointment-list-page .appointment-view-section .view-controls .date-navigation .date-range .date-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:400;line-height:36px;color:#2d1d04}.appointment-list-page .appointment-view-section .view-controls .date-navigation .date-range .calendar-icon-btn{width:40px;height:40px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:#2d1d04;border-radius:1000px}.appointment-list-page .appointment-view-section .view-controls .date-navigation .date-range .calendar-icon-btn:hover{background:#c3a5931a}.appointment-list-page .appointment-view-section .view-controls .date-navigation .date-range .calendar-icon-btn .anticon{font-size:24px}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector{display:flex;gap:12px;align-items:center}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group{display:flex;align-items:center;border:1px solid #E3E3E3;border-radius:8px;overflow:hidden;height:40px}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group .view-btn{height:100%;padding:4px 8px;border:none;border-radius:0;background:transparent;color:#bababa;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:24px;transition:all .2s;cursor:pointer}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group .view-btn:hover{background:#c3a5931a}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group .view-btn.active{background:#825826;color:#fffcf9}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group .view-btn.active:hover{background:#704b2a}.appointment-list-page .appointment-view-section .view-controls .view-mode-selector .view-group .view-separator{width:1px;height:24px;background:#e3e3e3;flex-shrink:0}.appointment-list-page .appointment-view-section .calendar-section{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.appointment-list-page .appointment-view-section .appointment-table-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.appointment-list-page .appointment-detail-modal .ant-modal-header{border-bottom:none}.appointment-list-page .appointment-detail-modal .ant-modal-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#2d1d04}.appointment-list-page .appointment-detail-modal .appointment-detail-content{display:flex;flex-direction:column;gap:16px}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:12px;background:#fffcf9;border:1px solid #F4F0E7}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-row .detail-left,.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-row .detail-right{flex:1}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-section{padding:12px 0;border-top:1px solid #F4F0E7}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-section:first-of-type{border-top:none}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-section .detail-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#2d1d04;margin-bottom:8px}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-section .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-section .detail-grid.single{grid-template-columns:1fr}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-label{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:#8e857d;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-value{font-family:Outfit,sans-serif;font-size:14px;font-weight:400;color:#2d1d04}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-value.code{font-weight:600}.appointment-list-page .appointment-detail-modal .appointment-detail-content .detail-value.multiline{white-space:pre-wrap;word-break:break-word}.appointment-list-page .appointment-detail-modal .appointment-detail-content .status-tag{border-radius:9999px;padding:2px 10px;border:none;background:#2970ff1a;color:#2970ff;font-size:12px;font-weight:500}@media(max-width:1024px){.appointment-list-page .appointment-list-surface .page-header{padding:20px}.appointment-list-page .appointment-list-surface .page-header .header-top{align-items:flex-start}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left .page-title{font-size:24px;line-height:28px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left .page-subtitle{font-size:14px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn{font-size:13px;height:42px;padding:10px 18px}.appointment-list-page .today-stats .stats-label{font-size:11px}.appointment-list-page .today-stats .status-badges{gap:10px}.appointment-list-page .today-stats .status-badges .status-badge{padding:4px 11px;gap:5px}.appointment-list-page .today-stats .status-badges .status-badge .badge-count{width:18px;height:18px;font-size:8px}.appointment-list-page .today-stats .status-badges .status-badge .badge-label{font-size:10px}.appointment-list-page .quick-search-section{padding:18px}.appointment-list-page .quick-search-section .search-container .search-input-group .search-input-wrapper{width:100%}.appointment-list-page .quick-search-section .search-container .search-buttons{flex-wrap:wrap}}@media(max-width:768px){.appointment-list-page{height:auto}.appointment-list-page .appointment-list-surface .page-header{padding:16px}.appointment-list-page .appointment-list-surface .page-header .header-top{flex-direction:column;align-items:flex-start}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right{width:100%;flex-direction:column;align-items:stretch;gap:12px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn{width:100%}.appointment-list-page .today-stats{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.appointment-list-page .today-stats .status-badges{width:100%;gap:8px}.appointment-list-page .today-stats .status-badges .status-badge{flex:1;min-width:120px;justify-content:center;padding:4px 12px;gap:var(--item-spacing-6, 6px)}.appointment-list-page .today-stats .status-badges .status-badge .badge-label{font-size:12px}.appointment-list-page .quick-search-section{padding:16px}.appointment-list-page .quick-search-section .search-container .search-buttons .search-btn,.appointment-list-page .quick-search-section .search-container .search-buttons .advanced-search-btn{flex:1;font-size:14px}.appointment-list-page .advanced-search-section{padding:16px}.appointment-list-page .advanced-search-section .section-title{font-size:20px}.appointment-list-page .appointment-table-section{flex:0 0 auto;min-height:400px;overflow:visible}}@media(max-width:480px){.appointment-list-page .appointment-list-surface .page-header{padding:12px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left .page-title{font-size:20px;line-height:24px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-left .page-subtitle,.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .user-profile .profile-name{font-size:12px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .user-profile .profile-avatar{width:28px;height:28px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn{font-size:13px;height:40px;padding:8px 16px}.appointment-list-page .appointment-list-surface .page-header .header-top .header-right .add-appointment-btn .anticon{font-size:16px}.appointment-list-page .today-stats{margin-bottom:12px}.appointment-list-page .today-stats .stats-label{font-size:13px}.appointment-list-page .today-stats .status-badges .status-badge{padding:4px 12px;min-width:100px;gap:var(--item-spacing-6, 6px)}.appointment-list-page .today-stats .status-badges .status-badge .badge-count{width:18px;height:18px;font-size:11px}.appointment-list-page .today-stats .status-badges .status-badge .badge-label{font-size:11px}.appointment-list-page .quick-search-section{padding:12px}.appointment-list-page .quick-search-section .search-container{gap:16px}.appointment-list-page .quick-search-section .search-container .search-input-group{max-width:100%}.appointment-list-page .quick-search-section .search-container .search-buttons{flex-direction:column;width:100%}.appointment-list-page .quick-search-section .search-container .search-buttons .search-btn,.appointment-list-page .quick-search-section .search-container .search-buttons .advanced-search-btn{width:100%;font-size:12px}.appointment-list-page .advanced-search-section{padding:12px}.appointment-list-page .advanced-search-section .section-title{font-size:18px;margin-bottom:16px}.appointment-list-page .appointment-table-section{flex:0 0 auto;min-height:350px;overflow:visible}}.staff-list-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:Lexend,Outfit,sans-serif;background:#fff;border-radius:20px;box-shadow:0 1px 2px #0000000d}.staff-list-page .page-header{padding:24px;border-bottom:1px solid var(--border, #E8E2DA);display:flex;flex-direction:column;gap:16px}.staff-list-page .page-header .header-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.staff-list-page .page-header .header-top .header-left{display:flex;flex-direction:column;gap:4px}.staff-list-page .page-header .header-top .header-left .page-title{font-family:Lexend,Outfit,sans-serif;font-size:24px;font-weight:700;line-height:32px;margin:0;color:var(--text-main, #4A443F)}.staff-list-page .page-header .header-top .header-left .page-subtitle{font-family:Lexend,Outfit,sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0;color:var(--text-muted, #8E857D)}.staff-list-page .page-header .header-top .header-right{display:flex;align-items:center;gap:16px}.staff-list-page .page-header .header-top .header-right .search-wrapper{position:relative}.staff-list-page .page-header .header-top .header-right .search-input{width:400px;height:44px;border-radius:20px;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all .3s;padding:13px 40px 13px 48px}.staff-list-page .page-header .header-top .header-right .search-input:hover,.staff-list-page .page-header .header-top .header-right .search-input:focus,.staff-list-page .page-header .header-top .header-right .search-input.ant-input-affix-wrapper-focused{box-shadow:0 10px 15px -3px #00000026,0 4px 6px -4px #00000026;border:none}.staff-list-page .page-header .header-top .header-right .search-input .ant-input{border:none;box-shadow:none;background:transparent;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#1e293b}.staff-list-page .page-header .header-top .header-right .search-input .ant-input::placeholder{color:#6b7280;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:normal}.staff-list-page .page-header .header-top .header-right .search-input .ant-input-prefix{left:16px;color:#6b7280}.staff-list-page .page-header .header-top .header-right .search-input .ant-input-prefix .anticon{font-size:20px}.staff-list-page .page-header .header-top .header-right .search-input .ant-input-suffix{right:16px}.staff-list-page .page-header .header-top .header-right .search-input .ant-input-suffix .clear-icon{font-size:14px;color:#6b7280;cursor:pointer;transition:color .2s}.staff-list-page .page-header .header-top .header-right .search-input .ant-input-suffix .clear-icon:hover{color:#1e293b}.staff-list-page .page-header .header-top .header-right .status-select{width:120px;height:44px}.staff-list-page .page-header .header-top .header-right .status-select .ant-select-selector{height:44px!important;padding:11.5px 8px 11.5px 16px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;border:none!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:20px!important;display:flex!important;align-items:center!important}.staff-list-page .page-header .header-top .header-right .status-select .ant-select-selector .ant-select-selection-placeholder,.staff-list-page .page-header .header-top .header-right .status-select .ant-select-selector .ant-select-selection-item{color:#1e293b!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:20px!important}.staff-list-page .page-header .header-top .header-right .status-select:hover .ant-select-selector{box-shadow:0 10px 15px -3px #00000026,0 4px 6px -4px #00000026!important}.staff-list-page .page-header .header-top .header-right .status-select .ant-select-arrow{right:16px;color:#6b7280;font-size:14px}.staff-list-page .page-header .header-top .header-right .status-select .select-arrow{display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.staff-list-page .page-header .header-top .header-right .register-staff-btn{display:flex;width:auto;min-width:180px;height:44px;padding:12px 24px;justify-content:center;align-items:center;gap:8px;border-radius:20px;background:#8b5e34;box-shadow:0 10px 15px -3px #0003,0 4px 6px -4px #0003;border:none;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.35px;text-transform:uppercase;transition:all .3s}.staff-list-page .page-header .header-top .header-right .register-staff-btn:hover{background:#704b2a;box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px #00000040;transform:translateY(-1px)}.staff-list-page .page-header .header-top .header-right .register-staff-btn:active{transform:translateY(0)}.staff-list-page .page-header .header-top .header-right .register-staff-btn .anticon{font-size:18px}.staff-list-page .page-body{flex:1;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.staff-list-page .custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.staff-list-page .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.staff-list-page .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border, #E8E2DA);border-radius:10px}.staff-list-page .today-stats{display:flex;align-items:center;gap:12px}.staff-list-page .today-stats .stats-label{font-family:Lexend,Outfit,sans-serif;font-size:12px;font-weight:700;line-height:16px;color:#8e857d;letter-spacing:.6px;text-transform:uppercase;margin-right:8px}.staff-list-page .today-stats .status-badges{display:flex;gap:12px;flex-wrap:wrap}.staff-list-page .today-stats .status-badges .status-badge{display:flex;padding:5px 13px;align-items:center;gap:6px;border-radius:9999px;border:1px solid #F3F4F6;background:#f9fafb;transition:all .2s}.staff-list-page .today-stats .status-badges .status-badge .badge-count{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:9999px;font-family:Lexend,Outfit,sans-serif;font-size:9px;font-weight:700;line-height:13.5px;color:#fff}.staff-list-page .today-stats .status-badges .status-badge .badge-label{font-family:Lexend,Outfit,sans-serif;font-size:11px;font-weight:400;line-height:16.5px;color:#4b5563}.staff-list-page .today-stats .status-badges .status-badge.active .badge-count{background:#81b29a}.staff-list-page .today-stats .status-badges .status-badge.on-leave .badge-count{background:#f2cc8f}.staff-list-page .today-stats .status-badges .status-badge.probation .badge-count{background:#7d70ba}.staff-list-page .today-stats .status-badges .status-badge.inactive .badge-count{background:#e07a5f}.staff-list-page .quick-search-section{background:#feffff;border:1px solid var(--border, #E8E2DA);border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000d}.staff-list-page .quick-search-section .search-container{display:flex;flex-direction:column;gap:24px}.staff-list-page .quick-search-section .search-container .search-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.staff-list-page .quick-search-section .search-container .search-grid{grid-template-columns:1fr auto;align-items:end}}.staff-list-page .quick-search-section .search-container .search-input-group{display:flex;flex-direction:column;gap:6px}.staff-list-page .quick-search-section .search-container .search-input-group .search-label{font-family:Lexend,Outfit,sans-serif;font-size:11px;font-weight:700;line-height:16px;color:var(--text-muted, #8E857D);text-transform:uppercase;letter-spacing:.6px}.staff-list-page .quick-search-section .search-container .search-input-group .search-input-wrapper{width:100%}.staff-list-page .quick-search-section .search-container .search-input-group .search-input-wrapper .quick-search-input{width:100%;height:38px;padding:10px 13px;border:1px solid var(--border, #E8E2DA);border-radius:8px;background:#feffff;font-family:Lexend,Outfit,sans-serif;font-size:14px;color:var(--text-main, #4A443F)}.staff-list-page .quick-search-section .search-container .search-input-group .search-input-wrapper .quick-search-input::placeholder{color:var(--text-muted, #8E857D);font-size:14px;line-height:18px}.staff-list-page .quick-search-section .search-container .search-input-group .search-input-wrapper .quick-search-input:focus{border-color:var(--primary, #8B5E34);box-shadow:0 0 0 2px #8b5e341f}.staff-list-page .quick-search-section .search-container .search-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.staff-list-page .quick-search-section .search-container .search-buttons .search-btn{display:flex;height:38px;padding:8px 20px;justify-content:center;align-items:center;gap:6px;border-radius:8px;background:#a3b18a;border:none;color:#feffff;font-family:Lexend,Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:all .3s;box-shadow:none}.staff-list-page .quick-search-section .search-container .search-buttons .search-btn:hover{opacity:.9}.staff-list-page .quick-search-section .search-container .search-buttons .search-btn .anticon{font-size:16px}.staff-list-page .quick-search-section .search-container .search-buttons .recovery-btn{display:flex;height:38px;padding:8px 20px;justify-content:center;align-items:center;gap:6px;border-radius:8px;border:1px solid var(--border, #E8E2DA);background:#feffff;color:var(--text-muted, #8E857D);font-family:Lexend,Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:all .3s}.staff-list-page .quick-search-section .search-container .search-buttons .recovery-btn:hover{background:#00000005;color:var(--text-main, #4A443F)}.staff-list-page .quick-search-section .search-container .search-buttons .recovery-btn .anticon{font-size:16px}.staff-list-page .quick-search-section .search-container .search-buttons .advanced-search-btn{display:flex;height:38px;padding:8px 20px;justify-content:center;align-items:center;border-radius:8px;background:var(--primary, #8B5E34);border:none;color:#feffff;font-family:Lexend,Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:all .3s;box-shadow:none}.staff-list-page .quick-search-section .search-container .search-buttons .advanced-search-btn:hover{background:var(--primary-hover, #704B2A)}.staff-list-page .advanced-search-section{padding-top:8px;border-top:1px dashed var(--border, #E8E2DA)}.staff-list-page .advanced-search-section .advanced-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.staff-list-page .advanced-search-section .advanced-grid .form-item{display:flex;flex-direction:column;gap:6px}.staff-list-page .advanced-search-section .advanced-grid .form-item .form-label{font-family:Lexend,Outfit,sans-serif;font-size:11px;font-weight:700;line-height:16px;color:var(--text-muted, #8E857D);text-transform:uppercase;letter-spacing:.6px}.staff-list-page .advanced-search-section .advanced-grid .form-item .ant-select,.staff-list-page .advanced-search-section .advanced-grid .form-item .ant-picker{width:100%}.staff-list-page .advanced-search-section .advanced-grid .form-item .ant-select-selector,.staff-list-page .advanced-search-section .advanced-grid .form-item .ant-picker{min-height:38px;border-radius:8px;border:1px solid var(--border, #E8E2DA);padding:8px 12px}.staff-list-page .staff-table-section{flex:1;min-height:0;display:flex;flex-direction:column}.staff-list-page .staff-table-section .staff-table-card{border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;background:#fff;flex:1;min-height:0}.staff-list-page .staff-table-section .staff-table .ant-table{background:transparent}.staff-list-page .staff-table-section .staff-table .ant-table-thead>tr>th{background:#f8fafc80;border-bottom:1px solid #F5F5F5;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;color:#64748b;vertical-align:middle}.staff-list-page .staff-table-section .staff-table .ant-table-thead>tr>th .table-header-cell{display:flex;flex-direction:column;gap:0;line-height:18px}.staff-list-page .staff-table-section .staff-table .ant-table-thead>tr>th .table-header-cell p{margin:0;line-height:18px}.staff-list-page .staff-table-section .staff-table .ant-table-tbody>tr>td{border-top:1px solid #F5F5F5;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#0f172a;vertical-align:middle}.staff-list-page .staff-table-section .staff-table .ant-table-tbody>tr>td:first-child{padding-left:24px}.staff-list-page .staff-table-section .staff-table .ant-table-tbody>tr>td:last-child{padding-right:24px}.staff-list-page .staff-table-section .staff-table .ant-table-tbody>tr:first-child>td{border-top:none}.staff-list-page .staff-table-section .staff-table .ant-table-tbody>tr:hover>td{background:transparent}.staff-list-page .staff-table-section .staff-table .staff-code-cell{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:20px;color:#0f172a}.staff-list-page .staff-table-section .staff-table .staff-name-cell{display:flex;gap:12px;align-items:center}.staff-list-page .staff-table-section .staff-table .staff-name-cell .staff-avatar{width:40px;height:40px;background:#f5f5f5;border:2px solid #FFFFFF;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.staff-list-page .staff-table-section .staff-table .staff-name-cell .staff-name-meta{display:flex;flex-direction:column;gap:0}.staff-list-page .staff-table-section .staff-table .staff-name-cell .staff-name-meta .staff-name{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;line-height:20px;color:#0f172a}.staff-list-page .staff-table-section .staff-table .staff-phone-cell,.staff-list-page .staff-table-section .staff-table .staff-email-cell,.staff-list-page .staff-table-section .staff-table .staff-job-cell,.staff-list-page .staff-table-section .staff-table .staff-date-cell{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#475569}.staff-list-page .staff-table-section .staff-table .staff-status-badge{display:flex;gap:6px;align-items:center;padding:4px 12px;background:#76b1781a;border-radius:9999px;width:fit-content}.staff-list-page .staff-table-section .staff-table .staff-status-badge .status-dot{width:6px;height:6px;border-radius:9999px;flex-shrink:0}.staff-list-page .staff-table-section .staff-table .staff-status-badge .status-text{font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;line-height:15px;letter-spacing:.5px;text-transform:uppercase}.staff-list-page .staff-table-section .staff-table .booking-online-switch .ant-switch{width:44px;height:24px;background:#e2e8f0}.staff-list-page .staff-table-section .staff-table .booking-online-switch .ant-switch .ant-switch-handle{width:18px;height:18px;top:3px;left:3px}.staff-list-page .staff-table-section .staff-table .booking-online-switch .ant-switch .ant-switch-handle:before{background:#fff}.staff-list-page .staff-table-section .staff-table .booking-online-switch .ant-switch.ant-switch-checked{background:#8b5e34}.staff-list-page .staff-table-section .staff-table .booking-online-switch .ant-switch.ant-switch-checked .ant-switch-handle{left:calc(100% - 21px)}.staff-list-page .staff-table-section .staff-table .action-button{width:36px;height:36px;padding:8px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#727270;border-radius:8px;transition:all .2s}.staff-list-page .staff-table-section .staff-table .action-button .anticon{font-size:20px}.staff-list-page .staff-table-section .staff-table .action-button:hover{background:#0000000d;color:#2d1d04}.staff-list-page .table-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#fafafa;border-top:none}.staff-list-page .table-footer .footer-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#737373}.staff-list-page .table-footer .pagination-controls{display:flex;align-items:center;gap:4px}.staff-list-page .table-footer .pagination-controls .page-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #E5E5E5;border-radius:8px;background:transparent;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#737373;transition:all .3s}.staff-list-page .table-footer .pagination-controls .page-btn.active{background:#8b5e3c;border-color:#8b5e3c;color:#fff;font-weight:600}.staff-list-page .table-footer .pagination-controls .page-btn:hover:not(.active):not(:disabled){border-color:#d4d4d4;background:#fafafa}.staff-list-page .table-footer .pagination-controls .page-btn:disabled{opacity:.5;cursor:not-allowed}.staff-list-page .staff-detail-drawer .ant-drawer-header{border-bottom:1px solid var(--border, #E8E2DA)}.staff-list-page .staff-detail-drawer .staff-detail{display:flex;flex-direction:column;gap:20px;font-family:Lexend,Outfit,sans-serif}.staff-list-page .staff-detail-drawer .staff-detail .detail-title{font-size:18px;font-weight:700;color:var(--text-main, #4A443F)}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;text-align:center;width:100%}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar{background:#e8e2da;color:#825826}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions{display:flex!important;gap:12px;justify-content:center!important;width:100%}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn{min-width:120px!important;height:44px!important;padding:10px 20px!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-family:Lexend,Outfit,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;transition:background .2s,transform .2s!important;box-shadow:0 1px 2px #0000000d!important}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn.ghost{border:1px solid var(--border, #E8E2DA)!important;background:#fff!important;color:var(--text-main, #4A443F)!important}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn.ghost:hover{background:#0000000d!important;border-color:var(--border, #E8E2DA)!important;color:var(--text-main, #4A443F)!important;transform:translateY(-1px)}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn.primary{background:var(--color-orange-37, #8B5E34)!important;color:#fff!important;border:none!important}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn.primary:hover{background:var(--primary-hover, #704B2A)!important;color:#fff!important;transform:translateY(-1px)}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn:active{transform:translateY(0)}.staff-list-page .staff-detail-drawer .staff-detail .detail-avatar-block .detail-avatar-actions .ant-btn.pill-btn .anticon{font-size:18px!important}.staff-list-page .staff-detail-drawer .staff-detail .detail-header{display:flex;gap:12px;align-items:center}.staff-list-page .staff-detail-drawer .staff-detail .detail-header .detail-avatar{background:#e8e2da;color:#825826}.staff-list-page .staff-detail-drawer .staff-detail .detail-header .detail-meta{display:flex;flex-direction:column;gap:6px}.staff-list-page .staff-detail-drawer .staff-detail .detail-header .detail-meta .detail-name{font-size:16px;font-weight:700;color:var(--text-main, #4A443F)}.staff-list-page .staff-detail-drawer .staff-detail .detail-header .detail-meta .detail-role{font-size:13px;color:var(--text-muted, #8E857D)}.staff-list-page .staff-detail-drawer .staff-detail .detail-list{display:flex;flex-direction:column;gap:12px}.staff-list-page .staff-detail-drawer .staff-detail .detail-list .detail-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border, #E8E2DA);border-radius:10px;background:#f9fafb}.staff-list-page .staff-detail-drawer .staff-detail .detail-list .detail-row .label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:var(--text-muted, #8E857D);text-transform:uppercase;letter-spacing:.4px}.staff-list-page .staff-detail-drawer .staff-detail .detail-list .detail-row .value{font-size:13px;color:var(--text-main, #4A443F);text-align:right}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item{margin-bottom:16px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item .ant-form-item-label>label{font-size:12px;font-weight:600;color:var(--text-muted, #8E857D)}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item .ant-input,.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item .ant-select-selector,.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item .ant-picker{border-radius:999px;height:38px;padding:8px 14px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-form-item .ant-select-selector{display:flex;align-items:center}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .ant-input-textarea-affix-wrapper,.staff-list-page .staff-detail-drawer .staff-detail .detail-form textarea.ant-input{border-radius:12px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .form-grid.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .form-grid.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle{display:flex;align-items:center;gap:10px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-label.muted{color:#a3a3a3}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-label.active{color:var(--color-orange-37, #8B5E34)}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-switch{min-width:68px}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-switch .ant-switch-handle:before{background:#fff}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-switch.ant-switch-checked{background:var(--color-orange-37, #8B5E34)}.staff-list-page .staff-detail-drawer .staff-detail .detail-form .status-field .status-toggle .status-switch:not(.ant-switch-checked){background:#e5e7eb}.staff-list-page .staff-detail-drawer .staff-detail .detail-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.staff-list-page .staff-detail-drawer .staff-detail .detail-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.staff-list-page .staff-detail-drawer .staff-detail .detail-footer .pill-btn{min-width:110px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600}.staff-list-page .staff-detail-drawer .staff-detail .detail-footer .pill-btn.ghost{border:1px solid var(--border, #E8E2DA);background:#fff;color:var(--text-main, #4A443F)}.staff-list-page .staff-detail-drawer .staff-detail .detail-footer .pill-btn.primary{background:var(--color-orange-37, #8B5E34);color:#fff;border:none}.staff-list-page .staff-detail-drawer .staff-detail .detail-footer .pill-btn.primary:hover{background:var(--primary-hover, #704B2A)}@media(max-width:1024px){.staff-list-page .page-header{padding:20px}}@media(max-width:768px){.staff-list-page .page-header{padding:16px}.staff-list-page .page-header .header-top{flex-direction:column;align-items:flex-start}.staff-list-page .page-header .header-top .header-right{width:100%;flex-direction:column;align-items:stretch;gap:12px}.staff-list-page .page-header .header-top .header-right .add-staff-btn{width:100%}.staff-list-page .page-body{padding:16px}}@media(max-width:480px){.staff-list-page .page-header{padding:12px}.staff-list-page .page-header .header-top .header-left .page-title{font-size:20px;line-height:24px}.staff-list-page .page-header .header-top .header-left .page-subtitle{font-size:12px}.staff-list-page .page-header .header-top .header-right .add-staff-btn{font-size:13px;height:40px}.staff-list-page .page-body{padding:12px}}.staff-register-modal{z-index:2000!important}.staff-register-modal .ant-modal{padding-bottom:0}.staff-register-modal .ant-modal-content{padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#feffff!important;box-shadow:0 10px 40px #00000026!important}.staff-register-modal .ant-modal-body{padding:0!important;overflow:visible}.staff-register-modal .ant-modal-header{border-radius:16px 16px 0 0!important;overflow:hidden;padding:0!important;border:none!important;background:#feffff}.staff-register-modal .ant-modal-close{display:none}.staff-register-modal .modal-content{background:#feffff;font-family:Outfit,sans-serif;border-radius:16px;overflow:hidden;padding-bottom:24px}.staff-register-modal .modal-content .modal-title{font-size:20px;font-weight:600;color:#2d1d04;margin:0;padding:24px;border-bottom:1px solid #F4F0E7;text-align:center}.staff-register-modal .modal-content .avatar-section{display:flex;flex-direction:column;align-items:center;padding:24px;gap:16px}.staff-register-modal .modal-content .avatar-section .staff-avatar{background-color:#f8f5f1;color:#8b5e34;font-size:32px;border:2px solid #E8E2DA}.staff-register-modal .modal-content .avatar-section .avatar-actions{display:flex;gap:12px}.staff-register-modal .modal-content .avatar-section .avatar-actions .delete-btn{border-radius:20px;border:1px solid #E5E7EB;color:#9ca3af;font-weight:600;font-size:12px;text-transform:uppercase}.staff-register-modal .modal-content .avatar-section .avatar-actions .delete-btn:hover{color:#ef4444;border-color:#ef4444}.staff-register-modal .modal-content .avatar-section .avatar-actions .upload-btn{background:#8b5e34;color:#fff;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;border:none}.staff-register-modal .modal-content .avatar-section .avatar-actions .upload-btn:hover{background:#704b2a}.staff-register-modal .modal-content .register-form{padding:0 32px;max-height:60vh;overflow-y:auto}.staff-register-modal .modal-content .register-form .form-row{display:flex;gap:16px;margin-bottom:4px}.staff-register-modal .modal-content .register-form .form-row.two-cols{display:grid;grid-template-columns:1fr 1fr}.staff-register-modal .modal-content .register-form .form-row.three-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr}.staff-register-modal .modal-content .register-form .ant-form-item{margin-bottom:16px}.staff-register-modal .modal-content .register-form .ant-form-item-label>label{font-family:Outfit,sans-serif;font-weight:500;color:#374151}.staff-register-modal .modal-content .register-form .ant-form-item .ant-input,.staff-register-modal .modal-content .register-form .ant-form-item .ant-picker,.staff-register-modal .modal-content .register-form .ant-form-item .ant-select-selector{border-radius:10px;border-color:#d1d5db;height:42px}.staff-register-modal .modal-content .register-form .ant-form-item .ant-input:hover,.staff-register-modal .modal-content .register-form .ant-form-item .ant-input:focus,.staff-register-modal .modal-content .register-form .ant-form-item .ant-picker:hover,.staff-register-modal .modal-content .register-form .ant-form-item .ant-picker:focus,.staff-register-modal .modal-content .register-form .ant-form-item .ant-select-selector:hover,.staff-register-modal .modal-content .register-form .ant-form-item .ant-select-selector:focus{border-color:#8b5e34}.staff-register-modal .modal-content .register-form .status-field .ant-form-item-label{text-align:right;width:100%}.staff-register-modal .modal-content .register-form .status-field .ant-form-item-label label{width:100%;justify-content:flex-end}.staff-register-modal .modal-content .register-form .status-field .status-toggle{display:flex;align-items:center;gap:12px;height:42px}.staff-register-modal .modal-content .register-form .status-field .status-toggle .status-label{font-size:12px;font-weight:600;color:#9ca3af}.staff-register-modal .modal-content .register-form .status-field .status-toggle .status-label.active{color:#8b5e34}.staff-register-modal .modal-content .register-form .status-field .status-toggle .ant-switch-checked{background-color:#8b5e34}.staff-register-modal .modal-content .register-form .form-note{color:#ef4444;font-style:italic;font-size:13px;margin-top:8px}.staff-register-modal .modal-content .register-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-bottom:12px}.staff-register-modal .modal-content .register-form .form-actions .action-btn{height:40px;border-radius:20px;font-weight:600;text-transform:uppercase;font-size:13px;min-width:100px}.staff-register-modal .modal-content .register-form .form-actions .back-btn{border:1px solid #D1D5DB;color:#374151}.staff-register-modal .modal-content .register-form .form-actions .back-btn:hover{border-color:#9ca3af;background:#f9fafb}.staff-register-modal .modal-content .register-form .form-actions .refresh-btn{border:1px solid #D1D5DB;color:#374151}.staff-register-modal .modal-content .register-form .form-actions .save-btn{background:#8b5e34;border:none}.staff-register-modal .modal-content .register-form .form-actions .save-btn:hover{background:#704b2a}.service-list-page{display:flex;flex-direction:column;height:100%;width:100%;font-family:Outfit,sans-serif;overflow:hidden;padding:0 0 20px;gap:20px}.service-list-page .dashboard-title-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;margin-bottom:0;flex-shrink:0;width:100%}.service-list-page .dashboard-title-bar .page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;color:#2d1d04;margin:0;line-height:36px;flex-shrink:0}.service-list-page .dashboard-title-bar .header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.service-list-page .dashboard-title-bar .header-actions .search-input{width:441px;height:48px;background:#e3e3e333;border:1px solid #E3E3E3;border-radius:12px;font-size:18px;color:#2d1d04;font-family:Outfit,sans-serif}.service-list-page .dashboard-title-bar .header-actions .search-input::placeholder{color:#bababa;font-size:18px;font-weight:400}.service-list-page .dashboard-title-bar .header-actions .search-input .ant-input-prefix{color:#2d1d04;margin-right:12px}.service-list-page .dashboard-title-bar .header-actions .search-input:hover,.service-list-page .dashboard-title-bar .header-actions .search-input:focus{background:#e3e3e34d;border-color:#e3e3e3}.service-list-page .dashboard-title-bar .header-actions .add-btn{background-color:#825826;border-color:#825826;border-radius:1000px;height:48px;padding:12px 32px 12px 24px;font-weight:500;font-size:18px;font-family:Outfit,sans-serif;color:#feffff;display:flex;align-items:center;gap:12px;white-space:nowrap}.service-list-page .dashboard-title-bar .header-actions .add-btn:hover{background-color:#6d4a1f;border-color:#6d4a1f}.service-list-page .dashboard-title-bar .header-actions .add-btn .anticon{font-size:24px}.service-list-page .table-container{background:#feffff;border:1px solid #F4F0E7;border-radius:24px;padding:32px;box-shadow:0 10px 20px #00000014;font-family:Outfit,sans-serif;flex:1;overflow:auto;width:100%;min-height:0}.service-list-page .table-container .custom-table .ant-table{background:transparent}.service-list-page .table-container .custom-table .ant-table-thead>tr>th{background:transparent;border-bottom:1.5px solid #2D1D04;font-size:16px;font-weight:500;color:#2d1d04;font-family:Outfit,sans-serif;padding:12px 16px;height:48px}.service-list-page .table-container .custom-table .ant-table-thead>tr>th:before{display:none}.service-list-page .table-container .custom-table .ant-table-tbody>tr>td{padding:8px 16px;border-bottom:1px solid #E3E3E3;font-size:16px;color:#2d1d04;font-family:Outfit,sans-serif;font-weight:400;height:48px;background:transparent}.service-list-page .table-container .custom-table .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #E3E3E3}.service-list-page .table-container .custom-table .ant-table-tbody>tr:hover>td{background:#f4f0e74d}.service-list-page .table-container .custom-table .text-code,.service-list-page .table-container .custom-table .text-name{color:#2d1d04;font-weight:400}.service-list-page .table-container .custom-table .status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;font-family:Outfit,sans-serif}.service-list-page .table-container .custom-table .status-badge.active{background:#2970ff26;color:#2970ff}.service-list-page .table-container .custom-table .status-badge.active .dot{background:#2970ff}.service-list-page .table-container .custom-table .status-badge.inactive{background:#ee2e5326;color:#ee2e53}.service-list-page .table-container .custom-table .status-badge.inactive .dot{background:#ee2e53}.service-list-page .table-container .custom-table .status-badge .dot{width:8px;height:8px;border-radius:50%}.service-list-page .table-container .custom-table .action-buttons{display:flex;justify-content:center;gap:16px;align-items:center}.service-list-page .table-container .custom-table .action-buttons .btn-icon{width:24px;height:24px;border:none;display:flex;align-items:center;justify-content:center;color:#2d1d04;padding:0;background:transparent}.service-list-page .table-container .custom-table .action-buttons .btn-icon:hover{background:transparent;color:#825826}.service-list-page .table-container .custom-table .action-buttons .btn-icon .anticon{font-size:20px}@media(max-width:1024px){.service-list-page .dashboard-title-bar .page-title{font-size:24px;line-height:32px}.service-list-page .dashboard-title-bar .header-actions .search-input{width:300px;height:44px;font-size:16px}.service-list-page .dashboard-title-bar .header-actions .search-input::placeholder{font-size:16px}.service-list-page .dashboard-title-bar .header-actions .add-btn{height:44px;padding:10px 24px 10px 20px;font-size:16px}.service-list-page .dashboard-title-bar .header-actions .add-btn .anticon{font-size:20px}.service-list-page .table-container{padding:24px}}@media(max-width:768px){.service-list-page .dashboard-title-bar{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:16px}.service-list-page .dashboard-title-bar .page-title{font-size:20px;line-height:28px}.service-list-page .dashboard-title-bar .header-actions{width:100%;flex-direction:column;gap:12px}.service-list-page .dashboard-title-bar .header-actions .search-input{width:100%;height:44px}.service-list-page .dashboard-title-bar .header-actions .add-btn{width:100%;justify-content:center;height:44px}.service-list-page .table-container{padding:16px}}@media(max-width:480px){.service-list-page .dashboard-title-bar{margin-bottom:12px}.service-list-page .dashboard-title-bar .page-title{font-size:18px;line-height:24px}.service-list-page .dashboard-title-bar .header-actions{gap:10px}.service-list-page .dashboard-title-bar .header-actions .search-input{height:40px;font-size:14px}.service-list-page .dashboard-title-bar .header-actions .search-input::placeholder{font-size:14px}.service-list-page .dashboard-title-bar .header-actions .add-btn{height:40px;font-size:14px;padding:8px 24px 8px 16px}.service-list-page .dashboard-title-bar .header-actions .add-btn .anticon{font-size:18px}.service-list-page .table-container{padding:12px;border-radius:16px}.service-list-page .table-container .custom-table .ant-table-thead>tr>th{font-size:12px;padding:8px 12px;height:40px}.service-list-page .table-container .custom-table .ant-table-tbody>tr>td{font-size:13px;padding:6px 12px;height:40px}.service-list-page .table-container .custom-table .status-badge{font-size:10px;padding:2px 4px}.service-list-page .table-container .custom-table .status-badge .dot{width:6px;height:6px}.service-list-page .table-container .custom-table .action-buttons{gap:12px}.service-list-page .table-container .custom-table .action-buttons .btn-icon{width:20px;height:20px}.service-list-page .table-container .custom-table .action-buttons .btn-icon .anticon{font-size:16px}}.service-modal .ant-modal-content{border-radius:16px 16px 0 0;overflow:hidden;padding:0}.service-modal .ant-modal-header{padding:24px;border-bottom:1px solid #CAC5BF;background:#feffff}.service-modal .ant-modal-header .ant-modal-title{font-size:36px;font-weight:500;color:#2d1d04;line-height:48px;font-family:Outfit,sans-serif}.service-modal .ant-modal-close{top:24px;right:24px}.service-modal .ant-modal-close .ant-modal-close-x{line-height:48px;font-size:20px;color:#2d1d04}.service-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto;background:#feffff;border-bottom:1px solid #CAC5BF}.service-modal .service-form{font-family:Outfit,sans-serif}.service-modal .service-form .upload-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #CAC5BF}.service-modal .service-form .upload-section .upload-box{width:200px;height:200px;background:#fffaf5;border:1px solid #825826;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.service-modal .service-form .upload-section .upload-box .anticon{font-size:24px;color:#bababa}.service-modal .service-form .upload-section .upload-actions{display:flex;gap:12px}.service-modal .service-form .upload-section .upload-actions .delete-btn,.service-modal .service-form .upload-section .upload-actions .upload-btn{height:40px;padding:8px 24px;border-radius:1000px;font-size:14px;font-weight:500;font-family:Outfit,sans-serif;text-transform:uppercase}.service-modal .service-form .upload-section .upload-actions .delete-btn{border:1px solid #BABABA;color:#bababa;background:transparent}.service-modal .service-form .upload-section .upload-actions .delete-btn:hover{border-color:#2d1d04;color:#2d1d04}.service-modal .service-form .upload-section .upload-actions .upload-btn{background:#825826;border-color:#825826;color:#feffff}.service-modal .service-form .upload-section .upload-actions .upload-btn:hover{background:#6d4a1f;border-color:#6d4a1f}.service-modal .service-form .form-section{margin-bottom:24px;padding-bottom:16px}.service-modal .service-form .form-section:not(:last-of-type){border-bottom:1px solid #CAC5BF}.service-modal .service-form .form-section .section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.service-modal .service-form .form-section .section-header .section-icon{width:36px;height:36px;background:#f4f0e780;border-radius:6px;display:flex;align-items:center;justify-content:center}.service-modal .service-form .form-section .section-header .section-icon .anticon{font-size:24px;color:#2d1d04}.service-modal .service-form .form-section .section-header .section-title{font-size:24px;font-weight:500;color:#2d1d04;line-height:36px;margin:0}.service-modal .service-form .form-section .form-row{display:grid;grid-template-columns:1fr!important;gap:24px;margin-bottom:16px;align-items:start}.service-modal .service-form .form-section .form-row.code-row,.service-modal .service-form .form-section .form-row.name-row{grid-template-columns:repeat(3,1fr)!important}.service-modal .service-form .form-section .form-row .form-item-btn{margin-bottom:0}.service-modal .service-form .form-section .form-row .form-item-btn .ant-form-item-control-input{min-height:48px;display:flex}.service-modal .service-form .form-section .ant-form-item{margin-bottom:0}.service-modal .service-form .form-section .ant-form-item-label{min-height:32px}.service-modal .service-form .form-section .ant-form-item-label>label{font-size:16px;font-weight:500;color:#2d1d04;font-family:Outfit,sans-serif;height:auto}.service-modal .service-form .form-section .ant-form-item-label>label .required{color:#e90d0d;margin-left:2px}.service-modal .service-form .form-section .custom-input{background:#feffff;border:1px solid #BABABA;height:48px;border-radius:12px;font-size:16px;color:#2d1d04;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .custom-input::placeholder{color:#bababa}.service-modal .service-form .form-section .custom-input.disabled{background:#f5f5f5;color:#bababa;cursor:not-allowed}.service-modal .service-form .form-section .custom-input .ant-input-suffix{color:#2d1d04}.service-modal .service-form .form-section .custom-select .ant-select-selector{background:#feffff!important;border:1px solid #BABABA!important;height:48px!important;border-radius:12px!important;align-items:center}.service-modal .service-form .form-section .custom-select .ant-select-selector .ant-select-selection-placeholder,.service-modal .service-form .form-section .custom-select .ant-select-selector .ant-select-selection-item{line-height:46px;font-size:16px;color:#2d1d04;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .custom-select .ant-select-selector .ant-select-selection-placeholder{color:#bababa}.service-modal .service-form .form-section .custom-select .ant-select-arrow{color:#2d1d04}.service-modal .service-form .form-section .add-category-btn{width:48px;height:48px;background:#c3a593;border:none;border-radius:1000px;display:flex;align-items:center;justify-content:center;padding:0}.service-modal .service-form .form-section .add-category-btn .anticon{font-size:24px;color:#feffff}.service-modal .service-form .form-section .add-category-btn:hover{background:#a88b6e}.service-modal .service-form .form-section .status-item{margin-bottom:0}.service-modal .service-form .form-section .status-item .status-toggle-wrapper{display:flex;align-items:center;gap:12px;height:48px}.service-modal .service-form .form-section .status-item .status-toggle-wrapper .ant-switch{background:#e3e3e3}.service-modal .service-form .form-section .status-item .status-toggle-wrapper .ant-switch.ant-switch-checked{background:#825826}.service-modal .service-form .form-section .status-item .status-toggle-wrapper .status-label{font-size:18px;font-weight:400;color:#242424;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .rich-editor-container .ck-editor__editable_inline{min-height:200px;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important;font-family:Outfit,sans-serif;font-size:16px;color:#2d1d04;padding:16px}.service-modal .service-form .form-section .rich-editor-container .ck-toolbar{border-top-left-radius:8px!important;border-top-right-radius:8px!important;background:#fff!important;border-bottom:1px solid #F3F4F6!important}.service-modal .service-form .form-section .rich-editor-container .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){border-color:#bababa!important}.service-modal .service-form .form-section .rich-editor-container .ck.ck-editor__main>.ck-editor__editable.ck-focused{border-color:#825826!important;box-shadow:0 0 0 2px #82582633!important}.service-modal .service-form .form-section .commission-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-modal .service-form .form-section .commission-section-grid .commission-column{display:flex;flex-direction:column;gap:12px}.service-modal .service-form .form-section .commission-row{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:16px;border-radius:8px;margin-bottom:0}.service-modal .service-form .form-section .commission-row .role-label{font-size:16px;font-weight:400;color:#2d1d04;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .commission-row .commission-input-group{display:flex;gap:8px;align-items:center}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-input{width:200px;height:40px;border:1px solid #BABABA;border-radius:8px;text-align:right;font-size:16px;color:#2d1d04;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-input::placeholder{color:#bababa}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-toggle{display:flex;border-radius:8px;overflow:hidden;background:#e5e7eb;height:40px}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-toggle .toggle-option{width:48px;height:40px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-toggle .toggle-option.active{background:#825826;color:#feffff}.service-modal .service-form .form-section .commission-row .commission-input-group .commission-toggle .toggle-option:hover:not(.active){background:#d1d5db}.service-modal .service-form .modal-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:24px;padding-top:24px;width:100%}.service-modal .service-form .modal-footer .footer-left .required-note{color:#9ca3af;font-style:italic;font-size:14px;font-family:Outfit,sans-serif;width:50%!important}.service-modal .service-form .modal-footer .footer-right{justify-self:end;display:flex;gap:12px;align-items:center}.service-modal .service-form .modal-footer .footer-right .ant-btn.action-btn{height:48px;padding:0 32px;border-radius:1000px;font-weight:600;text-transform:uppercase;font-size:14px;font-family:Outfit,sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center}.service-modal .service-form .modal-footer .footer-right .ant-btn.action-btn>span{position:relative;top:1px}.service-modal .service-form .modal-footer .footer-right .ant-btn.back-btn{border:1px solid #2D1D04!important;color:#2d1d04!important;background:transparent!important;box-shadow:none!important}.service-modal .service-form .modal-footer .footer-right .ant-btn.back-btn:hover{background:#f9fafb!important;border-color:#2d1d04!important;color:#2d1d04!important}.service-modal .service-form .modal-footer .footer-right .ant-btn.reset-btn{border:none!important;color:#2d1d04!important;background:#c3a593!important;box-shadow:none!important}.service-modal .service-form .modal-footer .footer-right .ant-btn.reset-btn:hover{background:#b09483!important;color:#2d1d04!important}.service-modal .service-form .modal-footer .footer-right .ant-btn.save-btn{background:#825826!important;color:#feffff!important;border:none!important;box-shadow:none!important}.service-modal .service-form .modal-footer .footer-right .ant-btn.save-btn:hover{background:#6d4a1f!important;color:#feffff!important}.service-category-page{background:#fff;height:100%;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.service-category-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.service-category-page .page-header .header-content .page-title{font-size:24px;font-weight:700;color:#2d1d04;margin-bottom:0}.service-category-page .page-header .header-content .page-subtitle{color:#727270;font-size:14px;margin-bottom:24px}.service-category-page .page-header .header-actions .add-btn{background-color:#825826;border-color:#825826;border-radius:1000px;height:48px;padding:12px 32px 12px 24px;font-weight:500;font-size:18px;font-family:Outfit,sans-serif;color:#feffff;display:flex;align-items:center;gap:12px;white-space:nowrap}.service-category-page .page-header .header-actions .add-btn:hover{background-color:#6d4a1f;border-color:#6d4a1f}.service-category-page .page-header .header-actions .add-btn .anticon{font-size:24px}.service-category-page .page-header .header-actions .export-btn{border-radius:6px;border:1px solid #E5E7EB;color:#4b5563;font-size:13px;height:36px}.service-category-page .page-header .header-actions .export-btn:hover{color:#9c6c44;border-color:#9c6c44}.service-category-page .tabs-container{margin-bottom:24px;flex-shrink:0}.service-category-page .tabs-navigation{display:inline-flex;background:#f3f4f6;padding:4px;border-radius:12px;gap:0}.service-category-page .tabs-navigation .tab-item{padding:10px 24px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.service-category-page .tabs-navigation .tab-item:hover{color:#374151}.service-category-page .tabs-navigation .tab-item.active{background-color:#fff;color:#9c6c44;font-weight:600;box-shadow:0 1px 3px #0000001a}.service-category-page .category-list{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;align-content:start;gap:20px;flex:1;overflow-y:auto;min-height:0;padding-right:4px;padding-bottom:16px}.service-category-page .category-list .category-row{width:100%;position:relative;border-radius:8px;background-color:#fffcf9;border:1px solid #cac5bf;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:16px;gap:20px;text-align:left;font-size:20px;color:#2d1d04;font-family:Outfit,sans-serif;height:fit-content;transition:all .2s}.service-category-page .category-list .category-row:hover{border-color:#825826}.service-category-page .category-list .category-row .category-name{position:relative;line-height:30px;font-weight:500;color:#2d1d04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;display:flex;align-items:center}.service-category-page .category-list .category-row .row-actions{background-color:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;gap:16px}.service-category-page .category-list .category-row .row-actions .ant-btn{padding:4px;height:auto}.service-category-page .category-list .category-row .row-actions .ant-btn .anticon{font-size:24px;color:#bababa}.service-category-page .category-list .empty-state{padding:40px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:12px}.service-category-page .list-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-shrink:0;padding-top:16px;border-top:1px solid #F3F4F6}.service-category-page .list-footer .showing-text{color:#9ca3af;font-size:14px}.service-category-page .list-footer .ant-pagination-item{border-radius:50%;border:none;background:#f3f4f6}.service-category-page .list-footer .ant-pagination-item-active{background:#9c6c44}.service-category-page .list-footer .ant-pagination-item-active a{color:#fff!important}.category-modal .ant-modal-content{padding:0!important;border-radius:16px;overflow:hidden;box-shadow:0 10px 20px #00000014}.category-modal .ant-modal-body{padding:0}.category-modal .headerPopup{height:88px;background-color:#feffff;border-bottom:1px solid #cac5bf;display:flex;align-items:center;justify-content:space-between;padding:24px}.category-modal .headerPopup .header{font-size:36px;font-weight:500;color:#2d1d04;font-family:Outfit,sans-serif;line-height:48px}.category-modal .headerPopup .close-btn-wrapper{height:48px;width:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.category-modal .headerPopup .close-btn-wrapper:hover{background-color:#0000000d}.category-modal .headerPopup .close-btn-wrapper .anticon{font-size:24px;color:#2d1d04}.category-modal .modal-content-wrapper{padding:24px 24px 0;background-color:#feffff;display:flex;flex-direction:column}.category-modal .modal-content-wrapper .modal-form-content{display:flex;flex-direction:column;gap:24px;padding-bottom:20px;border-bottom:1px solid #cac5bf;margin-bottom:20px}.category-modal .input-group{display:flex;flex-direction:column;gap:6px}.category-modal .input-group .label{display:flex;gap:4px;align-items:center;margin-bottom:4px}.category-modal .input-group .label .label-title{font-size:16px;font-weight:500;color:#242424;line-height:24px}.category-modal .input-group .label .required{color:#ee2e53;font-size:12px}.category-modal .input-group .custom-input,.category-modal .input-group .custom-select .ant-select-selector{height:48px!important;border-radius:12px!important;border:1px solid #bababa!important;padding:8px 16px!important;font-size:16px;display:flex;align-items:center}.category-modal .input-group .custom-input:focus,.category-modal .input-group .custom-input-focused,.category-modal .input-group .custom-select .ant-select-selector:focus,.category-modal .input-group .custom-select .ant-select-selector-focused{border-color:#825826!important;box-shadow:0 0 0 2px #8258261a!important}.category-modal .input-group .type-radio-group{display:flex;gap:24px}.category-modal .input-group .type-radio-group .type-option{display:flex;align-items:center;gap:12px;cursor:pointer}.category-modal .input-group .type-radio-group .type-option .radio-circle{width:24px;height:24px;border:2px solid #bababa;border-radius:50%;position:relative}.category-modal .input-group .type-radio-group .type-option .radio-circle.checked{border-color:#825826}.category-modal .input-group .type-radio-group .type-option .radio-circle.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#825826;border-radius:50%}.category-modal .input-group .type-radio-group .type-option .type-label{font-size:18px;color:#242424;line-height:28px}.category-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.category-modal .modal-footer .action-btn{height:40px;border-radius:1000px;padding:0 24px;font-weight:500;text-transform:uppercase;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.category-modal .modal-footer .back-btn{background:transparent;border:1px solid #2d1d04;color:#2d1d04}.category-modal .modal-footer .recovery-btn{background:#c3a593;border:none;color:#2d1d04}.category-modal .modal-footer .save-btn{background:#825826;border:none;color:#feffff}.category-modal .modal-footer .save-btn:disabled{background:#d9d9d9;color:#00000040}.ant-modal-body{padding:0 40px 40px}.category-form{margin-top:24px}.category-form .ant-form-item-label{padding-bottom:8px}.category-form .ant-form-item-label label{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.category-form .ant-form-item-label label.ant-form-item-required:before{display:none}.category-form .ant-form-item-label label.ant-form-item-required:after{content:"*";color:#ef4444;margin-left:4px;font-size:14px}.category-form .type-selector{display:inline-flex;background:#f3f4f6;border-radius:20px;padding:4px}.category-form .type-selector .type-option{padding:8px 24px;border-radius:16px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.category-form .type-selector .type-option.active{background:#9c6c44;color:#fff;box-shadow:0 2px 4px #0000001a}.category-form .type-selector .type-option.disabled{opacity:.5;cursor:not-allowed}.category-form .custom-input{background:#f9fafb;border:1px solid #F3F4F6;border-radius:8px;height:48px;font-size:15px}.category-form .custom-input:hover,.category-form .custom-input:focus{border-color:#e5e7eb;background:#fff}.category-form .custom-input::placeholder{color:#9ca3af}.category-form .custom-select .ant-select-selector{background:#f9fafb!important;border:1px solid #F3F4F6!important;border-radius:8px!important;height:48px!important;display:flex;align-items:center}.category-form .custom-select .select-arrow{font-size:10px;color:#9ca3af}.category-form .required-note{color:#ef4444;font-size:14px;margin-top:32px;margin-bottom:24px}.category-form .modal-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #F3F4F6}.category-form .modal-actions .action-btn{height:44px;padding:0 24px;border-radius:22px;font-weight:600;font-size:14px;text-transform:uppercase}.category-form .modal-actions .back-btn,.category-form .modal-actions .recovery-btn{border:1px solid #E5E7EB;color:#111827;background:#fff}.category-form .modal-actions .back-btn:hover,.category-form .modal-actions .recovery-btn:hover{background:#f9fafb;border-color:#d1d5db}.category-form .modal-actions .save-btn{background:#9c6c44;color:#fff;border:none}.category-form .modal-actions .save-btn:hover{background:#825826}:global .delete-confirm-modal .ant-modal-content{border-radius:20px;padding:32px;text-align:center}:global .delete-confirm-modal .ant-modal-confirm-body .anticon{font-size:48px;margin-bottom:16px;float:none;margin-right:0}:global .delete-confirm-modal .ant-modal-confirm-body .ant-modal-confirm-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}:global .delete-confirm-modal .ant-modal-confirm-body .ant-modal-confirm-content{font-size:15px;color:#6b7280;margin-left:0}:global .delete-confirm-modal .ant-modal-confirm-btns{margin-top:32px;display:flex;justify-content:center;gap:12px;float:none}:global .delete-confirm-modal .ant-modal-confirm-btns .delete-cancel-btn{border-radius:12px;font-weight:600;color:#6b7280;height:44px;padding:0 24px}:global .delete-confirm-modal .ant-modal-confirm-btns .delete-cancel-btn:hover{background:#f3f4f6;color:#1f2937}:global .delete-confirm-modal .ant-modal-confirm-btns .delete-confirm-btn{border-radius:12px;font-weight:600;height:44px;padding:0 32px;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 6px -1px #ef44444d}:global .delete-confirm-modal .ant-modal-confirm-btns .delete-confirm-btn:hover{background:#dc2626;border-color:#dc2626}.admin-layout{display:flex;gap:32px;height:100vh;background:#c3a593;padding:32px;align-items:stretch;font-family:Outfit,sans-serif}.admin-layout .admin-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:24px;border:1px solid #F4F0E7;background:#feffff;box-shadow:0 10px 20px #00000014;height:100%;overflow:hidden;position:relative}.admin-layout .admin-content .ant-modal-root{overflow:visible!important;pointer-events:none}@media(max-width:1024px){.admin-layout{gap:24px;padding:24px}.admin-layout .admin-content{padding:24px;gap:16px;border-radius:20px}}@media(max-width:768px){.admin-layout{gap:16px;padding:16px}.admin-layout .admin-content{padding:20px;gap:12px;border-radius:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.admin-layout{flex-direction:column;padding:12px;gap:12px}.admin-layout .admin-sidebar{width:100%!important}.admin-layout .admin-content{padding:16px;gap:10px;min-height:0;flex:1;border-radius:12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.forgot-password-modal{z-index:2000!important}.forgot-password-modal .ant-modal-wrap{z-index:2000!important;display:flex!important;align-items:center!important;justify-content:center!important}.forgot-password-modal .ant-modal{top:0!important;transform:none!important;padding-bottom:0;z-index:2000!important;margin:0 auto!important;position:relative!important}.forgot-password-modal .ant-modal-content{padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#feffff!important;box-shadow:0 10px 20px #00000014!important;z-index:2000!important;position:relative}.forgot-password-modal .ant-modal-body{padding:0!important;overflow:visible;border-radius:0 0 16px 16px}.forgot-password-modal .ant-modal-header{border-radius:16px 16px 0 0!important;overflow:hidden;padding:0!important;border:none!important}.forgot-password-modal-mask{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000003d!important;z-index:1999!important}.forgot-password-modal-content{background:#feffff;font-family:Outfit,sans-serif;border-radius:16px;overflow:hidden}.forgot-password-modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:#f4f0e7;border-radius:16px 16px 0 0}.forgot-password-modal-content .modal-header .modal-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;line-height:36px;color:#2d1d04;margin:0}.forgot-password-modal-content .modal-header .close-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:1000px;color:#2d1d04;transition:all .3s;padding:0;border:none;background:transparent}.forgot-password-modal-content .modal-header .close-button:hover{background:#2d1d041a;color:#2d1d04}.forgot-password-modal-content .modal-header .close-button .anticon{font-size:24px}.forgot-password-modal-content .modal-body{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;background:#feffff;border-bottom:1px solid #CAC5BF}.forgot-password-modal-content .modal-body .modal-message{font-family:Outfit,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#242424;margin:0;text-align:center;padding:6px 0}.forgot-password-modal-content .modal-body .ok-button{display:flex;height:40px;padding:8px 24px;justify-content:center;align-items:center;gap:12px;border-radius:1000px;background:#825826;border:none;color:#feffff;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;transition:all .3s;width:104px}.forgot-password-modal-content .modal-body .ok-button:hover{background:#6b4820;color:#feffff}.forgot-password-modal-content .modal-body .ok-button:active{background:#5a3d1b}@media(max-width:768px){.forgot-password-modal .ant-modal{width:95%!important;max-width:95%!important;margin:20px auto}.forgot-password-modal .forgot-password-modal-content .modal-header{padding:20px}.forgot-password-modal .forgot-password-modal-content .modal-header .modal-title{font-size:22px}.forgot-password-modal .forgot-password-modal-content .modal-header .close-button{width:44px;height:44px}.forgot-password-modal .forgot-password-modal-content .modal-header .close-button .anticon{font-size:22px}.forgot-password-modal .forgot-password-modal-content .modal-body{padding:20px;gap:20px}.forgot-password-modal .forgot-password-modal-content .modal-body .modal-message{font-size:15px}.forgot-password-modal .forgot-password-modal-content .modal-body .ok-button{height:38px;font-size:13px}}@media(max-width:480px){.forgot-password-modal .ant-modal{width:95%!important;max-width:95%!important;margin:16px auto}.forgot-password-modal .forgot-password-modal-content .modal-header{padding:16px}.forgot-password-modal .forgot-password-modal-content .modal-header .modal-title{font-size:20px;line-height:30px}.forgot-password-modal .forgot-password-modal-content .modal-header .close-button{width:40px;height:40px}.forgot-password-modal .forgot-password-modal-content .modal-header .close-button .anticon{font-size:20px}.forgot-password-modal .forgot-password-modal-content .modal-body{padding:16px;gap:16px}.forgot-password-modal .forgot-password-modal-content .modal-body .modal-message{font-size:14px;line-height:22px}.forgot-password-modal .forgot-password-modal-content .modal-body .ok-button{height:36px;padding:6px 20px;font-size:12px;width:100px}}.login-page{height:100vh;width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;background:url(/assets/850a695264faeba4b2eb-CJecVFIm.jpg) no-repeat left top,url(/assets/b6594c3d7a95f5cbac84-DyGJljf_.jpg) no-repeat right bottom,linear-gradient(180deg,#fff,#fffef5);background-size:600px auto,900px auto,100% 100%;position:relative;padding:40px;overflow:hidden;box-sizing:border-box}.login-page .corner-logo{position:absolute;top:20px;left:20px;width:80px;height:80px;object-fit:contain;border-radius:8px}.login-container{display:flex;width:100%;max-width:1680px;border-radius:16px;overflow:hidden;gap:20px;box-sizing:border-box}.login-container .login-left{width:828px;max-width:100%;height:816px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 40px;position:relative;border-radius:16px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.login-container .login-left::-webkit-scrollbar{display:none}.login-container .login-left .login-header-text{font-size:14px;color:#888;font-weight:400;margin-bottom:12px}.login-container .login-left .login-logo{display:flex;align-items:center;justify-content:center;margin:20px 0 30px}.login-container .login-left .login-logo .logo-image{width:180px;height:auto;object-fit:contain}.login-container .login-left .login-content{max-width:531px;margin:0 auto;width:100%}.login-container .login-left .login-content .login-title{font-size:28px;font-weight:700;color:#333;margin:0 0 8px}.login-container .login-left .login-content .login-subtitle{font-size:13px;color:#888;margin:0 0 24px}.login-container .login-left .login-content .login-form .form-item-custom{margin-bottom:16px}.login-container .login-left .login-content .login-form .form-item-custom .ant-form-item-label{padding-bottom:4px}.login-container .login-left .login-content .login-form .form-item-custom .ant-form-item-label label{font-size:12px;font-weight:500;color:#333}.login-container .login-left .login-content .login-form .custom-input{width:512px;height:48px;border-radius:8px;border:1px solid #BABABA;padding:12px 16px;font-size:14px;gap:8px}.login-container .login-left .login-content .login-form .custom-input:hover{border-color:#999}.login-container .login-left .login-content .login-form .custom-input:focus,.login-container .login-left .login-content .login-form .custom-input.ant-input-affix-wrapper-focused{border-color:#825826;box-shadow:0 0 0 2px #8258261a}.login-container .login-left .login-content .login-form .login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-container .login-left .login-content .login-form .login-options .remember-checkbox .ant-checkbox-inner{border-color:#d0d0d0}.login-container .login-left .login-content .login-form .login-options .remember-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#b8860b;border-color:#b8860b}.login-container .login-left .login-content .login-form .login-options .remember-checkbox span{font-size:12px;color:#666}.login-container .login-left .login-content .login-form .login-options .forgot-password-link{color:#4a90e2;font-size:12px;text-decoration:none;font-weight:500;background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit}.login-container .login-left .login-content .login-form .login-options .forgot-password-link:hover{text-decoration:underline}.login-container .login-left .login-content .login-form .login-options .forgot-password-link:focus{outline:none}.login-container .login-left .login-content .login-form .login-button{width:531px;height:48px;border-radius:9999px;font-size:14px;font-weight:600;letter-spacing:1px;background-color:#825826;border:none;color:#fff;margin-top:4px;gap:12px;padding:12px 24px}.login-container .login-left .login-content .login-form .login-button:hover{background-color:#6b4820}.login-container .login-left .login-content .login-form .login-button:active{background-color:#5a3d1b}.login-container .login-right{width:828px;max-width:100%;height:816px;max-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;box-sizing:border-box}.login-container .login-right .promotional-image{width:100%;height:100%;object-fit:cover;border-radius:16px}@media(max-width:1024px){.login-page{padding:20px;background-size:400px auto,600px auto,100% 100%;height:100vh;overflow:hidden}.login-container{flex-direction:column;align-items:center;max-width:600px;gap:0;max-height:calc(100vh - 40px)}.login-container .login-left{width:100%;height:auto;max-height:calc(100vh - 40px);padding:40px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.login-container .login-left::-webkit-scrollbar{display:none}.login-container .login-left .login-logo{margin:15px 0 25px}.login-container .login-left .login-logo .logo-image{width:160px}.login-container .login-left .login-content{max-width:100%}.login-container .login-left .login-content .login-title{font-size:26px}.login-container .login-left .login-content .login-form .custom-input,.login-container .login-left .login-content .login-form .login-button{width:100%}.login-container .login-right{display:none}}@media(max-width:768px){.login-page{padding:20px;background-size:300px auto,400px auto,100% 100%;height:100vh;overflow:hidden}.login-container{max-width:100%;max-height:calc(100vh - 40px)}.login-container .login-left{padding:30px 20px;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.login-container .login-left::-webkit-scrollbar{display:none}.login-container .login-left .login-logo{margin:10px 0 20px}.login-container .login-left .login-logo .logo-image{width:140px}.login-container .login-left .login-content .login-title{font-size:24px}.login-container .login-left .login-content .login-subtitle{font-size:12px;margin-bottom:20px}.login-container .login-left .login-content .login-form .custom-input{width:100%;height:44px}.login-container .login-left .login-content .login-form .login-options{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.login-container .login-left .login-content .login-form .login-button{width:100%;height:44px}}@media(max-width:480px){.login-page{padding:15px;background-size:200px auto,250px auto,100% 100%;height:100vh;overflow:hidden}.login-container{max-height:calc(100vh - 30px)}.login-container .login-left{padding:20px 15px;max-height:calc(100vh - 30px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.login-container .login-left::-webkit-scrollbar{display:none}.login-container .login-left .login-logo .logo-image{width:120px}.login-container .login-left .login-content .login-title{font-size:22px}.login-container .login-left .login-content .login-subtitle{font-size:11px}.login-container .login-left .login-content .login-form .custom-input,.login-container .login-left .login-content .login-form .login-button{height:42px;font-size:13px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-container .register-box{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:450px}.register-container .register-box .register-header{text-align:center;margin-bottom:32px}.register-container .register-box .register-header h1{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.register-container .register-box .register-header p{font-size:16px;color:#666;margin:0}.register-container .register-box .register-form .ant-form-item{margin-bottom:20px}.register-container .register-box .register-form .ant-input-affix-wrapper,.register-container .register-box .register-form .ant-input{border-radius:8px;padding:12px 16px}.register-container .register-box .register-form .register-button{height:48px;border-radius:8px;font-size:16px;font-weight:600;margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.register-container .register-box .register-form .register-button:hover{opacity:.9}.register-container .register-box .register-footer{text-align:center;margin-top:24px}.register-container .register-box .register-footer p{color:#666;font-size:14px}.register-container .register-box .register-footer p a{color:#667eea;font-weight:600;text-decoration:none}.register-container .register-box .register-footer p a:hover{text-decoration:underline}@media(max-width:768px){.register-container .register-box{padding:30px 20px}.register-container .register-box .register-header h1{font-size:28px}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e22ce);padding:20px}.admin-login-container .admin-login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;padding:50px 40px;width:100%;max-width:480px;border-top:4px solid #7e22ce}.admin-login-container .admin-login-box .admin-login-header{text-align:center;margin-bottom:40px}.admin-login-container .admin-login-box .admin-login-header .admin-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1e3c72,#7e22ce);color:#fff;font-size:40px;margin-bottom:20px;box-shadow:0 8px 20px #7e22ce4d}.admin-login-container .admin-login-box .admin-login-header h1{font-size:32px;font-weight:700;color:#1e3c72;margin-bottom:8px}.admin-login-container .admin-login-box .admin-login-header p{font-size:16px;color:#666;margin:0}.admin-login-container .admin-login-box .admin-login-form .ant-form-item-label label{font-weight:600;color:#333}.admin-login-container .admin-login-box .admin-login-form .ant-form-item{margin-bottom:24px}.admin-login-container .admin-login-box .admin-login-form .ant-input-affix-wrapper,.admin-login-container .admin-login-box .admin-login-form .ant-input{border-radius:8px;padding:12px 16px;border:2px solid #e5e7eb}.admin-login-container .admin-login-box .admin-login-form .ant-input-affix-wrapper:hover,.admin-login-container .admin-login-box .admin-login-form .ant-input-affix-wrapper:focus,.admin-login-container .admin-login-box .admin-login-form .ant-input:hover,.admin-login-container .admin-login-box .admin-login-form .ant-input:focus{border-color:#7e22ce}.admin-login-container .admin-login-box .admin-login-form .admin-login-button{height:52px;border-radius:8px;font-size:16px;font-weight:600;margin-top:8px;background:linear-gradient(135deg,#1e3c72,#7e22ce);border:none;box-shadow:0 4px 15px #7e22ce4d}.admin-login-container .admin-login-box .admin-login-form .admin-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7e22ce66}.admin-login-container .admin-login-box .admin-login-form .admin-login-button:active{transform:translateY(0)}.admin-login-container .admin-login-box .admin-login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.admin-login-container .admin-login-box .admin-login-footer .warning-text{color:#7e22ce;font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.admin-login-container .admin-login-box .admin-login-footer .warning-text .anticon{font-size:16px}@media(max-width:768px){.admin-login-container .admin-login-box{padding:40px 24px}.admin-login-container .admin-login-box .admin-login-header .admin-icon{width:70px;height:70px;font-size:36px}.admin-login-container .admin-login-box .admin-login-header h1{font-size:28px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.ant-select-dropdown{z-index:3000!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;padding:8px!important;border:1px solid #BABABA!important}.ant-select-dropdown .ant-select-item{font-family:Outfit,sans-serif;font-size:16px!important;font-weight:400!important;color:#2d1d04!important;padding:10px 16px!important;border-radius:8px!important;margin:2px 0!important;transition:all .2s!important;min-height:40px!important;line-height:20px!important;display:flex!important;align-items:center!important}.ant-select-dropdown .ant-select-item:hover{background:#8258261a!important}.ant-select-dropdown .ant-select-item.ant-select-item-option-selected{background:#82582626!important;color:#825826!important;font-weight:500!important}.ant-select-dropdown .ant-select-item.ant-select-item-option-active{background:#8258261a!important}.ant-picker-dropdown{z-index:3000!important}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}