body{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.login-wrapper{height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}.login-container{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 8px 30px #0003;width:350px;padding:40px;color:#fff;text-align:center;transition:all .3s ease}.login-container:hover{transform:scale(1.02)}.view{position:absolute;right:0;top:35px}.login-title{margin-bottom:25px;font-size:24px;font-weight:600;letter-spacing:1px}.login-form label{text-align:left;display:block;margin-bottom:6px;font-size:14px;color:#ffffffd9}.login-form div{padding-right:30px}.password{position:relative}.login-form input{width:100%;padding:12px 14px;margin-bottom:20px;border:1px solid rgba(255,255,255,.3)!important;border-radius:10px;background:#ffffff26!important;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.login-form input::placeholder{color:#ffffffb3}.login-form input:focus .view i{color:#000}.login-form input:focus{border-color:#667eea!important;background:#ffffff40}input:-webkit-autofill{box-shadow:0 0 0 1000px #ffffff1a inset!important;border:1px solid rgba(255,255,255,.3)}.login-form button{width:100%;padding:12px;margin-top:5px;border:none;border-radius:10px;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.login-form button:hover{width:100%;transform:translateY(-2px);box-shadow:0 6px 16px #00000040;background:linear-gradient(90deg,#5f0fd0,#1e63e6)}.login-form button:disabled{background:#fff6;cursor:not-allowed}.error-msg{background-color:#ff3232e6;padding:10px;border-radius:8px;margin-bottom:15px;font-size:14px}.input-wrapper{position:relative}.input-wrapper .view{position:absolute;top:52%;right:0;transform:translateY(-50%);cursor:pointer;color:#ffffffb3;transition:color .3s ease}.input-wrapper input:not(:placeholder-shown)+.view{color:#000}.input-wrapper input:focus+.view{color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{position:relative;background:#fff;padding:20px;border-radius:12px;width:500px;max-width:90%;box-shadow:0 4px 10px #0000004d}.close-btn{position:absolute;top:-10px;right:-9px;border:none;background-color:#4f46e5;color:#fff;font-size:18px;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;transition:background .3s ease,transform .2s ease}.close-btn:hover{background-color:#413bbd;transform:scale(1.1)}.modal-container{display:flex;justify-content:space-between;flex-direction:column}.modal-parent,.user-details{display:flex;justify-content:space-between}.dashboard-container{padding:20px;font-family:Arial,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard-header h2{margin:0;color:#333;font-size:22px}.export-btn,.delete-btn{color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-right:4px;transition:background .2s}.delete-btn{background-color:#c11c2d}.export-btn:hover{background-color:#157437}.export-btn.disabled{background-color:#ccc;cursor:not-allowed}.delete-btn:hover{background-color:#157437}.delete-btn.disabled{background-color:#ccc;cursor:not-allowed}.layout{display:flex;height:100vh;width:100%;background-color:#f4f6f8}.sidebar{width:150px;background-color:#2575fc;color:#fff;display:flex;flex-direction:column;padding:20px;background:#2575fc}.sidebar a{color:#fff;text-decoration:none;margin-bottom:15px;font-weight:500}.sidebar a:hover{color:#4f46e5}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.header{height:60px;background-color:#fff;border-bottom:1px solid #ddd;align-items:center;padding:10px 20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between}.sidebar-list{display:flex;flex-direction:column;justify-content:center}.sidebar-list a{padding:.3rem}.sidebar-body{padding:2rem}.logout{background-color:#2575fc;color:#1f3a41;padding:.6rem 1rem;border-radius:.2rem;border:none;cursor:pointer;font-weight:900;color:#fff}.sidebar-body{width:fit-content;color:#fff;height:100vh;display:flex;flex-direction:column}.sidebar-title{font-size:20px;font-weight:700;margin-bottom:30px}.sidebar-list{display:flex;flex-direction:column}.sidebar-link{color:#4f46e5;text-decoration:none;margin-bottom:15px;border-radius:5px;font-weight:500;transition:background .2s}.sidebar-link:hover,.sidebar-link.active{background-color:#fff;color:#4f46e5}.action{display:flex;justify-content:space-between;justify-content:center;cursor:pointer}.edit-data{width:100%;display:grid;grid-template-columns:repeat(2,2fr);gap:2rem}.user-input{padding:10px;border-radius:5px;border:1px solid gainsboro}.edit-data-1{display:flex;margin-top:20px;justify-content:center}.save,.cancel{padding:5px 10px;margin-right:10px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.save{background-color:#4caf50;color:#fff}.cancel{background-color:#f44336;color:#fff}.save:hover{background-color:#45a049}.cancel:hover{background-color:#e53935}.edit-data-1 .save{margin-right:20px}.hqhaRW{cursor:pointer}