:root{--bei-green:#0f6b5d;--bei-green-dark:#0a4f45;--bei-sidebar:#343a40;--bei-bg:#f4f6f9}
body{font-family:"Source Sans Pro",Arial,sans-serif;background:var(--bei-bg)}
.login-page{background:linear-gradient(145deg,#eef7f3 0%,#f4f6f9 48%,#e6f0ec 100%)}
.login-box{width:380px;max-width:calc(100% - 32px)}.login-logo img{max-height:105px;object-fit:contain}
.login-card-body{padding:28px}.login-box .card{border:0;border-radius:8px;box-shadow:0 12px 34px rgba(22,55,47,.16);overflow:hidden}
.login-box .btn-primary{background:var(--bei-green);border-color:var(--bei-green)}.login-box .btn-primary:hover{background:var(--bei-green-dark);border-color:var(--bei-green-dark)}
.main-sidebar{background:var(--bei-sidebar)}.brand-link{height:57px;display:flex;align-items:center}.brand-link .brand-text{font-size:16px}
.user-image,.user-panel img,.user-header img{object-fit:cover;background:#fff}.main-header .user-menu>.dropdown-toggle{display:flex;align-items:center;gap:8px;padding:.45rem .75rem;color:#087bea}
.main-header .user-image{width:34px;height:34px;margin:0}.user-panel .image img{width:42px;height:42px}.nav-sidebar>.nav-item>.nav-link .nav-icon{font-weight:900}
@media(max-width:575px){.login-card-body{padding:22px}.main-header .hidden-xs{display:none}}