@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://akm-img-a-in.tosshub.com/sites/businesstoday/resources/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://akm-img-a-in.tosshub.com/sites/businesstoday/resources/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://akm-img-a-in.tosshub.com/sites/businesstoday/resources/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://akm-img-a-in.tosshub.com/sites/businesstoday/resources/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://akm-img-a-in.tosshub.com/sites/businesstoday/resources/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); }

body{ background-size: 100%; font-size: 16px; line-height: 26px; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; overflow-x:hidden; overflow-y:auto; margin:0; padding:0; background-color:#f0f3f8; }
a{text-decoration:none; color:#000; transition:.2s;}
.container{max-width:1270px;margin:0 auto; padding:0 10px;}

/* Header Styles */
header{background-color:#000;position:sticky;top:0;z-index:999;transition:.3s ease-in-out}
.hdr_top_wrp{justify-content:center;padding:15px 0; display:flex; align-items:center;}
.hdr_top_lhs{margin:0 auto 0 0; display:flex; align-items:center;}
.hdr_top_mid{margin:auto; text-align:center;}
.hdr_top_rhs{margin:0 0 0 auto; display:flex; align-items:center;}

.hdr_lgo{color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:1px;}

.hdr_sbs_btn{color:#fff;margin:0 16px 0 0; font-size:14px; font-weight:600; text-transform:uppercase; border:1px solid #fff; padding:5px 10px; border-radius:4px;}
.hdr_sbs_btn:hover{background:#fff; color:#000;}

.hdr_srh_btn, .hdr_usr_btn{align-items:center;display:flex;min-height:40px;min-width:40px;color:#fff; justify-content:center; cursor:pointer;}
.ks_icn{display:inline-block;width:21px;height:21px;stroke-width:0;stroke:currentColor;fill:currentColor}

/* Navigation */
.hdr_nav_wrp{border-bottom:1px solid #333;}
.hdr_nav_ul{align-items:center;column-gap:18px;display:flex;justify-content:center; list-style:none; padding:0; margin:0;}
.hdr_nav_li{padding:0;position:relative}
.hdr_nav_lnk{color:#fff;display:block;font-weight:600;padding:10px 0;position:relative;transition:.3s ease-in-out; font-size:14px; text-transform:uppercase;}
.hdr_nav_lnk:hover{color:#00aeef;}
.hdr_nav_li.active .hdr_nav_lnk{color:#00aeef;}

/* Mobile Menu Icon */
.mnu_brg_icn{position:relative;cursor:pointer;width:1.6rem;height:1.15rem;margin:0 15px 0 0;display:none;}
.mnu_brg_lin{position:absolute;left:0;width:100%;height:3px;border-radius:2px;background-color:#fff;transition:.25s ease-in-out}
.mnu_brg_lin:first-child{top:0}
.mnu_brg_lin:nth-child(2){top:.5rem;width:80%}
.mnu_brg_lin:nth-child(3){top:1rem;width:60%}

@media (max-width:991px){
  .hdr_nav_wrp{display:none;} /* Hide desktop nav on mobile */
  .hdr_nav_wrp.active {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 10px 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
  }
  .hdr_nav_ul { flex-direction: column; align-items: flex-start; padding: 0 20px; }
  .hdr_nav_li { width: 100%; border-bottom: 1px solid #222; }
  .hdr_nav_lnk { padding: 12px 0; width: 100%; }
  .mnu_brg_icn{display:block;}
  .hdr_sbs_btn{display:none;}
}

/* Ad Styles */
.top__ad { margin: 10px auto; text-align: center; width:100%; max-width:970px; }
.ad_300X250_body{background-color:#eaeaea;width:300px;margin:0 auto 20px;min-height:250px; display:flex; align-items:center; justify-content:center;}
.ad_300X250_body:before{content:"Advertisement";font-size:10px;color:#666;position:absolute;margin-top:-260px;}

/* Layout Helpers */
.app { display: flex; flex-wrap: wrap; gap: 20px; padding-top: 20px; }
.sidebar { flex: 0 0 300px; }
.content { flex: 1; min-width: 0; }
.sidebar-right { flex: 0 0 300px; }

@media (max-width: 1200px) {
  .sidebar-right { display: none; }
}
@media (max-width: 768px) {
  .app { flex-direction: column; }
  .sidebar { flex: 1; width: 100%; }
}

/* Utility */
.embossed { font-weight: 700; letter-spacing: 0.5px; }
.shadow-premium { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }

/* Premium Sticky Bottom Ad & Nav */
.ad_pg_btm {
  min-height: 78px;
  display: none; /* Hidden by default, shown on mobile */
  flex-wrap: wrap;
  justify-content: center;
  background: #eaeaea;
  bottom: 55px; /* Positioned above the bottomNav */
  left: 0;
  padding: 3px 0 6px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 998; /* Below header but above content */
}
.adtext {
  text-transform: uppercase;
  font-size: 11px;
  color: #323232;
  line-height: 16px;
  text-align: center;
  width: 100%;
}
.bottomNav {
  display: none; /* Hidden by default, shown on mobile */
  z-index: 999;
  position: fixed;
  bottom: -1px;
  left: 0;
  background-color: #fff;
  padding: 8px 0;
  width: 100%;
  box-shadow: 0 -5px 6px #00000029;
}
.bottomNav ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bottomNav ul li { width: 20%; text-align: center; }
.bottomNav ul li a { width: 100%; align-items: center; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.bottomNav ul li a p { color: #000; margin-bottom: 0; width: 100%; font-size: 11px; line-height: 13px; }
.bottomNav ul li a svg { text-align: center; margin: 0 auto 5px; height: 22px; fill: #000; }
.bottomNav ul li.active a p { color: #00aeef; }
.bottomNav ul li.active a svg path { stroke: #00aeef; }

@media only screen and (max-width:991px) {
  .ad_pg_btm, .bottomNav {
    display: flex;
  }
  /* Add padding to prevent content from being hidden by fixed bars */
  body {
    padding-bottom: 140px; 
  }
}

/* Additional Styles for Modals and Forms */
.hidden { display: none !important; }

/* Toast Notifications */
.toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.toast {
    background: #333;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}
.toast.show { opacity: 1; transform: translateY(0); }
.toast-success { background: #10b981; }
.toast-error { background: #ef4444; }

/* Responsive Tables */
.table-responsive, .table.bordered {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 100%;
}
table { width: 100%; border-collapse: collapse; min-width: 600px; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }

/* Mobile Touch Improvements */
@media (hover: none) {
    .btn-3d:active { transform: translateY(2px); }
}

/* Admin Dashboard Styles */
.admin-container { display: flex; min-height: calc(100vh - 80px); }
.admin-sidebar { width: 250px; background: #1a1a1a; color: #fff; flex-shrink: 0; }
.admin-nav { padding: 20px 0; }
.admin-brand { padding: 0 20px 20px; font-size: 18px; font-weight: 700; border-bottom: 1px solid #333; margin-bottom: 10px; }
.admin-nav ul { list-style: none; padding: 0; margin: 0; }
.admin-nav li a { display: block; padding: 12px 20px; color: #aaa; border-left: 3px solid transparent; }
.admin-nav li a:hover, .admin-nav li.active a { background: #252525; color: #fff; border-left-color: #00aeef; }

.admin-content { flex: 1; padding: 30px; background: #f4f6f9; }
.admin-view h1 { margin-top: 0; margin-bottom: 25px; }
.admin-section { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); margin-bottom: 20px; }

.kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
.kpi-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-left: 4px solid #00aeef; }
.kpi-card h3 { margin: 0 0 10px; font-size: 14px; color: #666; text-transform: uppercase; }
.kpi-card .kpi-value { font-size: 28px; font-weight: 700; margin: 0; color: #333; }

/* Admin Tables */
.admin-view table { width: 100%; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.admin-view th { background: #f8f9fa; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #666; }
.admin-view td { border-bottom: 1px solid #eee; vertical-align: middle; }
.admin-view tr:last-child td { border-bottom: none; }

@media (max-width: 768px) {
    .admin-container { flex-direction: column; }
    .admin-sidebar { width: 100%; }
    .kpi-grid { grid-template-columns: 1fr 1fr; }
}