@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{position:relative;font-family:Roboto,sans-serif;overflow-x:hidden;width:100%}.card{display:flex;flex-direction:column;border-radius:.5rem;background-color:#fff;margin:1.25rem 0;box-shadow:0 .25rem .5rem #e6edef}.card .card-head{padding:1rem 1.5rem;border-bottom:1px solid #edf1f7;font-size:1rem;font-weight:600}.card .card-body{padding:1rem 1.5rem}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.page{text-align:center;margin:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{margin:0}.add-button{padding:6px 20px!important;font-size:16px!important;cursor:pointer!important;background-color:#263238!important;color:#fff!important;border:none!important;border-radius:20px!important;margin:0 5px}.add-button:hover{background-color:#46484b!important}.search-bar,.data-table{margin:20px 0}.mat-form-field{width:100%}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal.show{display:block}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:10px;text-align:left}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.form-group{margin:15px 0}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:10px;box-sizing:border-box}.submit-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#218838}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}@media screen and (max-width: 768px){html,body{overflow-x:hidden;max-width:100vw}*,*:before,*:after{max-width:100%;box-sizing:border-box}.container,.page,.card,.modal-content,.table-container{max-width:100%;overflow-x:hidden}table{table-layout:auto;word-wrap:break-word;overflow-wrap:break-word}th,td{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.page{margin:10px;padding:0 5px;max-width:calc(100vw - 20px)}.header{flex-direction:column;gap:15px;align-items:stretch}.header h1{font-size:1.5rem;text-align:center}.add-button{padding:12px 16px!important;font-size:12px!important;width:100%;margin:5px 0;max-width:300px;align-self:center}.modal-content{width:95%;max-width:400px;margin:5% auto;padding:20px;max-height:90vh;overflow-y:auto}.form-group{margin:10px 0}.form-group input,.form-group select{padding:10px;font-size:16px}}@media screen and (max-width: 480px){.page{margin:5px}.modal-content{width:98%;max-width:350px;margin:2% auto;padding:15px;max-height:95vh;overflow-y:auto}.header h1{font-size:1.25rem}}#toast-container{padding:0!important;margin-top:80px!important;z-index:999999!important}#toast-container>div{opacity:1!important;pointer-events:auto!important}.toast-notification{background:#fffffffa!important;border-radius:12px!important;padding:24px!important;box-shadow:0 20px 60px #0000001a,0 8px 28px #00000014,0 1px 3px #0000001a!important;font-family:Roboto,sans-serif!important;max-width:360px!important;min-height:120px!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 0 16px!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)!important;transform-origin:center!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)!important}.toast-notification:hover{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 24px 70px #0000001f,0 12px 32px #0000001a,0 1px 3px #0000001f!important}.toast-notification-title{font-size:15px!important;font-weight:600!important;margin-bottom:8px!important;letter-spacing:-.3px!important;line-height:1.3!important;display:flex!important;align-items:center!important;gap:8px!important}.toast-notification-message{font-size:13px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:-.1px!important}.toast-close-button{position:absolute!important;right:16px!important;top:16px!important;background:#0000000a!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#00000080!important;opacity:0!important;text-shadow:none!important;font-size:16px!important;transition:all .3s ease!important;transform:scale(.8)!important}.toast-notification:hover .toast-close-button{opacity:1!important;transform:scale(1)!important}.toast-close-button:hover{background:#00000014!important;color:#000000b3!important}.toast-progress{position:absolute!important;bottom:0!important;left:0!important;height:4px!important;opacity:1!important;filter:brightness(1.2)!important;background:linear-gradient(to right,#ffffff4d,#fff6)!important;transition:transform .2s ease!important}.toast-success{background:#06433e!important;color:#fff!important;box-shadow:0 20px 60px #06433e33,0 8px 28px #06433e26,0 1px 3px #06433e1a!important}.toast-success .toast-notification-title{color:#7cfff4!important}.toast-success .toast-notification-message{color:#ffffffe6!important}.toast-success .toast-progress{background:linear-gradient(to right,#7cfff4,#07e6d6)!important}.toast-error{background:#4a171b!important;color:#fff!important;box-shadow:0 20px 60px #4a171b33,0 8px 28px #4a171b26,0 1px 3px #4a171b1a!important}.toast-error .toast-notification-title{color:#ff8b93!important}.toast-error .toast-notification-message{color:#ffffffe6!important}.toast-error .toast-progress{background:linear-gradient(to right,#ff8b93,#ff4d58)!important}.toast-warning{background:#4a3417!important;color:#fff!important;box-shadow:0 20px 60px #4a341733,0 8px 28px #4a341726,0 1px 3px #4a34171a!important}.toast-warning .toast-notification-title{color:#ffd27c!important}.toast-warning .toast-notification-message{color:#ffffffe6!important}.toast-warning .toast-progress{background:linear-gradient(to right,#ffd27c,#ffb627)!important}.toast-info{background:#17344a!important;color:#fff!important;box-shadow:0 20px 60px #17344a33,0 8px 28px #17344a26,0 1px 3px #17344a1a!important}.toast-info .toast-notification-title{color:#7cc4ff!important}.toast-info .toast-notification-message{color:#ffffffe6!important}.toast-info .toast-progress{background:linear-gradient(to right,#7cc4ff,#279dff)!important}.toast-notification-title:before{content:""!important;width:20px!important;height:20px!important;border-radius:50%!important;margin-right:8px!important;background-position:center!important;background-repeat:no-repeat!important;background-size:12px!important;flex-shrink:0!important}.toast-success .toast-notification-title:before{background-color:#7cfff4!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2306433e'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")!important}.toast-error .toast-notification-title:before{background-color:#ff8b93!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234a171b'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E")!important}.toast-warning .toast-notification-title:before{background-color:#ffd27c!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234a3417'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")!important}.toast-info .toast-notification-title:before{background-color:#7cc4ff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2317344a'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E")!important}.toast-notification{animation:ultra-toast-in .5s cubic-bezier(.68,-.55,.265,1.55) forwards!important}@keyframes ultra-toast-in{0%{opacity:0!important;transform:translate(100%) scale(.8)!important}to{opacity:1!important;transform:translate(0) scale(1)!important}}@media screen and (max-width: 480px){#toast-container{right:8px!important;left:8px!important;margin:0!important;padding:0!important}.toast-notification{margin:8px auto!important;border-radius:8px!important;padding:16px!important;min-height:96px!important;width:auto!important;max-width:320px!important}.toast-notification-title{font-size:16px!important}.toast-notification-message{font-size:14px!important}.toast-close-button{opacity:1!important;transform:scale(1)!important;right:12px!important;top:12px!important;background:transparent!important}.toast-progress{height:3px!important}.toast-notification{animation:mobile-toast-in .4s cubic-bezier(.68,-.55,.265,1.55) forwards!important}@keyframes mobile-toast-in{0%{opacity:0!important;transform:translateY(-20px)!important}to{opacity:1!important;transform:translateY(0)!important}}}.modern-label{font-size:14px;font-weight:500;color:#2c3e50;display:flex;align-items:center;gap:8px;margin-bottom:8px}.modern-label i{color:#7f8c8d;font-size:14px;width:16px;text-align:center}.select-wrapper{position:relative;display:flex;align-items:center}.modern-select{width:100%;padding:14px 48px 14px 16px;border:2px solid #e8ecf3;border-radius:12px;font-size:14px;color:#2c3e50;background:#fff;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;cursor:pointer;font-family:inherit}.modern-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modern-select:hover{border-color:#bdc3c7}.modern-select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.modern-select option{padding:12px 16px;background:#fff;color:#2c3e50;font-size:14px}.modern-select option:hover{background:#f8f9fa}.modern-select option:disabled{color:#bdc3c7;background:#f8f9fa;font-style:italic}.modern-select.select-primary:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modern-select.select-success:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.modern-select.select-warning:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a}.modern-select.select-purple:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#7f8c8d;pointer-events:none;transition:all .3s ease;z-index:1}.select-arrow i{font-size:12px;transition:transform .3s ease}.modern-select:focus+.select-arrow{color:#3498db}.modern-select:focus+.select-arrow i{transform:rotate(180deg)}.select-primary:focus+.select-arrow{color:#3498db}.select-success:focus+.select-arrow{color:#27ae60}.select-warning:focus+.select-arrow{color:#f39c12}.select-purple:focus+.select-arrow{color:#9b59b6}.modern-input{width:100%;padding:14px 16px;border:2px solid #e8ecf3;border-radius:12px;font-size:14px;color:#2c3e50;background:#fff;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.modern-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modern-input:hover{border-color:#bdc3c7}.modern-input::placeholder{color:#bdc3c7;font-size:14px}.modern-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.modern-textarea{width:100%;padding:14px 16px;border:2px solid #e8ecf3;border-radius:12px;font-size:14px;color:#2c3e50;background:#fff;transition:all .3s ease;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit}.modern-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modern-textarea:hover{border-color:#bdc3c7}.modern-textarea::placeholder{color:#bdc3c7;font-size:14px}.modern-textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.modern-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#e74c3c0d;border:1px solid rgba(231,76,60,.2);border-radius:8px;color:#e74c3c;font-size:13px;margin-top:4px}.modern-error i{font-size:12px;flex-shrink:0}.modern-error span{line-height:1.4}.modern-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modern-form-group:last-child{margin-bottom:0}.modern-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;box-shadow:0 4px 12px #3498db33;font-family:inherit}.modern-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3498db4d;background:linear-gradient(135deg,#2980b9,#21618c)}.modern-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3498db33}.modern-submit-btn:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;box-shadow:none;opacity:.7}.modern-submit-btn i{font-size:14px}@media (max-width: 768px){.modern-select,.modern-input,.modern-textarea{padding:12px 14px;font-size:13px}.modern-select{padding-right:42px}.select-arrow{right:14px}.modern-submit-btn{padding:14px 20px;font-size:15px;min-height:48px}.modern-label{font-size:13px}}@media (max-width: 480px){.modern-select,.modern-input,.modern-textarea{padding:10px 12px;font-size:12px}.modern-select{padding-right:38px}.select-arrow{right:12px}.modern-submit-btn{padding:12px 16px;font-size:14px;min-height:44px}.modern-label{font-size:12px}}.modern-select:focus,.modern-input:focus,.modern-textarea:focus{outline:none}.modern-submit-btn:focus{outline:2px solid #3498db;outline-offset:2px}