@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700");
/* Bio-Earth centralized UI — canonical copy hosted by HRIS. */
:root{--bei-green:#0f6b5d;--bei-green-dark:#0a4f45;--bei-sidebar:#343a40;--bei-muted:#c2c7d0;--bei-bg:#f4f6f9;--bei-side-width:250px;--bei-head:57px;--bei-brand-font:16px;--bei-nav-font:16px;--bei-user-font:16px;--bei-side-photo:42px;--bei-head-photo:34px}
html,body{font-family:"Source Sans Pro",Arial,sans-serif}
.login-page{background:linear-gradient(145deg,#eef7f3 0%,#f4f6f9 48%,#e6f0ec 100%)!important}
.login-box,.login-page .login-wrap{width:380px!important;max-width:calc(100% - 32px)!important}
.login-box .login-logo,.login-page .login-wrap .login-logo{width:100%!important;height:105px!important;margin:0 0 10px!important}
.login-box .login-logo img,.login-page .login-wrap .login-logo img{display:block!important;width:100%!important;height:105px!important;max-height:105px!important;object-fit:contain!important}
.login-box .card,.login-page .login-card{width:100%!important;border:0!important;border-radius:8px!important;box-shadow:0 12px 34px rgba(22,55,47,.16)!important;overflow:hidden}
.login-card-body{padding:28px!important}
.login-box .input-group,.login-box .form-control,.login-box .input-group-text,.login-page .login-input,.login-page .login-input input,.login-page .login-input span{height:38px!important}
.login-box .btn-primary,.login-page .login-actions button{height:38px!important;background:var(--bei-green)!important;border-color:var(--bei-green)!important}
.login-box .btn-primary:hover,.login-page .login-actions button:hover{background:var(--bei-green-dark)!important;border-color:var(--bei-green-dark)!important}
.main-sidebar{background:var(--bei-sidebar)!important}
.brand-link{height:var(--bei-head)!important;display:flex!important;align-items:center!important}
.brand-link .brand-text{font-size:var(--bei-brand-font)!important;white-space:nowrap}
.user-image,.user-panel img,.user-header img{object-fit:cover!important;background:#fff}
.main-header .user-menu>.dropdown-toggle{display:flex!important;align-items:center!important;gap:8px;min-height:var(--bei-head);padding:.45rem .75rem!important;color:#087bea!important;font-size:var(--bei-user-font)!important}
.main-header .user-image{width:var(--bei-head-photo)!important;height:var(--bei-head-photo)!important;margin:0!important}
.user-panel .image img{width:var(--bei-side-photo)!important;height:var(--bei-side-photo)!important}
.user-panel .info a,.nav-sidebar>.nav-item>.nav-link{font-size:var(--bei-nav-font)!important}
.nav-sidebar>.nav-item>.nav-link .nav-icon{font-weight:900}
body.bei-messenger-shell{overflow-y:scroll!important}
body.bei-messenger-shell #app{height:auto!important;min-height:calc(100vh + 1px)!important;grid-template-columns:var(--bei-side-width) 330px 1fr 270px!important;grid-template-rows:73px minmax(0,1fr)!important}
body.bei-messenger-shell .sidebar{background:var(--bei-sidebar)!important}
body.bei-messenger-shell .brand{height:var(--bei-head)!important;padding:0 14px!important;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8)!important;font-size:var(--bei-brand-font)!important;font-weight:300!important;white-space:nowrap!important}
body.bei-messenger-shell .brand span{white-space:nowrap!important}
body.bei-messenger-shell .account{height:74px!important;padding:13px 12px!important}
body.bei-messenger-shell .account img{width:var(--bei-side-photo)!important;height:var(--bei-side-photo)!important;object-fit:cover;background:#fff}
body.bei-messenger-shell .account>div>span,body.bei-messenger-shell .sidebar nav button{font-size:var(--bei-nav-font)!important}
body.bei-messenger-shell .sidebar nav button{color:var(--bei-muted)!important;font-family:inherit;display:flex;align-items:center;gap:12px}
body.bei-messenger-shell .sidebar nav button:hover,body.bei-messenger-shell .sidebar nav button.active{color:#fff!important;background:rgba(255,255,255,.1)!important}
body.bei-messenger-shell .sidebar nav button svg{width:20px;height:20px;fill:currentColor;flex:0 0 20px}
body.bei-messenger-shell .topbar{height:73px!important}
body.bei-messenger-shell .topbar-actions img{width:var(--bei-head-photo)!important;height:var(--bei-head-photo)!important;object-fit:cover;background:#fff}
body.bei-messenger-shell .topbar-actions>a,body.bei-messenger-shell .account-menu summary{color:#087bea!important;text-decoration:none;font-size:var(--bei-user-font)!important}
body.bei-messenger-shell .account-menu{position:relative}
body.bei-messenger-shell .account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}
body.bei-messenger-shell .account-menu summary::-webkit-details-marker{display:none}
body.bei-messenger-shell .account-menu summary:after{content:"\25BC";font-size:10px}
body.bei-messenger-shell .account-menu>div{position:absolute;right:0;top:44px;z-index:30;width:145px;padding:8px;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #0002}
body.bei-messenger-shell .account-menu>div a{display:block;padding:8px;color:#343a40!important;text-align:center;font-size:var(--bei-user-font)!important}
.login-page .login-wrap{transform:translateY(-10px)}
.login-page .login-wrap .login-logo{transform:translateY(.5px)}
.login-page .login-wrap .login-card{padding:26px 28px 27px!important}
.login-page .login-wrap .login-input{margin-bottom:16px}
.login-page .login-wrap .login-actions button{width:96px;padding:0}
.login-page .login-wrap .login-message{margin:2px 0 28px}
#err:empty{display:none!important;margin:0!important}
@media(max-width:991px){body.bei-messenger-shell #app{grid-template-columns:74px 300px 1fr!important}}
@media(max-width:575px){.login-card-body,.login-page .login-wrap .login-card{padding:22px!important}.main-header .hidden-xs{display:none!important}}