.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}.login-container .login-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;padding:20px;box-shadow:0 10px 30px #0000001a;border-radius:10px;background-color:#fff}.login-container .danger{color:#f24040;margin:10px 0}.login-container .login-box{width:100%}.login-container h2{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#333}.login-container .login-form{display:flex;flex-direction:column}.login-container .input-group{display:flex;flex-direction:column;margin-bottom:15px}.login-container label{font-size:.9rem;margin-bottom:5px;color:#666}.login-container input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.login-container input:focus{border-color:#007bff;outline:none}.login-container .login-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-container .login-button:hover{background-color:#0056b3}.admin-container{display:flex;width:100vw;height:100vh}.admin-container .content{flex-grow:1;padding:20px;background-color:#ecf0f1}.sidebar{width:250px;background-color:#2c3e50;color:#ecf0f1;display:flex;flex-direction:column;align-items:flex-end;padding:20px}.sidebar__logo{font-size:1.8rem;margin-bottom:2rem;text-align:right;width:100%}.sidebar__menu{list-style:none;padding:0;width:100%}.sidebar__menu-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:15px;cursor:pointer;transition:background-color .3s ease}.sidebar__menu-item:hover{background-color:#34495e}.sidebar__menu-item span{margin-right:10px;font-size:1.2rem}.sidebar__menu-item .sidebar__icon{font-size:1.5rem}.users-page{overflow-y:scroll}.users-page h1{font-size:1.8rem;margin-bottom:20px}.users-page .users-table{width:100%;border-collapse:collapse;margin-bottom:20px}.users-page .users-table th,.users-page .users-table td{padding:12px 15px;border:1px solid #ddd;text-align:center}.users-page .users-table th{background-color:#34495e;color:#fff}.users-page .users-table tr:nth-child(2n){background-color:#f2f2f2}.users-page .users-table button{background-color:#3498db;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.users-page .users-table button:hover{background-color:#2980b9}.users-page .edit-form{background-color:#ecf0f1;padding:20px;border-radius:8px;width:400px;margin-top:20px}.users-page .edit-form h2{margin-bottom:15px}.users-page .edit-form label{display:block;margin-bottom:8px;font-weight:700}.users-page .edit-form select,.users-page .edit-form input{width:100%;padding:8px;margin-bottom:15px;border-radius:5px;border:1px solid #ddd}.users-page .edit-form button{background-color:#27ae60;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.users-page .edit-form button:hover{background-color:#229954}.users-page .edit-form button[type=button]{background-color:#e74c3c}.users-page .edit-form button[type=button]:hover{background-color:#c0392b}.payment{position:absolute;top:10px;right:50%;transform:translate(50%);width:80vw;height:80vh;background-color:#fff;padding:50px 20px 20px;border-radius:18px;z-index:10;overflow-y:scroll}.payment .close{position:absolute;top:10px;right:10px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#000;color:#fff;border-radius:100%;width:30px;height:30px;padding-top:2px}.payment .users-table{width:100%;border-collapse:collapse;margin-bottom:20px}.payment .users-table th,.payment .users-table td{padding:12px 15px;border:1px solid #ddd;text-align:center}.payment .users-table th{background-color:#34495e;color:#fff}.payment .users-table tr:nth-child(2n){background-color:#f2f2f2}.payment .users-table button{background-color:#3498db;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.payment .users-table button:hover{background-color:#2980b9}.prices-page .edit-form,.prices-page .prices-form{background-color:#ecf0f1;padding:20px;border-radius:8px;width:400px;margin-top:20px}.prices-page .edit-form h2,.prices-page .prices-form h2{margin-bottom:15px}.prices-page .edit-form label,.prices-page .prices-form label{display:block;margin-bottom:8px;font-weight:700}.prices-page .edit-form input,.prices-page .prices-form input{width:100%;padding:8px;margin-bottom:15px;border-radius:5px;border:1px solid #ddd}.prices-page .edit-form button,.prices-page .prices-form button{background-color:#27ae60;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.prices-page .edit-form button:hover,.prices-page .prices-form button:hover{background-color:#229954}.prices-page .edit-form button[type=button],.prices-page .prices-form button[type=button]{background-color:#e74c3c}.prices-page .edit-form button[type=button]:hover,.prices-page .prices-form button[type=button]:hover{background-color:#c0392b}.update-page .edit-form,.update-page .prices-form{background-color:#ecf0f1;padding:20px;border-radius:8px;width:400px;margin-top:20px}.update-page .edit-form h2,.update-page .prices-form h2{margin-bottom:15px}.update-page .edit-form label,.update-page .prices-form label{display:block;margin-bottom:8px;font-weight:700}.update-page .edit-form input,.update-page .prices-form input{width:100%;padding:8px;margin-bottom:15px;border-radius:5px;border:1px solid #ddd}.update-page .edit-form button,.update-page .prices-form button{background-color:#27ae60;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.update-page .edit-form button:hover,.update-page .prices-form button:hover{background-color:#229954}.update-page .edit-form .checkbox-container,.update-page .prices-form .checkbox-container{display:flex;align-items:center;justify-content:center}.update-page .edit-form .checkbox-container label,.update-page .prices-form .checkbox-container label{flex:4}.update-page .edit-form .checkbox-container input,.update-page .prices-form .checkbox-container input{flex:1}.update-page .edit-form button[type=button],.update-page .prices-form button[type=button]{background-color:#e74c3c}.update-page .edit-form button[type=button]:hover,.update-page .prices-form button[type=button]:hover{background-color:#c0392b}*{font-family:Vazirmatn,sans-serif}body{padding:0;margin:0;box-sizing:border-box}.container{display:flex;align-items:center;justify-content:center;width:100vw;height:70vh}.container div{font-size:18px;font-weight:700}