body{
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
    display: flex;
    align-items: center;
    justify-content: center;
}
html, body {
  height: 100%;
}

h2,h3,h4,h5,p
{
	padding:0px;
	margin:0px;
}
a
{
	text-decoration:none;
}
*, ::after, ::before {
  box-sizing: border-box;
}
ul,li
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.login-card{
    background: rgba(255,255,255,0.95);
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    overflow: hidden;
}
.login-left{
    background: linear-gradient(160deg,#6366f1,#22d3ee);
    color: #fff;
    padding: 40px;
}
.login-left h2{
    font-weight: 600;
}
.form-control {
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 13px;
}
.form-label
{
	 font-size: 14px;
}
.btn-lms{
    background: linear-gradient(135deg,#4f46e5,#0ea5e9);
    border: none;
    border-radius: 12px;
    padding: 12px;
    font-weight: 500;
}
.btn-lms:hover{
    opacity: .9;
}

.small a{
    color:#4f46e5;
}
.small a:hover{
    text-decoration: underline;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.25);
}
.top-header{
    background: linear-gradient(90deg,#ffe6df,#e6f3ff);
    padding: 10px 20px;
}
.logo-text{
    line-height: 1.2;
}
.logo-text h6{
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.logo-text small{
    font-size: 11px;
    color: #444;
}
.tid-box{
    border: 1px solid #000;
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 600;
}
.navbar-lms{
    background:#f36c63;
}
.navbar-lms .nav-link{
    color:#000;
    font-weight: 500;
}
.navbar-lms .nav-link.active{
    background:#fff;
    border-radius:4px;
}
.badge-new{
    background:#ffd700;
    color:#000;
    font-size:10px;
}
label
{
	font-size:13px;
}
.text-decoration-none
{
	font-size:13px;
}