*{padding:0;margin:0;box-sizing:border-box}body{background:linear-gradient(to bottom,#1f2a48,#0a1a28);min-height:100vh;color:#fff;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}nav{display:flex;flex-direction:row;gap:300px;background-color:#0a1428;padding:22px}nav .website-name{font-size:35px;margin-left:20px}nav ul,.profile-link{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:80px}nav ul li{list-style:none}nav a{text-decoration:none;color:#fff;font-size:25px}nav ul li:hover,.profile-link:hover{opacity:.5}.home-about{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}.about-title{font-size:40px;padding:15px}.about-content{font-size:15px;width:600px;text-align:center}.report-link-home{text-decoration:none;font-size:18px;color:#fff;background-color:#1b1bb5;margin:30px;padding:10px;border-radius:10px;border:none;box-shadow:1px 1px 8px #000}.report-link-home:hover{transform:scale(1.2);opacity:.8;transition:transform 1s ease}.website-activity-stats{display:flex;flex-direction:row;justify-content:center;margin-top:80px;gap:100px}.total-cases-container,.cases-solved-container,.total-users-container{margin-bottom:100px;background-color:#0a1428b3;width:300px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;box-shadow:1px 1px 8px #c9c4c4ac}.report-box{background-color:#0a1428cc;width:80%;max-width:700px;margin:30px auto 100px;padding:20px;border-radius:20px;display:flex;flex-direction:column;box-shadow:2px 2px 12px #000}.report-title{color:#ccccf7;text-align:center;padding:10px 10px 30px;font-size:30px}.row-one,.row-two,.row-three,.row-four,.row-five,.row-button{display:flex;flex-direction:row;gap:50px;margin-bottom:10px}input,select{width:300px;height:30px;border-radius:5px}input,textarea{padding:10px}h3{padding:3px 0;margin-bottom:2px}textarea{width:650px;height:70px;border-radius:5px}.row-button{margin-left:170px}.row-button button{font-size:18px;background-color:#1b1bb5;color:#fff;padding:10px;width:130px;border:black 2px solid;border-radius:20px;box-shadow:3px 3px 12px #282838}.row-button button:hover{transform:scale(1.2);transition:1s ease transform}.listings-title{text-align:center;padding:20px}.view-list-section{background-color:#0a1428cc;width:80%;max-width:1000px;margin:30px auto 100px;padding:20px;border-radius:20px;display:flex;flex-direction:column;box-shadow:2px 2px 12px #000}.view-list-head{display:flex;flex-direction:row}.head-title{font-size:35px;padding:10px;color:#ccccf7}.search-bar{margin-top:20px;margin-left:200px;opacity:.8;width:37%;height:2%;border-radius:20px;font-size:15px;padding-left:20px}.view-list-body{margin-top:10px;margin-left:30px}.view-list-body td{width:150px;text-align:center}.profile-header{text-align:center;padding:20px;margin-top:10px;margin-bottom:10px}.profile-content{display:flex;flex-direction:column;background-color:#0a1428cc;width:80%;max-width:700px;margin:30px auto 100px;padding:20px;border-radius:20px;box-shadow:2px 2px 12px #000;justify-content:center;align-items:center}.profile-image-div img{width:210px;height:210px;border-radius:50%;border:2px solid black;object-fit:cover;margin-bottom:30px}.profile-actions{display:flex;flex-direction:row;gap:100px;margin:30px}.edit-btn,.logout-btn{padding:8px;width:150px;border-radius:20px;border:2px solid black}.edit-btn{background-color:#ffffffc3;text-decoration:none;color:#000;text-align:center}.logout-btn{background-color:#f00c}.edit-btn:hover,.logout-btn:hover{transform:scale(1.2);transition:transform 1s ease}.editprofile-header{text-align:center;padding:20px;margin-top:10px;margin-bottom:10px}.editprofile-content{display:flex;flex-direction:column;background-color:#0a1428cc;width:80%;max-width:700px;margin:30px auto 100px;padding:20px;border-radius:20px;box-shadow:2px 2px 12px #000;justify-content:center;align-items:center}.edit-image img{width:210px;height:210px;border-radius:50%;border:2px solid black;object-fit:cover;margin-bottom:20px}.edit-imagebtn{opacity:.9;width:40px;height:40px;border:none;border-radius:50%;font-size:20px;position:relative;top:-35px;left:-60px}.edit-username,.edit-name,.edit-email,.edit-number,.edit-gender{opacity:.8;width:300px;height:40px;border:none;border-radius:10px}.edit-actions{display:flex;flex-direction:row;gap:100px;margin:40px}.edit-savebtn,.edit-cancelbtn{width:150px;border-radius:20px;height:40px;padding:10px;background-color:#faebd7;border:black 2px solid}.edit-savebtn:hover,.edit-cancelbtn:hover{transform:scale(1.2);transition:ease 1s transform}.new-user{background-color:#0a1428cc;width:80%;max-width:800px;margin:80px auto 100px;padding:20px;border-radius:20px;display:flex;flex-direction:column;box-shadow:2px 2px 12px #000;text-align:center}.newuser-header-content{font-size:35px;padding:30px}.first-row,.second-row,.third-row{display:flex;flex-direction:row}.newuser-name,.newuser-gender,.newuser-email,.newuser-mobile,.newuser-username,.newuser-password{padding:15px;margin-left:30px}h6{text-align:left;font-size:medium;font-weight:500;padding:8px}.newuser-input input,.newuser-input select{background:transparent;width:300px;height:40px;border:none;outline:none;color:#e0e6f5;background-color:#ffffff1a;padding:10px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.2)}option{color:#000;border:gray 1px solid}.signup-btn{padding:15px;width:200px;font-size:20px;margin:30px 30px 10px -5px;border-radius:30px;border:none;background-color:#00f;color:#f5f5f5}.existing-user{background-color:#0a1428cc;width:80%;max-width:500px;margin:80px auto 100px;padding:20px;border-radius:20px;display:flex;flex-direction:column;box-shadow:2px 2px 12px #000;text-align:center}.login-header{font-size:35px;padding:30px}.login-content{margin:10px 50px 20px 90px}.login-username-head,.login-password-head{text-align:left;padding:10px;font-size:medium}.login-username-input,.login-password-input{display:flex;align-items:center;background-color:#ffffff1a;padding:10px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.2);width:300px;margin-bottom:20px}.login-username-input i,.login-password-input i{margin-right:10px;color:#e0e6f5;font-size:18px}.login-username-input input,.login-password-input input{background:transparent;border:none;outline:none;color:#e0e6f5;font-family:Open Sans,sans-serif;font-size:16px}.login-btn{padding:15px;width:200px;font-size:20px;margin:30px 30px 10px -5px;border-radius:30px;border:none;background-color:#00f;color:#f5f5f5}