body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;height:inherit}.inputs{background:#f1f1f1;border:none;border-radius:8px;display:inline-block;margin:15px 0 22px;padding:15px;width:90%}h1,h2,h3,h4,h5,h6,p{margin:1}#login{height:29rem}.app-container{overflow:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#22223b}::-webkit-scrollbar-thumb{background-color:#969696}.Header{align-items:center;display:flex;gap:54%}.form-container{grid-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:190px;margin:75px auto;max-width:786px;padding:20px}.form-group{align-items:center;display:flex;gap:10px;height:0;justify-content:space-between;margin-bottom:57px;margin-top:42px;width:100%}label{font-size:19px;font-weight:700;width:123px}input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:13px;padding:8px}input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff40;outline:none}.form-container>.form-group:first-child{grid-column:1;grid-row:1}.form-container>.form-group:nth-child(2){grid-column:2;grid-row:1}.form-container>.form-group:nth-child(3){grid-column:1;grid-row:2}.form-container>.form-group:nth-child(4){grid-column:2;grid-row:2}.submit-form{height:50px;margin-bottom:64px;width:100%}.submit-btn{background-color:#58d358;border:none;border-radius:10px;color:#fff;font-size:20px;height:46px;margin-left:42%;width:16%}body{margin:0;padding:0}.topbarContainer{background-color:#3a3a62;height:50px;position:fixed;top:0;width:100%;z-index:999}.topbarContainer,.topbarLeft{align-items:center;display:flex}.topbarLeft{flex:1 1;gap:22%;padding-left:29px}.naviagtion-btn{background-color:#fff;border:none;border-radius:7px;font-size:14px;font-weight:600;height:30px}.topLogo{color:#fff;cursor:pointer;font-size:24px;margin-left:15px}.topBarCenter{color:#fff;flex:1 1;padding-left:8%}.topbarRight{display:flex;flex:0 1;justify-content:space-between;padding-left:24%}.topRight-btn{background-color:red;border:none;border-radius:7px;color:#fff;font-size:15px;font-weight:650;height:31px;margin-right:40px;width:74px}.topbarlink{color:#fff;display:flex;margin-left:67px}input[type=submit]{background-color:green;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;text-align:center;width:40%}#link{color:blue;font-size:medium}.modal-content{background-color:silver;margin:30px auto}.signupfnbtn{background-color:green;border-radius:8px;height:100%;padding:8px;width:30%}p{font-size:medium;font-weight:700;text-align:center}.switch{display:block;display:inline-block;height:20px;position:relative;width:34px}.switch input{height:0;opacity:0;width:0}.slide{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slide,.slide:before{position:absolute;transition:.4s}.slide:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slide{background-color:#2196f3}input:checked+.slide:before{transform:translateX(14px)}.users-container{gap:8px}.users-container,.users-lists{display:flex;flex-direction:column}.users-lists{align-items:flex-start;background-color:#f9f9f9;border:1px solid #ccc;border-radius:22px;margin-bottom:34px;margin-left:80px;padding:15px;width:88%}.user-item{align-items:center;display:flex;justify-content:space-between;width:100%}.left-content{display:flex;flex-direction:column}.left-content span{margin-bottom:8px}.name{font-size:28px;font-weight:700}.date,.email{font-size:16px}.message{font-size:20px}.right-button{align-items:center;display:flex;gap:20px;justify-content:flex-end;width:25%}.delete-btn,.edit-btn{border:none;border-radius:10px;color:#fff;height:34px;width:70px}.edit-btn{background-color:#000}.delete-btn{background-color:red}.modal{align-items:center;background-color:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.modal,.modal-content{padding:20px;width:100%}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 15px #0000001a;max-width:500px;position:relative}.edit-heade{display:flex;height:60px;width:100%}.modal-header h2{font-size:1.5rem;margin-bottom:20px;padding-left:185px}.modal-close{color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.modal-input-group{margin-bottom:15px}.modal-label{display:block;font-weight:700;margin-bottom:5px}.modal-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px;width:89%}.modal-submit{text-align:center}.modal-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.modal-button:hover{background-color:#45a049}
/*# sourceMappingURL=main.f38b4006.css.map*/