.navbar-container{background-color:#fff;padding:16px 32px;box-shadow:0 2px 4px #0000001a}.navbar{display:flex;justify-content:flex-start;align-items:center;gap:24px}.navbar a{text-decoration:none;color:#333;font-weight:600;padding:8px 12px;transition:color .3s ease}.navbar a:hover{color:teal}.navbar a.active{color:teal;border-bottom:2px solid teal}.admin-layout{display:flex;flex-direction:column;height:100vh}.admin-navbar nav{color:#fff;padding:1rem}.admin-body{display:flex;flex:1;height:100px}.admin-navbar{width:200px;height:100%;background-color:#1abc9c;padding:2rem 1rem;display:flex;flex-direction:column;gap:50px;border-radius:5px;text-align:center}.admin-main{flex:1;padding:2rem;background-color:#f9f9f9;overflow-y:auto}.admin-navbar a{text-decoration:none;color:#fff;font-weight:700;font-family:Nunito,sans-serif}.admin-navbar button{background-color:#e74c3c;color:#fff;border:none;padding:.5rem;cursor:pointer}.admin-navbar button:hover{background-color:#c0392b}.box_click{width:200px;height:200px;border:2px dashed gray;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f0f0f0;position:relative;overflow:hidden}.box_click img{border-radius:50%;height:100px;width:100px;object-fit:cover}.message{color:green;margin-top:1rem}form{background-color:#fff;padding:2rem;border-radius:12px;max-width:600px;margin:0 auto;box-shadow:0 4px 10px #0000001a}h2{text-align:center;margin-bottom:1rem;color:#333}.input-wrapper{position:relative;margin-bottom:1.5rem}.input-wrapper input{width:550px;border:none;border-bottom:2px solid #ccc;padding:.5rem 2.5rem .5rem .5rem;font-size:1rem;background:transparent;transition:border-color .3s ease}.input-wrapper input:focus{outline:none;border-bottom-color:#007bff}.input-wrapper .icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666}.form_button{display:block;width:100%;padding:.8rem;background-color:#007bff;color:#fff;border:none;font-size:1rem;font-weight:700;border-radius:8px;margin-top:1rem;cursor:pointer;transition:background-color .3s ease}.form_button:hover{background-color:#0056b3}ul{list-style-type:none;padding-left:0;margin-top:.5rem}li{background-color:#eef2f7;padding:.5rem;margin:.3rem 0;border-radius:6px;cursor:pointer}.select-wrapper{position:relative;margin-bottom:1.5rem}.select-wrapper select{width:100%;border:none;border-bottom:2px solid #ccc;padding:.6rem 2.5rem .6rem .5rem;font-size:1rem;background-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#333;background-image:linear-gradient(45deg,transparent 50%,#007bff 50%),linear-gradient(135deg,#007bff 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer;transition:border-color .3s ease}.select-wrapper select:focus{outline:none;border-bottom-color:#007bff}@media (max-width: 600px){.input-wrapper input,.select-wrapper select,form{width:100%;max-width:100%}.box_click{width:100%;max-width:300px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0000004d;animation:fadeInScale .4s ease}@keyframes fadeInScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.login-form{margin-top:20px}.login-input-wrapper{position:relative;margin-bottom:1.5rem}.login-input-wrapper input{width:550px;border:none;border-bottom:2px solid #ccc;padding:.5rem 2.5rem .5rem .5rem;font-size:1rem;background:transparent;transition:border-color .3s ease}.login-input-wrapper input:focus{outline:none;border-bottom-color:#007bff}.login-input-wrapper .login-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666}.login-btn{display:block;width:100%;padding:.8rem;background-color:#14b8a6;color:#fff;border:none;font-size:1rem;font-weight:700;border-radius:8px;margin-top:1rem;cursor:pointer;transition:background-color .3s ease}.login-btn:hover{background-color:#0056b3}@media (max-width: 600px){.login-input-wrapper input{width:100%;padding:.5rem 2.5rem .5rem .5rem}.login-input-wrapper .icon{right:12px;top:50%;transform:translateY(-50%)}.login-btn{width:100%}form{padding:1.5rem}}.users_cont{padding:2rem;background-color:#f9f9f9;min-height:100vh}.users_card_cont{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.users_card{background-color:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .2s ease-in-out}.users_card:hover{transform:translateY(-5px)}.users_card img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-top:.5rem;border:2px solid #ddd}