body { font-family: 'Roboto', sans-serif; background: #c8ecf5; }
   
    .section-title1 { font-size:2rem; font-weight:700; margin-bottom:1rem; position:relative; }
    .section-title1::after { content:''; position:absolute; width:60px; height:4px; background:#4e73df; left:0; bottom:-8px; border-radius:2px; }
    .card { border-radius: 10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition: transform 0.2s; }
    .card:hover { transform: scale(1.02); }
    .form-label { font-weight:600; }
    .form-control, .form-select { border-radius:8px; }
    .table-responsive { max-height:450px; overflow-y:auto; border-radius:8px; }

    /* ✅ Fixed table header */
    thead th {
      position: sticky;
      top: 0;
      background: #f8f9fa;
      z-index: 2;
      border-bottom: 2px solid #dee2e6;
    }

    .form-actions button {
      background: linear-gradient(90deg,#4e73df,#1cc88a);
      color: #fff;
      border: none;
      padding: 0.6rem 1.8rem;
      border-radius: 8px;
      font-weight:600;
      cursor:pointer;
      transition: transform 0.2s ease, opacity 0.3s ease;
    }
    .form-actions button:hover { opacity: 0.9; transform: translateY(-2px); }
    .form-select:focus, .form-control:focus {
      border-color: #4e73df;
      box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
    }

    .table thead { font-weight: 600; }
    .table tbody tr:hover { background-color: #f1f7ff; }
    .table td, .table th { vertical-align: middle; text-align: center; }

    /* Spinner style for loading rows */
    #tableSpinner {
      display: none;
      text-align: center;
      padding: 20px;
    }

    .no-print { display: inline-block; }

    @media print {
      .no-print { display: none !important; }
      th:last-child, td:last-child { display: none !important; }
    }