body{margin:0;padding:0}.login-page-container{background-color:#34495e;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.login-form{background-color:#fff;padding:40px;border-radius:40px;width:100%;max-width:340px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;align-items:center;text-align:center}.logo{width:120px}h1{font-size:24px;color:#333;margin-bottom:10px}p{color:#666;font-size:14px;margin-bottom:30px}input[type=email],input[type=password],input[type=text]{width:100%;padding:15px;margin-bottom:15px;border:none;background-color:#f0f0f0;border-radius:15px;box-sizing:border-box}.passDiv{width:100%;position:relative}.show-password-btn{position:absolute;right:15px;top:15px;background:none;border:none;cursor:pointer;color:#999}.addons{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px}.remember-me{display:flex;align-items:center;gap:5px;color:#444}.forgot-password{color:#4da6ff;text-decoration:none;font-weight:700}.submit-btn{width:60%;padding:12px;background-color:#4da6ff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s}.submit-btn:hover{background-color:#3991e6}.sidebar-main{width:260px;height:100vh;background-color:#435b83;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;padding:0;box-sizing:border-box}.sidebar-top{padding:25px}.logo-box{display:flex;align-items:center;gap:15px}.logo-box .logo{width:45px;height:auto}.logo-box span{font-size:1.3rem;font-weight:500}.sidebar-divider{border:0;border-top:1px solid rgba(255,255,255,.3);margin:0;width:100%}.sidebar-menu{flex-grow:1;display:flex;flex-direction:column;padding-top:10px}.menu-item{background:transparent;border:none;color:#e0e6ed;padding:18px 25px;text-align:left;display:flex;align-items:center;gap:15px;cursor:pointer;font-size:15px;width:100%;transition:all .2s ease;box-sizing:border-box}.menu-item span{font-weight:400;transition:font-weight .2s ease}.menu-item:hover,.menu-item.active{background-color:#ffffff1a;color:#fff}.menu-item.active{border-left:5px solid white;padding-left:20px}.menu-item i{font-size:18px;transition:transform .2s ease}.menu-item:hover i{transform:scale(1.1)}.sidebar-bottom-section{margin-top:auto;padding-bottom:0}.logout{color:#ff5c5c!important;padding:20px 25px}.logout i{color:#ff5c5c}.navbar-main{height:70px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;margin-left:260px;border-bottom:1px solid #e2e8f0;box-sizing:border-box}.navbar-left h1{font-size:1.2rem;margin:0;color:#1a202c;font-weight:600}.connection-status{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#768191;margin-top:2px}.connection-status i{font-size:10px}.navbar-right{display:flex;align-items:center;gap:20px}.notification-btn{background:transparent;border:none;font-size:1.2rem;color:#4a5568;cursor:pointer;display:flex}.navbar-divider-vertical{width:1px;height:35px;background-color:#e2e8f0}.user-profile{display:flex;align-items:center;gap:15px}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{font-size:.9rem;font-weight:700;color:#2d3748}.user-role{font-size:.75rem;color:#768191}.user-avatar{width:40px;height:40px;background-color:#4299e1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}