.login-container{display:flex;height:100vh}.left-section{width:100%;background-image:url(https://unsplash.com/photos/kRNZiGKtz48/download?ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNzY0NTk4NDQ2fA&force=true&w=2400);background-size:cover;background-position:center;position:relative}.overlay{background-color:#0a0a2899;width:100%;height:100%;color:#fff;padding:0;display:flex;flex-direction:column;justify-content:center}.title{font-size:48px;font-weight:700;margin-bottom:20px;text-align:center}.desc{font-size:16px;line-height:1.6;max-width:550px;margin:auto}.right-section{width:50%;background-color:#070b36;display:flex;justify-content:center;align-items:center}.login-box{background:#fff;padding:40px;width:380px;border-radius:12px;box-shadow:0 0 10px #0003}.login-box h2{text-align:center;margin-bottom:25px}.login-box label{font-size:14px;font-weight:700;display:block;margin-top:15px}.login-box input{width:100%;padding:12px;border:1px solid #ccc;margin-top:5px;border-radius:6px;font-size:16px}.btn-login{width:100%;margin-top:25px;padding:12px;background-color:#153c7b;border:none;border-radius:6px;color:#fff;font-size:17px;cursor:pointer}.btn-login:hover{background-color:#0f2d5b}.forgot{display:block;text-align:center;margin-top:10px;font-size:13px;color:#333}.register-options{display:flex;justify-content:space-between;margin-top:25px}.register-options button{padding:10px;width:48%;border:1px solid #153c7b;background:#fff;border-radius:6px;cursor:pointer}.register-options button:hover{background:#153c7b;color:#fff}body{margin:0;font-family:Arial,sans-serif}.dashboard-container{display:flex;height:100vh}.sidebar{width:260px;background:#070b36;color:#fff;display:flex;flex-direction:column;justify-content:space-around}.profile-section{text-align:center;padding:40px 0}.profile-icon{font-size:55px;margin-bottom:10px}.profile-name{font-size:14px;font-weight:700}.menu{display:flex;flex-direction:column;padding:0 20px}.menu button{background:none;border:none;color:#fff;text-align:left;font-size:15px;padding:12px 5px;margin-bottom:5px;cursor:pointer;border-radius:6px}.menu button:hover,.menu button.active{background:#13206b}.logout{padding:20px}.logout-btn{width:100%;background:none;border:none;color:#fff;font-size:14px;padding:10px;cursor:pointer}.logout-btn:hover{color:#8aa0ff}.content{flex-grow:1;background:#f7f7f7;padding:40px;overflow:scroll}.home{text-align:center}.home-buttons{margin-top:30px;display:flex;justify-content:center;gap:30px}.home-buttons button{padding:12px 25px;background:#13206b;border:none;color:#fff;border-radius:6px;cursor:pointer}.home-buttons button:hover{background:#0f1b58}.form-container{max-width:900px;margin:0 auto;padding:20px}.form-title{font-size:24px;margin-bottom:20px;color:#0a164a}.section{background:#fff;border:1px solid #cfd6e3;border-radius:6px;padding:20px;margin-bottom:25px}.section-header{background:#0a164a;color:#fff;padding:10px;margin:-20px -20px 20px;border-radius:6px 6px 0 0;font-weight:700}.label{font-size:14px;font-weight:700}.input,select{width:100%;padding:8px 3px;margin:8px 0 15px;border:1px solid #c9cfdc;border-radius:5px}.textarea{width:100%;height:120px;padding:10px;border:1px solid #c9cfdc;border-radius:6px}.row{display:flex;gap:20px}.col{flex:1}.btn-secondary{background:#13206b;color:#fff;padding:7px 12px;border-radius:4px;border:none;cursor:pointer}.btn-secondary:hover{background:#0f1b58}.btn-submit{width:100%;background:#3dbb97;border:none;color:#fff;padding:12px;border-radius:6px;font-size:16px;cursor:pointer}.btn-submit:hover{background:#33a683}.note{font-size:12px;color:gray}