/* ===== LOGIN PAGE ===== */
    body {
      background:#f4f6f9;
    font-family: "Kalimati", "Noto Sans Devanagari", sans-serif;
      background: #f4f6f9;
      min-height: 100vh;

    }
    a{text-decoration:none}
.kalimati{
    font-family: "Kalimati", "Noto Sans Devanagari", sans-serif;
}
    /* Top Header */
    .top-header {
       background:linear-gradient(90deg,#0d6efd,#084298);
      color: #fff;
          padding:12px 20px;
    }

    .top-header img {
      height: 50px;
    }

    /* Login Card */
    .login-card {
      border-radius: 12px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
      border: none;
    }

    .login-card .form-control {
      height: 45px;
    }

    .login-btn {
      background: #0d8f5a;
      border: none;
      padding: 10px 25px;
      font-weight: 600;
    }

    .login-btn:hover {
      background: #0b7d4f;
    }

/* ===== LAYOUT ===== */
.wrapper{
    display:flex;
    min-height:calc(100vh - 56px);
}

/* ===== SIDEBAR ===== */
.sidebar{
    width:250px;
    background:#ffffff;
    border-right:1px solid #dee2e6;
    display:flex;
    flex-direction:column;
    transition:0.3s;
}
.sidebar.collapsed{width:70px}

/* Profile */
.profile{
    text-align:center;
    padding:15px;
    border-bottom:1px solid #dee2e6;
}
.profile img{
    width:60px;
    height:60px;
    border-radius:50%;
}
.profile h6{margin-top:8px;font-size:14px}
.profile small{color:#6c757d}

.sidebar.collapsed .profile h6,
.sidebar.collapsed .profile small{
    display:none;
}

/* Menu */
.menu a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    margin:4px 10px;
    border-radius:8px;
    color:#333;
    font-weight:500;
}
.menu a i{font-size:18px;color:#0d6efd}
.menu a.active,
.menu a:hover{
    background:#e7f1ff;
    color:#0d6efd;
}
.sidebar.collapsed .menu span{display:none}

/* Logout */
.logout{
    margin-top:auto;
    padding:10px;
}
.logout a{
    display:block;
    background:#790511;
    color:#fff;
    text-align:center;
    padding:10px;
    border-radius:8px;
}

/* ===== CONTENT ===== */
.content{
    flex:1;
    padding:20px;
}

/* Cards */
.card-box{
    border-radius:16px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* Table */
.table-box{
    background:#fff;
    padding:15px;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.table th{
    background:#f1f5fb;
    text-align:center;
}
.table td{text-align:center}

/* ===== FOOTER ===== */
.footer{
    background:#ffffff;
    border-top:1px solid #dee2e6;
    padding:10px 20px;
    font-size:13px;
    color:#6c757d;
}

/* Submenu */
.submenu{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    margin:4px 15px;
    border-radius:8px;
    font-size:14px;
    color:#555;
  
}
.submenu:hover{
    background:#f1f5fb;
    color:#0d6efd;
}
/* Level 3 */
.submenu.child{
    font-size:13px;
    margin-left:35px;
 list-style: none; 
}
.submenu a i {
    color:#0d6efd;text-decoration: none;
}
.sidebar.collapsed .submenu span{
    display:none;
}