.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#6c63ff,#4a90e2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #0003;width:320px;text-align:center}.login-form h2{margin-bottom:25px;color:#333}.login-form input{width:100%;padding:10px 12px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;font-size:15px;transition:all .3s ease}.login-form input:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e266;outline:none}.login-btn{width:100%;padding:10px;background:#4a90e2;border:none;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;transition:background .3s ease}.login-btn:hover{background:#3d7bd1}.register-text{margin-top:15px;color:#555}.register-btn{background:none;border:none;color:#4a90e2;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.register-btn:hover{color:#3d7bd1}.dashboard-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#6c63ff,#4a90e2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-card{background:#fff;padding:40px 30px;border-radius:14px;box-shadow:0 4px 25px #00000040;width:420px;text-align:center}.dashboard-card h2{margin-bottom:10px;color:#333}.dashboard-card .email{color:#777;font-size:14px;margin-bottom:25px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.info-item{background:#0a41f5;border-radius:10px;padding:15px;box-shadow:0 2px 5px #0000001a}.info-item h4{color:#28b0f0;margin-bottom:5px}.info-item p{font-weight:700;color:#f7f6f6}.levels-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.level-box{flex:1;padding:15px 10px;border-radius:10px;color:#fff;box-shadow:0 3px 8px #00000026}.level1{background:#28a745}.level2{background:#ffc107;color:#333}.level3{background:#dc3545}.level-box h4{font-size:14px;margin-bottom:5px}.level-box p{font-size:18px;font-weight:700;margin:0}.logout-btn{width:100%;padding:10px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease}.logout-btn:hover{background:#c0392b}