.notification{position:fixed;top:20px;right:20px;background-color:#f44336;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;align-items:center;justify-content:space-between}.notification button{background:none;border:none;color:#fff;font-size:16px;margin-left:16px;cursor:pointer}.notification-container{position:fixed;top:5px;right:5px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.notification{position:relative;background-color:#f44336;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #00000026;min-width:250px;max-width:320px;font-size:14px;display:flex;justify-content:space-between;align-items:center;animation:slide-in .3s ease-out}.notification.success{background-color:#4caf50}.notification.info{background-color:#2196f3}.notification.warning{background-color:#ff9800}.notification button{background:transparent;border:none;color:#fff;font-size:18px;margin-left:12px;cursor:pointer}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{width:100%;padding:.5rem;border:none;border-radius:4px;background-color:#008a99;color:#fff;font-size:1rem;cursor:pointer}.btn:hover{filter:brightness(.9)}.login-page{display:flex;justify-content:center;align-items:center;height:100vh}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:360px}.login-form h3{text-align:center;margin-bottom:.5rem}.login-form label{display:block;margin-bottom:.5rem;font-weight:700}.login-form input{background:#fff;padding:.5rem;margin-bottom:1rem;width:100%;border:1px solid #ccc;border-radius:4px}.header{background:#fff;padding:1rem 2rem;box-shadow:0 1px 4px #0000001a}.nav-list{list-style:none;display:flex;gap:1.5rem}.nav-list .nav-logout{margin-left:auto}.nav-list li a{text-decoration:none;font-weight:500;color:#008a99}.nav-list li a:hover{filter:brightness(.1)}.logout-link{background:none;border:none;font:inherit;color:#008a99;font-weight:500;cursor:pointer;text-decoration:none;padding:0;margin:0}.logout-link:hover{filter:brightness(.1)}.home-container{padding:2rem;text-align:center}.description{text-align:left}.description h2,.description ul{padding:1rem}.userlist-container{padding:1rem;max-width:800px;margin:auto}.userlist-container h2{text-align:center;margin-bottom:.5rem}.user-table{width:100%;border-collapse:collapse;margin-top:1rem}.user-table th,.user-table td{border:1px solid #ddd;padding:.75rem;text-align:left}.user-table th{background-color:#f8f9fa}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:400px;position:relative}.modal-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.create-user-form{display:flex;flex-direction:column}.create-user-form h3{text-align:center;margin-bottom:.5rem}.create-user-form label{display:block;margin-bottom:.5rem;font-weight:700}.create-user-form input{background:#fff;padding:.5rem;margin-bottom:.5rem;width:100%;border:1px solid #ccc;border-radius:4px}.rankedlist-container{margin:1rem}.rankedlist-container h2{text-align:center;margin-bottom:.5rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0 .5rem;align-items:center}.filter-select .react-select__control{border-radius:.25rem;border:1px solid #ddd;background:#f8f9fa;font-size:1rem;min-height:40px;height:40px;box-shadow:none}.filter-select .react-select__value-container{padding:2px 8px}.filter-select .react-select__single-value,.filter-select .react-select__placeholder{color:#6c757d;font-size:1rem}.filter-select .react-select__indicator-separator{display:none}.filter-select .react-select__indicator{color:#6c757d}.filter-btn-container{margin-left:.5rem;height:40px;display:flex;align-items:center}.rankedlist-table{width:100%;border-collapse:collapse;margin-top:1rem}.rankedlist-table th{border:1px solid #ddd;padding:.1rem;text-align:center;background-color:#f8f9fa;font-size:.7rem;max-width:20%}.rankedlist-table td{border:1px solid #ddd;padding:.1rem;text-align:center;font-size:.7rem;max-width:20%}.table-edit-field{width:100%;padding:6px 8px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;box-sizing:border-box;font-family:inherit;color:#212529}.table-edit-field::placeholder{color:#6c757d;opacity:1;font-size:.7rem}.table-edit-field option[value=""]{color:#6c757d}.table-edit-field:invalid{color:#6c757d}.score-input{width:100%;padding:.4rem;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;color:#333}.btn-filter,.apply-filters-btn{border-radius:.25rem;border:1px solid #ddd;background:#f8f9fa;font-size:1rem;font-weight:500;color:#212529;cursor:pointer;height:40px;transition:background .15s,border-color .15s;box-sizing:border-box;padding:.2rem 1.1rem;display:flex;align-items:center}.btn-filter:hover,.btn-filter:focus,.apply-filters-btn:hover,.apply-filters-btn:focus{background:#e2e6ea;border-color:#bfc3c7}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 4px 20px #0000001a}.modal h3{margin-top:0;font-size:1.25rem;text-align:center}.modal h4{margin-top:0;margin-bottom:1rem;text-align:center}.modal-info p{margin:.5rem 0}.modal-error{color:#d9534f;margin-bottom:1rem;text-align:center}.modal-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.modal-btn{padding:.5rem 1rem;font-size:.9rem;border-radius:6px;border:none;cursor:pointer;transition:background .2s}.modal-btn.confirm{background-color:#008a99;color:#fff}.modal-btn.confirm:hover{filter:brightness(.9)}.modal-btn.close{background-color:#6c757d;color:#fff}.modal-btn.close:hover{background-color:#5a6268}.modal-info{padding:1rem;border-radius:6px;background-color:#f8f9fa}.modal-info.recent-call{background-color:#fff3cd;border:1px solid #ffeeba}.recent-label{margin-top:.5rem;font-size:.85rem;color:#856404;font-weight:500}.modal-btn.confirm:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:PT Sans,sans-serif;background-color:#f0f2f5}