@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Noto Color Emoji";src:url(/assets/fonts/NotoColorEmoji-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;font-family:var(--body-font-family);font-size:var(--body-font-size);color:var(--body-color)}p,h1,h2,h3,h4,h5,h6{margin:0}input,select,button{font-family:inherit;font-size:inherit}table{border-collapse:collapse}h3{font-size:1.125rem;font-weight:600}:root{--primary-25: #f8f6f0;--primary-50: #eae5d4;--primary-100: #e6dfcb;--primary-200: #d5cbaa;--primary-300: #c5b788;--primary-400: #b5a267;--primary-500: #9d8a4d;--primary-600: #81713f;--primary-700: #645831;--primary-800: #483f23;--primary-900: #2c2716;--success-25: #f3fbf8;--success-50: #e8f7f0;--success-100: #d1f0e1;--success-200: #a2e0c3;--success-300: #74d1a6;--success-400: #45c188;--success-500: #17b26a;--success-600: #128e55;--success-700: #0e6b40;--success-800: #09472a;--success-900: #052415;--error-25: #fef6f5;--error-50: #feeceb;--error-100: #fcdad7;--error-200: #f9b4af;--error-300: #f68f88;--error-400: #f36960;--error-500: #f04438;--error-600: #c0362d;--error-700: #902922;--error-800: #601b16;--error-900: #300e0b;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e9eaeb;--gray-300: #d5d7da;--gray-400: #a4a7ae;--gray-500: #717680;--gray-600: #535862;--gray-700: #414651;--gray-800: #252B37;--gray-900: #181d27;--warning-25: #fff9f3;--warning-50: #fef4e6;--warning-100: #fde9ce;--warning-200: #fcd39d;--warning-300: #fabc6b;--warning-400: #f9a63a;--warning-500: #f79009;--warning-600: #c67307;--warning-700: #945605;--warning-800: #633a04;--warning-900: #311d02;--white: #fff;--black: #000;--body-font-family: Montserrat, serif;--body-font-size: 1rem;--body-color: var(--gray-900);--border-radius: 8px;--border-radius-lg: 12px;--border-radius-md: 10px;--border-radius-sm: 6px;--box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .1);--box-shadow-lg: 0 8px 12px -4px rgba(0, 0, 0, .1);--zindex-dropdown: 1;--zindex-modal: 2;--zindex-toast: 3}.btn{font-weight:600;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--border-radius);cursor:pointer;color:var(--gray-700);background-color:var(--white);box-shadow:var(--box-shadow);text-wrap:nowrap}.btn:hover{background-color:var(--gray-50)}.btn.btn-primary{background-color:var(--primary-500);color:var(--white);border-color:var(--primary-600)}.btn.btn-primary:hover{background-color:var(--primary-600)}.btn.btn-secondary{color:var(--primary-700);border-color:var(--primary-300)}.btn.btn-success{background-color:var(--success-500);color:var(--white);border-color:var(--success-600)}.btn.btn-success:hover{background-color:var(--success-600)}.btn.btn-error{background-color:var(--error-500);color:var(--white);border-color:var(--error-600)}.btn.btn-error:hover{background-color:var(--error-600)}.btn.btn-icon{display:flex;align-items:center;padding:10px;gap:6px}.btn.btn-icon-sm{display:flex;align-items:center;padding:5px;gap:6px}.btn.btn-action{padding:10px;line-height:0;border:none;box-shadow:none}.btn:disabled{cursor:default;background-color:var(--gray-100);color:var(--gray-400);border-color:var(--gray-300)}.btn:disabled:hover{background-color:var(--gray-100)}.btn-lg{width:100%}.btn-group-container{display:flex;justify-content:space-between}.btn-group{display:flex;border:1px solid var(--gray-200);background-color:var(--gray-50);border-radius:var(--border-radius);overflow-x:scroll;scrollbar-width:none}.btn-group::-webkit-scrollbar{display:none}.btn-group .btn{background-color:transparent}.btn-group .btn:not(.active){box-shadow:none}.btn-group .btn.active{background-color:var(--white)}.btn-group .btn:not(:first-child):not(.active),.btn-group .btn:not(:last-child):not(.active){border:none;color:var(--gray-500)}.btn-link{text-decoration:none;color:var(--gray-700);padding:10px;border-radius:var(--border-radius);line-height:0;display:inline-block;font-weight:500}.btn-link:hover{background-color:var(--gray-50)}.btn-vertical-tab{border:none;box-shadow:none;border-radius:0;border-left:4px solid transparent;text-align:start}.btn-vertical-tab.active{border-color:var(--primary-600);color:var(--primary-700)}.btn-icons{cursor:pointer;background-color:var(--white);border:none;padding:0;line-height:0}.btn-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;background-color:var(--white);border:none;padding:0;line-height:0}.btn-text{cursor:pointer;background-color:var(--white);border:none;padding:0;line-height:0;color:var(--primary-500);text-decoration:underline}.btn-card{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);padding-top:40px;padding-bottom:40px;width:100%;cursor:pointer}.btn-card:hover{background-color:var(--primary-25);border-color:var(--primary-500)}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.cards-container .card{flex:1 48%;position:relative;display:flex;gap:14px;flex-direction:column;justify-content:center;align-items:center;height:190px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow)}.cards-container .card.card-lg{flex-basis:100%;height:242px}.cards-container .card:hover{background-color:var(--primary-25);border-color:var(--primary-500)}.cards-container .card.success{background-color:var(--success-25);border-color:var(--success-500)}.cards-container .card .input-file{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.cards-container .card img{width:70px;height:70px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:.875rem}.form-input{box-sizing:border-box}.form-input[type=search]{width:320px;background:url(/assets/icons/search_lg.svg) no-repeat 10px 10px;padding-left:40px}.form-input[type=search]::placeholder{font-style:italic}.form-input::-webkit-outer-spin-button,.form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{appearance:textfield}.form-select{appearance:none;background:url(/assets/icons/keyboard_arrow_down.svg) no-repeat 98% 7px,var(--white)}.form-input,.form-select{width:100%;padding:9px 12px;border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--gray-500);box-shadow:var(--box-shadow);outline:none}.form-input:focus,.form-select:focus{outline:1px solid var(--primary-500)}.form-input.ng-invalid.ng-touched,.form-select.ng-invalid.ng-touched{outline:1px solid var(--error-600)}.form-input.ng-invalid.ng-touched:focus,.form-select.ng-invalid.ng-touched:focus{outline-color:var(--primary-500)}.row-old{display:flex;gap:20px}.row-old>div{width:100%}.form-phone-number{display:flex;box-shadow:var(--box-shadow);border-radius:var(--border-radius);border:1px solid var(--gray-300)}.form-phone-number:has(:focus){outline:1px solid var(--primary-500)}.form-phone-number:has(.form-number.ng-invalid.ng-touched){outline:1px solid var(--error-600)}.form-phone-number:has(.form-number.ng-invalid.ng-touched):has(:focus){outline-color:var(--primary-500)}.form-phone-number select{width:80px;padding-left:8px;border:none;border-top-left-radius:calc(var(--border-radius) - 1px);border-bottom-left-radius:calc(var(--border-radius) - 1px);color:var(--gray-500);font-family:"Noto Color Emoji";background-color:var(--white);outline:none}.form-phone-number .form-code{width:38px;background-color:var(--white);border:none;color:var(--gray-500)}.form-phone-number .form-number{padding:9px 12px 9px 0;width:100%;border:none;border-top-right-radius:calc(var(--border-radius) - 1px);border-bottom-right-radius:calc(var(--border-radius) - 1px);color:var(--gray-500);outline:none}.input{box-sizing:border-box;padding:9px 12px}.input[type=search]{width:320px;background:url(/assets/icons/search_lg.svg) no-repeat 10px 10px;padding-left:40px}.input[type=search]::placeholder{font-style:italic}.select{padding:9px 30px 9px 12px;appearance:none;background:url(/assets/icons/keyboard_arrow_down.svg) no-repeat 98% 7px,var(--white)}.input,.select,.textarea{border:1px solid var(--gray-300);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--gray-500)}.input:focus,.select:focus,.textarea:focus{outline:1px solid var(--primary-500)}.input.ng-invalid.ng-touched,.select.ng-invalid.ng-touched,.textarea.ng-invalid.ng-touched{outline:1px solid var(--error-600)}.input.ng-invalid.ng-touched:focus,.select.ng-invalid.ng-touched:focus,.textarea.ng-invalid.ng-touched:focus{outline-color:var(--primary-500)}.label{display:block;font-weight:500;font-size:.875rem;text-wrap:nowrap}.textarea{padding:9px 12px;resize:none;font-size:1rem}.navbar{display:flex;padding:0 112px;align-items:center;border-bottom:1px solid var(--gray-300);height:72px;gap:16px}@media screen and (max-width: 768px){.navbar{padding:0 24px}}.navbar .navbar-logo{height:48px}.navbar .navbar-actions{display:flex;align-items:center;margin-left:auto;gap:16px}.navbar-links{display:flex;gap:2px;align-items:center}@media screen and (max-width: 768px){.navbar-links{display:none}}.dropdown-content .navbar-links{display:flex;flex-direction:column}.dropdown-content .navbar-links a{width:160px;border-radius:0;border-bottom:1px solid var(--gray-300)}.navbar-links a{text-decoration:none;color:var(--gray-600);font-weight:600;padding:8px 12px;border-radius:var(--border-radius-sm)}.navbar-links a:hover{color:var(--primary-700)}.navbar-links a.active{color:var(--primary-700);background-color:var(--primary-25)}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;z-index:var(--zindex-toast)}.toast-container .toast{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px;border-radius:var(--border-radius-md);color:var(--gray-900);font-weight:600;box-shadow:var(--box-shadow-lg);animation:fadeIn .5s;width:250px;margin-bottom:10px}.toast-container .toast button{background-color:transparent;padding:0;width:24px;height:24px;border:none;cursor:pointer}.toast-container .toast.toast-success{background-color:var(--success-25);border:1px solid var(--success-500)}.toast-container .toast.toast-error{background-color:var(--error-25);border:1px solid var(--error-500)}.toast-container .toast.toast-info{background-color:var(--primary-25);border:1px solid var(--primary-500)}.modal-overlay{position:fixed;top:0;left:0;z-index:var(--zindex-modal);width:100%;height:100%;background:linear-gradient(#0c111d80,#0c111dcc);animation:fadeIn .5s}.modal-overlay .modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:400px;width:100%;max-height:calc(100vh - 20%);background-color:var(--white);border-radius:var(--border-radius-md);animation:translateDown .5s;overflow-y:auto}.modal-overlay .modal.modal-lg{max-width:640px}.modal-overlay .modal.modal-xl{max-width:900px;max-height:calc(100vh - 10%)}.modal-overlay .modal::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:var(--border-radius);background-color:#00000026}.modal-overlay .modal::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.modal-overlay .modal::-webkit-scrollbar{width:16px}.modal-overlay .modal .modal-content{display:flex;flex-direction:column}.modal-overlay .modal .modal-content .modal-header{display:flex;flex-direction:column;padding:24px 24px 0;gap:10px}.modal-overlay .modal .modal-content .modal-header p{font-size:.875rem;color:var(--gray-700)}.modal-overlay .modal .modal-content .modal-header button{position:absolute;top:16px;right:16px}.modal-overlay .modal .modal-content .modal-body{padding:24px 24px 32px}.modal-overlay .modal .modal-content .modal-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--gray-200);padding:24px}.modal-overlay .modal .modal-content .modal-footer .btn{width:100%}.dropdown-container{display:flex;flex-direction:column;gap:10px}.dropdown{position:relative;border:none;padding:0;border-radius:var(--border-radius-md);background-color:transparent}.dropdown:disabled{opacity:.5}@media screen and (max-width: 768px){.dropdown.responsive{display:none}}.dropdown.hide{display:none}@media screen and (max-width: 768px){.dropdown.hide{display:block}}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.dropdown-lg{width:fit-content;min-width:320px}.dropdown.dropdown-lg .dropdown-content{min-width:315px;color:var(--gray-700);padding:2px}.dropdown.dropdown-lg .dropdown-content .dropdown-option{justify-content:space-between;border-radius:var(--border-radius)}.dropdown.dropdown-lg .dropdown-content .dropdown-option:hover{background-color:var(--gray-100)}.dropdown .dropdown-avatar{display:flex;cursor:pointer}.dropdown .dropdown-select{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);padding:8px 14px;font-weight:500;color:var(--gray-700);cursor:pointer;box-shadow:var(--box-shadow)}.dropdown .dropdown-content{opacity:0;visibility:hidden;position:absolute;background-color:var(--white);min-width:160px;box-shadow:var(--box-shadow-lg);z-index:var(--zindex-dropdown);right:0;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:.3s ease;transform:translateY(5px);max-height:320px;overflow-y:auto}.dropdown .dropdown-content::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:var(--border-radius);background-color:#00000026}.dropdown .dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dropdown .dropdown-content::-webkit-scrollbar{width:16px}.dropdown .dropdown-content .dropdown-option{display:flex;gap:5px;padding:14px 16px;cursor:pointer;color:var(--gray-900);font-weight:500;text-wrap:nowrap}.dropdown .dropdown-content .dropdown-option:hover,.dropdown .dropdown-content .dropdown-option.selected{background-color:var(--gray-100)}.dropdown .dropdown-content a.dropdown-option{text-decoration:none;color:var(--gray-700);font-weight:600;border-bottom:1px solid var(--gray-300)}.dropdown .dropdown-content button.dropdown-option{width:100%;text-align:left;background-color:transparent;border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown .dropdown-content .text-error{color:var(--error-600);font-weight:600}.dropdown-search{position:relative;border:none;padding:0;border-radius:var(--border-radius-md);background-color:transparent}.dropdown-search .input{background:url(/assets/icons/keyboard_arrow_down.svg) no-repeat 98% 7px,var(--white)}.dropdown-search .input:focus+.dropdown-content{opacity:1;visibility:visible}.dropdown-search .dropdown-content{opacity:0;visibility:hidden;position:absolute;background-color:var(--white);min-width:160px;box-shadow:var(--box-shadow-lg);z-index:var(--zindex-dropdown);right:0;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:.3s ease;transform:translateY(5px);max-height:320px;overflow-y:auto}.dropdown-search .dropdown-content::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:var(--border-radius);background-color:#00000026}.dropdown-search .dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dropdown-search .dropdown-content::-webkit-scrollbar{width:16px}.dropdown-search .dropdown-content .dropdown-option{display:flex;gap:5px;padding:14px 16px;cursor:pointer;color:var(--gray-900);text-wrap:nowrap}.dropdown-search .dropdown-content .dropdown-option:hover,.dropdown-search .dropdown-content .dropdown-option.selected{background-color:var(--gray-100)}.dropdown-search .dropdown-content button.dropdown-option{width:100%;text-align:left;background-color:transparent;border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.table{width:100%}.table th{text-align:left;font-weight:600;font-size:.75rem;color:var(--gray-500);padding:10px 0}.table td,.table th{border-bottom:1px solid var(--gray-200)}.table td{padding:16px 0;font-size:.875rem}.table td .row-old{gap:10px;align-items:center}.table td .row-old .img-container{position:relative;width:48px;height:40px}.table td .column-old{display:flex;flex-direction:column}.table td .column-old :last-child{font-weight:500}.pagination{display:flex;justify-content:space-between}.pagination .pagination-buttons{display:flex;gap:16px}.pagination .pagination-buttons .btn-number{border:none;font-weight:500;padding:10px 20px;box-shadow:none}.pagination .pagination-buttons .btn-number:disabled{background-color:var(--gray-50);color:var(--gray-800)}.pagination .btn-icon:disabled{background-color:var(--white)}.pagination .btn-icon:disabled img{filter:opacity(60%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes placeholder{0%{left:-100%}to{left:100%}}@keyframes translateDown{0%{transform:translate(-50%,-70%)}to{transform:translate(-50%,-50%)}}.badge{display:inline-block;border-radius:20px;padding:3px 8px;font-size:.75rem}.badge.badge-primary{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge.badge-success{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.badge.badge-error{background-color:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.tooltip{position:relative}.tooltip .tooltiptext{visibility:hidden;background-color:var(--gray-500);color:var(--white);border-radius:6px;padding:5px 10px;position:absolute;z-index:1;top:-5px;left:120%}.tooltip:hover .tooltiptext{visibility:visible}.container{display:flex;flex-direction:column;gap:40px;padding:38px 112px}@media screen and (max-width: 768px){.container{padding:24px 48px}}.placeholder{display:inline-block;background-color:var(--gray-100);border-radius:4px;position:relative;overflow:hidden;width:120px;height:28px}.placeholder.placeholder-sm{height:23px}.placeholder:after{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;background:linear-gradient(90deg,var(--gray-100),var(--gray-200),var(--gray-100));animation:placeholder 1s infinite ease-in}.header{display:flex;justify-content:space-between;align-items:center}.header h2{font-size:1.25rem;font-weight:600}.breadcrumb{display:flex;align-items:center;color:var(--gray-700)}.breadcrumb .slash{color:var(--gray-300);margin:0 8px;font-weight:600}.table-header{display:flex;align-items:center;flex-wrap:wrap}.table-header .table-actions{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}.divider{display:block;border-top:1px solid var(--gray-200);margin:16px 0}.border-b{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.mb-1{margin-bottom:16px}.mb-2{margin-bottom:32px}.display-flex{display:flex}.row{display:flex;flex-direction:row}@media screen and (max-width: 768px){.row.responsive{flex-direction:column}}.column{display:flex;flex-direction:column}.display-inline-flex{display:inline-flex}.flex-direction-column{flex-direction:column}.gap-1{gap:10px}.gap-2{gap:20px}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.text-muted{color:var(--gray-500)}.subtitle{margin-top:1rem;margin-bottom:1rem}.ml-auto{margin-left:auto}.img-container{min-width:40px;min-height:40px;width:40px;height:40px;position:relative}.img-container img{border-radius:50%}.img-container-lg{width:56px;height:56px;position:relative}.img-container-lg img{border-radius:50%}.pt-2{padding-top:32px}.py-2{padding-top:32px;padding-bottom:32px}.pb-4{padding-bottom:64px}.p-2{padding:32px}@media screen and (max-width: 768px){.p-2{padding:24px}}.p-1{padding:16px}.px-7{padding-left:112px;padding-right:112px}@media screen and (max-width: 768px){.px-7{padding-left:48px;padding-right:48px}}@media screen and (max-width: 600px){.px-7{padding-left:24px;padding-right:24px}}@media screen and (max-width: 400px){.px-7{padding-left:12px;padding-right:12px}}.px-8{padding-left:128px;padding-right:128px}@media screen and (max-width: 768px){.px-8{padding-left:48px;padding-right:48px}}@media screen and (max-width: 320px){.px-8{padding-left:24px;padding-right:24px}}.pl-8{padding-left:128px}@media screen and (max-width: 768px){.pl-8{padding-left:48px}}.mt-1{margin-top:16px}.mt-2{margin-top:32px}.mt-3{margin-top:48px}.mt-4{margin-top:64px}.mt-5{margin-top:80px}@media screen and (max-width: 768px){.mt{margin-top:80px}}.border-rounded{border:1px solid var(--gray-200);border-radius:8px}.border-right{border-right:1px solid var(--gray-200)}.border-bottom{border-bottom:1px solid var(--gray-200)}.text-primary{color:var(--primary-700)}.overflow-y-scroll{overflow-y:auto}.h-25{height:25vh}.h-50{height:50vh}.scrollbar::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:var(--border-radius);background-color:#00000026}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.scrollbar::-webkit-scrollbar{width:16px}.flex-1{flex:1 auto}.flex-6{flex:.5 1}.text-semibold{font-weight:500}.w-50{width:50%}.relative{position:relative}.absolute{position:absolute}.w-100{width:100%!important}.text-error{color:var(--error-500)}.text-nowrap{text-wrap:nowrap}.dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--gray-300);display:block}.overflow-visible{overflow:visible!important}.text-center{text-align:center}