.btn-status{padding:.5rem 1rem;border:none;border-radius:4px;width:6rem;background-color:var(--secundary-color);color:#fff;cursor:pointer;transition:background-color .2s}.btn-status:not(:disabled):hover{background-color:var(--secundary-color-hover)}.btn-status.inactive{background-color:var(--button-bg-color)}.btn-status.inactive:not(:disabled):hover{background-color:var(--button-bg-color-hover)}.btn-status:disabled{background-color:var(--primary-color-disabled);cursor:not-allowed;opacity:.7}.btn-status:disabled:hover{background-color:var(--primary-color-disabled)}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn-primary:disabled{background-color:var(--disabled-color, #999);cursor:not-allowed}.text{font-weight:500}.text-gray{color:#555;font-weight:400}.text-primary{color:var(--primary-color)!important}.text-primary-90{color:color-mix(in oklab,var(--primary-color) 90%,transparent)!important}.text-secondary{color:var(--secundary-color)!important}.text-center{text-align:center!important}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--background-primary);box-shadow:0 4px 12px #0000001a;border-radius:8px;width:100%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content .close-btn{position:absolute;top:10px;right:10px;font-size:1.5rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px}.modal-content .close-btn:hover{background:#0000000d}.modal-content .modal-header{text-align:center;padding:2rem 2rem 1rem}.modal-content .modal-header .icon-container{display:flex;justify-content:center;margin-bottom:1rem}.modal-content .modal-header .icon-container svg{color:var(--primary-color);stroke:var(--primary-color);fill:var(--primary-color)}.modal-content .modal-header .icon-container .nofill{fill:none}.modal-content .modal-header h2{color:var(--heading-color);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.modal-content .modal-header p{color:var(--text-color);margin:0;font-size:.9rem}.modal-content .form-content{padding:0 2rem 2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--heading-color);font-size:.9rem}.form-group .input-container{position:relative}.form-group .input-container input[type=text],.form-group .input-container select{color:var(--text-color);width:100%;padding:.75rem;border:1px solid var(--input-border-color, #ddd);border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group .input-container input[type=text]:focus,.form-group .input-container select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #646cff1a}.form-group .input-container input[type=text]::placeholder,.form-group .input-container select::placeholder{color:var(--text-secondary)}.form-group .input-container.invalid input[type=text]{border-color:var(--error-color, #ff6b6b)}.error-message{display:flex;align-items:center;gap:.35rem;margin-top:.4rem;font-size:.8rem;color:var(--error-color)}.alert-error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#dc35451a;border-radius:4px;margin:1.5rem 0;border-left:3px solid var(--error-color)}.alert-error svg{color:var(--error-color);flex-shrink:0}.alert-error span{color:var(--error-color);font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions .btn-secondary{background-color:var(--button-secondary-bg, #f5f5f5);color:var(--button-secondary-text, #333);padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--button-secondary-border, #ddd);font-size:1rem;cursor:pointer;transition:background-color .2s}.modal-actions .btn-secondary:hover{background-color:var(--button-secondary-bg-hover, #e0e0e0)}.modal-actions .btn-primary{background-color:var(--button-bg-color, #646cff);color:var(--button-text-color, #ffffff);padding:.75rem 1.5rem;border-radius:4px;border:none;font-size:1rem;cursor:pointer;transition:background-color .2s}.modal-actions .btn-primary:hover:not(:disabled){background-color:var(--button-bg-color-hover, #535bf2)}.modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content .modal-header{padding:1.5rem 1rem .5rem}.modal-content .form-content{padding:0 1.25rem 1.25rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.loading-container .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{margin:0;font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-0{margin-bottom:0!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-20{margin-bottom:20px!important}.mb-24{margin-bottom:24px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mt-0{margin-top:0!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-12{margin-top:12px!important}.mt-16{margin-top:16px!important}.mt-20{margin-top:20px!important}.mt-24{margin-top:24px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.ml-0{margin-left:0!important}.ml-4{margin-left:4px!important}.ml-8{margin-left:8px!important}.ml-12{margin-left:12px!important}.ml-16{margin-left:16px!important}.ml-20{margin-left:20px!important}.ml-24{margin-left:24px!important}.ml-30{margin-left:30px!important}.ml-40{margin-left:40px!important}.mr-0{margin-right:0!important}.mr-4{margin-right:4px!important}.mr-8{margin-right:8px!important}.mr-12{margin-right:12px!important}.mr-16{margin-right:16px!important}.mr-20{margin-right:20px!important}.mr-24{margin-right:24px!important}.mr-30{margin-right:30px!important}.mr-40{margin-right:40px!important}.m-0{margin:0!important}.m-4{margin:4px!important}.m-8{margin:8px!important}.m-12{margin:12px!important}.m-16{margin:16px!important}.m-20{margin:20px!important}.m-24{margin:24px!important}.m-30{margin:30px!important}.m-40{margin:40px!important}.pointer{cursor:pointer!important}.flex-vertical{display:flex!important;flex-direction:column!important}.flex-horizontal{display:flex!important;flex-direction:row!important}.align-center{display:flex!important;align-items:center!important}.icon-primary{color:var(--primary-color, #646cff)}.item-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem;border:1px solid var(--container-border-color, #ddd);border-radius:4px;transition:all .2s}.item-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.badge{font-size:.8rem;padding:.2rem .5rem;border-radius:12px;background-color:var(--primary-color);color:#fff;width:fit-content}.badge.inactive{background-color:#999}.loading,.error{padding:1rem;text-align:center;border-radius:4px}.loading{background-color:var(--success-background, #e7f5ff);color:var(--success-color, #1864ab)}.error{background-color:var(--error-bg-color, #fff5f5);color:var(--error-color, #ff6b6b)}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}:root{--primary-color: #3b7f58;--primary-color-hover: #2e6447;--primary-color-light: #a4d1b4;--primary-color-dark: #2a4c3a;--primary-color-disabled: #cccccc;--secundary-color: #d88a5b;--secundary-color-hover: #b86e45;--background-primary: #f3f3f3;--background-secundary: #f5f5f5;--container-border-color: #ddd;--heading-color: #222222;--text-color: #333333;--button-bg-color: var(--primary-color);--button-bg-color-hover: var(--primary-color-hover);--button-bg-color-disabled: var(--primary-color-disabled);--button-text-color: #ffffff;--input-focus-border-color: var(--primary-color);--input-border-color: #ddd;--header-background: #3b7f58;--header-text-color: #ffffff;--footer-background: #414141;--footer-text-color: #ffffff;--error-color: #ff3333;--error-background: #ffebeb;--success-color: #00a854;--success-background: #e6f7ee;--sidebar-bg: #ffffff;--sidebar-text: #222222;--sidebar-button-bg: #f5f5f5;--sidebar-button-text: #333333;--sidebar-button-hover: #d8f5dc;--logout-button-bg: #ffe5e5;--logout-button-text: #b00020;--logout-button-hover: #ffc0c0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}