:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#15253d;background:#f2f6fb}*{box-sizing:border-box}body{margin:0}a{color:#006ab7;text-decoration:none}.top{background:#102948;color:white;padding:17px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.top a{color:white;margin-left:15px}.brand{font-weight:850;font-size:23px;letter-spacing:.3px}.sub{font-size:12px;color:#c7e8fe}main{max-width:1240px;margin:24px auto;padding:0 20px}.card{background:white;border:1px solid #dbe6f2;border-radius:14px;padding:20px;box-shadow:0 5px 20px #1836570a;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat{font-size:32px;font-weight:800;color:#0764ab}h1{margin:4px 0 18px;font-size:27px}h2{font-size:19px;margin:0 0 15px}form{display:grid;gap:10px}label{display:grid;gap:5px;font-weight:650;font-size:13px}input,select,textarea{padding:11px;border:1px solid #b9c9da;border-radius:8px;font:inherit;width:100%;background:white}textarea{min-height:78px}button,.btn{border:0;border-radius:8px;padding:10px 17px;background:#0675bd;color:white;cursor:pointer;font-weight:650;font:inherit;display:inline-block;width:max-content}button:hover,.btn:hover{background:#055a94;color:white}.danger{background:#a32d35}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;border-bottom:1px solid #e3eaf0;padding:11px;font-size:14px;vertical-align:top}th{background:#f4f8fc}.flash{background:#daf6e5;color:#145c37;padding:12px 15px;border-radius:8px;margin-bottom:15px}.error{background:#ffe3e0;color:#842b23}.muted{color:#657789;font-size:13px}.pill{display:inline-block;background:#e8f2fb;color:#165682;padding:5px 9px;border-radius:20px;font-size:12px}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.inline{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline label{min-width:130px;flex:1}.inline button{flex-shrink:0}@media(max-width:600px){main{padding:0 12px}.top{padding:14px}.top nav a{margin:0 10px 0 0;display:inline-block}.card{padding:15px}} 

@media print {
  header, nav, footer, .navbar, .nav, .sidebar,
  .no-print, button, .btn {
    display: none !important;
  }

  body, main, .container, .card {
    background: white !important;
    box-shadow: none !important;
    border: none !important;
  }

  body {
    margin: 0 !important;
  }

  @page {
    size: A4 portrait;
    margin: 15mm;
  }
  
  
@media print {
  body > header,
  body > nav,
  body > footer,
  .site-header,
  .site-footer,
  .topbar,
  .navbar,
  .main-nav,
  .navigation,
  .no-print {
    display: none !important;
  }

  @page {
    size: A4 portrait;
    margin: 12mm;
  }

  html, body {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .card {
    box-shadow: none !important;
  }
}
  
  
  
  
}



@media print {

  /* Hide website header and navigation */
  header.top,
  .top,
  .top nav {
    display: none !important;
  }

  /* Hide page title and portal footer */
  main > h1,
  main > p.muted {
    display: none !important;
  }

  /* Print receipt only */
  html, body {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  main {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .card {
    background: white !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  @page {
    size: A4 portrait;
    margin: 12mm;
  }
}


/* Softechno Fee Receipt Print Fix */
@media print {

  header.top,
  body > header,
  body > main > h1,
  body > main > p.muted {
    display: none !important;
  }

  html, body {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  main > .card {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  @page {
    size: A4 portrait;
    margin: 12mm;
  }
}