body {
       background: linear-gradient(135deg, #1565c0 0%, #e3f2fd 100%);
       min-height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .sidebar-logo {
       height: 50px;
       width: auto;
       background-color: white;
       padding: 2px;
       border-radius: 50px;
       box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
       border: 2px solid rgba(255, 255, 255, 0.8);
   }

   .login-card {
       border-radius: 1rem;
       overflow: hidden;
       box-shadow: 0 8px 32px 0 rgba(44, 62, 80, 0.2);
       background: #fff;
   }

   .login-header {
       background: linear-gradient(90deg, #1565c0 0%, #42a5f5 100%);
       color: #fff;
       padding: 2rem 1rem 1rem 1rem;
       text-align: center;
   }

   .login-header .logo {
       width: 60px;
       height: 60px;
       margin-bottom: 1rem;
   }

   .login-title {
       font-weight: 700;
       font-size: 2rem;
       letter-spacing: 1px;
   }

   .login-form {
       padding: 2rem;
   }

   .form-label {
       font-weight: 600;
   }

   .btn-emergency {
       background: linear-gradient(90deg, #1565c0 0%, #42a5f5 100%);
       color: #fff;
       font-weight: 600;
       border: none;
       border-radius: 0.5rem;
       box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);
       transition: background 0.3s;
   }

   .btn-emergency:hover {
       background: linear-gradient(90deg, #42a5f5 0%, #1565c0 100%);
   }

   @media (max-width: 768px) {
       .login-form {
           padding: 1rem;
       }

       .login-title {
           font-size: 1.5rem;
       }
   }