.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}}.form-container{max-width:600px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUp .6s ease-out}.form-header{text-align:center;margin-bottom:2rem}.form-header h1,.form-header h2,.form-header h3{font-family:Oswald,Arial,sans-serif;font-weight:600;color:#2c3e50;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.form-header h1{font-size:2.5rem}.form-header h2{font-size:2rem}.form-header h3{font-size:1.5rem}.form-header p{color:#6c757d;font-size:1rem;margin:0}.form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.form .form-row{grid-template-columns:1fr;gap:1rem}}.form .form-row-single{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.form .form-row-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.form .form-row-triple{grid-template-columns:1fr;gap:1rem}}.form-group,.form-photo-upload{display:flex;flex-direction:column;position:relative}.form-label{font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:.9rem;color:#495057;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.form-input,input[type=date],.form-select,.form-textarea{padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:Oswald,Arial,sans-serif;font-weight:400;color:#495057;background-color:#fff;transition:all .3s ease;outline:none;width:100%}.form-input::placeholder,input[type=date]::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#adb5bd;font-style:italic}.form-input:focus,input[type=date]:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.form-input:hover:not(:focus),input[type=date]:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#ced4da}.form-input:invalid,input[type=date]:invalid,.form-select:invalid,.form-textarea:invalid{border-color:#dc3545}.form-input:valid,input[type=date]:valid,.form-select:valid,.form-textarea:valid{border-color:#28a745}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer}.form-select option{padding:.5rem}input[type=date]{cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23495057'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}input[type=date]::-moz-calendar-picker-indicator{background:transparent;border:none;cursor:pointer;height:100%;position:absolute;right:0;top:0;width:2rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23495057'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:1rem}input[type=date]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}input[type=date]:focus::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23007bff'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:focus::-moz-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23007bff'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:hover:not(:focus){border-color:#ced4da}input[type=date]:hover:not(:focus)::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236c757d'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:hover:not(:focus)::-moz-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236c757d'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:invalid{border-color:#dc3545}input[type=date]:invalid::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:invalid::-moz-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:valid{border-color:#28a745}input[type=date]:valid::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2328a745'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]:valid::-moz-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2328a745'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e")}input[type=date]::-webkit-datetime-edit{font-family:Oswald,Arial,sans-serif;font-weight:400;color:#495057}input[type=date]::-webkit-datetime-edit-fields-wrapper{background:transparent}input[type=date]::-webkit-datetime-edit-text{color:#495057;padding:0 .25rem}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#495057;background:transparent;border:none;outline:none;font-family:Oswald,Arial,sans-serif;font-weight:400}input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background:#007bff1a;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#007bff1a;border-radius:4px}input[type=date]::-moz-datetime-edit{font-family:Oswald,Arial,sans-serif;font-weight:400;color:#495057;background:transparent;border:none;outline:none}input[type=date]::-moz-datetime-edit-text{color:#495057;padding:0 .25rem}input[type=date]::-moz-datetime-edit-month-field,input[type=date]::-moz-datetime-edit-day-field,input[type=date]::-moz-datetime-edit-year-field{color:#495057;background:transparent;border:none;outline:none;font-family:Oswald,Arial,sans-serif;font-weight:400;border-radius:4px;padding:.25rem}input[type=date]::-moz-datetime-edit-month-field:focus,input[type=date]::-moz-datetime-edit-day-field:focus,input[type=date]::-moz-datetime-edit-year-field:focus{background:#007bff1a}input[type=date]::-webkit-calendar-picker-indicator{background-size:1rem;background-position:right .75rem center;background-repeat:no-repeat;opacity:1;transition:all .3s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.8;transform:scale(1.1)}input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:#007bff1a;border-radius:4px}.form-file-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.form-file-upload .file-input-wrapper{position:relative;display:inline-block;cursor:pointer;transition:all .3s ease}.form-file-upload .file-input-wrapper:hover{transform:translateY(-2px)}.form-file-upload .file-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none}.form-file-upload .file-input-label{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:8px;font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;border:none;outline:none}.form-file-upload .file-input-label:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.form-file-upload .file-input-label:focus{box-shadow:0 0 0 3px #007bff4d}.form-file-upload .file-input-label .upload-icon{width:16px;height:16px;fill:currentColor}.form-file-upload .file-name{font-family:Oswald,Arial,sans-serif;font-size:.875rem;color:#495057;margin-top:.5rem;text-align:center}.image-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview .preview-container{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #e9ecef;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.image-preview .preview-container:hover{border-color:#007bff;transform:scale(1.05);box-shadow:0 6px 20px #007bff33}.image-preview .preview-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-preview .preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:#6c757d;font-family:Oswald,Arial,sans-serif;font-size:.875rem;text-align:center}.image-preview .preview-placeholder .placeholder-icon{width:48px;height:48px;fill:currentColor;opacity:.5}.image-preview .preview-actions{display:flex;gap:.5rem;margin-top:.5rem}.image-preview .preview-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;outline:none}.image-preview .preview-btn.btn-remove{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.image-preview .preview-btn.btn-remove:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.image-preview .preview-btn.btn-change{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.image-preview .preview-btn.btn-change:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-1px)}.form-photo-upload .photo-upload-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;border:2px dashed #e9ecef;border-radius:12px;background:linear-gradient(135deg,#f8f9fa,#fff);transition:all .3s ease}.form-photo-upload .photo-upload-container:hover{border-color:#007bff;background:linear-gradient(135deg,#f0f8ff,#fff)}.form-photo-upload .photo-upload-container.has-image{border-style:solid;border-color:#28a745;background:linear-gradient(135deg,#f0fff4,#fff)}.form-photo-upload .photo-upload-container .file-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none;left:-9999px}.form-photo-upload .upload-area{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.form-photo-upload .upload-area .upload-icon{width:48px;height:48px;fill:#6c757d;transition:all .3s ease}.form-photo-upload .upload-area .upload-text{font-family:Oswald,Arial,sans-serif;font-weight:500;color:#495057;margin:0}.form-photo-upload .upload-area .upload-text .upload-hint{font-size:.875rem;color:#6c757d;margin-top:.25rem}.form-photo-upload .file-input-wrapper{position:relative}.form-photo-upload .file-input-wrapper .file-input{position:absolute;opacity:0;width:0;height:0}.form-photo-upload .file-input-wrapper .file-input-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:8px;font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;border:none;outline:none}.form-photo-upload .file-input-wrapper .file-input-label:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.form-photo-upload .image-preview .preview-container{width:120px;height:120px;border-width:3px}@media (max-width: 768px){.form-photo-upload .photo-upload-container{padding:1rem}.form-photo-upload .image-preview .preview-container{width:100px;height:100px}}.form-checkbox,.form-radio{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{width:18px;height:18px;accent-color:#007bff;cursor:pointer}.form-checkbox label,.form-radio label{font-family:Oswald,Arial,sans-serif;font-weight:400;font-size:.9rem;color:#495057;cursor:pointer;margin:0}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width: 480px){.form-actions{flex-direction:column;align-items:center}}.btn{padding:.875rem 2rem;border:none;border-radius:8px;font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;outline:none;min-width:140px;text-decoration:none;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085)}.btn-primary:focus{box-shadow:0 0 0 3px #007bff4d}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40)}.btn-secondary:focus{box-shadow:0 0 0 3px #6c757d4d}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724)}.btn-success:focus{box-shadow:0 0 0 3px #28a7454d}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130)}.btn-danger:focus{box-shadow:0 0 0 3px #dc35454d}.btn-outline{background:transparent;border:2px solid #007bff;color:#007bff}.btn-outline:hover:not(:disabled){background:#007bff;color:#fff}.form-container.loading{pointer-events:none;opacity:.7}.form-container.success .form-input,.form-container.success .form-textarea,.form-container.success .form-select,.form-container.success input[type=date]{border-color:#28a745}.form-container.error .form-input,.form-container.error .form-textarea,.form-container.error .form-select,.form-container.error input[type=date]{border-color:#dc3545}.form-error{color:#dc3545;font-size:.875rem;margin-top:.25rem;font-family:Oswald,Arial,sans-serif}.form-success{color:#28a745;font-size:.875rem;margin-top:.25rem;font-family:Oswald,Arial,sans-serif}.form-help{color:#6c757d;font-size:.875rem;margin-top:.25rem;font-family:Oswald,Arial,sans-serif}@media (max-width: 768px){.form-container{margin:1rem;padding:1.5rem}.form-header h1{font-size:2rem}.form-header h2{font-size:1.5rem}.form-header h3{font-size:1.25rem}}@media (max-width: 480px){.form-container{margin:.5rem;padding:1rem}.form-header h1{font-size:1.75rem}.form-header h2{font-size:1.25rem}.form-header h3{font-size:1rem}.btn{width:100%;max-width:200px}}.animate-fade-in{animation:fadeIn .4s ease-out}.form-input:focus+.form-label,.form-textarea:focus+.form-label,.form-select:focus+.form-label,input[type=date]:focus+.form-label,.form-input:focus,.form-textarea:focus,.form-select:focus,input[type=date]:focus{color:#007bff}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.form-grid-2{grid-template-columns:1fr}}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}@media (max-width: 768px){.form-grid-3{grid-template-columns:1fr}}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.form-grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.form-grid-4{grid-template-columns:1fr}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base);padding:1rem;overflow-y:auto}.modal .modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;animation:slideInUp .4s ease-out;margin:auto}.modal .modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-shrink:0}.modal .modal-header h3{font-family:var(--font-family);font-weight:600;font-size:var(--font-size-2xl);margin:0;text-transform:uppercase;letter-spacing:1px}.modal .modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1;min-height:0}.modal .modal-body .form-input,.modal .modal-body .form-textarea,.modal .modal-body .form-select,.modal .modal-body input[type=date]{width:100%;margin-top:var(--spacing-md)}.modal .modal-body p{color:var(--gray-600);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.modal .modal-footer{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-top:1px solid var(--gray-300);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.modal .modal-actions{display:flex;gap:1rem;justify-content:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.modal .modal-actions .btn{min-width:120px;padding:.75rem 1.5rem;font-size:.9rem}.modal .modal-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal .modal-actions .btn:disabled:hover{transform:none;box-shadow:none}.modal .modal-actions .btn-cancel{background:linear-gradient(135deg,#6c757d,#495057)}.modal .modal-actions .btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#495057,#343a40)}.modal .modal-actions .btn-confirm{background:linear-gradient(135deg,#dc3545,#c82333)}.modal .modal-actions .btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130)}.delete-modal .modal-header{background:linear-gradient(135deg,#dc3545,#c82333)}.modal{padding:.5rem}.modal .modal-content{width:100%;max-height:calc(100vh - 1rem);margin:0}.modal .modal-header{padding:var(--spacing-md) var(--spacing-md)}.modal .modal-header h3{font-size:var(--font-size-lg)}.modal .modal-body{padding:var(--spacing-md)}.modal .modal-footer{display:flex;flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);justify-content:center}.modal .modal-footer .btn{flex:1;min-width:0;font-size:var(--font-size-xs);padding:.5rem .75rem}.modal .modal-actions{flex-direction:row;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.modal .modal-actions .btn{flex:1;min-width:0;font-size:var(--font-size-xs);padding:.5rem .75rem}@media (min-width: 480px){.modal{padding:1rem}.modal .modal-content{width:90%;max-width:500px}.modal .modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal .modal-header h3{font-size:var(--font-size-xl)}.modal .modal-body{padding:var(--spacing-lg)}.modal .modal-footer{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.modal .modal-footer .btn{flex:0 1 auto;min-width:100px;font-size:var(--font-size-sm);padding:.75rem 1.25rem}.modal .modal-actions{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.modal .modal-actions .btn{flex:0 1 auto;min-width:100px;font-size:var(--font-size-sm);padding:.75rem 1.25rem}}@media (min-width: 768px){.modal .modal-content{width:80%;max-width:600px}.modal .modal-header{padding:var(--spacing-lg) var(--spacing-xl)}.modal .modal-header h3{font-size:var(--font-size-2xl)}.modal .modal-body{padding:var(--spacing-xl)}.modal .modal-footer{gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);justify-content:center}.modal .modal-footer .btn{flex:0 1 auto;min-width:140px;font-size:var(--font-size-base);padding:.875rem 1.5rem}.modal .modal-actions{gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);justify-content:center}.modal .modal-actions .btn{flex:0 1 auto;min-width:140px;font-size:var(--font-size-base);padding:.875rem 1.5rem}}@media (min-width: 1024px){.modal .modal-content{max-width:600px}}@font-face{font-family:Oswald;src:url("./media/Oswald-VariableFont_wght-K4HIO5SA.ttf") format("truetype");font-weight:200 700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:Oswald,Arial,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}:root{--primary-color: #007bff;--primary-dark: #0056b3;--primary-darker: #004085;--secondary-color: #6c757d;--secondary-dark: #495057;--secondary-darker: #343a40;--success-color: #28a745;--success-dark: #1e7e34;--danger-color: #dc3545;--danger-dark: #c82333;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #2c3e50;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--team-primary: #002366;--team-secondary: #0e48b4;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "Oswald", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:600;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-base);outline:none;text-decoration:none;min-width:120px;text-align:center;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.btn:focus{box-shadow:0 0 0 3px #007bff4d}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-darker) 100%)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color:var(--white)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark) 0%,var(--secondary-darker) 100%)}.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,var(--success-dark) 100%);color:var(--white)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-dark) 0%,#155724 100%)}.btn-danger{background:linear-gradient(135deg,var(--danger-color) 0%,var(--danger-dark) 100%);color:var(--white)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-dark) 0%,#bd2130 100%)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:var(--white)}.btn-outline-white{background:transparent;border:2px solid var(--white);color:var(--white)}.btn-outline-white:hover:not(:disabled){background:var(--white);color:var(--team-primary)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm);min-width:80px}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-lg);min-width:160px}.btn-xl{padding:1.25rem 2.5rem;font-size:var(--font-size-xl);min-width:200px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200)}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin:0;font-family:var(--font-family);font-weight:600;text-transform:uppercase;letter-spacing:1px}.card-body{padding:var(--spacing-xl)}.card-footer{background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--gray-300)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.nav{background:linear-gradient(135deg,var(--team-primary) 0%,var(--team-secondary) 100%);color:var(--white);padding:0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;width:100%}.nav .nav-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-sm);margin:0 auto;min-height:80px;width:100%;gap:var(--spacing-sm)}.nav .nav-brand h1{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--white);text-shadow:1px 1px 2px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px;text-align:center}.nav .nav-menu{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap;justify-content:center}.nav .nav-button{background:transparent;color:var(--white);border:2px solid var(--white);padding:.4rem .6rem;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-base);font-size:var(--font-size-xs);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.nav .nav-button:hover{background:var(--white);color:var(--team-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav .nav-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.nav .nav-content{padding:var(--spacing-sm);flex-direction:column;gap:var(--spacing-sm);min-height:80px}.nav .nav-brand h1{font-size:var(--font-size-xl)}.nav .nav-menu{flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.nav .nav-button{padding:.4rem .6rem;font-size:var(--font-size-xs);min-width:60px}@media (min-width: 480px){.nav .nav-content{padding:var(--spacing-md);flex-direction:row;justify-content:space-between;min-height:70px}.nav .nav-brand h1{font-size:var(--font-size-2xl)}.nav .nav-menu{gap:var(--spacing-sm)}.nav .nav-button{padding:.5rem .8rem;font-size:var(--font-size-sm);min-width:80px}}@media (min-width: 768px){.nav .nav-content{padding:0 var(--spacing-xl);min-height:70px}.nav .nav-brand h1{font-size:var(--font-size-3xl)}.nav .nav-button{padding:.5rem 1rem;font-size:var(--font-size-sm)}}@media (min-width: 1024px){.nav .nav-content{padding:0 var(--spacing-xl)}.nav .nav-brand h1{font-size:var(--font-size-3xl)}.nav .nav-button{padding:.5rem 1rem;font-size:var(--font-size-sm)}}