:root {
  --green: #07877d;
  --green-strong: #04776f;
  --green-soft: #d8f3ef;
  --text: #2f3a4a;
  --muted: #6f7885;
  --line: #cfecea;
  --danger: #d93f45;
  --danger-bg: #fff0f0;
  --orange: #c47a00;
  --orange-bg: #fff7e8;
  --success: #208f48;
  --success-bg: #effaf2;
  --white: #ffffff;
  --shadow: 0 28px 90px rgba(19, 105, 94, 0.13);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background: radial-gradient(circle at top left, rgba(188, 244, 236, 0.75), transparent 34%),
    linear-gradient(135deg, #f2fffd 0%, #ffffff 45%, #f8fbfb 100%);
}

button,
input,
select,
textarea {
  font: inherit;
}

.login-card {
  width: min(1250px, 100%);
  border: 1px solid var(--line);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  padding: 60px 54px 52px;
}

.brand {
  margin: 0 0 18px;
  color: var(--green);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.4px;
}

.login-card h1 {
  margin: 0;
  color: var(--green);
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 1;
}

.entry-panel,
.admin-login,
.detail-card {
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--white);
  padding: 36px 32px 32px;
}

.entry-panel h2,
.admin-login h2,
.detail-card h2 {
  margin: 0 0 28px;
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.05;
  color: var(--text);
}

label {
  display: block;
  margin: 16px 0 7px;
  font-weight: 800;
  color: #344157;
}

input,
select,
textarea {
  width: 100%;
  height: 50px;
  border: 2px solid #e7edf5;
  border-radius: 13px;
  padding: 0 14px;
  color: #30405d;
  background: #fbfdff;
  font-size: 15px;
  outline: none;
}

textarea {
  min-height: 72px;
  padding: 12px 14px;
  resize: vertical;
}

.login-body input {
  height: 66px;
  border-radius: 20px;
  font-size: 22px;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 5px rgba(10, 152, 138, 0.12);
}

.panel-button {
  width: 100%;
  height: 64px;
  margin-top: 28px;
  border: 0;
  border-radius: 999px;
  background: var(--green);
  color: var(--white);
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}

.panel-button.outline {
  border: 2px solid var(--green);
  background: var(--white);
  color: var(--green);
}

.panel-button:disabled {
  background: #edf2f4;
  color: #a1aab5;
  border: 2px solid #e5ecef;
  cursor: not-allowed;
}

.forgot-button {
  width: 100%;
  margin-top: 14px;
  border: 0;
  background: transparent;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.reset-box {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.reset-box a {
  display: block;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
  text-align: center;
  color: var(--green);
  font-weight: 900;
  text-decoration: none;
  background: #f8fffe;
}

.hidden {
  display: none !important;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 23, 35, 0.28);
  backdrop-filter: blur(6px);
}

.admin-login {
  position: relative;
  width: min(500px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  box-shadow: var(--shadow);
}

.close-button {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #eef7f6;
  color: var(--green);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.admin-shell {
  width: min(1120px, calc(100% - 42px));
  margin: 0 auto;
  padding: 18px 0 34px;
}

.hero-card {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow);
  padding: 40px 36px;
  margin-bottom: 24px;
}

.hero-label {
  margin: 0 0 20px;
  color: var(--green);
  font-weight: 900;
}

.hero-card h1 {
  margin: 0;
  color: var(--green);
  font-size: clamp(48px, 6vw, 76px);
  line-height: 0.95;
  letter-spacing: -3px;
}

.hero-text {
  max-width: 780px;
  margin: 18px 0 0;
  color: #4b5563;
  font-size: 19px;
  line-height: 1.55;
}

.hero-actions {
  display: grid;
  gap: 12px;
  min-width: 154px;
}

.action-button {
  height: 64px;
  border-radius: 17px;
  padding: 0 24px;
  font-weight: 900;
  cursor: pointer;
  background: #fff;
}

.action-button.add {
  border: 1px solid var(--line);
  color: #7f8a95;
}

.action-button.delete {
  border: 1px solid #ffc7c7;
  color: var(--danger);
  background: var(--danger-bg);
}

.action-button.logout {
  height: 46px;
  border: 1px solid var(--line);
  color: var(--green);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.stat-card {
  min-height: 128px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.93);
  padding: 22px 18px;
}

.stat-card span {
  display: block;
  min-height: 38px;
  color: #4b5563;
  line-height: 1.45;
}

.stat-card strong {
  display: block;
  margin-top: 8px;
  color: var(--green);
  font-size: 36px;
  line-height: 1;
}

.warning-stat strong,
.warning-stat em {
  color: var(--orange);
}

.warning-stat em {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-weight: 900;
}

.list-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
}

.list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 26px 20px 22px;
}

.list-top h2 {
  margin: 0;
  color: var(--green);
  font-size: 30px;
}

.list-top p {
  margin: 10px 0 0;
  font-size: 18px;
}

.filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(150px, 0.8fr) minmax(160px, 0.8fr);
  gap: 10px;
  width: min(650px, 100%);
}

.table-wrap {
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

th,
td {
  padding: 18px 16px;
  border-top: 1px solid var(--line);
  text-align: left;
  white-space: nowrap;
}

th {
  color: var(--green);
  font-weight: 900;
}

.student-name {
  border: 0;
  border-bottom: 1px solid var(--green);
  background: transparent;
  color: var(--green);
  font-weight: 800;
  cursor: pointer;
  padding: 0;
}

.low {
  color: var(--success);
}

.mid {
  color: var(--orange);
}

.high {
  color: var(--danger);
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 52px;
  justify-content: center;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 900;
}

.pill.good {
  background: var(--success-bg);
  color: var(--success);
}

.pill.mid {
  background: var(--orange-bg);
  color: var(--orange);
}

.pill.bad {
  background: var(--danger-bg);
  color: var(--danger);
}

.empty-state {
  display: grid;
  place-items: center;
  min-height: 260px;
  padding: 32px;
  text-align: center;
  border-top: 1px solid var(--line);
}

.empty-symbols {
  font-size: 48px;
  margin-bottom: 16px;
}

.empty-state h3 {
  margin: 0;
  color: var(--green);
  font-size: 28px;
}

.detail-drawer {
  position: fixed;
  inset: 0;
  z-index: 45;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 23, 35, 0.18);
  backdrop-filter: blur(5px);
}

.detail-card {
  position: relative;
  width: min(520px, 100%);
  box-shadow: var(--shadow);
}

.detail-card p {
  margin: 12px 0;
  font-size: 18px;
}

.form-shell {
  width: min(1280px, calc(100% - 42px));
  margin: 0 auto;
  padding: 10px 0 36px;
}

.form-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--shadow);
  padding: 30px 32px;
  margin-bottom: 12px;
}

.form-hero h1 {
  margin: 16px 0 12px;
  color: var(--green);
  font-size: clamp(42px, 5.3vw, 66px);
  line-height: 1;
}

.form-hero p {
  margin: 0;
  color: #4f5d78;
  font-size: 17px;
}

.update-pill {
  width: 120px;
  height: 46px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #eaf7f5;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.big-form-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  padding: 20px 20px 30px;
  box-shadow: var(--shadow);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.tab {
  min-width: 86px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--green);
  font-weight: 900;
  cursor: default;
}

.tab.active {
  background: var(--green);
  color: #fff;
  box-shadow: 0 8px 20px rgba(7, 135, 125, 0.22);
}

.form-title {
  margin: 18px 14px 10px;
}

.form-title h2 {
  margin: 0 0 8px;
  color: var(--green);
  font-size: 28px;
}

.form-title p {
  margin: 0;
  color: #4f5d78;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  padding: 0 14px;
}

.form-column label {
  font-size: 13px;
  margin-top: 12px;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 4px 14px 0;
}

.clear-button,
.save-button {
  min-width: 130px;
  height: 48px;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}

.clear-button {
  border: 1px solid var(--line);
  background: #effafa;
  color: var(--green);
}

.save-button {
  border: 0;
  background: var(--green);
  color: white;
}

@media (max-width: 980px) {
  .hero-card,
  .list-top,
  .form-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .filters,
  .form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .login-card {
    padding: 36px 20px 26px;
  }

  .entry-panel {
    padding: 28px 20px;
  }

  .login-body input {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .admin-shell,
  .form-shell {
    width: min(100% - 24px, 1120px);
  }

  .hero-card,
  .form-hero {
    padding: 30px 22px;
  }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .hero-actions,
  .form-actions {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.forgot-link-button {
  width: 100%;
  margin-top: 14px;
  border: 0;
  background: transparent;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}

.forgot-link-button:hover,
.forgot-button:hover {
  text-decoration: underline;
}

.detail-shell {
  width: min(1560px, calc(100% - 42px));
  margin: 0 auto;
  padding: 6px 0 20px;
}

.detail-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--shadow);
  padding: 16px 24px;
  margin-bottom: 0;
}

.detail-hero h1 {
  margin: 8px 0 2px;
  color: var(--green);
  font-size: 28px;
  line-height: 1;
}

.detail-hero p {
  margin: 0;
  color: #4f5d78;
  font-weight: 900;
}

.mini-action {
  min-width: 130px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.eokul-card {
  border: 1px solid var(--line);
  border-radius: 0 0 18px 18px;
  background: rgba(255,255,255,.96);
  padding: 8px 22px 12px;
  box-shadow: var(--shadow);
}

.eokul-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 10px 0 8px;
}

.eokul-top h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
}

.eokul-top p {
  margin: 0;
  color: #4f5d78;
  font-weight: 800;
}

.period-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.period-button {
  min-width: 112px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.period-button.active {
  background: var(--green);
  color: #fff;
}

.grade-section {
  margin-top: 10px;
}

.grade-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.grade-title-row h3 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 17px;
  letter-spacing: .5px;
}

.row-add-button {
  min-width: 86px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f8fffe;
  color: var(--green);
  font-weight: 900;
  cursor: pointer;
}

.grade-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.grade-table {
  min-width: 1450px;
}

.grade-table th,
.grade-table td {
  padding: 6px 8px;
  text-align: center;
  border-top: 1px solid #dfeeee;
  border-right: 1px solid #dfeeee;
  font-size: 13px;
}

.grade-table th {
  color: #1f2a44;
  background: #fbfefe;
}

.grade-input {
  height: 30px;
  min-width: 74px;
  border-radius: 8px;
  border: 1px solid #dce9ee;
  font-size: 13px;
  padding: 0 8px;
  text-align: center;
}

.grade-input[data-key="courseName"] {
  min-width: 170px;
  text-align: left;
}

.tiny-add,
.tiny-delete {
  height: 26px;
  min-width: 58px;
  border-radius: 8px;
  background: #fff;
  font-weight: 900;
  cursor: pointer;
  margin: 2px;
}

.tiny-add {
  border: 1px solid var(--line);
  color: var(--green);
}

.tiny-delete {
  border: 1px solid #ffc7c7;
  color: var(--danger);
}

.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 14px;
}

.summary-card {
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 28px;
}

.summary-icon {
  width: 54px;
  height: 46px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eefafa;
  display: grid;
  place-items: center;
  font-size: 24px;
}

.summary-card span {
  display: block;
  color: var(--green);
  font-weight: 900;
  margin-bottom: 4px;
}

.summary-card strong {
  color: var(--green);
  font-size: 25px;
}

.detail-save-actions {
  margin-top: 10px;
}

@media (max-width: 980px) {
  .detail-hero,
  .eokul-top {
    flex-direction: column;
    align-items: stretch;
  }

  .summary-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .period-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .summary-grid {
    grid-template-columns: 1fr;
  }
}

.grade-input::-webkit-outer-spin-button,
.grade-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.grade-input {
  appearance: textfield;
  -moz-appearance: textfield;
}

.course-name-input {
  min-width: 190px;
}

.numeric-grade-input {
  min-width: 82px;
}

body.compact-page {
  font-size: 13px;
}

.compact-page h1,
.compact-page h2,
.compact-page h3,
.compact-page strong,
.compact-page th,
.compact-page label,
.compact-page button {
  font-weight: 700;
}

.app-chrome {
  position: fixed;
  z-index: 100;
}

.side-menu {
  position: fixed;
  top: 58px;
  left: 12px;
  width: 230px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(19,105,94,.14);
  transform: translateX(-255px);
  transition: transform .18s ease;
}

.side-menu.open {
  transform: translateX(0);
}

.side-menu-title {
  color: var(--green);
  font-weight: 800;
  padding: 8px 10px 10px;
}

.side-menu a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 10px;
  color: #2f3a4a;
  text-decoration: none;
  font-weight: 600;
}

.side-menu a.active,
.side-menu a:hover {
  background: #eaf8f6;
  color: var(--green);
}

.side-menu a.soft-disabled {
  opacity: .55;
}

.detail-shell {
  width: min(1440px, calc(100% - 24px));
  padding-top: 54px;
}

.small-hero {
  padding: 12px 22px;
}

.small-hero h1 {
  font-size: 23px;
  letter-spacing: 0;
}

.compact-card {
  padding: 8px 14px 12px;
}

.compact-tabs {
  gap: 7px;
  padding-bottom: 10px;
}

.compact-tabs .tab,
.tab {
  min-width: 82px;
  height: 32px;
  font-size: 12px;
  border-radius: 10px;
}

.compact-top {
  padding: 7px 0;
}

.compact-top h2 {
  font-size: 21px;
}

.compact-top p {
  font-size: 13px;
  font-weight: 500;
}

.period-button,
.row-add-button,
.mini-action {
  height: 34px;
  min-width: 98px;
  border-radius: 9px;
  font-size: 12px;
}

.row-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.grade-table.compact-grade-table {
  min-width: 1180px;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 4px 5px;
  font-size: 12px;
}

.grade-input {
  height: 27px;
  border-radius: 6px;
  font-size: 12px;
  padding: 0 5px;
}

.course-name-input {
  min-width: 160px;
}

.numeric-grade-input {
  min-width: 62px;
  max-width: 74px;
}

.tiny-add,
.tiny-delete {
  height: 23px;
  min-width: 45px;
  font-size: 11px;
  border-radius: 6px;
}

.action-cell {
  min-width: 110px;
}

.compact-summary {
  gap: 10px;
  margin-top: 10px;
}

.summary-card {
  min-height: 56px;
  padding: 9px 16px;
  border-radius: 10px;
}

.summary-icon {
  width: 38px;
  height: 34px;
  font-size: 16px;
  border-radius: 8px;
}

.summary-card span {
  font-size: 12px;
}

.summary-card strong {
  font-size: 20px;
}

.placeholder-card {
  min-height: 240px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 24px;
  margin-top: 12px;
}

.placeholder-card {
  display: grid;
  place-items: center;
  text-align: center;
}

.placeholder-card h2 {
  color: var(--green);
  font-size: 24px;
  margin: 0 0 14px;
}

@media (max-width: 760px) {
  .period-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.has-fixed-menu .side-menu.fixed {
  transform: translateX(0) !important;
  top: 12px;
  left: 12px;
  height: calc(100vh - 24px);
  overflow-y: auto;
  width: 220px;
}

.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: 246px;
  width: calc(100% - 270px);
}

.side-menu-title {
  font-size: 14px;
  line-height: 1.25;
}

.side-menu a {
  font-size: 13px;
}

.compact-grade-table {
  table-layout: fixed;
  width: 100%;
  min-width: 1060px !important;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 3px 4px !important;
  font-size: 11.5px !important;
}

.compact-grade-table th:nth-child(1),
.compact-grade-table td:nth-child(1) {
  width: 92px;
}

.compact-grade-table th:nth-child(2),
.compact-grade-table td:nth-child(2) {
  width: 38px;
}

.compact-grade-table th:nth-child(3),
.compact-grade-table td:nth-child(3) {
  width: 190px;
}

.compact-grade-table th:nth-child(4),
.compact-grade-table td:nth-child(4) {
  width: 58px;
}

.compact-grade-table th:nth-child(n/**/+5):nth-child(-n/**/+11),
.compact-grade-table td:nth-child(n/**/+5):nth-child(-n/**/+11) {
  width: 58px;
}

.compact-grade-table th:nth-child(12),
.compact-grade-table td:nth-child(12) {
  width: 64px;
}

.compact-grade-table th:nth-child(13),
.compact-grade-table td:nth-child(13) {
  width: 70px;
}

.grade-input {
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 25px;
  font-size: 11.5px;
}

.course-name-input {
  text-align: left;
}

.action-cell {
  min-width: 0;
}

.tiny-add,
.tiny-delete {
  min-width: 38px;
  height: 22px;
  font-size: 10.5px;
  padding: 0 4px;
}

.empty-table-row {
  color: var(--muted);
  text-align: center;
  font-weight: 600;
  padding: 18px !important;
}

.small-hero h1 {
  font-size: 21px !important;
}

.compact-top h2 {
  font-size: 19px !important;
}

.summary-card strong {
  font-size: 18px !important;
}

@media (max-width: 980px) {
  .has-fixed-menu .side-menu.fixed {
    width: 190px;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: 206px;
    width: calc(100% - 220px);
  }
}

@media (max-width: 720px) {
  .has-fixed-menu .side-menu.fixed {
    position: static;
    width: calc(100% - 24px);
    height: auto;
    margin: 12px;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto;
    width: calc(100% - 24px);
    padding-top: 50px;
  }
}

.empty-grade-actions {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: center;
  justify-items: center;
}

.empty-grade-actions p {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  color: var(--muted);
  font-weight: 600;
}

.empty-grade-actions .row-add-button {
  min-width: 120px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.admin-home-body h1,
.admin-home-body h2,
.admin-home-body h3,
.admin-home-body strong,
.admin-home-body th,
.admin-home-body button {
  font-weight: 650 !important;
}

.hero-card h1 {
  letter-spacing: -2px !important;
  font-weight: 650 !important;
}

.hero-text,
.list-top p,
.stat-card span {
  font-weight: 400 !important;
}

.status-tabs .tab:disabled,
.compact-tabs .tab:disabled {
  cursor: default;
  opacity: 1;
}

.status-tabs .tab:not(.active),
.compact-tabs .tab:not(.active):disabled {
  background: #fff;
  color: var(--green);
}

.status-tabs .tab.active,
.compact-tabs .tab.active:disabled {
  background: var(--green);
  color: #fff;
  box-shadow: 0 6px 14px rgba(7, 135, 125, 0.18);
}

.side-menu.fixed {
  font-weight: 500;
}

.side-menu a {
  font-weight: 500 !important;
}

.side-menu a.active {
  font-weight: 700 !important;
  border: 1px solid var(--line);
}

.placeholder-card h2 {
  font-weight: 600 !important;
}

.big-form-card .form-grid {
  align-items: start;
}

.status-tabs .tab {
  pointer-events: none;
}

.login-card {
  padding: 48px 50px 44px !important;
}

.login-card h1 {
  font-size: clamp(34px, 3.4vw, 48px) !important;
  font-weight: 650 !important;
  letter-spacing: -1px;
}

.brand {
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: .2px !important;
}

.entry-panel h2,
.admin-login h2 {
  font-size: clamp(23px, 2vw, 30px) !important;
  font-weight: 650 !important;
}

.entry-panel,
.admin-login {
  padding: 30px 28px 28px !important;
}

.login-body label {
  font-weight: 600 !important;
}

.login-body input {
  font-size: 18px !important;
  height: 58px !important;
}

.login-body .panel-button {
  font-size: 17px !important;
  height: 58px !important;
}

.admin-home-body .hero-card {
  padding: 24px 28px !important;
  margin-bottom: 16px !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(34px, 4vw, 48px) !important;
  letter-spacing: -1px !important;
}

.admin-home-body .hero-label {
  margin-bottom: 10px !important;
  font-size: 13px !important;
}

.admin-home-body .hero-text {
  margin-top: 10px !important;
  font-size: 13px !important;
}

.student-name {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: var(--green) !important;
}

.avg-cell {
  font-size: 14px !important;
  font-weight: 800 !important;
  border-radius: 8px;
  text-align: center;
}

.avg-good {
  color: #0b8f45 !important;
  background: #eefaf1;
}

.avg-weak {
  color: #d3222a !important;
  background: #fff0f0;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 64px;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.status-good {
  color: #0b8f45;
  background: #eefaf1;
}

.status-weak {
  color: #d3222a;
  background: #fff0f0;
}

.certificate-green {
  color: #0b8f45 !important;
  font-weight: 800;
}

.certificate-blue {
  color: #1976d2 !important;
  font-weight: 800;
}

.certificate-orange {
  color: #d98400 !important;
  font-weight: 800;
}

.certificate-red {
  color: #d3222a !important;
  font-weight: 800;
}

.exit-page {
  background: radial-gradient(circle at top left, rgba(255, 205, 205, 0.55), transparent 30%),
    linear-gradient(135deg, #fff6f6 0%, #ffffff 45%, #fffafa 100%) !important;
}

.exit-hero {
  border: 1px solid #ffc8c8;
  border-radius: 18px;
  background: #fff4f4;
  box-shadow: 0 22px 70px rgba(170, 40, 40, .12);
  padding: 24px 28px;
  margin-bottom: 14px;
}

.exit-hero h1 {
  margin: 10px 0 6px;
  color: #c92f36;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
}

.exit-hero p {
  margin: 0;
  color: #7f4b4b;
}

.exit-card {
  max-width: 680px;
  border: 1px solid #ffc8c8;
  border-radius: 18px;
  background: #ffffff;
  padding: 26px;
  box-shadow: 0 18px 52px rgba(170, 40, 40, .10);
}

.exit-card label {
  color: #8f262b;
  font-weight: 700;
}

.exit-card input,
.exit-card select,
.exit-card textarea {
  border-color: #ffd6d6;
}

.exit-card textarea {
  min-height: 130px;
}

.exit-save {
  background: #c92f36 !important;
}

.exit-cancel {
  display: inline-grid;
  place-items: center;
  text-decoration: none;
}

.side-menu a[href="talebe-ayrilis.html"] {
  color: #c92f36;
}

.login-body {
  overflow-x: hidden;
}

.login-body .login-card {
  width: min(1000px, 100%) !important;
  padding: 34px 38px 34px !important;
  border-radius: 26px !important;
  margin: 0 auto !important;
}

.login-body .brand {
  font-size: 13px !important;
  margin-bottom: 12px !important;
  font-weight: 650 !important;
}

.login-body .login-card h1 {
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 650 !important;
}

.login-body .entry-panel {
  padding: 24px 24px 24px !important;
  border-radius: 22px !important;
}

.login-body .entry-panel h2 {
  font-size: 23px !important;
  margin-bottom: 20px !important;
  font-weight: 650 !important;
}

.login-body label {
  margin: 14px 0 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.login-body input {
  height: 46px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  padding: 0 14px !important;
}

.login-body .panel-button {
  height: 48px !important;
  margin-top: 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.login-body .forgot-link-button,
.login-body .forgot-button {
  margin-top: 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.login-body .admin-login {
  width: min(420px, 100%) !important;
  padding: 28px 26px !important;
}

.login-body .admin-login h2 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

@media (max-width: 820px) {
  .login-body .login-card {
    padding: 28px 20px !important;
  }
}

.login-body {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

.login-body .login-card {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 82px) !important;
  padding: 26px 32px 24px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.login-body .brand {
  font-size: 12px !important;
  margin-bottom: 8px !important;
}

.login-body .login-card h1 {
  font-size: clamp(27px, 2.6vw, 36px) !important;
}

.login-body .entry-panel {
  padding: 20px 22px 18px !important;
  border-radius: 20px !important;
}

.login-body .entry-panel h2 {
  font-size: 21px !important;
  margin-bottom: 16px !important;
}

.login-body label {
  margin: 10px 0 5px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 40px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  padding: 0 13px !important;
}

.login-body .panel-button {
  height: 42px !important;
  margin-top: 16px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button,
.login-body .forgot-button {
  margin-top: 9px !important;
  font-size: 12px !important;
}

.login-body .modal-backdrop {
  overflow: hidden !important;
}

.login-body .admin-login {
  width: min(390px, 100%) !important;
  padding: 24px 24px 22px !important;
  border-radius: 22px !important;
}

.login-body .admin-login h2 {
  font-size: 22px !important;
  margin-bottom: 16px !important;
}

.login-body .close-button {
  top: 12px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 24px !important;
}

@media (max-height: 720px) {
  .login-body .login-card {
    padding: 22px 28px 20px !important;
  }

  .login-body .entry-panel h2 {
    font-size: 19px !important;
    margin-bottom: 12px !important;
  }

  .login-body input {
    height: 37px !important;
  }

  .login-body .panel-button {
    height: 39px !important;
    margin-top: 13px !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
    height: auto !important;
  }
}

.login-body input::placeholder {
  color: transparent !important;
}

.login-body .reset-box a {
  color: #0a8f4c !important;
  border-color: #bce8cd !important;
  background: #f2fff7 !important;
}

.login-body .forgot-link-button {
  color: var(--green) !important;
}

.admin-home-body .hero-card {
  min-height: auto !important;
  padding: 18px 24px !important;
  margin-bottom: 12px !important;
  border-radius: 18px !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: 1 !important;
  margin: 0 !important;
  letter-spacing: -1px !important;
}

.admin-home-body .hero-text {
  margin: 7px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 720px !important;
}

.admin-home-body .hero-actions {
  gap: 8px !important;
  min-width: 132px !important;
}

.admin-home-body .action-button {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 13px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.admin-home-body .action-button.logout {
  height: 40px !important;
}

.admin-home-body .stats-grid {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.admin-home-body .stat-card {
  min-height: 104px !important;
  padding: 16px 16px !important;
  border-radius: 16px !important;
}

.admin-home-body .stat-card span {
  min-height: 30px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.admin-home-body .stat-card strong {
  font-size: 30px !important;
  margin-top: 6px !important;
}

.admin-home-body .warning-stat em {
  margin-top: 8px !important;
  font-size: 13px !important;
}

.admin-home-body .list-top {
  padding: 20px 20px 16px !important;
}

.admin-home-body .list-top h2 {
  font-size: 27px !important;
}

.admin-home-body .list-top p {
  margin-top: 6px !important;
  font-size: 15px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 13px 16px !important;
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    padding: 18px 20px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

.form-shell {
  padding-top: 18px !important;
}

.form-hero {
  padding: 18px 24px !important;
  border-radius: 18px !important;
  margin-bottom: 10px !important;
}

.form-hero h1 {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  margin: 10px 0 8px !important;
  letter-spacing: -1px !important;
  font-weight: 650 !important;
}

.form-hero p {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.update-pill {
  width: 104px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.big-form-card {
  padding: 14px 16px 22px !important;
  border-radius: 18px !important;
}

.form-title {
  margin: 14px 10px 8px !important;
}

.form-title h2 {
  font-size: 24px !important;
  margin-bottom: 6px !important;
  font-weight: 650 !important;
}

.form-title p {
  font-size: 13px !important;
}

.form-grid {
  gap: 30px !important;
  padding: 0 10px !important;
}

.form-column label {
  font-size: 12px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
}

.form-column input,
.form-column select,
.form-column textarea {
  height: 40px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  background: #fcfefe !important;
}

.form-column textarea {
  min-height: 58px !important;
  padding: 9px 12px !important;
  line-height: 1.35 !important;
}

.tabs.compact-tabs,
.big-form-card .tabs {
  gap: 8px !important;
  padding-bottom: 14px !important;
}

.big-form-card .tab {
  height: 34px !important;
  min-width: 82px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.form-actions {
  padding: 8px 10px 0 !important;
  gap: 12px !important;
}

.clear-button,
.save-button {
  height: 40px !important;
  min-width: 112px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

@media (max-width: 980px) {
  .form-grid {
    gap: 8px !important;
  }

  .form-hero {
    padding: 18px 20px !important;
  }
}

.required-star {
  color: #d3222a;
  font-weight: 800;
}

.form-locked .form-column input,
.form-locked .form-column textarea,
.form-locked .form-column select {
  background: #f3f7f7 !important;
  color: #687281 !important;
  cursor: not-allowed !important;
  border-color: #dce8e8 !important;
}

.form-locked .save-button,
.form-locked .clear-button {
  opacity: 0.55;
  cursor: not-allowed !important;
}

.update-pill {
  border: 1px solid var(--green) !important;
  background: #eefafa !important;
  color: var(--green) !important;
}

.update-pill:hover {
  background: var(--green) !important;
  color: white !important;
}

.form-column input:invalid,
.form-column textarea:invalid {
  border-color: #f0c7c7;
}

.test-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 12px 16px 16px;
  box-shadow: var(--shadow);
}

.trial-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 12px 16px 16px;
  box-shadow: var(--shadow);
}

.trial-title-block {
  padding: 10px 6px 12px;
}

.trial-title-block h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 24px;
  font-weight: 700;
}

.trial-title-block p {
  margin: 0;
  color: #40506a;
  font-size: 13px;
  line-height: 1.35;
}

.trial-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.trial-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  table-layout: fixed;
}

.trial-table th,
.trial-table td {
  border-right: 1px solid #dfeeee;
  border-top: 1px solid #dfeeee;
  padding: 7px 6px;
  font-size: 12px;
  text-align: center;
}

.trial-table th {
  color: var(--green);
  font-weight: 700;
  background: #fbfefe;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 108px;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 52px;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 132px;
}

.trial-table th {
  vertical-align: middle;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.trial-head-label,
.trial-head-value {
  display: block;
  line-height: 1.15;
}

.trial-head-label {
  font-size: 11px;
}

.trial-head-value {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 800;
  color: #1f2a44;
  white-space: nowrap;
}

.trial-table th:nth-child(n/**/+4):nth-child(-n/**/+9),
.trial-table td:nth-child(n/**/+4):nth-child(-n/**/+9) {
  width: 76px;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 82px;
}

.trial-table th:nth-child(11),
.trial-table td:nth-child(11) {
  width: 92px;
}

.trial-input {
  width: 100%;
  height: 30px;
  border: 1px solid #dce9ee;
  border-radius: 7px;
  text-align: center;
  font-size: 12px;
  background: #fcfefe;
  outline: none;
}

.trial-input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(7,135,125,.10);
}

.trial-net {
  color: #1f2a44;
  font-weight: 800;
}

.trial-score-wrap {
  display: grid;
  grid-template-columns: 1fr 76px;
  align-items: center;
  gap: 8px;
}

.trial-score-bar {
  display: block;
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: #eef2f3;
  overflow: hidden;
}

.trial-score-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.trial-score-high {
  background: #16a34a;
}

.trial-score-mid {
  background: #f2c200;
}

.trial-score-orange {
  background: #ff7900;
}

.trial-score-low {
  background: #ff3b1f;
}

.trial-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.trial-summary-card {
  min-height: 94px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
}

.trial-summary-card.danger-card .trial-summary-icon {
  background: #fff0f0;
  color: #e11d48;
}

.trial-summary-icon {
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eefafa;
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 28px;
  font-weight: 800;
}

.trial-summary-card span {
  display: block;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}

.trial-summary-card strong {
  display: block;
  margin-top: 4px;
  color: var(--green);
  font-size: 23px;
  font-weight: 800;
}

.trial-summary-card small {
  display: block;
  margin-top: 4px;
  color: #61708a;
  font-size: 11px;
}

.trial-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  flex-wrap: wrap;
}

.whatsapp-trial-button {
  min-width: 230px;
  height: 44px;
  border: 1px solid #bce8cd;
  border-radius: 12px;
  background: #0dbb63;
  color: #fff;
  display: inline-grid;
  place-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.whatsapp-trial-button:hover {
  background: #08964f;
}

@media (max-width: 1180px) {
  .trial-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .trial-actions,
  .trial-summary-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .whatsapp-trial-button {
    width: 100%;
  }
}

.guidance-note-cell {
  line-height: 1.35;
  color: #1f2a44;
  font-weight: 600;
}

.guidance-risk-box {
  max-width: 300px;
  margin-top: 14px;
}

.guidance-risk-box label {
  color: var(--green);
  font-weight: 700;
  font-size: 13px;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400;
}

.admin-home-body .hero-card {
  padding: 14px 22px !important;
  margin-bottom: 10px !important;
  transform: translateY(-6px);
}

.admin-home-body .hero-label {
  font-size: 10.5px !important;
  margin-bottom: 5px !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(26px, 2.8vw, 36px) !important;
  font-weight: 620 !important;
}

.admin-home-body .hero-text {
  font-size: 12.5px !important;
  margin-top: 6px !important;
}

.action-button,
.mini-action,
.panel-button,
.save-button,
.clear-button,
.excel-button,
.update-pill,
.row-add-button,
.tiny-add,
.tiny-delete,
.whatsapp-trial-button {
  box-shadow: 0 9px 18px rgba(7, 135, 125, .12),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.action-button:hover,
.mini-action:hover,
.panel-button:hover,
.save-button:hover,
.clear-button:hover,
.excel-button:hover,
.update-pill:hover,
.row-add-button:hover,
.tiny-add:hover,
.tiny-delete:hover,
.whatsapp-trial-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 12px 24px rgba(7, 135, 125, .18),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.form-title-with-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.excel-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.excel-button {
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8fffe;
  color: var(--green);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.excel-button:hover {
  background: var(--green);
  color: #fff;
}

.form-column input,
.form-column textarea,
.form-column select,
.grade-input,
.trial-input {
  box-shadow: inset 0 1px 2px rgba(15, 55, 55, .04);
}

.form-column input:focus,
.form-column textarea:focus,
.form-column select:focus,
.grade-input:focus,
.trial-input:focus {
  box-shadow: 0 0 0 4px rgba(7,135,125,.10),
    inset 0 1px 2px rgba(15, 55, 55, .05) !important;
}

@media (max-width: 980px) {
  .form-title-with-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .excel-actions {
    justify-content: flex-start;
  }
}

.single-form-grid {
  grid-template-columns: 1fr !important;
  max-width: 760px;
  margin: 0 auto;
}

.single-form-grid .form-column {
  width: 100%;
}

.conditional-field {
  padding: 10px 12px;
  margin-top: 8px;
  border: 1px solid rgba(7, 135, 125, .16);
  border-radius: 14px;
  background: rgba(238, 250, 250, .55);
}

.form-column select {
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid #dce9ee;
  padding: 0 12px;
  background: #fcfefe;
  color: #24324a;
  font-size: 13px;
  outline: none;
}

.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  min-width: 310px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 48px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0fbfa 100%) !important;
  border: 1px solid rgba(7, 135, 125, .28) !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: var(--green) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #d3222a !important;
  background: linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
  border-color: rgba(211, 34, 42, .28) !important;
}

.loss-page {
  background: radial-gradient(circle at top left, rgba(255, 195, 195, .40), transparent 34%),
    linear-gradient(135deg, #fff8f8 0%, #ffffff 45%, #fff5f5 100%) !important;
}

.loss-hero {
  border: 1px solid rgba(211, 34, 42, .20);
  border-radius: 18px;
  background: rgba(255, 244, 244, .72);
  box-shadow: 0 22px 70px rgba(170, 40, 40, .10);
  padding: 20px 24px;
  margin-bottom: 14px;
  backdrop-filter: blur(8px);
}

.loss-hero h1 {
  margin: 8px 0 6px;
  color: #c92f36;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
}

.loss-hero p {
  margin: 0;
  color: #7f4b4b;
}

.loss-card {
  border: 1px solid rgba(211, 34, 42, .18);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  padding: 18px;
  box-shadow: 0 18px 52px rgba(170, 40, 40, .08);
}

.loss-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.loss-title-row h2 {
  margin: 0;
  color: #c92f36;
  font-size: 24px;
}

.loss-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(211, 34, 42, .16);
  border-radius: 14px;
}

.loss-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

.loss-table th,
.loss-table td {
  padding: 12px 14px;
  border-top: 1px solid rgba(211, 34, 42, .12);
  border-right: 1px solid rgba(211, 34, 42, .12);
  text-align: left;
  font-size: 13px;
}

.loss-table th {
  color: #a5262b;
  background: rgba(255, 242, 242, .75);
  font-weight: 750;
}

.loss-table td {
  color: #3f2a2a;
}

.loss-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #a5262b;
}

@media (max-width: 980px) {
  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    min-width: 180px !important;
  }

  .single-form-grid {
    max-width: 100%;
  }
}

.login-body {
  overflow: hidden !important;
}

.login-body .login-card {
  width: min(1120px, 100%) !important;
  max-height: calc(100vh - 40px) !important;
  padding: 20px 28px 22px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  gap: 12px !important;
}

.login-body .brand {
  font-size: 11px !important;
  margin-bottom: 6px !important;
}

.login-body .login-card h1 {
  font-size: clamp(25px, 2.4vw, 34px) !important;
}

.login-body .entry-panel {
  padding: 16px 20px 14px !important;
  border-radius: 18px !important;
}

.login-body .entry-panel h2 {
  font-size: 19px !important;
  margin-bottom: 10px !important;
}

.login-body label {
  margin: 8px 0 4px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 36px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

.login-body .panel-button {
  height: 38px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button {
  margin-top: 8px !important;
  font-size: 12px !important;
}

@media (max-height: 760px) {
  .login-body .entry-panel {
    padding: 14px 18px 12px !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
  }

  .login-body .login-card {
    max-height: none !important;
  }
}

.top-login-button {
  height: 42px;
  min-width: 118px;
  padding: 0 18px;
  border: 1px solid rgba(7, 135, 125, .30);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #effafa 100%);
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(7, 135, 125, .16),
    inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.top-login-button:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ffffff 0%, #e6f7f5 100%);
  box-shadow: 0 16px 30px rgba(7, 135, 125, .22),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.admin-top-button {
  border-color: rgba(5, 99, 92, .45);
  color: #05635c;
}

.login-body .login-card {
  width: min(1120px, 100%) !important;
  max-height: calc(100vh - 96px) !important;
  min-height: calc(100vh - 116px) !important;
  padding: 18px 28px 20px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 14px !important;
}

.login-body .brand {
  font-size: 11px !important;
  margin-bottom: 5px !important;
}

.login-body .login-card h1 {
  font-size: clamp(24px, 2.2vw, 32px) !important;
}

.login-body .entry-panel {
  padding: 15px 20px 13px !important;
  border-radius: 18px !important;
}

.login-body .entry-panel h2 {
  font-size: 18px !important;
  margin-bottom: 9px !important;
}

.login-body label {
  margin: 7px 0 4px !important;
  font-size: 12px !important;
}

.login-body input {
  height: 35px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

.login-body .panel-button {
  height: 38px !important;
  margin-top: 11px !important;
  font-size: 13px !important;
}

.login-body .forgot-link-button {
  margin-top: 7px !important;
  font-size: 12px !important;
}

@media (max-height: 760px) {
  .login-body .login-card {
    min-height: auto !important;
    max-height: calc(100vh - 94px) !important;
  }
}

@media (max-width: 820px) {
  .login-body {
    overflow-y: auto !important;
  }

  .top-login-button {
    width: 100%;
  }

  .login-body .login-card {
    max-height: none !important;
    min-height: auto !important;
  }
}

.top-login-button.active-login-button {
  background: linear-gradient(180deg, #11a79a, var(--green)) !important;
  color: #ffffff !important;
  border-color: var(--green) !important;
}

.login-body .login-card {
  grid-template-rows: auto 1fr !important;
}

.login-body.show-parent-login #parentForm {
  display: block !important;
}

.login-body.show-student-login #studentLoginForm {
  display: block !important;
}

.clean-login-top {
  position: fixed;
  top: 22px;
  right: 30px;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 10px;
}

.clean-empty-stage {
  width: 100%;
  height: 100vh;
  display: grid;
  place-items: center;
}

.login-popup {
  position: fixed;
  top: 78px;
  right: 30px;
  z-index: 45;
  width: min(370px, calc(100vw - 44px));
}

.clean-login-page .modal-backdrop {
  z-index: 70;
}

@media (max-width: 760px) {
  .clean-login-page {
    overflow-y: auto !important;
    height: auto !important;
  }

  .clean-login-top {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    width: min(420px, calc(100% - 24px));
    margin: 12px auto 0;
  }

  .clean-login-top .top-login-button {
    width: 100%;
  }

  .login-popup {
    position: static;
    width: min(420px, calc(100% - 24px));
    margin: 14px auto;
  }

  .clean-empty-stage {
    min-height: 360px;
    height: auto;
  }
}

.clean-login-page {
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 0% 0%, rgba(203, 255, 248, .75), transparent 34%),
    linear-gradient(135deg, #effdfa 0%, #ffffff 44%, #ffffff 100%) !important;
}

.clean-login-page .login-card {
  display: none !important;
}

.clean-login-top {
  position: fixed;
  top: 22px;
  right: 30px;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 10px;
}

.clean-login-top .top-login-button {
  height: 42px;
  min-width: 122px;
  padding: 0 18px;
  border: 1px solid rgba(7, 135, 125, .32);
  border-radius: 15px;
  background: linear-gradient(180deg, #ffffff 0%, #edfafa 100%);
  color: var(--green);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(7, 135, 125, .16),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.clean-login-top .top-login-button:hover,
.clean-login-top .top-login-button.active-login-button {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #11a79a 0%, var(--green) 100%);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(7, 135, 125, .24),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.clean-empty-stage {
  width: 100%;
  height: 100vh;
  display: block;
}

.login-popup {
  position: fixed;
  top: 78px;
  right: 30px;
  z-index: 75;
  width: min(370px, calc(100vw - 44px));
}

.login-popup.hidden {
  display: none !important;
}

.login-popup .popup-panel {
  position: relative;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  padding: 24px 24px 20px;
  box-shadow: 0 24px 58px rgba(7, 135, 125, .22),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.login-popup h2 {
  margin: 0 0 16px;
  color: #1f2a44;
  font-size: 21px;
  font-weight: 750;
}

.login-popup label {
  display: block;
  margin: 10px 0 5px;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 650;
}

.login-popup input {
  width: 100%;
  height: 40px;
  border: 1px solid #dce9ee;
  border-radius: 12px;
  background: #fbfefe;
  padding: 0 13px;
  color: #1f2a44;
  font-size: 13px;
  outline: none;
}

.login-popup input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.login-popup .panel-button {
  width: 100%;
  height: 42px;
  margin-top: 16px;
  border-radius: 999px;
  font-size: 13px;
}

.login-popup .forgot-link-button {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
}

.clean-login-page .modal-backdrop {
  z-index: 90;
}

.clean-login-page .admin-login {
  width: min(410px, calc(100vw - 42px)) !important;
}

@media (max-width: 760px) {
  .clean-login-page {
    overflow-y: auto !important;
    height: auto !important;
  }

  .clean-login-top {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    width: min(420px, calc(100% - 24px));
    margin: 12px auto 0;
  }

  .clean-login-top .top-login-button {
    width: 100%;
  }

  .login-popup {
    position: static;
    width: min(420px, calc(100% - 24px));
    margin: 14px auto;
  }

  .clean-empty-stage {
    min-height: 360px;
    height: auto;
  }
}

.admin-home-body .hero-card {
  position: relative !important;
  overflow: visible !important;
  padding-right: 340px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 50% !important;
  right: 168px !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  width: 330px !important;
  min-width: 330px !important;
  z-index: 8 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  height: 54px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: 0 18px 34px rgba(7, 135, 125, .18),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -10px 20px rgba(0,0,0,.035) !important;
  transition: transform .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

.admin-home-body .hero-actions .action-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.82), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,0));
}

.admin-home-body .hero-actions .action-button::after {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.10));
}

.admin-home-body .hero-actions .action-button.add {
  padding-left: 44px !important;
  color: #ffffff !important;
  border: 1px solid rgba(12, 148, 92, .45) !important;
  background: linear-gradient(180deg, #19b887 0%, #07877d 100%) !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕";
}

.admin-home-body .hero-actions .action-button.delete {
  padding-left: 44px !important;
  color: #ffffff !important;
  border: 1px solid rgba(211, 34, 42, .48) !important;
  background: linear-gradient(180deg, #ff6b6b 0%, #d3222a 100%) !important;
  box-shadow: 0 18px 34px rgba(211, 34, 42, .18),
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -10px 20px rgba(0,0,0,.04) !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️";
}

.admin-home-body .hero-actions .action-button:hover {
  transform: translateY(-3px) scale(1.025) !important;
  filter: saturate(1.07) brightness(1.03) !important;
}

.admin-home-body .hero-actions .action-button:active {
  transform: translateY(0) scale(.99) !important;
}

.admin-home-body .hero-actions .action-button.add:hover {
  box-shadow: 0 24px 44px rgba(7, 135, 125, .28),
    inset 0 2px 0 rgba(255,255,255,.92) !important;
}

.admin-home-body .hero-actions .action-button.delete:hover {
  box-shadow: 0 24px 44px rgba(211, 34, 42, .28),
    inset 0 2px 0 rgba(255,255,255,.92) !important;
}

@media (max-width: 1180px) {
  .admin-home-body .hero-card {
    padding-right: 24px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 14px !important;
  }
}

@media (max-width: 720px) {
  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
  }
}

.form-hero {
  position: relative;
}

.form-inline-warning {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  max-width: 380px;
  padding: 13px 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7e8, #fff0d2);
  border: 1px solid #ffcf8a;
  color: #9a5a00;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 18px 44px rgba(150, 90, 0, .18);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.form-inline-warning.show {
  opacity: 1;
  transform: translateY(0);
}

.action-add-row {
  color: #07877d !important;
  border-color: rgba(7,135,125,.25) !important;
  background: #eefafa !important;
  font-weight: 800 !important;
}

.action-delete-row {
  color: #d3222a !important;
  border-color: rgba(211,34,42,.25) !important;
  background: #fff0f0 !important;
  font-weight: 800 !important;
}

.trial-row-down {
  background: #fff2f2 !important;
}

.trial-row-down td {
  color: #b91c1c !important;
}

.trial-table th,
.trial-table td {
  padding: 5px 5px !important;
  font-size: 11.5px !important;
}

.trial-input {
  height: 26px !important;
  font-size: 11.5px !important;
}

.student-select-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 7px;
  flex-wrap: wrap;
}

.student-select-line label {
  color: #1f2a44;
  font-size: 13px;
  font-weight: 700;
}

.student-select-line select {
  min-width: 280px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--green);
  padding: 0 12px;
  font-size: 13px;
  font-weight: 750;
  outline: none;
}

.student-select-line select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

@media (max-width: 720px) {
  .student-select-line {
    display: grid;
    grid-template-columns: 1fr;
  }

  .student-select-line select {
    min-width: 0;
    width: 100%;
  }
}

.student-select-line {
  gap: 8px !important;
  margin-top: 6px !important;
}

.student-select-line label {
  font-size: 12px !important;
  white-space: nowrap !important;
}

.student-select-line select {
  min-width: 0 !important;
  width: 210px !important;
  max-width: 210px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  padding: 0 9px !important;
}

.test-card {
  padding: 10px 12px 14px !important;
}

.action-add-row,
.action-delete-row {
  font-weight: 700 !important;
}

@media (max-width: 720px) {
  .student-select-line select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.test-card {
  padding: 8px 10px 12px !important;
  border-radius: 16px !important;
}

.page-home-button {
  min-width: 142px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  background: linear-gradient(180deg, #ffffff 0%, #effafa 100%) !important;
  color: #05776f !important;
  border: 1px solid rgba(7, 135, 125, .34) !important;
  box-shadow: 0 12px 26px rgba(7, 135, 125, .14),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.page-home-button:hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(180deg, #11a79a 0%, #07877d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(7, 135, 125, .23),
    inset 0 1px 0 rgba(255,255,255,.52) !important;
}

.login-media-render {
  width: min(820px, calc(100vw - 80px));
  min-height: 260px;
  display: grid;
  place-items: center;
  margin: 0 auto;
}

.login-media-render:empty {
  display: none;
}

.login-media-render iframe,
.login-media-render video,
.login-media-render img {
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(7, 135, 125, .16);
}

.settings-page {
  background: radial-gradient(circle at top left, rgba(203,255,248,.62), transparent 30%),
    linear-gradient(135deg, #effdfa 0%, #ffffff 48%, #f8ffff 100%) !important;
}

.settings-hero {
  margin-bottom: 16px;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 16px;
}

.settings-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  padding: 18px;
  box-shadow: var(--shadow);
}

.settings-card.wide-card {
  grid-column: 1 / -1;
}

.settings-card h2 {
  margin: 0 0 6px;
  color: var(--green);
  font-size: 22px;
  font-weight: 800;
}

.settings-card p {
  margin: 0 0 14px;
  color: #536276;
  font-size: 13px;
  line-height: 1.4;
}

.settings-card label {
  display: block;
  margin: 10px 0 5px;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 750;
}

.settings-card input,
.settings-card select,
.settings-card textarea {
  width: 100%;
  border: 1px solid #dce9ee;
  border-radius: 12px;
  background: #fbfefe;
  padding: 0 12px;
  color: #1f2a44;
  font-size: 13px;
  outline: none;
}

.settings-card input,
.settings-card select {
  height: 40px;
}

.settings-card textarea {
  min-height: 150px;
  padding: 12px;
  line-height: 1.4;
  resize: vertical;
}

.settings-card input:focus,
.settings-card select:focus,
.settings-card textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(7,135,125,.10);
}

.settings-save {
  margin-top: 14px;
  min-width: 150px;
}

.settings-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7ffff;
  padding: 10px 12px;
  margin: 10px 0;
}

.settings-info-box span {
  color: #586a7a;
  font-size: 12px;
  font-weight: 700;
}

.settings-info-box strong {
  color: var(--green);
  font-size: 13px;
}

.settings-actions-row {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

.settings-preview {
  min-height: 260px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(7, 135, 125, .30);
  border-radius: 16px;
  background: #f8ffff;
  overflow: auto;
  padding: 16px;
}

.settings-preview span {
  color: #6b7a8e;
  font-weight: 750;
}

.settings-preview iframe,
.settings-preview video,
.settings-preview img {
  max-width: 100%;
  border-radius: 14px;
}

@media (max-width: 860px) {
  .settings-grid {
    grid-template-columns: 1fr;
  }

  .settings-actions-row {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.all-student-row-name {
  color: var(--green);
  font-weight: 850;
  font-size: 9.5px;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.all-student-row-name + small {
  display: block;
  color: #748294;
  font-size: 8.5px;
  line-height: 1;
}

.student-select-line select {
  text-overflow: ellipsis;
}

.clean-empty-stage {
  display: grid !important;
  place-items: center !important;
  min-height: 100vh !important;
  padding: 92px 24px 32px !important;
  box-sizing: border-box !important;
}

.login-media-render:empty {
  display: none !important;
}

.login-media-render iframe {
  width: min(860px, calc(100vw - 96px));
  aspect-ratio: 16 / 9;
  min-height: 280px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 20px 54px rgba(7, 135, 125, .18);
}

.login-media-render video,
.login-media-render img {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 18px;
  box-shadow: 0 20px 54px rgba(7, 135, 125, .18);
}

.code-user-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 38px;
  margin-top: 12px;
}

.settings-delete {
  color: #d3222a !important;
  border-color: rgba(211,34,42,.28) !important;
  background: #fff0f0 !important;
}

.locked-code-message {
  border: 1px dashed rgba(7,135,125,.28);
  border-radius: 16px;
  background: #f7ffff;
  min-height: 145px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 18px;
  color: #506174;
}

.locked-code-message strong {
  display: block;
  color: var(--green);
  font-size: 20px;
  margin-bottom: 6px;
}

.locked-code-message span {
  display: block;
  font-size: 13px;
  line-height: 1.4;
}

.code-area-locked {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(243,255,253,.92)) !important;
}

.code-editor-area.hidden,
.locked-code-message.hidden,
#logoutCodeAreaBtn.hidden {
  display: none !important;
}

@media (max-width: 760px) {
  .clean-empty-stage {
    min-height: 420px !important;
    padding: 24px 14px !important;
  }

  .login-media-render,
  .login-media-render iframe {
    width: min(100%, calc(100vw - 28px)) !important;
    min-height: 190px !important;
  }
}

.trial-card {
  padding: 9px 10px 12px !important;
}

.trial-title-block {
  padding: 8px 4px 8px !important;
}

.trial-title-block h2 {
  font-size: 21px !important;
  margin-bottom: 4px !important;
}

.trial-title-block p {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.trial-top-add {
  height: 34px !important;
  min-width: 110px !important;
  border-radius: 10px !important;
  color: var(--green) !important;
  background: #eefafa !important;
  border: 1px solid rgba(7,135,125,.25) !important;
  font-weight: 800 !important;
}

.trial-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.trial-table th,
.trial-table td {
  padding: 3px 3px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 68px !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 30px !important;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 92px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 118px !important;
}

.trial-input {
  height: 22px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  padding: 0 3px !important;
}

.trial-score-wrap {
  gap: 3px !important;
}

.trial-score-bar {
  height: 8px !important;
}

.trial-summary-grid {
  gap: 8px !important;
  margin-top: 10px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.trial-summary-card {
  min-height: 70px !important;
  padding: 9px 10px !important;
  gap: 9px !important;
}

.trial-summary-icon {
  width: 38px !important;
  height: 38px !important;
  font-size: 19px !important;
}

.trial-summary-card span {
  font-size: 11px !important;
}

.trial-summary-card strong {
  font-size: 18px !important;
}

.trial-summary-card small {
  font-size: 10px !important;
}

.trial-actions {
  gap: 8px !important;
  padding-top: 10px !important;
}

.trial-actions .clear-button,
.trial-actions .save-button,
.whatsapp-trial-button {
  height: 38px !important;
  font-size: 12px !important;
  border-radius: 11px !important;
}

.student-select-line {
  align-items: center !important;
}

.all-grade-row td {
  background: #fbfefe;
}

.all-grade-row strong {
  color: var(--green);
  font-weight: 850;
}

.all-grade-row small {
  display: block;
  color: #6f7c8c;
  margin-top: 2px;
  font-size: 10px;
}

.all-grade-symbol {
  text-align: center;
  font-size: 18px !important;
}

.all-grade-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border-radius: 999px;
  background: #eefafa;
  color: var(--green);
  padding: 0 10px;
  font-weight: 800;
  font-size: 11px;
}

.muted-certificate {
  color: #9aa4b2 !important;
  font-weight: 750;
  text-align: center;
}

.certificate-empty {
  color: #9a6a00;
  background: #fff7e6;
  border: 1px solid #ffe2a8;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .trial-table {
    min-width: 980px !important;
  }

  .trial-summary-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
}

.trial-table th:nth-child(4),
.trial-table td:nth-child(4),
.trial-table th:nth-child(5),
.trial-table td:nth-child(5),
.trial-table th:nth-child(6),
.trial-table td:nth-child(6),
.trial-table th:nth-child(7),
.trial-table td:nth-child(7),
.trial-table th:nth-child(8),
.trial-table td:nth-child(8),
.trial-table th:nth-child(9),
.trial-table td:nth-child(9) {
  width: 88px !important;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 84px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 108px !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  align-items: center !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  width: 100% !important;
  min-width: 0 !important;
  height: 22px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
}

.trial-table .tiny-add {
  color: var(--green) !important;
  background: #eefafa !important;
  border: 1px solid rgba(7,135,125,.28) !important;
}

.trial-table .tiny-delete {
  color: #d3222a !important;
  background: #fff0f0 !important;
  border: 1px solid rgba(211,34,42,.28) !important;
}

.trial-score-wrap {
  grid-template-columns: 1fr !important;
}

.trial-score-bar {
  height: 9px !important;
  margin-bottom: 3px !important;
}

.password-actions {
  justify-content: flex-start !important;
}

.password-actions .settings-save {
  margin-top: 10px !important;
}

.settings-card .settings-actions-row {
  flex-wrap: wrap;
}

#addCodeUserBtn,
#updateCodeUserBtn,
#saveCodeUserBtn,
#deleteCodeUserBtn {
  min-width: 92px !important;
  height: 38px !important;
  font-size: 12px !important;
  margin-top: 8px !important;
}

.trial-table {
  border-collapse: collapse !important;
}

.trial-table th,
.trial-table td {
  vertical-align: middle !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  text-align: center !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  text-align: center !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  padding: 3px 4px !important;
  align-items: center !important;
  justify-content: center !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  height: 22px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 4px !important;
  font-size: 9.5px !important;
}

.admin-home-body .table-wrap table th,
.admin-home-body .table-wrap table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  height: 40px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

.admin-home-body #studentTable tr {
  background: rgba(248, 255, 254, .76);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin-home-body #studentTable tr:nth-child(even) {
  background: rgba(239, 250, 249, .82);
}

.admin-home-body #studentTable tr:hover {
  background: linear-gradient(90deg, rgba(230, 255, 251, .96), rgba(255, 255, 255, .98));
  box-shadow: inset 4px 0 0 rgba(7, 135, 125, .42),
    0 8px 20px rgba(7, 135, 125, .10);
  transform: translateY(-1px);
}

.admin-home-body #studentTable td {
  font-size: 13px !important;
}

.admin-home-body #studentTable td a {
  font-weight: 850 !important;
}

@media (max-width: 900px) {
  .admin-home-body .table-wrap table th,
  .admin-home-body .table-wrap table td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    height: 38px !important;
  }
}

.login-media-render {
  width: min(860px, calc(100vw - 96px)) !important;
  min-height: 280px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
}

.login-media-render video {
  width: min(860px, calc(100vw - 96px)) !important;
  max-height: 70vh !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 62px rgba(7, 135, 125, .20) !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  background: #ffffff !important;
}

.trial-table .all-student-row-name {
  color: var(--green);
  font-weight: 850;
  font-size: 9.5px;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trial-table .all-student-row-name + small {
  display: block;
  color: #748294;
  font-size: 8.5px;
  line-height: 1;
}

@media (max-width: 760px) {
  .login-media-render,
  .login-media-render video {
    width: min(100%, calc(100vw - 28px)) !important;
    min-height: 190px !important;
  }
}

.admin-home-body #studentTable td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  height: 30px !important;
  min-height: 30px !important;
  line-height: 1.08 !important;
  vertical-align: middle !important;
}

.admin-home-body #studentTable tr {
  height: 30px !important;
}

.admin-home-body #studentTable .student-name {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.05 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.admin-home-body #studentTable .pill {
  min-height: 22px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.05 !important;
}

.trial-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}

.trial-table th,
.trial-table td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  padding: 4px 5px !important;
  text-align: center !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  padding: 4px 4px !important;
  text-align: center !important;
}

.trial-table .action-cell {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 30px !important;
  padding: 4px 5px !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  display: inline-grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 24px !important;
  padding: 0 5px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.trial-table .tiny-add {
  color: #07877d !important;
  border: 1px solid rgba(7, 135, 125, .30) !important;
  background: #eefafa !important;
}

.trial-table .tiny-delete {
  color: #d3222a !important;
  border: 1px solid rgba(211, 34, 42, .30) !important;
  background: #fff0f0 !important;
}

.trial-table tbody tr td:nth-child(1),
.trial-table tbody tr td:nth-child(2) {
  border-top: 1px solid #dceff0 !important;
}

.trial-table thead th:nth-child(1),
.trial-table thead th:nth-child(2) {
  border-bottom: 1px solid #dceff0 !important;
}

.trial-table tbody tr:first-child td:nth-child(1),
.trial-table tbody tr:first-child td:nth-child(2) {
  border-top: 0 !important;
}

.trial-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

.trial-table tbody tr:nth-child(odd) {
  background: rgba(246, 255, 253, .92) !important;
}

.trial-table tbody tr:nth-child(even) {
  background: rgba(238, 250, 249, .88) !important;
}

.trial-table tbody tr:hover {
  background: linear-gradient(90deg, rgba(225, 255, 250, .98), rgba(255, 255, 255, .98)) !important;
  box-shadow: inset 4px 0 0 rgba(7, 135, 125, .38);
}

.trial-table tbody td:nth-child(2) {
  background: rgba(7, 135, 125, .08) !important;
  color: #05776f !important;
  font-weight: 900 !important;
}

.trial-table tbody td:nth-child(4),
.trial-table tbody td:nth-child(5),
.trial-table tbody td:nth-child(6),
.trial-table tbody td:nth-child(7),
.trial-table tbody td:nth-child(8),
.trial-table tbody td:nth-child(9),
.trial-table tbody td:nth-child(10),
.trial-table tbody td:nth-child(11) {
  background: rgba(255, 255, 255, .50) !important;
}

.trial-table .trial-input {
  background: rgba(255, 255, 255, .96) !important;
}

.trial-table .trial-input:focus {
  background: #fffef6 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7, 135, 125, .13) !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

.trial-publisher-select {
  width: 100% !important;
  height: 24px !important;
  border-radius: 7px !important;
  padding: 0 5px !important;
  font-size: 10px !important;
  color: #1f2a44 !important;
  background: rgba(255,255,255,.96) !important;
}

.trial-publisher-select:focus {
  background: #fffef6 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7,135,125,.13) !important;
}

.trial-table {
  table-layout: fixed !important;
}

.trial-table th:nth-child(1),
.trial-table td:nth-child(1) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}

.trial-table th:nth-child(2),
.trial-table td:nth-child(2) {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

.trial-table th:nth-child(3),
.trial-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.trial-table th:nth-child(4),
.trial-table td:nth-child(4),
.trial-table th:nth-child(5),
.trial-table td:nth-child(5),
.trial-table th:nth-child(6),
.trial-table td:nth-child(6),
.trial-table th:nth-child(7),
.trial-table td:nth-child(7),
.trial-table th:nth-child(8),
.trial-table td:nth-child(8),
.trial-table th:nth-child(9),
.trial-table td:nth-child(9) {
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
}

.trial-table th:nth-child(10),
.trial-table td:nth-child(10) {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

.trial-table th:last-child,
.trial-table td:last-child {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

.trial-table th {
  font-size: 9.2px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.02 !important;
}

.trial-table td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.02 !important;
}

.trial-input {
  height: 21px !important;
  font-size: 9.4px !important;
  padding: 0 3px !important;
}

.trial-publisher-select {
  height: 23px !important;
  font-size: 9.6px !important;
  padding: 0 6px !important;
  text-overflow: ellipsis !important;
  position: relative !important;
  z-index: 12 !important;
  cursor: pointer !important;
}

.trial-publisher-select option {
  font-size: 12px;
}

.trial-table tbody tr {
  height: 28px !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  height: 21px !important;
  font-size: 9.3px !important;
}

.admin-home-body #studentTable tr {
  height: 28px !important;
}

.admin-home-body #studentTable td {
  height: 28px !important;
  min-height: 28px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.02 !important;
}

.admin-home-body #studentTable .student-name {
  line-height: 1.02 !important;
}

.trial-table-wrap {
  overflow: visible !important;
}

.trial-card {
  overflow: visible !important;
}

.trial-publisher-select {
  font-size: 9.4px !important;
}

.trial-publisher-select option {
  font-size: 12px !important;
  padding: 4px 6px !important;
}

.eokul-card.compact-card {
  padding-top: 8px !important;
}

.eokul-card .compact-tabs {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}

.eokul-top.compact-top {
  margin-bottom: 8px !important;
  padding: 4px 0 6px !important;
}

.eokul-top h2 {
  font-size: 20px !important;
  margin-bottom: 6px !important;
}

.grade-title-row {
  margin: 4px 0 5px !important;
}

.grade-title-row h3 {
  font-size: 17px !important;
}

.summary-grid.compact-summary {
  margin-top: 8px !important;
  gap: 8px !important;
}

.summary-card {
  min-height: 58px !important;
  padding: 9px 12px !important;
}

.summary-icon {
  width: 38px !important;
  height: 38px !important;
}

.grade-input,
.trial-input,
.trial-publisher-select {
  font-size: 12px !important;
  font-weight: 750 !important;
  color: #16233b !important;
}

.course-name-input {
  font-size: 12px !important;
  font-weight: 800 !important;
}

.numeric-grade-input,
.trial-input {
  text-align: center !important;
}

.grade-input:focus,
.trial-input:focus,
.trial-publisher-select:focus {
  background: #fffdf2 !important;
  border-color: #07877d !important;
  box-shadow: 0 0 0 3px rgba(7,135,125,.16) !important;
  color: #0b172e !important;
}

.avg-cell {
  font-size: 12px !important;
  font-weight: 900 !important;
}

.status-badge {
  font-size: 11px !important;
  font-weight: 900 !important;
}

.trial-title-block {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.trial-title-block h2 {
  font-size: 20px !important;
}

.trial-table th {
  font-size: 10px !important;
  font-weight: 850 !important;
}

.trial-table td {
  font-size: 10.8px !important;
}

.trial-table .tiny-add,
.trial-table .tiny-delete {
  font-size: 10px !important;
  font-weight: 850 !important;
}

@media (max-width: 1180px) {
  .grade-input,
  .trial-input,
  .trial-publisher-select {
    font-size: 11px !important;
  }
}

.admin-home-body .hero-card {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: auto !important;
}

.admin-home-body .hero-card h1 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.02 !important;
}

.admin-home-body .hero-card p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.15 !important;
}

.admin-home-body .stats-grid {
  margin-top: 8px !important;
  gap: 10px !important;
}

.admin-home-body .stat-card,
.admin-home-body .metric-card {
  min-height: 86px !important;
  padding: 10px 14px !important;
}

.admin-home-body .stat-card h3,
.admin-home-body .metric-card h3 {
  margin: 0 0 6px 0 !important;
  line-height: 1.05 !important;
  font-size: 13px !important;
}

.admin-home-body .stat-card strong,
.admin-home-body .metric-card strong {
  line-height: 1 !important;
  font-size: 22px !important;
}

.admin-home-body .list-card {
  margin-top: 10px !important;
}

.admin-home-body #studentTable {
  margin-top: 0 !important;
}

.admin-home-body .student-name,
.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td,
.admin-home-body #studentTable th {
  vertical-align: middle !important;
  line-height: 1.02 !important;
}

.admin-home-body .admin-shell {
  padding-top: 8px !important;
}

.admin-home-body .hero-card {
  min-height: 74px !important;
  padding: 8px 24px !important;
  margin-bottom: 8px !important;
  border-radius: 17px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  font-size: 10px !important;
  margin: 0 0 2px !important;
  line-height: 1 !important;
}

.admin-home-body .hero-card h1 {
  font-size: 30px !important;
  line-height: .92 !important;
  margin: 0 0 3px !important;
  letter-spacing: -.03em !important;
}

.admin-home-body .hero-text {
  font-size: 12px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 40px !important;
  min-width: 136px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  gap: 8px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-home-body .stat-card {
  min-height: 56px !important;
  padding: 7px 10px !important;
  border-radius: 14px !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  align-items: center !important;
  gap: 7px !important;
}

.admin-home-body .stat-mini-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(180deg, #effafa, #ffffff) !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  font-size: 16px !important;
  box-shadow: 0 6px 12px rgba(7,135,125,.07) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  margin: 0 0 3px !important;
  white-space: nowrap !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  font-size: 22px !important;
  line-height: .92 !important;
  margin: 0 !important;
}

.admin-home-body .stat-card em {
  display: block !important;
  font-size: 10px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.admin-home-body .list-card {
  margin-top: 6px !important;
  border-radius: 16px !important;
}

.admin-home-body .list-top {
  padding: 10px 16px 8px !important;
  align-items: center !important;
}

.admin-home-body .list-top h2 {
  font-size: 25px !important;
  line-height: .95 !important;
  margin: 0 0 3px !important;
}

.admin-home-body .list-top p {
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.admin-home-body .filters {
  gap: 8px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
}

.admin-home-body .table-wrap table th {
  height: 28px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.admin-home-body #studentTable td {
  height: 26px !important;
  min-height: 26px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.admin-home-body #studentTable tr {
  height: 26px !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

.management-placeholder-card {
  min-height: 360px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(240,255,253,.92));
  display: grid;
  place-items: center;
  text-align: center;
  padding: 34px;
  box-shadow: var(--shadow);
}

.management-placeholder-icon {
  width: 82px;
  height: 82px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border: 1px solid rgba(7,135,125,.18);
  background: #f0fffd;
  font-size: 38px;
}

.management-placeholder-card h2 {
  margin: 0 0 8px;
  color: var(--green);
  font-size: 28px;
}

.management-placeholder-card p {
  margin: 0;
  color: #5f6f7f;
  font-size: 14px;
}

.admin-home-body .admin-shell {
  padding-top: 4px !important;
}

.admin-home-body .hero-card {
  min-height: 56px !important;
  padding: 5px 20px !important;
  margin-bottom: 5px !important;
  border-radius: 14px !important;
}

.admin-home-body .hero-label {
  font-size: 9px !important;
  margin-bottom: 1px !important;
}

.admin-home-body .hero-card h1 {
  font-size: 25px !important;
  line-height: .88 !important;
  margin-bottom: 2px !important;
}

.admin-home-body .hero-text {
  font-size: 11px !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button {
  height: 34px !important;
  min-width: 122px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.admin-home-body .stats-grid {
  gap: 6px !important;
  margin-bottom: 5px !important;
}

.admin-home-body .stat-card {
  min-height: 46px !important;
  padding: 5px 8px !important;
  border-radius: 12px !important;
  border-width: 1px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 26px 1fr !important;
  gap: 6px !important;
}

.admin-home-body .stat-mini-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

.admin-home-body .stat-card span {
  font-size: 10px !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
  font-weight: 950 !important;
  color: #13344a !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.admin-home-body .stat-card strong {
  font-size: 21px !important;
  line-height: .88 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.85);
}

.admin-home-body .stat-card em {
  font-size: 9.5px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-card.stat-excellent {
  background: linear-gradient(180deg, #ecfff5, #ffffff) !important;
  border-color: rgba(19, 167, 92, .34) !important;
}

.admin-home-body .stat-card.stat-excellent strong,
.admin-home-body .stat-card.stat-excellent .stat-mini-icon {
  color: #0e9b54 !important;
}

.admin-home-body .stat-card.stat-good {
  background: linear-gradient(180deg, #effafa, #ffffff) !important;
  border-color: rgba(7, 135, 125, .34) !important;
}

.admin-home-body .stat-card.stat-good strong,
.admin-home-body .stat-card.stat-good .stat-mini-icon {
  color: #07877d !important;
}

.admin-home-body .stat-card.stat-weak {
  background: linear-gradient(180deg, #fff3f3, #ffffff) !important;
  border-color: rgba(211, 34, 42, .34) !important;
}

.admin-home-body .stat-card.stat-weak strong,
.admin-home-body .stat-card.stat-weak .stat-mini-icon {
  color: #d3222a !important;
}

.admin-home-body .stat-card.stat-empty {
  background: linear-gradient(180deg, #f6f9fb, #ffffff) !important;
  border-color: rgba(148, 163, 184, .34) !important;
}

.admin-home-body .stat-card.stat-empty strong,
.admin-home-body .stat-card.stat-empty .stat-mini-icon {
  color: #64748b !important;
}

.admin-home-body .stat-card.stat-risk-high {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
  border-color: rgba(211, 34, 42, .42) !important;
}

.admin-home-body .stat-card.stat-risk-high strong,
.admin-home-body .stat-card.stat-risk-high em,
.admin-home-body .stat-card.stat-risk-high .stat-mini-icon {
  color: #d3222a !important;
}

.admin-home-body .stat-card.stat-risk-mid {
  background: linear-gradient(180deg, #fff7e6, #ffffff) !important;
  border-color: rgba(210, 134, 0, .40) !important;
}

.admin-home-body .stat-card.stat-risk-mid strong,
.admin-home-body .stat-card.stat-risk-mid em,
.admin-home-body .stat-card.stat-risk-mid .stat-mini-icon {
  color: #c47a00 !important;
}

.admin-home-body .stat-card.stat-risk-low {
  background: linear-gradient(180deg, #effaf2, #ffffff) !important;
  border-color: rgba(38, 154, 91, .35) !important;
}

.admin-home-body .stat-card.stat-risk-low strong,
.admin-home-body .stat-card.stat-risk-low em,
.admin-home-body .stat-card.stat-risk-low .stat-mini-icon {
  color: #17884b !important;
}

.admin-home-body .list-card {
  margin-top: 4px !important;
}

.admin-home-body .list-top {
  padding: 8px 14px 6px !important;
}

.admin-home-body .list-top h2 {
  font-size: 23px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 32px !important;
  font-size: 11.5px !important;
}

.student-info-list-panel {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--shadow);
  padding: 14px;
}

.student-info-list-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 4px 4px 12px;
}

.student-info-list-head h2 {
  margin: 0 0 4px;
  color: var(--green);
  font-size: 26px;
  line-height: 1;
}

.student-info-list-head p {
  margin: 0;
  color: #4f5d78;
  font-size: 13px;
  font-weight: 750;
}

.student-new-button {
  height: 38px !important;
  min-width: 150px;
  font-weight: 900 !important;
}

.student-info-table-wrap {
  overflow: auto;
  border: 1px solid rgba(7,135,125,.18);
  border-radius: 14px;
}

.student-info-list-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.student-info-list-table th {
  height: 34px;
  background: #f0fffd;
  color: #05776f;
  font-size: 13px;
  font-weight: 950;
  text-align: left;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(7,135,125,.18);
}

.student-info-list-table td {
  height: 34px;
  padding: 5px 10px;
  border-bottom: 1px solid rgba(7,135,125,.12);
  font-size: 13px;
  font-weight: 750;
  color: #1f2a44;
}

.student-info-click-row {
  cursor: pointer;
  background: rgba(250, 255, 254, .92);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.student-info-click-row:nth-child(even) {
  background: rgba(239, 250, 249, .90);
}

.student-info-click-row:hover,
.student-info-click-row:focus {
  background: linear-gradient(90deg, rgba(225,255,250,.98), rgba(255,255,255,.98));
  box-shadow: inset 4px 0 0 rgba(7,135,125,.42);
  transform: translateY(-1px);
  outline: none;
}

.student-info-name-button {
  border: 0;
  background: transparent;
  color: #07877d;
  font-size: 13px;
  font-weight: 950;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.registration-day-pill {
  display: inline-grid;
  place-items: center;
  min-width: 74px;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #effafa;
  color: #07877d;
  border: 1px solid rgba(7,135,125,.18);
  font-weight: 950;
}

.student-info-empty {
  min-height: 240px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
  color: #64748b;
}

.student-info-empty div {
  font-size: 46px;
  margin-bottom: 10px;
}

.student-info-empty h3 {
  color: var(--green);
  font-size: 24px;
  margin: 0 0 6px;
}

.student-info-empty p {
  margin: 0;
  font-size: 13px;
  font-weight: 750;
}

@media (max-width: 820px) {
  .student-info-list-head {
    flex-direction: column;
    align-items: stretch;
  }

  .student-new-button {
    width: 100%;
  }
}

.student-add-mode .status-tabs,
.student-add-mode .compact-tabs {
  display: none !important;
}

.student-add-mode #studentInfoForm {
  margin-top: 0 !important;
}

.student-add-mode .form-title h2::before {
  content: "➕ ";
}

.student-info-list-panel {
  margin-top: 4px !important;
}

.student-info-list-table th:nth-child(2),
.student-info-list-table td:nth-child(2) {
  min-width: 210px;
}

.student-info-name-button::after {
  content: "  ↗";
  font-size: 11px;
  opacity: .72;
}

.student-info-click-row:hover .student-info-name-button {
  color: #035f58;
  text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

.student-info-list-table th {
  white-space: nowrap;
}

.student-info-list-table td {
  white-space: nowrap;
}

.student-info-list-table {
  min-width: 900px !important;
}

.student-info-list-table th:nth-child(4),
.student-info-list-table td:nth-child(4) {
  min-width: 150px;
  color: #334155;
  font-weight: 850;
}

.student-info-list-table th:nth-child(5),
.student-info-list-table td:nth-child(5) {
  min-width: 130px;
}

.admin-home-body .stat-card span {
  font-size: 11.2px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
}

.admin-home-body .stat-card strong {
  font-size: 24px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-card em {
  font-size: 10.5px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-mini-icon {
  font-size: 16px !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable th {
  font-size: 13px !important;
  font-weight: 950 !important;
  color: #05776f !important;
}

.admin-home-body #studentTable td {
  font-size: 12.8px !important;
  font-weight: 760 !important;
}

.admin-home-body #studentTable .student-name {
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-home-body .pill {
  font-size: 12.2px !important;
  font-weight: 950 !important;
  min-height: 24px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
}

.admin-home-body .pill.neutral {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.20) !important;
}

.admin-home-body .pill.good,
.admin-home-body .risk-pill.good {
  background: linear-gradient(180deg, #eafff3, #f8fffb) !important;
  color: #138a4d !important;
  border: 1px solid rgba(19,138,77,.22) !important;
}

.admin-home-body .pill.mid,
.admin-home-body .risk-pill.mid {
  background: linear-gradient(180deg, #fff7e6, #fffefd) !important;
  color: #c47a00 !important;
  border: 1px solid rgba(196,122,0,.25) !important;
}

.admin-home-body .pill.bad,
.admin-home-body .risk-pill.bad {
  background: linear-gradient(180deg, #fff0f0, #fffafa) !important;
  color: #d3222a !important;
  border: 1px solid rgba(211,34,42,.25) !important;
}

.admin-home-body .stat-card.stat-risk-low {
  background: linear-gradient(180deg, #ecfff5, #ffffff) !important;
  border-color: rgba(19, 167, 92, .40) !important;
}

.admin-home-body .stat-card.stat-risk-mid {
  background: linear-gradient(180deg, #fff7e6, #ffffff) !important;
  border-color: rgba(210, 134, 0, .42) !important;
}

.admin-home-body .stat-card.stat-risk-high {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
  border-color: rgba(211, 34, 42, .44) !important;
}

.admin-home-body .stat-card.stat-risk-low strong,
.admin-home-body .stat-card.stat-risk-low span,
.admin-home-body .stat-card.stat-risk-low .stat-mini-icon {
  color: #138a4d !important;
}

.admin-home-body .stat-card.stat-risk-mid strong,
.admin-home-body .stat-card.stat-risk-mid span,
.admin-home-body .stat-card.stat-risk-mid .stat-mini-icon {
  color: #c47a00 !important;
}

.admin-home-body .stat-card.stat-risk-high strong,
.admin-home-body .stat-card.stat-risk-high span,
.admin-home-body .stat-card.stat-risk-high .stat-mini-icon {
  color: #d3222a !important;
}

.student-info-form-layout {
  max-width: 1050px !important;
}

.student-info-form-layout .form-column {
  display: grid;
  gap: 9px;
}

.paired-field-row {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 10px;
  align-items: center;
}

.top-date-row {
  grid-template-columns: 1fr 1fr;
  align-items: end;
}

.paired-field {
  display: grid;
  gap: 5px;
}

.field-label-box,
.paired-field label,
.private-note-row label {
  min-height: 40px;
  border: 1px solid rgba(7, 135, 125, .22);
  border-radius: 12px;
  background: linear-gradient(180deg, #effafa, #ffffff);
  color: #05776f;
  display: grid;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.05;
}

.paired-field label {
  min-height: 34px;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 42px !important;
  border: 1px solid #dce9ee !important;
  border-radius: 12px !important;
  background: #fbfefe !important;
  color: #16233b !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  padding: 0 12px !important;
}

.student-info-form-layout textarea {
  min-height: 62px !important;
  padding: 10px 12px !important;
}

.student-info-form-layout input:focus,
.student-info-form-layout select:focus,
.student-info-form-layout textarea:focus {
  border-color: #07877d !important;
  box-shadow: 0 0 0 4px rgba(7, 135, 125, .12) !important;
  background: #fffdf4 !important;
}

.two-pair-row {
  grid-template-columns: 170px 1fr 150px 1fr;
}

.health-row {
  grid-template-columns: 230px 220px 1fr;
}

.health-row .conditional-field {
  margin-top: 0 !important;
  padding: 8px 10px !important;
}

.health-row .conditional-field label {
  min-height: 28px;
  margin: 0 0 5px;
  font-size: 11.5px;
}

.private-note-row {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 10px;
  align-items: start;
}

.private-note-row textarea {
  min-height: 76px !important;
}

#registeredDays {
  background: linear-gradient(180deg, #f0fffd, #ffffff) !important;
  border-color: rgba(7, 135, 125, .24) !important;
  color: #07877d !important;
  font-weight: 950 !important;
  text-align: center;
}

@media (max-width: 980px) {
  .paired-field-row,
  .top-date-row,
  .two-pair-row,
  .health-row,
  .private-note-row {
    grid-template-columns: 1fr !important;
  }
}

.admin-home-body .hero-actions {
  transform: translate(18px, -4px) !important;
  gap: 8px !important;
  min-width: 260px !important;
  justify-content: flex-end !important;
}

.admin-home-body .hero-actions .action-button {
  height: 30px !important;
  min-width: 104px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  box-shadow: 0 7px 14px rgba(7, 135, 125, .09) !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: linear-gradient(180deg, #edfdf9, #ffffff) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: linear-gradient(180deg, #fff0f0, #ffffff) !important;
}

.admin-home-body .stat-card span {
  font-size: 12.4px !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
}

.admin-home-body .stat-card strong {
  font-size: 27px !important;
  font-weight: 950 !important;
  line-height: .9 !important;
}

.admin-home-body .stat-mini-icon {
  font-size: 17px !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td .student-name,
.student-info-list-table .student-info-name-button {
  color: #111827 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.student-info-name-button::after {
  content: "" !important;
}

.admin-home-body #studentTable .student-name:hover,
.student-info-list-table .student-info-name-button:hover {
  color: #111827 !important;
  text-decoration: none !important;
}

.student-info-form-layout {
  max-width: 860px !important;
  margin-top: 0 !important;
}

.student-info-form-layout .form-column {
  gap: 6px !important;
}

.paired-field-row {
  grid-template-columns: 180px minmax(260px, 1fr) !important;
  gap: 7px !important;
}

.top-date-row {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.two-pair-row {
  grid-template-columns: 150px minmax(170px, 1fr) 130px minmax(170px, 1fr) !important;
  gap: 7px !important;
}

.health-row {
  grid-template-columns: 180px 180px minmax(180px, 1fr) !important;
}

.private-note-row {
  grid-template-columns: 180px minmax(260px, 1fr) !important;
  gap: 7px !important;
}

.field-label-box,
.paired-field label,
.private-note-row label {
  min-height: 32px !important;
  border-radius: 9px !important;
  padding: 0 9px !important;
  font-size: 11.7px !important;
  font-weight: 950 !important;
}

.required-star {
  float: left;
  margin-right: 4px;
  color: #d3222a !important;
  font-weight: 950 !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 32px !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  padding: 0 9px !important;
}

.student-info-form-layout textarea {
  min-height: 48px !important;
  padding: 8px 9px !important;
}

.phone-input-wrap {
  display: grid;
  gap: 2px;
}

.phone-input-wrap small {
  color: #8a98a8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.05;
  padding-left: 3px;
}

.health-row .conditional-field {
  padding: 5px 7px !important;
  border-radius: 9px !important;
}

.health-row .conditional-field label {
  min-height: 22px !important;
  font-size: 10.5px !important;
}

.form-title.form-title-with-actions {
  margin-bottom: 8px !important;
}

.form-title h2 {
  font-size: 22px !important;
  line-height: .95 !important;
}

.form-title p {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.form-actions {
  padding-top: 6px !important;
}

.clear-button,
.save-button {
  height: 38px !important;
  min-width: 106px !important;
  font-size: 12px !important;
}

@media (max-width: 980px) {
  .paired-field-row,
  .top-date-row,
  .two-pair-row,
  .health-row,
  .private-note-row {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    transform: none !important;
  }
}

.admin-home-body .admin-shell {
  padding-top: 26px !important;
}

.admin-home-body .hero-card {
  margin-top: 4px !important;
  padding: 28px 34px 22px !important;
  align-items: flex-start !important;
}

.admin-home-body .hero-card h1 {
  margin-top: 0 !important;
  line-height: .92 !important;
}

.admin-home-body .hero-text {
  margin-top: 8px !important;
}

.admin-home-body .hero-actions {
  right: 154px !important;
  top: 52% !important;
  width: 342px !important;
  min-width: 342px !important;
  gap: 12px !important;
}

.admin-home-body .hero-actions .action-button {
  height: 50px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 22px rgba(16, 24, 40, .10),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 16px rgba(0,0,0,.045) !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #56e3b4 0%, #16b082 52%, #0b8b71 100%) !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "👨‍🎓" !important;
  font-size: 20px !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9d9d 0%, #ff6d76 55%, #ea4a57 100%) !important;
  box-shadow: 0 10px 22px rgba(234, 74, 87, .18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 16px rgba(0,0,0,.05) !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "➖" !important;
  font-size: 20px !important;
}

.admin-home-body .hero-actions .action-button.add:hover {
  filter: brightness(1.06) saturate(1.08) !important;
}

.admin-home-body .hero-actions .action-button.delete:hover {
  filter: brightness(1.05) saturate(1.08) !important;
}

.admin-home-body .stats-grid {
  margin-top: 2px !important;
}

.admin-home-body .stat-card {
  min-height: 116px !important;
  padding: 18px 16px !important;
}

.admin-home-body .stat-card span,
.admin-home-body .stat-card h3 {
  font-size: 14px !important;
  font-weight: 950 !important;
  color: #116b66 !important;
  line-height: 1.12 !important;
}

.admin-home-body .stat-card strong {
  font-size: 31px !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-low span,
.admin-home-body .stat-card.warning-stat.stat-risk-low strong,
.admin-home-body .stat-card.warning-stat.stat-risk-low em {
  color: #17834f !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-mid span,
.admin-home-body .stat-card.warning-stat.stat-risk-mid strong,
.admin-home-body .stat-card.warning-stat.stat-risk-mid em {
  color: #c47700 !important;
}

.admin-home-body .stat-card.warning-stat.stat-risk-high span,
.admin-home-body .stat-card.warning-stat.stat-risk-high strong,
.admin-home-body .stat-card.warning-stat.stat-risk-high em {
  color: #d13a42 !important;
}

.admin-home-body .list-card thead th,
.admin-home-body .table-wrap thead th,
.admin-home-body table thead th {
  color: #0f6f69 !important;
  font-size: 13.6px !important;
  font-weight: 950 !important;
  background: #f6fffd !important;
  letter-spacing: .01em !important;
}

.admin-home-body .list-card tbody td {
  color: #16212f !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td .student-name,
.admin-home-body .student-info-name-button {
  color: #111111 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.admin-home-body .hero-card {
  min-height: 92px !important;
  padding: 22px 34px 20px !important;
  align-items: center !important;
}

.admin-home-body .hero-label {
  font-size: 13px !important;
  font-weight: 950 !important;
  margin: 0 0 7px !important;
  letter-spacing: .02em !important;
  color: #05776f !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(42px, 4.7vw, 62px) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -2.2px !important;
  color: #008a80 !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.9),
    0 12px 26px rgba(7,135,125,.12) !important;
}

.admin-home-body .hero-text {
  display: none !important;
}

.admin-home-body .hero-actions {
  top: 44% !important;
  right: 142px !important;
  transform: translateY(-50%) !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.book-page {
  overflow-x: hidden !important;
}

.book-page .detail-shell {
  width: calc(100vw - 282px) !important;
  max-width: none !important;
  margin-left: 246px !important;
  margin-right: 12px !important;
  padding-top: 8px !important;
}

.book-page .detail-hero.small-hero {
  min-height: 68px !important;
  padding: 9px 18px !important;
  border-radius: 16px !important;
  margin-bottom: 8px !important;
}

.book-page .detail-hero h1 {
  font-size: 22px !important;
  line-height: .95 !important;
  margin: 0 !important;
}

.book-page .detail-hero p {
  font-size: 11px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.book-card {
  background: #fff;
  border: 1px solid rgba(0, 135, 125, .16);
  border-radius: 16px;
  padding: 8px 9px 10px;
  box-shadow: 0 8px 22px rgba(6, 123, 113, .05);
  overflow: hidden;
}

.book-card .compact-tabs,
.book-page .compact-tabs {
  gap: 6px !important;
  margin-bottom: 0 !important;
  padding-bottom: 6px !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
}

.book-page .compact-tabs .tab {
  min-width: 70px !important;
  height: 27px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
}

.status-tabs .extra-tab,
.book-page .compact-tabs .extra-tab {
  min-width: 96px !important;
  max-width: 112px !important;
  padding: 0 5px !important;
  font-size: 9.2px !important;
}

.loss-hero,
.detail-hero {
  position: relative;
}

.page-home-button {
  min-width: 132px !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  .book-page .detail-shell {
    width: calc(100vw - 258px) !important;
    margin-left: 240px !important;
  }
}

.management-top-tabs {
  margin: 10px 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(7,135,125,.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 8px 18px rgba(7,135,125,.05) !important;
}

.status-tabs .clickable-tab {
  cursor: pointer !important;
  opacity: 1 !important;
}

.status-tabs .clickable-tab:hover {
  border-color: rgba(7,135,125,.42) !important;
  background: #f0fffd !important;
  color: #05776f !important;
  transform: translateY(-1px);
}

.status-tabs .extra-tab.active,
.management-top-tabs .extra-tab.active {
  color: #ffffff !important;
  background: linear-gradient(180deg, #0da497, #067c74) !important;
  border-color: rgba(7,135,125,.34) !important;
  box-shadow: 0 8px 18px rgba(7,135,125,.18) !important;
}

.test-page table {
  table-layout: fixed !important;
}

.test-page .table-wrap {
  overflow-x: hidden !important;
}

.test-page th,
.test-page td {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.test-page th:first-child,
.test-page td:first-child {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  padding: 3px 4px !important;
}

.test-page th:nth-child(2),
.test-page td:nth-child(2) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
}

.test-page th:nth-child(3),
.test-page td:nth-child(3) {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
}

.test-page th:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
.test-page td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.test-page td:first-child > div,
.test-page td:first-child .action-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.test-page .tiny-add,
.test-page .tiny-delete,
.test-page td:first-child button {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 9.2px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.test-page .tiny-add,
.test-page td:first-child button:first-child {
  color: #047e74 !important;
  background: rgba(1, 154, 145, .12) !important;
  border: 1px solid rgba(1, 154, 145, .38) !important;
}

.test-page .tiny-delete,
.test-page td:first-child button:last-child {
  color: #d63d3d !important;
  background: rgba(239, 89, 89, .12) !important;
  border: 1px solid rgba(239, 89, 89, .36) !important;
}

.test-page th {
  font-size: 10.4px !important;
  font-weight: 950 !important;
  color: #047e74 !important;
  line-height: 1.1 !important;
}

.test-page th small,
.test-page th span {
  font-size: 9.2px !important;
  font-weight: 950 !important;
  color: #006b65 !important;
  line-height: 1.05 !important;
}

.test-page td {
  font-size: 10.5px !important;
  font-weight: 850 !important;
  color: #111827 !important;
}

.test-page input[type="text"],
.test-page input[type="number"],
.test-page input[type="date"] {
  height: 25px !important;
  border-radius: 7px !important;
  padding: 0 4px !important;
  font-size: 10.2px !important;
  font-weight: 850 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.test-page td input {
  width: 100% !important;
  min-width: 0 !important;
}

.test-page input[type="date"] {
  font-size: 9.2px !important;
  padding: 0 2px !important;
}

.test-page .row-add-button {
  height: 40px !important;
  min-width: 96px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(1,154,145,.34) !important;
  color: #047e74 !important;
  background: linear-gradient(180deg, #ffffff, #effdfa) !important;
  box-shadow: 0 8px 16px rgba(7,135,125,.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.test-page .row-add-button:hover {
  background: linear-gradient(180deg, #f3fffd, #e5fbf8) !important;
  transform: translateY(-1px);
}

.test-page td:last-child,
.test-page th:last-child {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

.yurt-score-cell {
  display: grid;
  grid-template-columns: 44px 34px 28px;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

.yurt-score-cell input {
  width: 34px;
  height: 24px;
  border: 1px solid #d8e7e8;
  border-radius: 7px;
  padding: 0 3px;
  text-align: center;
  color: #16213a;
  font-size: 10px;
  font-weight: 850;
}

.yurt-score-cell input:disabled {
  background: #f7fbfb;
  opacity: 1;
}

.yurt-score-cell small {
  color: #526a78;
  font-size: 9.2px;
  font-weight: 850;
}

.guidance-date-input {
  font-size: 10px;
  padding: 0 3px;
}

.guidance-risk-box {
  max-width: 310px;
  margin-top: 12px;
}

.guidance-risk-box label {
  margin: 0 0 6px;
  color: #087f77;
  font-size: 12px;
  font-weight: 950;
}

.guidance-risk-box input {
  height: 38px;
  border-radius: 12px;
  font-weight: 900;
}

.yurt-score-cell input {
  color: #111827 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.month-progress {
  --progress: 0;
  width: 54px;
  height: 54px;
  margin: 6px auto 0;
  border-radius: 50%;
  background: conic-gradient(#0f9b93 calc(var(--progress) * 1%), #dbeceb 0);
  display: grid;
  place-items: center;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(7,135,125,.08);
}

.month-progress::before {
  content: "";
  position: absolute;
  inset: 6px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(6, 82, 76, .08);
}

.summary-circle-progress {
  --progress: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: conic-gradient(#109b93 calc(var(--progress) * 1%), #d7ebe8 0);
  display: grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  box-shadow: 0 8px 22px rgba(10, 123, 115, .12);
}

.summary-circle-progress::before {
  content: "";
  position: absolute;
  inset: 8px;
  background: linear-gradient(180deg, #fff, #f3fbfa);
  border-radius: 50%;
}

.summary-circle-progress span {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 950;
  color: #0b766f;
}

.month-bar-progress {
  width: 82px;
  height: 8px;
  margin: 4px auto 2px;
  background: #e4efee;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(7, 135, 125, .08);
}

.yurt-row-average-progress {
  --progress: 0;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  background: conic-gradient(#109b93 calc(var(--progress) * 1%), #d7ebe8 0);
  display: grid;
  place-items: center;
  position: relative;
}

.yurt-row-average-progress::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(8, 99, 92, .08);
}

.yurt-row-average-progress span {
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 950;
  color: #0b766f;
}

.yurt-inline-progress-track {
  width: 100%;
  height: 10px;
  background: #e3efee;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(7, 135, 125, .08);
}

.yurt-inline-progress-track i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7ddfd6, #109b93);
}

.month-progress,
.month-progress::before {
  all: unset;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.admin-body,
.compact-page,
.detail-shell,
.card,
.list-card,
.compact-card,
.book-card {
  box-sizing: border-box;
}

.detail-shell {
  max-width: calc(100vw - 286px) !important;
}

.compact-page .detail-shell {
  padding-top: 10px !important;
}

.detail-hero.small-hero {
  min-height: 72px !important;
  padding: 12px 20px !important;
  margin-bottom: 10px !important;
  border-radius: 18px !important;
}

.detail-hero.small-hero h1 {
  font-size: clamp(22px, 2.4vw, 32px) !important;
  line-height: 1 !important;
}

.detail-hero.small-hero p {
  font-size: 12px !important;
  margin-top: 3px !important;
}

.compact-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

.compact-tabs .tab {
  height: 30px !important;
  min-width: 86px !important;
  padding: 0 9px !important;
  border-radius: 11px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.compact-tabs .extra-tab {
  min-width: 116px !important;
  font-size: 10px !important;
}

.student-info-form-layout {
  max-width: 700px !important;
}

.student-info-form-layout .form-column {
  gap: 5px !important;
}

.student-info-form-layout .paired-field-row {
  grid-template-columns: 148px minmax(200px, 1fr) !important;
  gap: 6px !important;
}

.student-info-form-layout .top-date-row {
  grid-template-columns: 1fr 1fr !important;
}

.student-info-form-layout .two-pair-row {
  grid-template-columns: 126px minmax(128px, 1fr) 112px minmax(128px, 1fr) !important;
  gap: 6px !important;
}

.student-info-form-layout .health-row {
  grid-template-columns: 148px 140px minmax(150px, 1fr) !important;
}

.student-info-form-layout .private-note-row {
  grid-template-columns: 148px minmax(200px, 1fr) !important;
}

.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  min-height: 28px !important;
  border-radius: 8px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea {
  height: 29px !important;
  min-height: 29px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  padding: 0 8px !important;
}

.student-info-form-layout textarea {
  min-height: 44px !important;
  padding: 6px 8px !important;
}

.phone-input-wrap small {
  font-size: 9.4px !important;
  line-height: 1 !important;
}

.table-wrap,
.trial-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}

table {
  border-spacing: 0;
}

th,
td {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  max-width: 100%;
  box-sizing: border-box;
}

.yurt-inline-progress-track {
  height: 9px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #e6f0ef !important;
}

.progress-fill,
.general-progress-fill,
.success-progress-fill,
.yurt-inline-progress-track i {
  background: linear-gradient(90deg, #7adbd2, #0a9f94) !important;
  border-radius: 999px !important;
}

.test-page th,
.trial-page th {
  line-height: 1.08 !important;
}

@media (max-width: 1200px) {
  .detail-shell,
  .compact-page .detail-shell {
    max-width: calc(100vw - 260px) !important;
  }

  .student-info-form-layout {
    max-width: 100% !important;
  }
}

@media (max-width: 900px) {
  .detail-shell,
  .compact-page .detail-shell {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .top-date-row,
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row,
  .student-info-form-layout .private-note-row {
    grid-template-columns: 1fr !important;
  }
}

.student-info-form-layout .top-date-row .paired-field label,
.student-info-form-layout .top-date-row .paired-field input {
  width: 100% !important;
}

.student-info-form-layout .excel-actions {
  gap: 8px !important;
}

.admin-home-body .hero-actions {
  right: 112px !important;
}

.keyfiyet-static-page .detail-shell {
  width: min(1430px, calc(100% - 270px)) !important;
  margin-left: 246px !important;
  padding-top: 6px !important;
}

.keyfiyet-static-hero {
  padding: 16px 32px !important;
  min-height: 84px !important;
  border-radius: 16px !important;
}

.keyfiyet-static-hero h1 {
  font-size: 25px !important;
  line-height: 1.05;
  margin: 8px 0 4px !important;
}

.keyfiyet-static-hero p {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.keyfiyet-static-card {
  border: 1px solid rgba(7,135,125,.15);
  border-radius: 18px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 14px 30px rgba(7,135,125,.05);
  overflow: hidden;
}

.keyfiyet-static-tabs {
  padding: 11px 24px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(7,135,125,.1) !important;
}

.keyfiyet-static-tabs .tab {
  height: 30px !important;
  min-width: 106px !important;
  border-radius: 999px !important;
}

.keyfiyet-static-inner {
  padding: 16px 22px 14px;
}

.keyfiyet-static-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.keyfiyet-table-wrap {
  border: 1px solid rgba(7,135,125,.12);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.keyfiyet-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.keyfiyet-table th,
.keyfiyet-table td {
  border-right: 1px solid rgba(7,135,125,.08);
  border-bottom: 1px solid rgba(7,135,125,.08);
  padding: 8px 8px;
  text-align: center;
  vertical-align: middle;
  color: #21314e;
}

.keyfiyet-table th {
  background: #fbfdfd;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.15;
}

.keyfiyet-table td {
  font-size: 11px;
  font-weight: 850;
}

.keyfiyet-table th:first-child,
.keyfiyet-table td:first-child {
  width: 215px;
  text-align: left;
  padding-left: 14px;
}

.keyfiyet-table th:last-child,
.keyfiyet-table td:last-child {
  width: 68px;
}

.keyfiyet-table td.avg {
  font-size: 12px;
  font-weight: 950;
  color: #0b6f79;
}

.k-score {
  font-size: 11px;
  font-weight: 900;
  color: #394657;
  white-space: nowrap;
}

.keyfiyet-summary-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 14px;
  margin-top: 14px;
}

.sum-card {
  min-height: 88px;
  border: 1px solid rgba(7,135,125,.12);
  border-radius: 16px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px 20px;
}

.sum-icon {
  width: 62px;
  height: 62px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 31px;
}

.sum-icon.teal {
  background: #edfafa;
  color: #178b83;
}

.sum-icon.green {
  background: #effaf2;
  color: #25a147;
}

.sum-icon.red {
  background: #fff1eb;
  color: #f0642c;
}

.sum-icon.blue {
  background: #eef4ff;
  color: #2d71d7;
}

.sum-card span {
  display: block;
  color: #0c7a72;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 6px;
}

.sum-card strong {
  display: block;
  color: #0b7f77;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}

.sum-card strong small {
  font-size: 16px;
  font-weight: 900;
}

.sum-card strong.green-txt {
  color: #18a84f;
}

.sum-card strong.red-txt {
  color: #f15a2b;
}

.sum-card strong.blue-txt {
  color: #256cdb;
}

.keyfiyet-legend {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 14px 22px;
  border: 1px solid rgba(7,135,125,.1);
  border-radius: 14px;
  background: #fff;
  margin-top: 12px;
  flex-wrap: wrap;
}

.legend-title {
  font-size: 12px;
  font-weight: 900;
  color: #3c4f5d;
  margin-right: 6px;
}

.legend-chip {
  height: 36px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid transparent;
}

.legend-chip em {
  font-style: normal;
  font-weight: 900;
  margin-left: 8px;
}

.legend-chip.good {
  background: #effaf2;
  color: #229b4a;
  border-color: rgba(34,155,74,.22);
}

.legend-chip.nice {
  background: #eef6ff;
  color: #336ed7;
  border-color: rgba(51,110,215,.22);
}

.legend-chip.normal {
  background: #fff8e9;
  color: #ef9718;
  border-color: rgba(239,151,24,.22);
}

.legend-chip.medium {
  background: #fff3e8;
  color: #f07822;
  border-color: rgba(240,120,34,.22);
}

.legend-chip.bad {
  background: #fff0f0;
  color: #ef4a4a;
  border-color: rgba(239,74,74,.22);
}

.keyfiyet-bottom-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 16px;
}

.keyfiyet-bottom-actions .clear-button,
.keyfiyet-bottom-actions .save-button,
.keyfiyet-bottom-actions .mini-action {
  height: 40px;
  min-width: 112px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 950;
}

.keyfiyet-bottom-actions .static-outline {
  background: #fff !important;
  color: #0a7f77 !important;
  border: 1px solid rgba(7,135,125,.22) !important;
  box-shadow: none !important;
}

@media (max-width: 1380px) {
  .keyfiyet-table {
    min-width: 1320px;
  }

  .keyfiyet-table-wrap {
    overflow-x: auto;
  }

  .keyfiyet-summary-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .keyfiyet-static-title-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  overflow-x: hidden !important;
}

.keyfiyet-static-page .keyfiyet-table {
  min-width: 0 !important;
  table-layout: fixed !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding: 6px 5px !important;
}

.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child {
  width: 190px !important;
  padding-left: 10px !important;
}

.keyfiyet-static-page .keyfiyet-table th:last-child,
.keyfiyet-static-page .keyfiyet-table td:last-child {
  width: 52px !important;
}

.keyfiyet-static-page .k-score {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
}

.keyfiyet-static-page .keyfiyet-score-input {
  width: 30px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 0 1px !important;
  background: transparent !important;
  color: #394657 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-align: right !important;
  box-shadow: none !important;
  outline: none !important;
}

.keyfiyet-static-page .keyfiyet-score-input:focus {
  background: #f1fffd !important;
  border: 1px solid rgba(7,135,125,.28) !important;
  box-shadow: 0 0 0 2px rgba(7,135,125,.08) !important;
}

.keyfiyet-static-page .k-score small {
  color: #394657;
  font-size: 10px;
  font-weight: 900;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.keyfiyet-static-page .sum-card {
  min-width: 0 !important;
}

.keyfiyet-static-page .sum-card strong b {
  font: inherit;
}

@media (max-width: 1380px) {
  .keyfiyet-static-page .keyfiyet-table {
    min-width: 0 !important;
  }

  .keyfiyet-static-page .keyfiyet-table-wrap {
    overflow-x: hidden !important;
  }
}

.keyfiyet-static-page .keyfiyet-static-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding: 5px 4px !important;
}

.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child {
  width: 180px !important;
  padding-left: 10px !important;
}

.keyfiyet-static-page .keyfiyet-table th {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.keyfiyet-static-page .keyfiyet-table td {
  font-size: 10px !important;
}

.keyfiyet-static-page .k-score {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  width: 26px !important;
  height: 16px !important;
  font-size: 9px !important;
  text-align: center !important;
  padding: 0 !important;
}

.keyfiyet-static-page .k-score small {
  font-size: 8.5px !important;
}

.keyfiyet-static-page .keyfiyet-table td.avg {
  font-size: 11px !important;
  font-weight: 950 !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-left: 0 !important;
}

.keyfiyet-static-page .keyfiyet-control-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.keyfiyet-static-page .keyfiyet-control-group label {
  font-size: 11px !important;
  font-weight: 900 !important;
  color: #0b6d66 !important;
  white-space: nowrap !important;
}

.keyfiyet-static-page .keyfiyet-student-group select {
  width: 220px !important;
}

.keyfiyet-static-page .keyfiyet-month-group select,
.keyfiyet-static-page .keyfiyet-remove-group select {
  width: 150px !important;
}

.keyfiyet-static-page .keyfiyet-control-group select {
  height: 36px !important;
  border: 1px solid rgba(7,135,125,.18) !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  background: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #344258 !important;
}

.keyfiyet-static-page .keyfiyet-inline-btn {
  height: 36px !important;
  min-width: 92px !important;
  border-radius: 10px !important;
  align-self: flex-end !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding: 6px 6px !important;
}

.keyfiyet-static-page .keyfiyet-table th:first-child,
.keyfiyet-static-page .keyfiyet-table td:first-child {
  width: 185px !important;
}

.keyfiyet-static-page .keyfiyet-table th:last-child,
.keyfiyet-static-page .keyfiyet-table td:last-child {
  width: 72px !important;
}

.keyfiyet-static-page .keyfiyet-table th {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.keyfiyet-static-page .keyfiyet-table td {
  font-size: 10.5px !important;
}

.keyfiyet-static-page .month-label {
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  color: #17344e !important;
}

.keyfiyet-static-page .month-average {
  display: block !important;
  margin-top: 2px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  color: #0a7f77 !important;
}

.keyfiyet-static-page .k-score.only-score,
.keyfiyet-static-page .k-score {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.keyfiyet-static-page .k-score small {
  display: none !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  width: 36px !important;
  height: 22px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  border-radius: 7px !important;
}

.keyfiyet-static-page .keyfiyet-table {
  min-width: unset !important;
  width: 100% !important;
  table-layout: fixed !important;
}

@media (max-width: 1280px) {
  .keyfiyet-static-page .keyfiyet-toolbar {
    width: 100% !important;
  }
}

.keyfiyet-static-page .keyfiyet-month-group select,
.keyfiyet-static-page .keyfiyet-remove-group select {
  width: 165px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  align-items: flex-start !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  order: 1 !important;
  margin-right: auto !important;
}

.keyfiyet-static-page .keyfiyet-table td.avg {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

.keyfiyet-static-page .keyfiyet-avg-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: #e6f2f1 !important;
  overflow: hidden !important;
  min-width: 34px !important;
}

.keyfiyet-static-page .keyfiyet-avg-track i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #7adbd2, #0a9f94) !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress strong {
  color: #0a7f77 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  min-width: 22px !important;
  text-align: right !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  ime-mode: disabled;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  justify-content: flex-start !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  margin-bottom: 6px !important;
  gap: 8px !important;
  align-items: flex-end !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  gap: 6px !important;
  margin-bottom: 4px !important;
}

.keyfiyet-static-page .keyfiyet-control-group {
  gap: 2px !important;
}

.keyfiyet-static-page .keyfiyet-control-group label {
  font-size: 10px !important;
  line-height: 1 !important;
}

.keyfiyet-static-page .keyfiyet-control-group select {
  height: 30px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  padding: 0 8px !important;
}

.keyfiyet-static-page .keyfiyet-inline-btn {
  height: 30px !important;
  min-width: 78px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  padding: 0 10px !important;
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  margin-top: 0 !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  height: 20px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  margin-top: 8px !important;
  gap: 10px !important;
}

.keyfiyet-static-page .keyfiyet-legend {
  margin-top: 8px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.keyfiyet-static-page .keyfiyet-bottom-actions {
  margin-top: 10px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-title {
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: #edfafa !important;
  color: #087f77 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
}

.keyfiyet-static-page .keyfiyet-table th,
.keyfiyet-static-page .keyfiyet-table td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.keyfiyet-static-page .keyfiyet-score-input {
  height: 23px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.keyfiyet-static-page .sum-card {
  min-height: 64px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.keyfiyet-static-page .sum-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px !important;
  font-size: 20px !important;
  flex: 0 0 auto !important;
}

.keyfiyet-static-page .sum-card span {
  font-size: 10px !important;
  margin-bottom: 3px !important;
}

.keyfiyet-static-page .sum-card strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
  display: block !important;
  max-width: 105px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.keyfiyet-static-page .sum-card small {
  display: block !important;
  color: #526a78 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
}

@media (max-width: 1350px) {
  .keyfiyet-static-page .keyfiyet-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.keyfiyet-static-page .keyfiyet-static-inner {
  padding-top: 6px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar {
  width: 100% !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-title {
  order: -1 !important;
  flex: 0 0 100% !important;
  width: fit-content !important;
  height: 34px !important;
  margin: 0 0 4px 0 !important;
  padding: 0 14px !important;
  align-self: flex-start !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: .1px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

.unified-page-title,
.keyfiyet-static-page .keyfiyet-toolbar-title.unified-page-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 34px !important;
  min-height: 34px !important;
  width: fit-content !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #edfafa !important;
  color: #087f77 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .1px !important;
  box-shadow: inset 0 0 0 1px rgba(7,135,125,.10) !important;
  margin: 0 0 6px 0 !important;
}

.test-page .unified-page-title,
.book-page .unified-page-title {
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-score-input,
.keyfiyet-static-page input.keyfiyet-score-input {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  appearance: textfield !important;
  -webkit-appearance: none !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 24px !important;
  min-height: 24px !important;
  border: 1px solid #bfdcdd !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #16213a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-align: center !important;
  padding: 0 2px !important;
}

.keyfiyet-static-page input.keyfiyet-score-input:disabled {
  display: inline-block !important;
  opacity: .75 !important;
  background: #f5fbfb !important;
  color: #526a78 !important;
  pointer-events: none !important;
}

.keyfiyet-static-page .k-score.only-score,
.keyfiyet-static-page .k-score {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.detail-hero.small-hero,
.keyfiyet-static-hero,
.book-page .detail-hero.small-hero {
  align-items: flex-start !important;
}

.detail-hero.small-hero > div:first-child,
.keyfiyet-static-hero > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 4px;
}

.detail-hero.small-hero h1,
.keyfiyet-static-hero h1 {
  flex: 0 0 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(30px, 2.65vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.03em;
  margin: 6px 0 0 !important;
}

.detail-hero.small-hero p,
.keyfiyet-static-hero p {
  flex: 0 0 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px !important;
  font-size: 13px !important;
}

.tabs,
.compact-tabs {
  align-items: center !important;
}

.tabs .tab,
.compact-tabs .tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  white-space: nowrap;
}

.keyfiyet-static-card,
.compact-card,
.placeholder-card,
.keyfiyet-static-inner,
.list-card {
  box-sizing: border-box;
}

.table-wrap,
.keyfiyet-table-wrap,
.loss-table-wrap {
  overflow-x: auto;
}

.keyfiyet-table th,
.keyfiyet-table td,
.loss-table th,
.loss-table td {
  vertical-align: middle;
  line-height: 1.22;
}

.keyfiyet-table th,
.loss-table th {
  font-weight: 900;
}

input,
select,
textarea,
button {
  box-sizing: border-box;
}

.keyfiyet-static-page .keyfiyet-toolbar,
.keyfiyet-toolbar {
  row-gap: 8px;
}

.keyfiyet-static-page .keyfiyet-control-group label,
.keyfiyet-control-group label {
  margin-bottom: 4px;
}

@media (max-width: 1180px) {
  .detail-hero.small-hero,
  .keyfiyet-static-hero {
    flex-direction: column;
    align-items: stretch !important;
  }

  .detail-hero.small-hero h1,
  .keyfiyet-static-hero h1,
  .detail-hero.small-hero p,
  .keyfiyet-static-hero p {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.admin-home-body .stat-card {
  min-height: 72px !important;
  height: 72px !important;
  padding: 8px 10px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.admin-home-body .stat-card > div:last-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.admin-home-body .stat-mini-icon {
  width: 28px !important;
  height: 28px !important;
  font-size: 15px !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  line-height: 1.08 !important;
  font-size: 11px !important;
  margin-bottom: 0 !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

.admin-home-body .stat-card em {
  display: block !important;
  line-height: 1 !important;
  font-size: 10px !important;
}

@media (max-width: 1360px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .stat-card {
    min-height: 68px !important;
    height: auto !important;
  }
}

.admin-home-body .hero-actions {
  width: 384px !important;
  min-width: 384px !important;
  max-width: 384px !important;
  right: 104px !important;
  top: 44% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: center !important;
}

.admin-home-body .hero-actions .action-button {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  background: linear-gradient(180deg, #58e5b9 0%, #17b286 55%, #0c8f76 100%) !important;
  border: 1px solid rgba(6, 145, 95, .50) !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  background: linear-gradient(180deg, #ff9ba2 0%, #ff6e77 55%, #ea4d5a 100%) !important;
  border: 1px solid rgba(225, 91, 91, .55) !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  background: linear-gradient(180deg, #8ec9ff 0%, #5fa7f0 55%, #3e86d7 100%) !important;
  border: 1px solid rgba(50, 113, 198, .45) !important;
  box-shadow: 0 10px 22px rgba(62, 134, 215, .18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 16px rgba(0,0,0,.05) !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 15px !important;
}

.admin-home-body .hero-actions .action-button:hover {
  filter: brightness(1.04) saturate(1.04) !important;
}

.admin-home-body .hero-card {
  position: relative !important;
  padding-right: 410px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  right: 108px !important;
  top: 28px !important;
  transform: none !important;
  width: 348px !important;
  min-width: 348px !important;
  max-width: 348px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 108px) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  z-index: 5 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 13px !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #58e5b9 0%, #18b987 55%, #0a8f74 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9ca3 0%, #ff6e77 55%, #e94c58 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  border: 1px solid rgba(50, 113, 198, .45) !important;
  background: linear-gradient(180deg, #8fcaff 0%, #61a8f0 55%, #3d86d8 100%) !important;
}

@media (max-width: 1200px) {
  .admin-home-body .hero-card {
    padding-right: 34px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, 108px) !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
  }
}

.admin-home-body .hero-card {
  padding-right: 340px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 28px !important;
  right: 26px !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  z-index: 9 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 102px !important;
  min-width: 102px !important;
  max-width: 102px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "⎋" !important;
  order: -1 !important;
  font-size: 12px !important;
}

@media (max-width: 1200px) {
  .admin-home-body .hero-card {
    padding-right: 24px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    margin-top: 12px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }
}

.admin-home-body .hero-card {
  position: relative !important;
  overflow: hidden !important;
  padding-right: 430px !important;
}

.admin-home-body .hero-actions {
  position: absolute !important;
  top: 28px !important;
  right: 28px !important;
  transform: none !important;
  width: 386px !important;
  min-width: 386px !important;
  max-width: 386px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 122px) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: end !important;
  z-index: 20 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 9px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↩" !important;
  order: -1 !important;
  font-size: 12px !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #fff !important;
  border: 1px solid rgba(6, 145, 95, .55) !important;
  background: linear-gradient(180deg, #55e4b5 0%, #17b585 55%, #0b8d73 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #fff !important;
  border: 1px solid rgba(225, 91, 91, .58) !important;
  background: linear-gradient(180deg, #ff9ba2 0%, #ff6e77 55%, #e94d59 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #fff !important;
  border: 1px solid rgba(50, 113, 198, .48) !important;
  background: linear-gradient(180deg, #8bc8ff 0%, #5fa7f0 55%, #3d86d8 100%) !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    padding-right: 34px !important;
  }

  .admin-home-body .hero-actions {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, 122px) !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
  }
}

.admin-home-body {
  background: linear-gradient(180deg, #edf9f7 0%, #f7fdfc 100%) !important;
}

.admin-home-body .admin-shell {
  max-width: 1320px !important;
  padding: 18px 20px 28px !important;
  gap: 14px !important;
}

.admin-home-body .hero-card {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid #d8efea !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 30px rgba(34, 131, 120, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 26px 32px !important;
}

.admin-home-body .hero-label {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #087f78 !important;
  letter-spacing: 0.4px !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  font-size: clamp(52px, 5.3vw, 74px) !important;
  line-height: 0.98 !important;
  letter-spacing: -1.4px !important;
  color: #05928b !important;
  text-shadow: 0 6px 15px rgba(5,146,139,0.14) !important;
}

.admin-home-body .hero-text {
  margin: 12px 0 0 2px !important;
  font-size: clamp(22px, 2.4vw, 33px) !important;
  line-height: 1.1 !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: #149e95 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.admin-home-body .hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  position: static !important;
}

.admin-home-body .hero-actions .action-button {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 22px rgba(0,0,0,0.08) !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #fff !important;
  border: 1px solid #0da979 !important;
  background: linear-gradient(180deg, #3fe0ab 0%, #13bb85 55%, #0c9476 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #fff !important;
  border: 1px solid #e75d6b !important;
  background: linear-gradient(180deg, #ff8d99 0%, #ff5f6e 55%, #ea4557 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #fff !important;
  border: 1px solid #4f8be8 !important;
  background: linear-gradient(180deg, #76b6ff 0%, #4d96ef 55%, #387ede 100%) !important;
}

.admin-home-body .stat-card {
  min-height: 110px !important;
  border-radius: 24px !important;
  border: 1px solid #dcedeb !important;
  background: rgba(255,255,255,0.95) !important;
  box-shadow: 0 10px 22px rgba(37, 130, 117, 0.06) !important;
  padding: 18px 18px !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  align-items: center !important;
  gap: 14px !important;
}

.admin-home-body .stat-mini-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f6fbfb !important;
  border: 1px solid #d8ece8 !important;
  font-size: 24px !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0a7f78 !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #058e86 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  color: #f17d18 !important;
}

.admin-home-body .list-card {
  border-radius: 26px !important;
  border: 1px solid #d8efea !important;
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 14px 30px rgba(34, 131, 120, 0.06) !important;
  padding: 14px 0 0 !important;
  overflow: hidden !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 20px 12px !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #e9fbf8 !important;
  border: 1px solid #d0eeea !important;
  color: #08867f !important;
  padding: 10px 28px !important;
  border-radius: 20px !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  margin: 8px 0 0 8px !important;
  font-size: 13px !important;
  color: #52716d !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  gap: 14px !important;
  align-items: center !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  border-radius: 18px !important;
  border: 1px solid #d7e8ef !important;
  background: #fff !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2f4e71 !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #0c8a83 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
  border-top: 1px solid #daf0ec !important;
  border-bottom: 1px solid #e1f2f0 !important;
}

.admin-home-body .table-wrap table td {
  font-size: 17px !important;
  color: #253861 !important;
  font-weight: 600 !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #e9f4f2 !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #101820 !important;
  text-decoration: underline !important;
  font-weight: 800 !important;
}

.admin-home-body #studentTable .pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 17px !important;
  border: 1px solid #d7ddef !important;
  background: #f6f8fb !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #51688f !important;
}

@media (max-width: 1320px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr 180px 180px !important;
  }
}

@media (max-width: 1080px) {
  .admin-home-body .hero-card {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.admin-home-body {
  background: radial-gradient(circle at 20% 0%, rgba(220, 255, 247, .85), transparent 36%),
    linear-gradient(180deg, #f4fbfb 0%, #fbfefd 100%) !important;
}

.admin-home-body .admin-shell {
  max-width: 1328px !important;
  margin: 0 auto !important;
  padding: 18px 18px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.admin-home-body .hero-card {
  position: relative !important;
  overflow: visible !important;
  min-height: 168px !important;
  padding: 28px 32px 24px 34px !important;
  border-radius: 24px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 30px rgba(20, 126, 118, .06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  color: #078b84 !important;
  font-size: clamp(52px, 5.1vw, 72px) !important;
  line-height: .96 !important;
  font-weight: 950 !important;
  letter-spacing: -1.7px !important;
  text-shadow: 0 8px 18px rgba(4, 126, 119, .14) !important;
  white-space: nowrap !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 12px 0 0 4px !important;
  color: #168f87 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(22px, 2.3vw, 31px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: .1px !important;
  white-space: nowrap !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 498px !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin: 0 8px 0 0 !important;
  z-index: 3 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -9px 16px rgba(0,0,0,.06),
    0 10px 22px rgba(0,0,0,.09) !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 20px !important;
}

.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.admin-home-body .stat-card {
  min-height: 110px !important;
  height: 110px !important;
  padding: 18px 18px !important;
  border-radius: 17px !important;
  border: 1px solid #ddecea !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 8px 20px rgba(20, 126, 118, .045) !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
}

.admin-home-body .stat-mini-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f7fbfb !important;
  border: 1px solid #d9ece9 !important;
  font-size: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: #07877f !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 8px !important;
  color: #f17b15 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 28px rgba(20, 126, 118, .055) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-size: 29px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(20, 126, 118, .025) !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #07877f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  padding: 16px 18px !important;
  border-top: 1px solid #dcefeb !important;
  border-bottom: 1px solid #e3f1ef !important;
  line-height: 1.15 !important;
}

.admin-home-body .table-wrap table td {
  color: #24345e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 15px 18px !important;
  border-bottom: 1px solid #eaf4f2 !important;
  line-height: 1.2 !important;
}

.admin-home-body #studentTable .pill {
  min-width: 78px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  border: 1px solid #d8ddec !important;
  background: #f6f8fb !important;
  color: #4f6388 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    align-items: flex-start !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 56px !important;
  }

  .admin-home-body .hero-actions {
    min-width: 450px !important;
    gap: 10px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 56px !important;
    font-size: 15px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .admin-home-body .hero-card,
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-home-body .hero-actions {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}

.admin-home-body {
  background: radial-gradient(circle at 20% 0%, rgba(214, 255, 246, .75), transparent 34%),
    linear-gradient(180deg, #f1faf9 0%, #fbfefd 100%) !important;
}

.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  overflow: visible !important;
}

.admin-home-body .hero-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 150px !important;
  padding: 24px 30px !important;
  border-radius: 22px !important;
  border: 1px solid #d7ebe8 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 28px rgba(20, 126, 118, .055) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 22px !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  color: #078b84 !important;
  font-size: clamp(46px, 4.6vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -1.5px !important;
  text-shadow: 0 8px 18px rgba(4,126,119,.13) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 10px 0 0 2px !important;
  color: #168f87 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(19px, 2vw, 29px) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  z-index: 3 !important;
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -8px 14px rgba(0,0,0,.055),
    0 10px 22px rgba(0,0,0,.08) !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 17px !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: linear-gradient(180deg, #30dca4 0%, #12bd83 54%, #078d72 100%) !important;
  border: 1px solid #0b9e79 !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: linear-gradient(180deg, #ff7e89 0%, #f45a67 54%, #dd2435 100%) !important;
  border: 1px solid #e04856 !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: linear-gradient(180deg, #75b6ff 0%, #4e96ee 54%, #2f78dc 100%) !important;
  border: 1px solid #4b8be0 !important;
}

.admin-home-body .stat-card {
  min-height: 96px !important;
  height: 96px !important;
  padding: 14px 14px !important;
  border-radius: 17px !important;
  border: 1px solid #dcecea !important;
  background: rgba(255,255,255,.93) !important;
  box-shadow: 0 8px 18px rgba(20,126,118,.04) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f7fbfb !important;
  border: 1px solid #d9ece9 !important;
  font-size: 21px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #07877f !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 28px rgba(20,126,118,.05) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 18px 16px !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
}

.admin-home-body .list-top p {
  margin: 8px 0 0 6px !important;
  color: #486c68 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 14px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(20,126,118,.025) !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.admin-home-body .table-wrap table th {
  background: #fff !important;
  color: #07877f !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  padding: 15px 18px !important;
  border-top: 1px solid #dcefeb !important;
  border-bottom: 1px solid #e3f1ef !important;
  line-height: 1.15 !important;
}

.admin-home-body .table-wrap table td {
  color: #24345e !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #eaf4f2 !important;
  line-height: 1.2 !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #111 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
}

.admin-home-body #studentTable .pill {
  min-width: 78px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  border: 1px solid #d8ddec !important;
  background: #f6f8fb !important;
  color: #4f6388 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 56px !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-end !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr 160px 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card h1 {
    white-space: normal !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .list-top,
  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }
}

.admin-home-body,
.admin-home-body * {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
  gap: 14px !important;
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 150px !important;
  padding: 26px 30px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid #d7ebe8 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 28px rgba(20,126,118,.055) !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  max-width: 100% !important;
  color: #078b84 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(48px, 4.5vw, 64px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -1.2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-shadow: 0 7px 16px rgba(4,126,119,.12) !important;
}

.admin-home-body .hero-text {
  display: block !important;
  margin: 9px 0 0 3px !important;
  max-width: 100% !important;
  color: #168f87 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(19px, 1.8vw, 26px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: auto !important;
  min-width: 486px !important;
  max-width: none !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

.admin-home-body .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-home-body .stat-card {
  height: 104px !important;
  min-height: 104px !important;
  padding: 14px 14px !important;
  border-radius: 17px !important;
  border: 1px solid #dcecea !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 18px rgba(20,126,118,.04) !important;
  overflow: hidden !important;
}

.admin-home-body .stat-symbol-card {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 21px !important;
  flex: 0 0 auto !important;
}

.admin-home-body .stat-card span {
  display: block !important;
  margin: 0 0 7px 0 !important;
  color: #07877f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow: visible !important;
}

.admin-home-body .stat-card strong {
  display: block !important;
  color: #058d85 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.admin-home-body .warning-stat em {
  display: block !important;
  margin-top: 6px !important;
  color: #f17b15 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.admin-home-body .list-top h2 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-home-body .list-top p {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  color: #1e3a5f !important;
}

.admin-home-body .table-wrap table th {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-home-body .table-wrap table td {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

.admin-home-body #studentTable .student-name,
.admin-home-body #studentTable td a {
  color: #101820 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
}

@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 18px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 52px !important;
    letter-spacing: -1px !important;
  }

  .admin-home-body .hero-text {
    font-size: 21px !important;
  }

  .admin-home-body .hero-actions {
    min-width: 420px !important;
    gap: 10px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 52px !important;
    font-size: 14px !important;
    padding: 0 10px !important;
    gap: 7px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1,
  .admin-home-body .hero-text {
    white-space: normal !important;
    overflow: visible !important;
  }

  .admin-home-body .hero-actions {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-home-body .table-wrap {
    overflow-x: auto !important;
  }
}

.admin-home-body .admin-shell {
  width: calc(100vw - 292px) !important;
  max-width: none !important;
  margin-left: 248px !important;
  margin-right: 18px !important;
  padding: 18px 18px 32px !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 378px !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 146px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-card > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .hero-card h1 {
  margin: 0 !important;
  max-width: 100% !important;
  font-size: clamp(40px, 3.7vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.9px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: #078b84 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 950 !important;
}

.admin-home-body .hero-text {
  margin: 8px 0 0 2px !important;
  font-size: clamp(17px, 1.55vw, 22px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #168f87 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  width: 378px !important;
  min-width: 378px !important;
  max-width: 378px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 118px) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -0.1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
  font-size: 14px !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
  order: -1 !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
  order: -1 !important;
}

@media (max-width: 1340px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 270px) !important;
    margin-left: 244px !important;
    margin-right: 12px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 354px !important;
    gap: 14px !important;
    padding: 22px 24px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 43px !important;
    letter-spacing: -0.8px !important;
  }

  .admin-home-body .hero-text {
    font-size: 18px !important;
  }

  .admin-home-body .hero-actions {
    width: 354px !important;
    min-width: 354px !important;
    max-width: 354px !important;
    grid-template-columns: repeat(3, 112px) !important;
    gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 46px !important;
    font-size: 12px !important;
    gap: 5px !important;
    padding: 0 6px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    font-size: 13px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1,
  .admin-home-body .hero-text {
    white-space: normal !important;
    overflow: visible !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(98px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 124px) !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: end !important;
  width: 392px !important;
  min-width: 392px !important;
  max-width: 392px !important;
}

.admin-home-body .hero-actions .action-button {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 8px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, auto) !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
  column-gap: 7px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: -1 !important;
  flex: none !important;
  line-height: 1 !important;
  font-size: 13px !important;
  filter: none !important;
  text-align: center !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 120px) !important;
    width: 376px !important;
    min-width: 376px !important;
    max-width: 376px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 46px !important;
    font-size: 12px !important;
    grid-template-columns: 17px minmax(0, auto) !important;
    column-gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(105px, 1fr)) !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) 510px !important;
  gap: 18px !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, 158px) !important;
  gap: 12px !important;
  width: 498px !important;
  min-width: 498px !important;
  max-width: 498px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
  overflow: visible !important;
}

.admin-home-body .hero-actions .action-button {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  order: -1 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 18px !important;
  line-height: 1 !important;
  font-size: 15px !important;
  filter: none !important;
  text-align: center !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 480px !important;
    gap: 14px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 42px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 150px) !important;
    gap: 10px !important;
    width: 470px !important;
    min-width: 470px !important;
    max-width: 470px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 50px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    flex-basis: 17px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(135px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) 342px !important;
  gap: 14px !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, 106px) !important;
  gap: 8px !important;
  width: 334px !important;
  min-width: 334px !important;
  max-width: 334px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
  overflow: visible !important;
}

.admin-home-body .hero-actions .action-button {
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 6px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button::before {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  order: -1 !important;
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  height: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 13px !important;
  line-height: 1 !important;
  font-size: 11px !important;
  filter: none !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button.add::after {
  content: "➕" !important;
}

.admin-home-body .hero-actions .action-button.delete::after {
  content: "🗑️" !important;
}

.admin-home-body .hero-actions .action-button.logout::after {
  content: "↪" !important;
}

@media (max-width: 1340px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 324px !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 102px) !important;
    gap: 6px !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 40px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
    gap: 3px !important;
  }

  .admin-home-body .hero-actions .action-button::after {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-basis: 12px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-actions .action-button {
  position: relative !important;
  justify-content: center !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.admin-home-body .hero-actions .action-button::after {
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  pointer-events: none !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 8px !important;
  padding: 0 18px 12px !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  font-size: 28px !important;
  line-height: 1 !important;
}

.admin-home-body .filters {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 310px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap table th {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
}

.admin-home-body .list-card {
  padding-top: 12px !important;
}

.admin-home-body .list-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 16px 10px !important;
}

.admin-home-body .list-top > div:first-child {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  box-sizing: border-box !important;
}

.admin-home-body .filters {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}

.admin-home-body .filters input {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

.admin-home-body .filters select {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1250px) {
  .admin-home-body .list-top {
    gap: 8px !important;
  }

  .admin-home-body .filters input {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
  }

  .admin-home-body .filters select {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .admin-home-body .filters input,
  .admin-home-body .filters select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 352px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 26px 28px !important;
}

.admin-home-body .hero-actions {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(3, 112px) !important;
  gap: 8px !important;
  width: 352px !important;
  min-width: 352px !important;
  max-width: 352px !important;
  align-items: center !important;
  justify-content: end !important;
  margin: 0 !important;
}

.admin-home-body .hero-actions .action-button {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe4e1 !important;
  background: #f5fbfa !important;
  color: #0a8b84 !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.admin-home-body .hero-actions .action-button::before {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  filter: none !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  content: "＋" !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  content: "－" !important;
}

.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 108px) !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    font-size: 11.5px !important;
    gap: 5px !important;
    padding: 0 8px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: start !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .list-card {
  padding-top: 8px !important;
}

.admin-home-body .list-top {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 14px 8px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  flex: 0 0 auto !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  font-size: 23px !important;
  line-height: 1 !important;
}

.admin-home-body .filters {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.admin-home-body .filters select,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  display: none !important;
}

.admin-home-body .filters input,
.admin-home-body #searchInput {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.admin-home-body .table-wrap table th {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    flex-wrap: wrap !important;
  }

  .admin-home-body .filters {
    width: 100% !important;
  }

  .admin-home-body .filters input,
  .admin-home-body #searchInput {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .hero-actions .action-button {
  background: #eefbf8 !important;
  color: #07877f !important;
  border: 1px solid #bfe8e2 !important;
  box-shadow: none !important;
  filter: none !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0 12px !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  width: auto !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  line-height: 1 !important;
}

.admin-home-body .hero-actions .action-button::after {
  display: none !important;
  content: none !important;
}

.admin-home-body .hero-actions .action-button::before {
  position: static !important;
  order: 0 !important;
  content: "" !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: #eefbf8 !important;
  color: #07877f !important;
  border-color: #bfe8e2 !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  content: "+" !important;
  color: #07877f !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: #fff3f4 !important;
  color: #c94a57 !important;
  border-color: #f5c7cd !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  content: "-" !important;
  color: #c94a57 !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: #eef6ff !important;
  color: #2874c9 !important;
  border-color: #c7def8 !important;
}

.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
  color: #2874c9 !important;
  font-size: 15px !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #d9f7ee !important;
  border-color: #7fd7c7 !important;
  color: #05776f !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #ffe1e5 !important;
  border-color: #f09ba5 !important;
  color: #b83242 !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #dcedff !important;
  border-color: #91c2f5 !important;
  color: #1d66b8 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-actions .action-button {
    font-size: 11.5px !important;
    padding: 0 10px !important;
    gap: 5px !important;
  }
}

.admin-home-body .hero-actions .action-button.add {
  padding-left: 7px !important;
  padding-right: 8px !important;
  gap: 4px !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  flex-basis: 13px !important;
}

.admin-home-body .hero-actions .action-button.delete {
  padding-left: 7px !important;
  padding-right: 8px !important;
  gap: 4px !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  flex-basis: 13px !important;
}

.admin-home-body .hero-actions .action-button {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: #22c55e !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.add::before,
.admin-home-body .hero-actions .action-button.add .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: #ef4444 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.delete::before,
.admin-home-body .hero-actions .action-button.delete .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: #3b82f6 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.logout::before,
.admin-home-body .hero-actions .action-button.logout .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #15803d !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .hero-actions .action-button:active {
  box-shadow: none !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button {
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

.admin-home-body .hero-actions .action-button.add {
  background: #4ade80 !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.delete {
  background: #f87171 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.logout {
  background: #60a5fa !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.add::before {
  content: "✚" !important;
  color: #ffffff !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.delete::before {
  content: "−" !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.admin-home-body .hero-actions .action-button.logout::before {
  content: "↩" !important;
  color: #ffffff !important;
  font-size: 14px !important;
}

.admin-home-body .hero-actions .action-button.add .action-label,
.admin-home-body .hero-actions .action-button.delete .action-label,
.admin-home-body .hero-actions .action-button.logout .action-label {
  color: #ffffff !important;
}

.admin-home-body .hero-actions .action-button.add:hover,
.admin-home-body .hero-actions .action-button.add:focus-visible {
  background: #16a34a !important;
  border-color: #15803d !important;
}

.admin-home-body .hero-actions .action-button.delete:hover,
.admin-home-body .hero-actions .action-button.delete:focus-visible {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
}

.admin-home-body .hero-actions .action-button.logout:hover,
.admin-home-body .hero-actions .action-button.logout:focus-visible {
  background: #2563eb !important;
  border-color: #1d4ed8 !important;
}

.admin-home-body #studentTable .student-name {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  color: #101010 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.2px !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
}

.admin-home-body #studentTable .student-name:hover,
.admin-home-body #studentTable .student-name:focus-visible {
  color: #101010 !important;
  outline: none !important;
}

.admin-home-body .list-card {
  border-radius: 22px !important;
  border: 1px solid #d8ece9 !important;
  background: rgba(255,255,255,.96) !important;
  overflow: hidden !important;
  padding: 16px 0 0 !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 18px 16px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  margin: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 26px !important;
  border-radius: 17px !important;
  border: 1px solid #d2eeeb !important;
  background: #ecfbf8 !important;
  color: #08867f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  content: "📚" !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top p {
  display: block !important;
  margin: 8px 0 0 6px !important;
  color: #486c68 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 14px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  display: block !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid #d9e5ee !important;
  background: #fff !important;
  color: #233e63 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-sizing: border-box !important;
}

.admin-home-body #studentTable td:nth-child(2) {
  text-align: left !important;
}

.admin-home-body #studentTable .student-name {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101010 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.2px !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.admin-home-body #studentTable .student-name:hover,
.admin-home-body #studentTable .student-name:focus-visible {
  color: #101010 !important;
  background: transparent !important;
  outline: none !important;
}

@media (max-width: 1250px) {
  .admin-home-body .filters {
    grid-template-columns: 300px 170px 170px !important;
    gap: 10px !important;
  }

  .admin-home-body #searchInput {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }
}

.admin-home-body #studentTable .student-name {
  cursor: default !important;
  pointer-events: none !important;
}

.admin-home-body .list-top p {
  display: none !important;
}

.admin-home-body .list-card {
  padding-top: 10px !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 18px 10px !important;
  margin: 0 !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .list-top h2 {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-size: 25px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .list-top h2::before {
  font-size: 25px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

.admin-home-body .filters {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: 310px 180px 180px !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 14px !important;
  padding: 0 15px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.admin-home-body #searchInput {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

@media (max-width: 1250px) {
  .admin-home-body .list-top {
    gap: 10px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 285px 160px 160px !important;
    gap: 8px !important;
  }

  .admin-home-body #searchInput {
    width: 285px !important;
    min-width: 285px !important;
    max-width: 285px !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .admin-home-body #searchInput,
  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e6faf6 0%, #d8f4ef 100%) !important;
  border: 1px solid #bfe8e2 !important;
  color: #07877f !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "👥" !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #cdeee9 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.admin-home-body .list-top h2::before {
  content: "🧑‍🎓" !important;
  background: #ffffff !important;
  border: 1px solid #cdeee9 !important;
  font-size: 18px !important;
}

.admin-home-body .admin-shell {
  gap: 10px !important;
  padding-top: 14px !important;
}

.admin-home-body .hero-card {
  margin-bottom: 0 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  gap: 12px !important;
}

.admin-home-body .stat-card {
  margin-top: 0 !important;
}

.admin-home-body .list-top h2 {
  gap: 10px !important;
  padding-left: 18px !important;
  padding-right: 20px !important;
}

.admin-home-body .list-top h2::before {
  content: "👨‍🎓" !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #bfe8e2 !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .admin-shell {
    gap: 8px !important;
  }

  .admin-home-body .stats-grid {
    gap: 10px !important;
  }
}

.admin-home-body .admin-shell {
  gap: 6px !important;
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

.admin-home-body .hero-card {
  margin-bottom: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 18px !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
  gap: 10px !important;
}

.admin-home-body .stats-grid .stat-card {
  margin-top: 0 !important;
}

.admin-home-body .list-card {
  margin-top: 2px !important;
}

@media (max-width: 1250px) {
  .admin-home-body .admin-shell {
    gap: 5px !important;
    padding-top: 8px !important;
  }

  .admin-home-body .stats-grid {
    gap: 8px !important;
  }
}

.admin-home-body .hero-card {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 16px !important;
  padding-bottom: 14px !important;
  align-items: start !important;
}

.admin-home-body .hero-card > div:first-child {
  transform: translateY(-4px) !important;
}

.admin-home-body .hero-actions {
  transform: translateY(-2px) !important;
  align-self: start !important;
  margin-top: 0 !important;
}

.admin-home-body .hero-card h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 0.92 !important;
}

.admin-home-body .hero-text {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.admin-home-body .stats-grid {
  margin-top: 0 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .hero-card {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }

  .admin-home-body .hero-card > div:first-child {
    transform: translateY(-3px) !important;
  }

  .admin-home-body .hero-actions {
    transform: translateY(-2px) !important;
  }
}

.admin-home-body .table-wrap table th {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  line-height: 1.05 !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.08 !important;
}

.admin-home-body #studentTable tr {
  height: auto !important;
  min-height: 0 !important;
}

.admin-home-body #studentTable .student-name {
  line-height: 1.05 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  height: 26px !important;
  min-height: 26px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.admin-home-body .hero-text {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 12px !important;
}

.admin-home-body .hero-text::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  right: 10px !important;
  bottom: 1px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(232, 250, 246, 0.92) 8%,
      rgba(214, 244, 238, 0.96) 20%,
      rgba(201, 238, 232, 0.90) 37%,
      rgba(234, 251, 248, 0.97) 55%,
      rgba(201, 238, 232, 0.88) 74%,
      rgba(232, 250, 246, 0.95) 90%,
      rgba(255,255,255,0) 100%) !important;
  transform: rotate(-1.4deg) !important;
  opacity: 0.98 !important;
  box-shadow: 0 0 0 1px rgba(212, 244, 237, 0.18),
    0 1px 0 rgba(190, 232, 226, 0.35),
    0 0 2px rgba(228, 249, 245, 0.45) !important;
  filter: blur(0.25px) !important;
  pointer-events: none !important;
}

.admin-home-body .table-wrap table th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 14.5px !important;
  line-height: 1 !important;
}

.admin-home-body .table-wrap table td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable .student-name {
  font-size: 14px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.admin-home-body #studentTable tr {
  height: 28px !important;
  min-height: 28px !important;
}

.admin-home-body .stats-grid {
  gap: 10px !important;
}

.admin-home-body .stat-card {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
}

.admin-home-body .stat-card > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  transform: translateY(-2px) !important;
}

.admin-home-body .stat-mini-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 19px !important;
}

.admin-home-body .stat-card span {
  margin: 0 0 4px 0 !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
}

.admin-home-body .stat-card strong {
  font-size: 23px !important;
  line-height: 0.95 !important;
}

.admin-home-body .warning-stat em {
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

@media (max-width: 1250px) {
  .admin-home-body .stat-card {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    padding: 9px 11px !important;
  }

  .admin-home-body .stat-card strong {
    font-size: 21px !important;
  }
}

.admin-home-body .list-top {
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

.admin-home-body .list-top > div:first-child {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

.admin-home-body .list-top h2 {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 18px !important;
  border-radius: 12px !important;
  gap: 8px !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.admin-home-body .list-top h2::before {
  width: 27px !important;
  min-width: 27px !important;
  max-width: 27px !important;
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.admin-home-body .filters input,
.admin-home-body .filters select,
.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
}

.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e5faf6 0%, #d7f4ee 55%, #eefdf9 100%) !important;
  border: 1px solid #b7e7df !important;
  color: #067f78 !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓" !important;
  background: #ffffff !important;
  border: 1px solid #bdebe4 !important;
  color: #07877f !important;
}

.admin-home-body .admin-shell {
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
  box-sizing: border-box !important;
}

.admin-home-body .hero-card,
.admin-home-body .list-card,
.admin-home-body .stat-card {
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 1200px) {
  .admin-home-body .admin-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
    justify-content: stretch !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .admin-home-body .filters {
    justify-self: stretch !important;
    grid-template-columns: minmax(0, 1fr) 150px 150px !important;
    width: 100% !important;
  }

  .admin-home-body #searchInput {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

@media (max-width: 760px) {
  body.admin-home-body {
    overflow-x: hidden !important;
  }

  .admin-home-body .admin-shell {
    padding: 10px 10px 18px !important;
    gap: 8px !important;
  }

  .admin-home-body .hero-card {
    padding: 14px 14px 12px !important;
    border-radius: 18px !important;
  }

  .admin-home-body .hero-label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.6px !important;
  }

  .admin-home-body .hero-text {
    font-size: clamp(16px, 5vw, 22px) !important;
    padding-bottom: 8px !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .admin-home-body .hero-actions .action-button {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 12.5px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-home-body .stat-card {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    padding: 8px 9px !important;
  }

  .admin-home-body .stat-symbol-card {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .admin-home-body .stat-mini-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 17px !important;
  }

  .admin-home-body .stat-card span {
    font-size: 11.5px !important;
    line-height: 1.05 !important;
  }

  .admin-home-body .stat-card strong {
    font-size: 19px !important;
  }

  .admin-home-body .list-card {
    border-radius: 16px !important;
  }

  .admin-home-body .list-top {
    padding: 0 10px 8px !important;
  }

  .admin-home-body .list-top h2 {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    justify-content: flex-start !important;
    font-size: 19px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .admin-home-body .list-top h2::before {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    font-size: 15px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .admin-home-body #searchInput,
  .admin-home-body #classFilter,
  .admin-home-body #mentorFilter,
  .admin-home-body .filters input,
  .admin-home-body .filters select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 13px !important;
  }

  .admin-home-body .table-wrap table {
    min-width: 760px !important;
  }

  .admin-home-body .table-wrap table th {
    font-size: 13px !important;
  }

  .admin-home-body .table-wrap table td,
  .admin-home-body #studentTable .student-name {
    font-size: 12.5px !important;
  }
}

@media (max-width: 430px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .stat-card {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
  }
}

.admin-home-body {
  overflow-x: hidden !important;
}

.admin-home-body .admin-shell {
  width: calc(100vw - 260px) !important;
  max-width: calc(100vw - 260px) !important;
  margin-left: 244px !important;
  margin-right: 12px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .hero-card {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(40px, 4.1vw, 58px) !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.admin-home-body .hero-text {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  justify-content: stretch !important;
  overflow: hidden !important;
}

.admin-home-body .hero-actions .action-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 11.5px !important;
}

.admin-home-body .stats-grid {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(6, minmax(118px, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .stat-card {
  min-width: 0 !important;
  width: auto !important;
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.admin-home-body .stat-symbol-card {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 7px !important;
}

.admin-home-body .stat-card span {
  font-size: 11.8px !important;
  line-height: 1.05 !important;
  word-break: normal !important;
}

.admin-home-body .stat-card strong {
  font-size: 20px !important;
}

.admin-home-body .list-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .list-top {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body .filters {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  grid-template-columns: minmax(180px, 1fr) minmax(120px, 145px) minmax(120px, 145px) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.admin-home-body #searchInput,
.admin-home-body #classFilter,
.admin-home-body #mentorFilter {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
}

.admin-home-body .table-wrap table {
  width: 100% !important;
  min-width: 820px !important;
}

@media (max-width: 1380px) {
  .admin-home-body .admin-shell {
    width: calc(100vw - 250px) !important;
    max-width: calc(100vw - 250px) !important;
    margin-left: 238px !important;
    margin-right: 8px !important;
  }

  .admin-home-body .hero-card {
    grid-template-columns: minmax(0, 1fr) 315px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: clamp(38px, 3.9vw, 54px) !important;
  }

  .admin-home-body .hero-actions {
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(6, minmax(108px, 1fr)) !important;
    gap: 7px !important;
  }

  .admin-home-body .stat-card span {
    font-size: 11.2px !important;
  }

  .admin-home-body .filters {
    grid-template-columns: minmax(160px, 1fr) minmax(105px, 135px) minmax(105px, 135px) !important;
    gap: 7px !important;
  }
}

@media (max-width: 1100px) {
  .admin-home-body .admin-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.admin-home-body .list-top h2 {
  background: linear-gradient(90deg, #e6faf6 0%, #d9f5ef 55%, #f0fffc 100%) !important;
  border: 1px solid #b9e9e1 !important;
  color: #07877f !important;
  box-shadow: none !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓" !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #c9eee8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.student-info-list-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
}

.student-info-list-head h2 {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #e6faf6 0%, #d8f4ef 58%, #eefdf9 100%) !important;
  border: 1px solid #bde8e1 !important;
  color: #07877f !important;
  box-shadow: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.student-info-list-head h2::before {
  content: "🎓" !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  border: 1px solid #c9eee8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .student-info-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .student-info-list-head > div:first-child,
  .student-info-list-head h2 {
    width: 100% !important;
  }

  .student-info-list-head h2 {
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 20px !important;
  }

  .student-info-list-head h2::before {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    font-size: 15px !important;
  }
}

.form-hero p {
  display: inline-block !important;
  margin-top: 8px !important;
  padding: 7px 12px !important;
  border-radius: 12px !important;
  background: #eefbf8 !important;
  border: 1px solid #c9eee8 !important;
  color: #067f78 !important;
  font-size: 14.5px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .form-hero p {
    font-size: 13px !important;
    padding: 6px 10px !important;
    margin-top: 6px !important;
  }
}

.form-hero p {
  background: transparent !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #067f78 !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

.form-shell {
  gap: 10px !important;
}

.form-hero {
  padding: 14px 22px !important;
  border-radius: 18px !important;
  margin-bottom: 8px !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: 10px !important;
}

.form-hero h1 {
  font-size: clamp(26px, 3vw, 38px) !important;
  margin: 6px 0 4px !important;
  line-height: 0.98 !important;
  letter-spacing: -0.8px !important;
}

.form-hero p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

.update-pill,
.form-hero .update-pill,
.form-home-button {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.form-home-button {
  min-width: 110px !important;
}

@media (max-width: 900px) {
  .form-hero {
    padding: 12px 16px !important;
    gap: 8px !important;
  }

  .form-hero h1 {
    font-size: clamp(24px, 5vw, 34px) !important;
    margin: 4px 0 4px !important;
  }

  .form-hero p {
    font-size: 13px !important;
  }

  .update-pill,
  .form-hero .update-pill,
  .form-home-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

.test-page label:empty,
.test-page p:empty,
.test-page h1:empty,
.test-page h2:empty,
.test-page h3:empty {
  display: none !important;
}

.test-page select,
.test-page #studentSelect,
.test-page #selectedStudent,
.test-page select[name*="student"],
.test-page select[id*="student"],
.test-page select[id*="Student"] {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-self: start !important;
  align-self: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.test-page .big-form-card,
.test-page .detail-card,
.test-page .test-card {
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .test-page select,
  .test-page #studentSelect,
  .test-page #selectedStudent,
  .test-page select[name*="student"],
  .test-page select[id*="student"],
  .test-page select[id*="Student"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.test-page .unified-page-title,
.test-page .detail-hero h1,
.test-page h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.test-page .detail-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.test-page select,
.test-page #studentSelect,
.test-page #selectedStudent,
.test-page select[name*="student"],
.test-page select[id*="student"],
.test-page select[id*="Student"] {
  margin-left: 8px !important;
  margin-right: 0 !important;
  width: 300px !important;
  min-width: 260px !important;
  max-width: 340px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  align-self: center !important;
}

.test-page .detail-shell,
.test-page .form-shell {
  gap: 8px !important;
  padding-top: 10px !important;
}

.test-page .detail-card,
.test-page .big-form-card,
.test-page .test-card {
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

@media (max-width: 760px) {
  .test-page .detail-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
  }

  .test-page select,
  .test-page #studentSelect,
  .test-page #selectedStudent,
  .test-page select[name*="student"],
  .test-page select[id*="student"],
  .test-page select[id*="Student"] {
    margin-left: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}

.test-page .test-card.compact-card {
  padding-top: 12px !important;
}

.admin-password-disabled,
#adminPassword.admin-password-disabled {
  display: none !important;
}

#adminLoginBtn {
  opacity: 1 !important;
  pointer-events: auto !important;
}

select[id*="month"],
select[id*="Month"],
select[id*="ay"],
select[id*="Ay"],
select[class*="month"],
select[class*="Month"],
select[class*="ay"],
select[class*="Ay"] {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

select[id*="week"],
select[id*="Week"],
select[id*="hafta"],
select[id*="Hafta"],
select[class*="week"],
select[class*="Week"],
select[class*="hafta"],
select[class*="Hafta"] {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

@media (max-width: 760px) {
  select[id*="month"],
  select[id*="Month"],
  select[id*="ay"],
  select[id*="Ay"],
  select[class*="month"],
  select[class*="Month"],
  select[class*="ay"],
  select[class*="Ay"] {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  select[id*="week"],
  select[id*="Week"],
  select[id*="hafta"],
  select[id*="Hafta"],
  select[class*="week"],
  select[class*="Week"],
  select[class*="hafta"],
  select[class*="Hafta"] {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }
}

button,
.button,
.tab,
.update-pill,
.excel-button,
.mini-action,
.panel-button,
.action-button {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease, transform .08s ease, filter .12s ease !important;
}

button:active,
.button:active,
.tab:active,
.update-pill:active,
.excel-button:active,
.mini-action:active,
.panel-button:active,
.action-button:active,
.button-click-flash {
  background-color: #0f9f8f !important;
  border-color: #087f78 !important;
  color: #ffffff !important;
  filter: brightness(0.98) !important;
  transform: translateY(1px) !important;
}

button:active *,
.button:active *,
.tab:active *,
.update-pill:active *,
.excel-button:active *,
.mini-action:active *,
.panel-button:active *,
.action-button:active *,
.button-click-flash * {
  color: #ffffff !important;
}

select.week-disabled-until-month,
#messageWeek:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  background-color: #f3f7f7 !important;
}

select[id*="week"],
select[id*="Week"],
select[id*="hafta"],
select[id*="Hafta"],
select[class*="week"],
select[class*="Week"],
select[class*="hafta"],
select[class*="Hafta"],
#messageWeek {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 24px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  select[id*="week"],
  select[id*="Week"],
  select[id*="hafta"],
  select[id*="Hafta"],
  select[class*="week"],
  select[class*="Week"],
  select[class*="hafta"],
  select[class*="Hafta"],
  #messageWeek {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }
}

button,
button[id*="sendMessage"],
button[id*="SendMessage"],
button[class*="send-message"],
button[class*="message-send"] {
  box-sizing: border-box !important;
}

button[id*="sendMessage"],
button[id*="SendMessage"],
button[class*="send-message"],
button[class*="message-send"] {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.test-page button,
.book-page button,
.keyfiyet-static-page button {
  white-space: nowrap !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

.keyfiyet-static-page .keyfiyet-static-inner {
  padding-top: 8px !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-row,
.keyfiyet-static-page .keyfiyet-toolbar {
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  gap: 8px !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .sum-card {
  min-height: 58px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card {
  min-width: 0 !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card .sum-icon {
  font-size: 18px !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card span {
  font-size: 12px !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card strong {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}

.keyfiyet-static-page .keyfiyet-student-rank-card small {
  display: none !important;
}

.keyfiyet-static-page .keyfiyet-legend {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  margin-top: 6px !important;
}

@media (max-width: 760px) {
  .keyfiyet-static-page .keyfiyet-student-rank-card strong {
    font-size: 12px !important;
  }

  .keyfiyet-static-page .sum-card {
    min-height: 54px !important;
  }
}

.admin-home-body .hero-actions {
  transform: translateY(8px) !important;
  align-self: center !important;
  margin-top: 6px !important;
}

@media (max-width: 760px) {
  .admin-home-body .hero-actions {
    transform: translateY(4px) !important;
    margin-top: 4px !important;
  }
}

button,
.button,
.tab,
.update-pill,
.excel-button,
.mini-action,
.panel-button,
.action-button,
.save-button,
.clear-button,
a.whatsapp-trial-button {
  transition: background-color .12s ease, border-color .12s ease, color .12s ease, transform .08s ease, filter .12s ease !important;
}

button:active,
.button:active,
.tab:active,
.update-pill:active,
.excel-button:active,
.mini-action:active,
.panel-button:active,
.action-button:active,
.save-button:active,
.clear-button:active,
a.whatsapp-trial-button:active,
.button-click-flash {
  background-color: #0f9f8f !important;
  border-color: #087f78 !important;
  color: #ffffff !important;
  filter: brightness(0.98) !important;
  transform: translateY(1px) !important;
}

button:active *,
.button:active *,
.tab:active *,
.update-pill:active *,
.excel-button:active *,
.mini-action:active *,
.panel-button:active *,
.action-button:active *,
.save-button:active *,
.clear-button:active *,
a.whatsapp-trial-button:active *,
.button-click-flash * {
  color: #ffffff !important;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid rgba(15, 159, 143, .45) !important;
  outline-offset: 2px !important;
}

.admin-home-body .hero-actions .action-button.delete .action-label,
.admin-home-body .hero-actions .action-button.logout .action-label {
  transform: translateY(-1.5px) !important;
}

.admin-home-body .hero-actions .action-button.delete::before,
.admin-home-body .hero-actions .action-button.logout::before {
  transform: translateY(-1.5px) !important;
}

.admin-home-body .hero-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.admin-home-body .hero-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 132px) !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-content: end !important;
  justify-self: end !important;
  align-self: start !important;
  margin-top: 18px !important;
  margin-right: 28px !important;
  transform: none !important;
}

.admin-home-body .hero-actions .action-button {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
}

.admin-home-body .hero-actions .action-button .action-label {
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
}

.admin-home-body .hero-actions .action-button::before,
.admin-home-body .hero-actions .action-button::after {
  transform: none !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

@media (max-width: 1380px) {
  .admin-home-body .hero-actions {
    grid-template-columns: repeat(3, 112px) !important;
    gap: 9px !important;
    margin-right: 18px !important;
    margin-top: 18px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 8px !important;
  }

  .admin-home-body .hero-actions .action-button .action-label {
    font-size: 12.5px !important;
  }
}

@media (max-width: 760px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    justify-self: stretch !important;
    margin: 8px 0 0 0 !important;
    gap: 7px !important;
  }

  .admin-home-body .hero-actions .action-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.trial-page .trial-title-block {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.trial-page .trial-title-block h2 {
  margin: 0 0 6px 0 !important;
  line-height: 1 !important;
}

.trial-page .trial-top-add {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  white-space: nowrap !important;
}

@media (max-width: 1250px) {
  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 760px) {
  .trial-page .trial-top-add {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

.keyboard-active-field {
  outline: 2px solid rgba(15, 159, 143, .55) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 143, .12) !important;
}

.trial-page .trial-table thead th,
.trial-table thead th {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
  box-shadow: inset 0 -1px 0 rgba(7, 135, 125, .10) !important;
  vertical-align: middle !important;
}

.trial-page .trial-table thead tr:first-child th,
.trial-table thead tr:first-child th {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
}

.trial-page .trial-table th:nth-child(n/**/+3),
.trial-table th:nth-child(n/**/+3) {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
}

.trial-page .trial-table thead tr,
.trial-table thead tr {
  height: 38px !important;
}

.trial-page .trial-table thead th {
  height: 38px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

.trial-page .trial-table thead th:first-child,
.trial-page .trial-table thead th:nth-child(2) {
  border-bottom: 1px solid rgba(7, 135, 125, .18) !important;
  box-shadow: inset 0 -1px 0 rgba(7, 135, 125, .10) !important;
}

.trial-page .trial-table thead tr,
.trial-table thead tr {
  height: 32px !important;
}

.trial-page .trial-table thead th,
.trial-table thead th {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .trial-table th[data-trial-subject-head],
.trial-page .trial-table th[data-trial-total-net-head],
.trial-page .trial-table th[data-trial-score-head] {
  font-size: 11px !important;
  font-weight: 850 !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.trial-page .trial-table-wrap {
  margin-top: 6px !important;
}

.trial-page .trial-table .all-student-row-name,
.trial-table .all-student-row-name {
  color: #067f78 !important;
  font-weight: 900 !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.trial-page .trial-table td small,
.trial-table td small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  color: #52616f !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.keyboard-active-field {
  outline: 2px solid rgba(15, 159, 143, .60) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(15, 159, 143, .14) !important;
}

.trial-table td:has(.trial-input) {
  cursor: text;
}

.trial-table td:has(.trial-publisher-select) {
  cursor: pointer;
}

.trial-table td:has(.trial-input):focus-within {
  background: #f7fffe;
}

@media (max-width: 1250px) {
  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

.trial-page .trial-top-add {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.trial-page .trial-top-add {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  padding: 0 6px !important;
}

@media (max-width: 1450px) {
  .trial-page .trial-top-add {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 1250px) {
  .trial-page .trial-top-add {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}

:root {
  --navy: #08243d;
  --navy-2: #0d3456;
  --navy-soft: #eef5fb;
  --navy-line: #c8d9e8;
}

.admin-home-body {
  background: radial-gradient(circle at 0 0, rgba(8, 36, 61, .12), transparent 32%),
    linear-gradient(135deg, #f4fbff 0%, #ffffff 50%, #f6fafc 100%) !important;
}

.admin-home-body .admin-shell {
  padding-top: 20px !important;
}

.admin-home-body .hero-card {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 50px rgba(8, 36, 61, .10) !important;
  padding: 20px 28px !important;
  gap: 24px !important;
  transform: none !important;
}

.admin-home-body .hero-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.admin-home-body .hero-logo {
  width: clamp(180px, 25vw, 330px);
  height: 88px;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

.admin-home-body .hero-copy {
  min-width: 220px;
}

.admin-home-body .hero-card h1,
.admin-home-body .list-top h2,
.admin-home-body th,
.admin-home-body strong,
.side-menu-title,
.side-menu a.active,
.side-menu a:hover {
  color: var(--navy) !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.8px !important;
  font-weight: 800 !important;
}

.admin-home-body .hero-label {
  color: var(--navy-2) !important;
  letter-spacing: .08em !important;
  opacity: .82;
}

.admin-home-body .hero-text {
  color: #386075 !important;
  font-size: 15px !important;
  margin-top: 5px !important;
  border-top: 2px solid rgba(8, 36, 61, .16);
  display: inline-block;
  padding-top: 3px;
}

.admin-home-body .hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  min-width: 330px !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 108px !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

.admin-home-body .hero-actions .action-button.add {
  color: #ffffff !important;
  border-color: #2bbf71 !important;
  background: linear-gradient(180deg, #51d98b 0%, #28bd68 100%) !important;
}

.admin-home-body .hero-actions .action-button.delete {
  color: #ffffff !important;
  border-color: #e75b5b !important;
  background: linear-gradient(180deg, #ff7d7d 0%, #ee5a5a 100%) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  color: #ffffff !important;
  border-color: #477fbd !important;
  background: linear-gradient(180deg, #6ba8f7 0%, #4b87e6 100%) !important;
}

.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
  gap: 12px !important;
}

.admin-home-body .stat-symbol-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border-color: var(--navy-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.admin-home-body .stat-symbol-card > div:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.admin-home-body .stat-mini-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 12px !important;
  font-size: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(8, 36, 61, .15) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 36, 61, .08) !important;
}

.admin-home-body .stat-card span {
  min-height: auto !important;
  color: var(--navy-2) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.admin-home-body .stat-card strong {
  font-size: 24px !important;
  margin-top: 6px !important;
}

.admin-home-body .warning-stat em {
  display: inline-flex !important;
  align-items: center;
  width: max-content;
  margin-top: 5px !important;
  border-radius: 999px;
  padding: 2px 8px;
  background: #fff3dd;
  color: #c47a00 !important;
  font-size: 11px !important;
}

.admin-home-body .list-card {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 45px rgba(8, 36, 61, .08) !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: minmax(190px, auto) 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 18px 10px !important;
  background: linear-gradient(180deg, rgba(238, 245, 251, .65), rgba(255,255,255,.92)) !important;
}

.admin-home-body .list-top h2 {
  font-size: 24px !important;
  letter-spacing: -.3px;
}

.admin-home-body .result-count {
  margin: 5px 0 0 !important;
  color: #5f7180 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) 134px 144px !important;
  gap: 8px !important;
  width: 100% !important;
  align-items: center !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  display: flex;
  align-items: center;
  height: 38px;
  border: 1px solid var(--navy-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset 0 1px 2px rgba(8, 36, 61, .03);
}

.admin-home-body .search-field span {
  padding-left: 12px;
  color: #6c8195;
}

.admin-home-body .search-field input {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  width: 100%;
}

.admin-home-body .filter-field {
  position: relative;
}

.admin-home-body .filter-field small {
  position: absolute;
  top: -9px;
  left: 10px;
  padding: 0 5px;
  background: #ffffff;
  color: var(--navy-2);
  font-size: 10px;
  font-weight: 900;
}

.admin-home-body .filter-field select {
  width: 100%;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  height: 100% !important;
}

.admin-home-body table {
  min-width: 1040px !important;
}

.admin-home-body thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--navy-soft) !important;
  border-top: 1px solid var(--navy-line) !important;
  border-bottom: 1px solid var(--navy-line) !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 10px 14px !important;
  vertical-align: middle !important;
}

.admin-home-body tbody tr {
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.admin-home-body tbody tr:nth-child(even) {
  background: rgba(238, 245, 251, .42);
}

.admin-home-body tbody tr:hover {
  background: #edf7ff !important;
  box-shadow: inset 4px 0 0 var(--navy-2);
}

.admin-home-body .student-name {
  color: var(--navy) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 850 !important;
}

.admin-home-body #studentTable .pill,
.admin-home-body #studentTable .risk-pill {
  min-width: 78px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(8, 36, 61, .12) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  color: #60788d !important;
  background: #f3f7fb !important;
}

.side-menu.fixed {
  border-color: var(--navy-line) !important;
  box-shadow: 0 18px 46px rgba(8, 36, 61, .13) !important;
}

.side-menu-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 12px !important;
}

.side-menu-title img {
  width: 28px;
  height: 24px;
  object-fit: contain;
}

.side-menu-title span {
  line-height: 1.15;
}

.side-menu-group {
  margin: 12px 8px 5px;
  color: #7990a3;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.side-menu a {
  gap: 10px !important;
  min-height: 36px;
  border: 1px solid transparent;
}

.side-menu a span {
  width: 22px;
  min-width: 22px;
  text-align: center;
}

.side-menu a b {
  font: inherit;
}

.side-menu a.active,
.side-menu a:hover {
  background: var(--navy-soft) !important;
  border-color: var(--navy-line) !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }

  .admin-home-body .hero-card {
    align-items: flex-start !important;
  }

  .admin-home-body .hero-actions {
    min-width: 260px !important;
  }
}

@media (max-width: 980px) {
  .has-fixed-menu .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 12px !important;
    overflow: visible !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }

  .admin-home-body .hero-card,
  .admin-home-body .hero-brand {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-home-body .hero-logo {
    width: min(100%, 360px);
    height: 78px;
  }

  .admin-home-body .hero-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }

  .admin-home-body .hero-actions .action-button {
    flex: 1 1 140px;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filter-field {
    margin-top: 6px;
  }
}

@media (max-width: 640px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 26px !important;
  }

  .admin-home-body .table-wrap {
    border-top: 1px solid var(--navy-line);
  }

  .side-menu a {
    min-height: 34px;
  }
}

:root {
  --navy-main: #0b2f4f;
  --navy-deep: #08263d;
  --navy-muted: #4f6b82;
  --navy-soft-2: #f2f7fb;
  --navy-line-2: #d5e0ea;
}

.admin-home-body .admin-shell {
  width: min(1180px, calc(100% - 42px)) !important;
  padding-top: 18px !important;
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 18px 26px !important;
}

.admin-home-body .hero-logo {
  width: clamp(150px, 20vw, 250px) !important;
  height: 78px !important;
}

.admin-home-body .hero-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .hero-card h1 {
  font-size: clamp(24px, 2.45vw, 40px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  margin-bottom: 2px !important;
}

.admin-home-body .hero-label {
  margin-bottom: 8px !important;
}

.admin-home-body .hero-text {
  margin-top: 6px !important;
  color: var(--navy-muted) !important;
  border-top-color: rgba(11, 47, 79, .18) !important;
}

.admin-home-body .hero-actions {
  min-width: 0 !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-self: center !important;
  padding-left: 10px !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 114px !important;
  height: 42px !important;
  box-shadow: 0 10px 22px rgba(8, 36, 61, .12) !important;
}

.admin-home-body .stats-grid {
  grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.admin-home-body .stat-card,
.admin-home-body .stat-symbol-card {
  min-height: 96px !important;
  padding: 15px 16px !important;
}

.admin-home-body .stat-card strong,
.admin-home-body #totalStudents,
.admin-home-body #firstAverage,
.admin-home-body #secondAverage,
.admin-home-body #yearAverage {
  color: var(--navy-main) !important;
}

.admin-home-body .warning-stat {
  background: linear-gradient(180deg, #fffdfa 0%, #fff8ee 100%) !important;
}

.admin-home-body .warning-stat strong {
  font-size: 18px !important;
  line-height: 1.1 !important;
  color: #b36b00 !important;
}

.admin-home-body .warning-stat em {
  display: inline-flex !important;
  margin-top: 6px !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  background: #fff2da !important;
}

.admin-home-body .list-card {
  overflow: visible !important;
}

.admin-home-body .list-top {
  grid-template-columns: minmax(190px, auto) minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 14px 18px 12px !important;
}

.admin-home-body .filters {
  grid-template-columns: minmax(260px, 320px) 140px 150px !important;
  justify-content: end !important;
  gap: 10px !important;
}

.admin-home-body .search-field {
  height: 44px !important;
}

.admin-home-body .search-field input {
  font-size: 14px !important;
}

.admin-home-body .filter-field {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
  height: 44px !important;
  padding: 5px 10px 4px !important;
  gap: 1px !important;
}

.admin-home-body .filter-field small {
  position: static !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--navy-muted) !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.admin-home-body .filter-field select {
  height: auto !important;
  padding: 0 !important;
  color: var(--navy-main) !important;
  font-weight: 700 !important;
}

.admin-home-body table {
  min-width: 860px !important;
}

.admin-home-body thead th {
  background: #edf4fa !important;
  color: var(--navy-main) !important;
}

.admin-home-body tbody tr:hover {
  background: #f2f7fb !important;
  box-shadow: inset 4px 0 0 var(--navy-main) !important;
}

.admin-home-body #studentTable .pill {
  border-color: rgba(11, 47, 79, .14) !important;
}

.admin-home-body #studentTable .pill.good {
  background: #eef5fb !important;
  color: var(--navy-main) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f5f8fb !important;
  color: #5f7386 !important;
}

@media (max-width: 1180px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-actions {
    padding-left: 0 !important;
    justify-content: flex-start !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  .admin-home-body .search-field,
  .admin-home-body .filter-field {
    height: 46px !important;
  }
}

:root {
  --theme-navy: #08263d;
  --theme-navy-2: #0b2f4f;
  --theme-navy-3: #123d60;
  --theme-soft: #f3f7fb;
  --theme-line: #cddbe8;
  --theme-line-soft: #dbe7f0;
}

.admin-home-body {
  background: radial-gradient(circle at top left, rgba(8, 38, 61, .10), transparent 30%),
    linear-gradient(135deg, #f5f9fc 0%, #ffffff 48%, #f7fafc 100%) !important;
}

.admin-home-body .admin-shell {
  width: min(1180px, calc(100% - 42px)) !important;
  padding-top: 10px !important;
}

.admin-home-body .hero-card {
  display: grid !important;
  grid-template-columns: 250px minmax(280px, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 120px !important;
  padding: 16px 26px !important;
  border-color: var(--theme-line) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 42px rgba(8, 38, 61, .09) !important;
}

.admin-home-body .hero-brand {
  display: contents !important;
}

.admin-home-body .hero-logo {
  grid-column: 1 !important;
  width: 235px !important;
  height: 76px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.admin-home-body .hero-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  padding-left: 4px !important;
}

.admin-home-body .hero-label {
  display: none !important;
}

.admin-home-body .hero-card h1 {
  color: var(--theme-navy) !important;
  font-size: clamp(30px, 2.6vw, 40px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.9px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  margin: 0 0 4px !important;
  text-shadow: none !important;
}

.admin-home-body .hero-text {
  color: #405c72 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding-top: 4px !important;
  width: max-content !important;
  max-width: 100% !important;
  border-top: 2px solid rgba(8, 38, 61, .12) !important;
}

.admin-home-body .hero-actions {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  flex-wrap: nowrap !important;
}

.admin-home-body .hero-actions .action-button {
  min-width: 112px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  padding: 0 14px !important;
  box-shadow: 0 9px 18px rgba(8, 38, 61, .11) !important;
}

.admin-home-body .hero-actions .action-button.logout {
  min-width: 110px !important;
}

.admin-home-body .stats-grid {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
  gap: 14px !important;
}

.admin-home-body .stat-card,
.admin-home-body .stat-symbol-card {
  min-height: 96px !important;
  padding: 14px 16px !important;
  border-color: var(--theme-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}

.admin-home-body .stat-mini-icon {
  border-color: rgba(8, 38, 61, .18) !important;
}

.admin-home-body .stat-card span {
  color: var(--theme-navy-2) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
}

.admin-home-body .stat-card strong {
  color: var(--theme-navy) !important;
  font-size: 25px !important;
  margin-top: 6px !important;
}

.admin-home-body .risk-summary-card,
.admin-home-body .warning-stat {
  overflow: hidden !important;
}

.admin-home-body .risk-summary-card {
  background: linear-gradient(180deg, #fffdf8 0%, #fff7e8 100%) !important;
}

.admin-home-body .risk-summary-card > div:last-child {
  min-width: 0 !important;
  justify-content: center !important;
}

.admin-home-body .risk-summary-card span {
  position: static !important;
  display: block !important;
  margin: 0 0 4px !important;
  white-space: nowrap !important;
}

.admin-home-body .risk-summary-card strong {
  color: #59697a !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.admin-home-body .risk-summary-card em {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  color: #b36b00 !important;
  background: #fff1d8 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.admin-home-body .list-card {
  overflow: hidden !important;
  border-color: var(--theme-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(8, 38, 61, .075) !important;
}

.admin-home-body .list-top {
  display: grid !important;
  grid-template-columns: minmax(260px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px 18px 10px !important;
  background: linear-gradient(180deg, rgba(243,247,251,.9), #ffffff) !important;
}

.admin-home-body .list-top h2 {
  color: var(--theme-navy) !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.admin-home-body .result-count {
  display: none !important;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: 320px 140px 150px !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.admin-home-body .search-field {
  height: 44px !important;
  border-color: var(--theme-line) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .035) !important;
}

.admin-home-body .search-field span {
  padding-left: 12px !important;
  color: var(--theme-navy-2) !important;
}

.admin-home-body .search-field input {
  height: 100% !important;
  color: var(--theme-navy) !important;
  font-size: 14px !important;
  padding-left: 10px !important;
}

.admin-home-body .filter-field {
  height: 44px !important;
  display: grid !important;
  grid-template-rows: 11px 1fr !important;
  align-items: center !important;
  gap: 1px !important;
  padding: 5px 10px 4px !important;
  border-color: var(--theme-line) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .035) !important;
}

.admin-home-body .filter-field small {
  position: static !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--theme-navy-3) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.admin-home-body .filter-field select {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--theme-navy) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.admin-home-body .table-wrap {
  overflow-x: auto !important;
  border-top: 1px solid var(--theme-line-soft) !important;
}

.admin-home-body table {
  min-width: 840px !important;
}

.admin-home-body thead th {
  background: #eef4f9 !important;
  color: var(--theme-navy-2) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--theme-line) !important;
}

.admin-home-body th,
.admin-home-body td {
  padding: 8px 16px !important;
  height: 34px !important;
  line-height: 1.1 !important;
}

.admin-home-body tbody tr:nth-child(even) {
  background: rgba(243, 247, 251, .82) !important;
}

.admin-home-body tbody tr:hover {
  background: #f0f6fb !important;
  box-shadow: inset 4px 0 0 var(--theme-navy-2) !important;
}

.admin-home-body #studentTable .student-name {
  color: var(--theme-navy) !important;
}

.admin-home-body #studentTable .pill {
  min-width: 62px !important;
  padding: 3px 11px !important;
  border-color: rgba(8, 38, 61, .14) !important;
}

.admin-home-body #studentTable .risk-pill {
  min-width: 76px !important;
  margin-right: 12px !important;
  background: #f5f8fb !important;
  color: #5d7183 !important;
}

.side-menu.fixed {
  top: 100px !important;
  bottom: 12px !important;
  height: auto !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .28) transparent !important;
  border-color: var(--theme-line) !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 6px !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .24) !important;
  border-radius: 999px !important;
}

.side-menu-title,
.side-menu a.active,
.side-menu a:hover {
  color: var(--theme-navy) !important;
}

.side-menu a.active,
.side-menu a:hover {
  background: var(--theme-soft) !important;
  border-color: var(--theme-line) !important;
}

.admin-home-body input:focus,
.admin-home-body select:focus,
.admin-home-body textarea:focus {
  border-color: var(--theme-navy-2) !important;
  box-shadow: 0 0 0 4px rgba(8, 38, 61, .10) !important;
}

@media (max-width: 1220px) {
  .admin-home-body .hero-card {
    grid-template-columns: 220px minmax(260px, 1fr) auto !important;
    gap: 18px !important;
  }

  .admin-home-body .hero-logo {
    width: 210px !important;
  }

  .admin-home-body .hero-card h1 {
    font-size: 30px !important;
  }

  .admin-home-body .hero-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  .admin-home-body .stats-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .hero-brand {
    display: flex !important;
    flex-direction: column !important;
  }

  .admin-home-body .hero-logo,
  .admin-home-body .hero-copy,
  .admin-home-body .hero-actions {
    grid-column: auto !important;
  }

  .admin-home-body .hero-logo {
    width: min(100%, 280px) !important;
  }

  .admin-home-body .hero-card h1 {
    white-space: normal !important;
  }

  .admin-home-body .hero-actions {
    justify-content: flex-start !important;
  }

  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  .side-menu.fixed {
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
  }
}

@media (max-width: 640px) {
  .admin-home-body .stats-grid {
    grid-template-columns: 1fr !important;
  }
}

:root {
  --menu-w: 238px;
  --menu-navy: #08263d;
  --menu-navy-2: #0b3558;
  --menu-muted: #64788b;
  --menu-bg: rgba(255, 255, 255, .96);
  --menu-soft: #f2f6fa;
  --menu-line: #d5e1ec;
}

.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: calc(var(--menu-w) + 18px) !important;
  margin-right: 20px !important;
  width: calc(100% - var(--menu-w) - 58px) !important;
  max-width: none !important;
}

.side-menu.fixed {
  left: 12px !important;
  top: 100px !important;
  bottom: 12px !important;
  width: var(--menu-w) !important;
  height: auto !important;
  padding: 16px 12px 14px !important;
  border: 1px solid var(--menu-line) !important;
  border-radius: 16px !important;
  background: var(--menu-bg) !important;
  box-shadow: 0 18px 42px rgba(8, 38, 61, .11) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .18) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .18) !important;
  border-radius: 999px !important;
}

.side-menu-title {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 46px !important;
  margin: 0 0 13px !important;
  padding: 5px 6px 12px !important;
  border-bottom: 1px solid var(--menu-line) !important;
  color: var(--menu-navy) !important;
}

.side-menu-title img {
  width: 29px !important;
  height: 29px !important;
  object-fit: contain !important;
}

.side-menu-title span {
  display: block !important;
  color: var(--menu-navy) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.15px !important;
}

.side-menu-group {
  margin: 14px 7px 6px !important;
  color: #71879a !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.side-menu a {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 39px !important;
  margin: 3px 0 !important;
  padding: 0 9px !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  color: #27364a !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.side-menu a span {
  width: 34px !important;
  min-width: 34px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #f7fafc !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  color: var(--menu-navy-2) !important;
}

.side-menu a b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

.menu-svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.side-menu a:hover {
  background: #f4f8fb !important;
  border-color: var(--menu-line) !important;
  color: var(--menu-navy) !important;
  transform: translateX(1px) !important;
}

.side-menu a:hover span {
  background: #ffffff !important;
  border-color: rgba(8, 38, 61, .18) !important;
  box-shadow: 0 8px 16px rgba(8, 38, 61, .08) !important;
}

.side-menu a.active {
  background: linear-gradient(180deg, #eef4f9 0%, #f8fbfd 100%) !important;
  border-color: #c4d5e4 !important;
  color: var(--menu-navy) !important;
  box-shadow: inset 3px 0 0 var(--menu-navy-2), 0 8px 18px rgba(8, 38, 61, .06) !important;
}

.side-menu a.active span {
  background: var(--menu-navy) !important;
  color: #ffffff !important;
  border-color: var(--menu-navy) !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .16) !important;
}

@media (max-width: 980px) {
  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }

  .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 12px !important;
    overflow: visible !important;
  }
}

.side-menu-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  grid-template-columns: none !important;
  min-height: 42px !important;
  padding: 7px 8px 13px !important;
}

.side-menu-title img {
  display: none !important;
}

.side-menu-title span {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.2px !important;
}

.admin-home-body .list-card {
  border-radius: 18px !important;
}

.admin-home-body .list-top {
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 16px 9px !important;
  min-height: 64px !important;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

.admin-home-body .list-top > div:first-child {
  display: flex !important;
  align-items: center !important;
  min-width: 230px !important;
}

.admin-home-body .list-top h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 5px 14px !important;
  border: 1px solid rgba(8, 38, 61, .13) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .04) !important;
}

.admin-home-body .list-top h2::before {
  content: "🎓";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #f1f6fa;
  font-size: 14px;
}

.admin-home-body .filters {
  display: grid !important;
  grid-template-columns: minmax(220px, 300px) 122px 132px !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  height: 36px !important;
  min-height: 36px !important;
  border: 1px solid #d7e3ed !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.admin-home-body .search-field {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: center !important;
}

.admin-home-body .search-field span {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #60778d !important;
  font-size: 14px !important;
}

.admin-home-body .search-field input {
  height: 34px !important;
  padding: 0 11px 0 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #08263d !important;
}

.admin-home-body .filter-field {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .filter-field small {
  display: none !important;
}

.admin-home-body .filter-field select {
  width: 100% !important;
  height: 34px !important;
  padding: 0 28px 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
}

.admin-home-body .search-field:focus-within,
.admin-home-body .filter-field:focus-within {
  border-color: rgba(8, 38, 61, .35) !important;
  box-shadow: 0 0 0 3px rgba(8, 38, 61, .07) !important;
}

.admin-home-body .table-wrap {
  border-top: 1px solid #dbe7f0 !important;
}

.admin-home-body thead th {
  height: 30px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

@media (max-width: 1120px) {
  .admin-home-body .filters {
    grid-template-columns: minmax(200px, 1fr) 118px 128px !important;
  }

  .admin-home-body .list-top > div:first-child {
    min-width: 210px !important;
  }
}

@media (max-width: 900px) {
  .admin-home-body .list-top {
    grid-template-columns: 1fr !important;
  }

  .admin-home-body .list-top > div:first-child {
    min-width: 0 !important;
  }

  .admin-home-body .filters {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
}

.admin-home-body .search-field {
  position: relative !important;
  display: block !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .search-field span {
  position: absolute !important;
  left: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #6f8396 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 11px 0 32px !important;
  border: 0 !important;
  background: transparent !important;
}

.admin-home-body .search-field {
  position: relative !important;
  overflow: hidden !important;
}

.admin-home-body .search-field span {
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f8396 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 11px 0 34px !important;
  text-indent: 0 !important;
}

.admin-home-body .search-field input::placeholder {
  color: #7c8fa1 !important;
}

.admin-home-body .list-top {
  min-height: 58px !important;
  padding: 8px 14px 8px !important;
}

.admin-home-body .list-top h2 {
  min-height: 30px !important;
  padding: 4px 12px !important;
  font-size: 20px !important;
}

.admin-home-body .filters {
  grid-template-columns: minmax(220px, 290px) 118px 128px !important;
  gap: 7px !important;
}

.admin-home-body .search-field,
.admin-home-body .filter-field {
  height: 33px !important;
  min-height: 33px !important;
  border-radius: 10px !important;
}

.admin-home-body .search-field {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
}

.admin-home-body .search-field input {
  width: 100% !important;
  height: 31px !important;
  padding: 0 10px 0 34px !important;
  border: 0 !important;
  background: transparent !important;
  color: #08263d !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

.admin-home-body .search-field input::placeholder {
  color: #7c8fa1 !important;
  opacity: 1 !important;
}

.admin-home-body .filter-field {
  overflow: hidden !important;
}

.admin-home-body .filter-field select {
  height: 31px !important;
  line-height: 31px !important;
  padding: 0 26px 0 10px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

@media (max-width: 1120px) {
  .admin-home-body .filters {
    grid-template-columns: minmax(200px, 1fr) 114px 124px !important;
  }
}

.admin-home-body .search-field span {
  display: none !important;
}

.admin-home-body .search-field input {
  padding-left: 12px !important;
}

.admin-home-body .search-field {
  display: flex !important;
  align-items: center !important;
}

.admin-home-body .search-field input {
  height: 100% !important;
  min-height: 31px !important;
  line-height: 31px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 12px !important;
  display: block !important;
  vertical-align: middle !important;
}

.admin-home-body .search-field input::placeholder {
  line-height: 31px !important;
}

.admin-home-body .filter-field {
  display: flex !important;
  align-items: center !important;
}

.admin-home-body .filter-field select {
  height: 100% !important;
  min-height: 31px !important;
  line-height: 31px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
  appearance: auto !important;
}

.form-shell {
  width: calc(100vw - 282px) !important;
  max-width: none !important;
  margin-left: 246px !important;
  margin-right: 12px !important;
  padding-top: 10px !important;
}

.form-hero {
  padding: 16px 22px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.97) !important;
}

.form-hero .hero-label {
  color: #0b3558 !important;
  letter-spacing: .08em !important;
}

.form-hero h1 {
  color: #08263d !important;
}

.form-hero p {
  color: #436175 !important;
}

.update-pill,
.form-hero .update-pill,
.form-home-button {
  height: 38px !important;
  border-radius: 13px !important;
  font-weight: 850 !important;
  padding: 0 18px !important;
}

.form-home-button {
  min-width: 116px !important;
}

.big-form-card {
  border-color: #d7e3ed !important;
  box-shadow: 0 16px 36px rgba(8,38,61,.08) !important;
}

.tabs.compact-tabs,
.compact-tabs.status-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 7px !important;
  padding-bottom: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8,38,61,.18) transparent !important;
}

.tabs.compact-tabs::-webkit-scrollbar,
.compact-tabs.status-tabs::-webkit-scrollbar {
  height: 5px !important;
}

.tabs.compact-tabs::-webkit-scrollbar-thumb,
.compact-tabs.status-tabs::-webkit-scrollbar-thumb {
  background: rgba(8,38,61,.18) !important;
  border-radius: 999px !important;
}

.compact-tabs .tab {
  height: 30px !important;
  min-width: 82px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
}

.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  min-width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 11px !important;
  font-size: 11.5px !important;
}

.status-tabs .tab-icon {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  border-radius: 5px !important;
  position: relative !important;
  flex: 0 0 16px !important;
  background: #f5f8fb !important;
  border: 1px solid rgba(8,38,61,.12) !important;
}

.status-tabs .tab-label {
  display: inline-block !important;
}

.status-tabs .tab-icon::before,
.status-tabs .tab-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.status-tabs .tab-icon.accounting::before {
  left: 3px;
  top: 2px;
  width: 8px;
  height: 10px;
  border: 1.7px solid #0b3558;
  border-radius: 2px;
}

.status-tabs .tab-icon.accounting::after {
  left: 6px;
  top: 5px;
  width: 4px;
  height: 1.6px;
  background: #0b3558;
  box-shadow: 0 3px 0 #0b3558, 5px 6px 0 1px #0b3558;
  border-radius: 999px;
}

.status-tabs .tab-icon.receipt::before {
  left: 4px;
  top: 2px;
  width: 8px;
  height: 11px;
  border: 1.7px solid #0b3558;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.status-tabs .tab-icon.receipt::after {
  left: 6px;
  top: 5px;
  width: 4px;
  height: 1.7px;
  background: #0b3558;
  box-shadow: 0 3px 0 #0b3558, 0 6px 0 #0b3558;
}

.status-tabs .tab-icon.settings::before {
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  border: 1.7px solid #0b3558;
  border-radius: 50%;
}

.status-tabs .tab-icon.settings::after {
  left: 1px;
  top: 1px;
  width: 12px;
  height: 12px;
  border: 1.6px dashed #0b3558;
  border-radius: 50%;
}

.student-info-list-panel {
  border-color: #d8e4ec !important;
  background: rgba(255,255,255,.98) !important;
  padding: 14px 14px 12px !important;
}

.student-info-list-head {
  align-items: center !important;
  padding: 2px 2px 12px !important;
  gap: 10px !important;
}

.student-info-list-head h2 {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid #d7e3ed !important;
  color: #08263d !important;
  box-shadow: 0 8px 18px rgba(8,38,61,.04) !important;
  font-size: 22px !important;
}

.student-info-list-head h2::before {
  content: "" !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 2px solid #0b3558 !important;
  background: transparent !important;
}

.student-new-button {
  height: 36px !important;
  min-width: 142px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  padding: 0 14px !important;
}

.student-info-table-wrap {
  border-color: #d8e4ec !important;
}

.student-info-list-table th {
  background: #eff4f8 !important;
  color: #0b3558 !important;
  border-bottom: 1px solid #d8e4ec !important;
}

.student-info-list-table td {
  border-bottom: 1px solid rgba(11,53,88,.10) !important;
}

.student-info-click-row {
  background: rgba(255,255,255,.96) !important;
}

.student-info-click-row:nth-child(even) {
  background: #f7fafc !important;
}

.student-info-click-row:hover,
.student-info-click-row:focus {
  background: #f1f6fa !important;
  box-shadow: inset 4px 0 0 rgba(11,53,88,.42) !important;
}

.student-info-name-button,
.student-info-name-button:hover {
  color: #0b3558 !important;
}

.registration-day-pill {
  background: #f5f8fb !important;
  color: #0b3558 !important;
  border-color: rgba(11,53,88,.14) !important;
}

.side-menu.fixed {
  top: 100px !important;
  bottom: 12px !important;
  height: auto !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8,38,61,.16) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8,38,61,.16) !important;
  border-radius: 999px !important;
}

.side-menu-title {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 4px !important;
  padding-bottom: 10px !important;
}

@media (max-width: 980px) {
  .form-shell {
    width: min(100% - 24px, 1120px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .student-info-list-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .student-new-button {
    width: 100% !important;
  }
}

:root {
  --menu-w: 238px;
  --page-gap: 16px;
  --top-gap: 98px;
}

.side-menu.fixed {
  top: var(--top-gap) !important;
  bottom: 10px !important;
  left: 10px !important;
  width: var(--menu-w) !important;
  height: calc(100vh - var(--top-gap) - 10px) !important;
  max-height: calc(100vh - var(--top-gap) - 10px) !important;
  padding: 14px 12px 12px !important;
  border-radius: 15px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid #d5e1ec !important;
  box-shadow: 0 16px 36px rgba(8, 38, 61, .10) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .16) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 5px !important;
}

.side-menu.fixed::-webkit-scrollbar-track {
  background: transparent !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .16) !important;
  border-radius: 999px !important;
}

.side-menu-title {
  min-height: 36px !important;
  margin-bottom: 10px !important;
  padding: 3px 6px 10px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #d5e1ec !important;
}

.side-menu-title span {
  font-size: 15.5px !important;
  line-height: 1.1 !important;
}

.side-menu-group {
  margin: 11px 7px 5px !important;
  font-size: 9.5px !important;
}

.side-menu a {
  min-height: 34px !important;
  margin: 2px 0 !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  border-radius: 10px !important;
}

.side-menu a span {
  width: 30px !important;
  min-width: 30px !important;
  height: 28px !important;
}

.side-menu a b {
  font-size: 13px !important;
}

.has-fixed-menu .admin-shell,
.has-fixed-menu .detail-shell,
.has-fixed-menu .form-shell {
  margin-left: calc(var(--menu-w) + var(--page-gap) + 10px) !important;
  margin-right: 12px !important;
  width: calc(100vw - var(--menu-w) - var(--page-gap) - 34px) !important;
  max-width: none !important;
}

.has-fixed-menu .form-shell {
  padding-top: 10px !important;
}

.form-hero,
.big-form-card,
.detail-hero,
.eokul-card,
.book-card,
.loss-card {
  border-color: #d6e2ec !important;
}

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(8, 38, 61, .25) #f4f7fa;
}

html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: #f4f7fa;
}

html::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .25);
  border-radius: 999px;
}

@media (max-width: 980px) {
  .side-menu.fixed {
    position: static !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px !important;
    overflow: visible !important;
  }

  .has-fixed-menu .admin-shell,
  .has-fixed-menu .detail-shell,
  .has-fixed-menu .form-shell {
    margin-left: auto !important;
    margin-right: auto !important;
    width: min(100% - 24px, 1120px) !important;
  }
}

.form-shell {
  padding-top: 8px !important;
}

.form-hero {
  min-height: auto !important;
  padding: 12px 18px !important;
  margin-bottom: 8px !important;
  border-radius: 17px !important;
  overflow: visible !important;
}

.form-hero h1 {
  font-size: clamp(24px, 2.35vw, 34px) !important;
  line-height: 1.02 !important;
  margin: 4px 0 3px !important;
}

.form-hero p {
  font-size: 12.5px !important;
  line-height: 1.15 !important;
}

.side-menu.fixed {
  padding-top: 11px !important;
  padding-bottom: 9px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .12) transparent !important;
}

.side-menu.fixed::-webkit-scrollbar {
  width: 4px !important;
}

.side-menu.fixed::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .12) !important;
}

.side-menu-title {
  min-height: 32px !important;
  margin-bottom: 7px !important;
  padding-top: 2px !important;
  padding-bottom: 8px !important;
}

.side-menu-title span {
  font-size: 15px !important;
}

.side-menu-group {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 9px !important;
}

.side-menu a {
  min-height: 31px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.side-menu a span {
  width: 28px !important;
  min-width: 28px !important;
  height: 26px !important;
}

.side-menu a b {
  font-size: 12.6px !important;
}

.big-form-card {
  padding: 12px 14px 14px !important;
  border-radius: 17px !important;
}

#studentInfoForm {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 8px !important;
}

.paired-field-row {
  gap: 6px !important;
  margin-bottom: 5px !important;
}

.field-label-box,
.paired-field-row label {
  min-height: 24px !important;
  height: 24px !important;
  padding: 3px 8px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  line-height: 1.02 !important;
  color: #0b3558 !important;
  border-color: #cfdce8 !important;
  background: #f8fbfd !important;
}

.paired-field-row input,
.paired-field-row select,
.paired-field-row textarea,
.form-column input,
.form-column select,
.form-column textarea {
  min-height: 25px !important;
  height: 25px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-color: #d5e1ec !important;
  background: #f8fbfd !important;
}

.form-column textarea,
.paired-field-row textarea,
#note {
  min-height: 44px !important;
  height: 44px !important;
  padding-top: 7px !important;
}

.two-pair-row {
  grid-template-columns: 118px 1fr 118px 1fr !important;
  gap: 6px !important;
}

.phone-input-wrap small {
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  margin-top: 1px !important;
}

.form-title-with-actions,
.form-title.form-title-with-actions {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 100% !important;
  margin: 8px 6px 10px !important;
}

.form-title h2 {
  color: #08263d !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.form-title p {
  color: #526a7f !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.excel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.excel-button,
.student-new-button {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.form-shell,
.big-form-card,
.form-hero,
.student-info-list-panel {
  --green: #0b3558;
  --green-strong: #08263d;
  --green-soft: #f2f6fa;
  --line: #d5e1ec;
}

.required-star {
  color: #d23b3b !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #0b3558 !important;
  box-shadow: 0 0 0 3px rgba(8, 38, 61, .08) !important;
}

.form-grid {
  padding-bottom: 0 !important;
}

.form-column {
  gap: 4px !important;
}

.form-actions {
  position: sticky !important;
  bottom: 8px !important;
  z-index: 10 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 8px 8px !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 -8px 22px rgba(8,38,61,.06) !important;
}

.clear-button,
.save-button {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  font-size: 12px !important;
}

.save-button {
  background: #0b3558 !important;
}

.clear-button {
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.student-info-list-head h2 {
  color: #08263d !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.student-info-list-table th {
  color: #0b3558 !important;
  background: #f0f5f9 !important;
}

.student-info-list-table td {
  border-bottom-color: rgba(8, 38, 61, .09) !important;
}

.registration-day-pill {
  color: #0b3558 !important;
  background: #f5f8fb !important;
  border-color: rgba(8,38,61,.13) !important;
}

@media (max-width: 1050px) {
  .form-title-with-actions,
  .form-title.form-title-with-actions {
    grid-template-columns: 1fr !important;
  }

  .excel-actions {
    justify-content: flex-start !important;
  }

  .two-pair-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #studentInfoForm,
  .student-info-form-layout,
  .form-grid.single-form-grid.student-info-form-layout {
    max-width: 100% !important;
  }

  .form-actions {
    position: static !important;
  }
}

.eokul-card,
.book-card,
.detail-card,
.big-form-card {
  border-color: #d6e2ec !important;
}

.status-tabs,
.compact-tabs {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .14) transparent !important;
}

.status-tabs::-webkit-scrollbar,
.compact-tabs::-webkit-scrollbar {
  height: 4px !important;
}

.status-tabs::-webkit-scrollbar-track,
.compact-tabs::-webkit-scrollbar-track {
  background: transparent !important;
}

.status-tabs::-webkit-scrollbar-thumb,
.compact-tabs::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .14) !important;
  border-radius: 999px !important;
}

.status-tabs .tab,
.compact-tabs .tab {
  border-color: #d5e1ec !important;
  background: #ffffff !important;
  color: #0b3558 !important;
}

.status-tabs .tab.active,
.compact-tabs .tab.active,
.status-tabs .tab.active:disabled,
.compact-tabs .tab.active:disabled {
  background: #0b3558 !important;
  color: #ffffff !important;
  border-color: #0b3558 !important;
}

.eokul-card h2,
.section-title {
  color: #08263d !important;
}

.eokul-card select {
  border-color: #d5e1ec !important;
  color: #0b3558 !important;
  background: #ffffff !important;
  border-radius: 11px !important;
}

.grade-table-wrap,
.table-wrap {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(8, 38, 61, .18) transparent !important;
}

.grade-table-wrap::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
}

.grade-table-wrap::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track {
  background: transparent !important;
}

.grade-table-wrap::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb {
  background: rgba(8, 38, 61, .18) !important;
  border-radius: 999px !important;
}

.grade-table {
  border-color: #d6e2ec !important;
}

.grade-table th,
.grade-table thead th {
  background: #f0f5f9 !important;
  color: #0b3558 !important;
  border-color: #d6e2ec !important;
  font-size: 12px !important;
}

.grade-table td {
  border-color: rgba(8, 38, 61, .10) !important;
}

.grade-table input {
  border-color: #d6e2ec !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
  color: #08263d !important;
}

.grade-table button,
.tiny-add,
.tiny-delete,
.row-add-button {
  min-height: 24px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.tiny-add,
.row-add-button,
button[data-action="add-row"] {
  color: #0b3558 !important;
  border-color: #d5e1ec !important;
  background: #ffffff !important;
}

.tiny-delete,
button[data-action="delete-row"] {
  color: #c73535 !important;
  border-color: #ffd1d1 !important;
  background: #fff7f7 !important;
}

.eokul-card .save-button,
.eokul-card .panel-button,
.eokul-card .excel-button,
.period-button {
  border-radius: 12px !important;
  font-weight: 850 !important;
}

.period-button.active {
  background: #0b3558 !important;
  border-color: #0b3558 !important;
  color: #ffffff !important;
}

.summary-card {
  border-color: #d6e2ec !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(8, 38, 61, .045) !important;
}

.summary-card::before {
  color: #0b3558 !important;
}

.eokul-card .form-actions {
  border-radius: 16px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(8px) !important;
}

.eokul-card .save-button {
  background: #0b3558 !important;
  color: #ffffff !important;
}

.eokul-card .clear-button {
  color: #0b3558 !important;
  background: #ffffff !important;
  border-color: #d5e1ec !important;
}

.eokul-card {
  --green: #0b3558;
  --green-strong: #08263d;
  --green-soft: #f2f6fa;
  --line: #d5e1ec;
}

.report-button {
  min-width: 108px !important;
  height: 38px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(8,38,61,.06) !important;
}

.report-button:hover {
  background: #f3f7fb !important;
  border-color: #bdccd9 !important;
}

.eokul-card .form-actions {
  gap: 10px !important;
}

.eokul-card .form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.report-button {
  order: 1 !important;
}

.clear-button {
  order: 2 !important;
}

.save-button {
  order: 3 !important;
}

.report-button {
  min-width: 108px !important;
  height: 38px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.status-tabs,
.compact-tabs {
  gap: 6px !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
}

.status-tabs::-webkit-scrollbar,
.compact-tabs::-webkit-scrollbar {
  height: 0 !important;
}

.status-tabs .tab,
.compact-tabs .tab {
  min-width: 72px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: 11.5px !important;
  border-radius: 11px !important;
}

.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  min-width: auto !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
  gap: 5px !important;
}

.status-tabs .tab-label {
  max-width: 112px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.status-tabs .tab-icon {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

.student-select-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.student-select-line select {
  min-width: 210px !important;
  height: 34px !important;
  border-radius: 11px !important;
}

.grade-title-row {
  margin-bottom: 6px !important;
}

.grade-title-row .row-tools {
  gap: 8px !important;
}

.row-add-button {
  min-width: 98px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

.empty-table-row {
  padding: 0 !important;
}

.compact-grade-table .empty-table-row {
  height: 72px !important;
}

.empty-grade-actions,
.compact-empty-state {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 8px 10px !important;
}

.empty-grade-actions p,
.compact-empty-state p {
  margin: 0 !important;
  color: #59697a !important;
  font-weight: 700 !important;
}

.empty-grade-actions small,
.compact-empty-state small {
  color: #7a8896 !important;
  font-size: 10.5px !important;
}

.summary-grid.compact-summary {
  margin-top: 10px !important;
  gap: 10px !important;
}

.summary-card {
  min-height: 64px !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}

.summary-icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #0b3558 !important;
  background: #f4f8fb !important;
  border: 1px solid rgba(11, 53, 88, .14) !important;
}

.summary-card span {
  color: #5f7386 !important;
  font-size: 12px !important;
}

.summary-card strong {
  color: #08263d !important;
}

#certificateStatus .certificate-empty,
#certificateStatus {
  color: #b45309 !important;
}

.detail-save-actions,
.form-actions.detail-save-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 6px !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.report-button,
.clear-button,
.save-button {
  min-width: 106px !important;
  height: 38px !important;
  border-radius: 999px !important;
}

@media (max-width: 1180px) {
  .status-tabs .tab,
  .compact-tabs .tab {
    min-width: 66px !important;
    padding: 0 8px !important;
  }

  .status-tabs .extra-tab,
  .compact-tabs .extra-tab {
    padding: 0 7px !important;
  }
}

.student-select-line {
  display: grid !important;
  grid-template-columns: minmax(215px, 235px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
}

.student-select-line select {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
}

@media (max-width: 980px) {
  .student-select-line {
    grid-template-columns: 1fr !important;
  }
}

.eokul-card.compact-card {
  padding-bottom: 16px !important;
}

.eokul-top.compact-top {
  align-items: flex-end !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  padding-bottom: 12px !important;
  margin-bottom: 8px !important;
}

.eokul-page-note {
  margin: -2px 0 8px !important;
  color: #61708a !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

.student-select-line {
  grid-template-columns: 74px minmax(215px, 235px) 180px 180px !important;
}

.period-buttons {
  align-items: center !important;
}

.period-button {
  border-radius: 999px !important;
}

.period-button.active {
  box-shadow: 0 10px 22px rgba(8, 38, 61, .16) !important;
}

.grade-title-row {
  margin-top: 4px !important;
}

.grade-title-row h3 {
  position: relative !important;
  padding-left: 12px !important;
  color: #08263d !important;
}

.grade-title-row h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 4px;
  height: 18px;
  border-radius: 99px;
  background: #07877d;
}

.grade-table-wrap {
  background: #fff !important;
  box-shadow: inset 0 -6px 0 rgba(8,38,61,.03) !important;
}

.compact-grade-table th {
  background: linear-gradient(180deg, #f4f8fb, #eaf2f7) !important;
  color: #08263d !important;
  font-weight: 900 !important;
}

.empty-table-row {
  background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
  padding: 20px !important;
}

.eokul-empty-state {
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
  padding: 6px 0 !important;
}

.eokul-empty-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #eef8f7;
  border: 1px solid rgba(7,135,125,.18);
  font-size: 22px;
  margin-bottom: 2px;
}

.eokul-empty-state p {
  color: #08263d !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
}

.eokul-empty-state small {
  color: #61708a !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  max-width: 560px;
  line-height: 1.45;
}

.compact-summary {
  margin-top: 12px !important;
}

.eokul-summary-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fff, #f9fcfd) !important;
  box-shadow: 0 12px 28px rgba(8,38,61,.06) !important;
}

.eokul-summary-card::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -28px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(7,135,125,.07);
}

.eokul-summary-card .summary-icon {
  position: relative !important;
  z-index: 1 !important;
  background: #f2f8ff !important;
  border-color: rgba(8,38,61,.12) !important;
  color: #08263d !important;
  font-weight: 950 !important;
}

.eokul-summary-card span,
.eokul-summary-card strong,
.eokul-summary-card small {
  position: relative !important;
  z-index: 1 !important;
}

.eokul-summary-card span {
  color: #66758d !important;
  margin-bottom: 1px !important;
}

.eokul-summary-card strong {
  color: #08263d !important;
  display: block !important;
  line-height: 1.1 !important;
}

.eokul-summary-card small {
  display: block !important;
  margin-top: 2px !important;
  color: #7b899c !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.certificate-card::after {
  background: rgba(244, 123, 32, .10) !important;
}

.eokul-action-strip {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 12px !important;
  padding: 10px 8px 0 !important;
  border-top: 1px solid rgba(8,38,61,.08) !important;
}

.eokul-action-note {
  display: grid !important;
  gap: 2px !important;
  color: #61708a !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

.eokul-action-note strong {
  color: #08263d !important;
  font-size: 12.5px !important;
}

.eokul-action-strip .detail-save-actions {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .student-select-line {
    grid-template-columns: 1fr !important;
  }

  .eokul-action-strip {
    display: grid !important;
  }

  .eokul-action-strip .detail-save-actions {
    justify-content: stretch !important;
  }
}

.eokul-top.compact-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 24px !important;
}

.student-select-line {
  grid-template-columns: minmax(215px, 235px) 180px 180px !important;
  align-items: center !important;
  gap: 8px !important;
}

.student-select-line select,
.period-button {
  height: 34px !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
}

.period-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding-bottom: 0 !important;
}

#saveGradesTop {
  display: none !important;
}

@media (max-width: 980px) {
  .eokul-top.compact-top {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .student-select-line {
    grid-template-columns: 1fr !important;
  }

  .period-buttons {
    justify-content: flex-start !important;
  }
}

.grade-section {
  margin-top: 12px !important;
}

.grade-title-row {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  align-items: center !important;
}

.grade-title-row .row-tools {
  gap: 10px !important;
  align-items: center !important;
}

.grade-title-row .row-add-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
}

.grade-code-hint {
  margin: -2px 0 8px !important;
  color: #6f7f94 !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

.grade-table-wrap {
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

.compact-grade-table th {
  user-select: none !important;
  -webkit-user-select: none !important;
}

.compact-grade-table th::selection,
.compact-grade-table td::selection {
  background: rgba(7, 135, 125, .14) !important;
  color: #08263d !important;
}

.compact-grade-table th,
.compact-grade-table td {
  padding: 6px 6px !important;
  vertical-align: middle !important;
}

.compact-grade-table tbody tr {
  height: 42px !important;
}

.compact-grade-table .grade-input,
.compact-grade-table input {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  border-radius: 10px !important;
}

.compact-grade-table .course-name-input {
  padding-left: 10px !important;
}

.compact-grade-table .tiny-add,
.compact-grade-table .tiny-delete {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
}

.compact-grade-table td:nth-child(n/**/+5):nth-child(-n/**/+11),
.compact-grade-table th:nth-child(n/**/+5):nth-child(-n/**/+11) {
  width: 66px !important;
}

.compact-grade-table td:nth-child(3),
.compact-grade-table th:nth-child(3) {
  width: 210px !important;
}

.summary-grid.compact-summary,
.compact-summary {
  margin-top: 18px !important;
}

.eokul-summary-card::after {
  width: 72px !important;
  height: 72px !important;
  right: -18px !important;
  bottom: -22px !important;
  opacity: .9 !important;
}

.eokul-action-strip {
  margin-top: 14px !important;
}

.compact-grade-table {
  min-width: 1100px !important;
}

.compact-grade-table th:nth-child(13),
.compact-grade-table td:nth-child(13) {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.compact-grade-table td:nth-child(13) {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.compact-grade-table td:nth-child(13) .status-badge,
.status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 3px 7px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

.compact-grade-table .grouped-grade-head th {
  background: #083d68 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .78) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
}

.compact-grade-table .grouped-grade-head .grade-sticky-head {
  background: #0a4c7f !important;
  vertical-align: middle !important;
}

.compact-grade-table .grouped-grade-head .grade-group-head {
  font-size: 13px !important;
  letter-spacing: .01em !important;
  padding: 8px 6px !important;
}

.compact-grade-table .grouped-grade-head .grade-sub-head th {
  background: #0b4775 !important;
  font-size: 12px !important;
  padding: 7px 4px !important;
}

.compact-grade-table .grouped-grade-head .exam-group,
.compact-grade-table .grouped-grade-head .activity-group,
.compact-grade-table .grouped-grade-head .project-group {
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.65) !important;
}

.compact-grade-table thead tr:first-child th[rowspan="2"] {
  min-height: 48px !important;
}

.grade-code-hint {
  margin-bottom: 10px !important;
}

.eokul-card .grade-table-wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-radius: 12px !important;
}

.eokul-card .compact-grade-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.compact-grade-table .col-action {
  width: 9.2%;
}

.compact-grade-table .col-no {
  width: 4.6%;
}

.compact-grade-table .col-course {
  width: 24%;
}

.compact-grade-table .col-hour {
  width: 7%;
}

.compact-grade-table .col-grade {
  width: 5.35%;
}

.compact-grade-table .col-average {
  width: 7.2%;
}

.compact-grade-table .col-status {
  width: 10.5%;
}

.eokul-card .compact-grade-table th,
.eokul-card .compact-grade-table td {
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.eokul-card .compact-grade-table tbody td {
  padding: 6px 5px !important;
}

.eokul-card .compact-grade-table .grade-input,
.eokul-card .compact-grade-table input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table .course-name-input,
.eokul-card .compact-grade-table input[data-key="courseName"] {
  text-align: left !important;
  padding-left: 10px !important;
}

.eokul-card .compact-grade-table td:nth-child(1),
.eokul-card .compact-grade-table th:nth-child(1),
.eokul-card .compact-grade-table td:nth-child(12),
.eokul-card .compact-grade-table th:nth-child(12),
.eokul-card .compact-grade-table td:nth-child(13),
.eokul-card .compact-grade-table th:nth-child(13) {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.eokul-card .compact-grade-table td:nth-child(13) {
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table td:nth-child(13) .status-badge,
.eokul-card .status-badge {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 4px 5px !important;
  font-size: 10.5px !important;
  gap: 3px !important;
}

.eokul-card .compact-grade-table td:nth-child(12) {
  font-size: 11px !important;
  white-space: nowrap !important;
}

.eokul-card .compact-grade-table .tiny-add,
.eokul-card .compact-grade-table .tiny-delete {
  padding: 0 7px !important;
  font-size: 10.5px !important;
}

.eokul-card .student-select-line {
  grid-template-columns: minmax(210px, 235px) minmax(150px, 180px) minmax(150px, 180px) !important;
}

@media (max-width: 1180px) {
  .compact-grade-table .col-action {
    width: 8.8%;
  }

  .compact-grade-table .col-course {
    width: 22%;
  }

  .compact-grade-table .col-grade {
    width: 5.55%;
  }

  .compact-grade-table .col-status {
    width: 11%;
  }

  .eokul-card .compact-grade-table .tiny-add,
  .eokul-card .compact-grade-table .tiny-delete {
    padding: 0 5px !important;
  }
}

.eokul-card .compact-grade-table .col-action {
  width: 8.5% !important;
}

.eokul-card .compact-grade-table .col-no {
  width: 3.8% !important;
}

.eokul-card .compact-grade-table .col-course {
  width: 25.5% !important;
}

.eokul-card .compact-grade-table .col-hour {
  width: 6.2% !important;
}

.eokul-card .compact-grade-table .col-grade {
  width: 5.4% !important;
}

.eokul-card .compact-grade-table .col-average {
  width: 7.1% !important;
}

.eokul-card .compact-grade-table .col-status {
  width: 11.1% !important;
}

.eokul-card .compact-grade-table th:nth-child(2),
.eokul-card .compact-grade-table td:nth-child(2) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  text-align: center !important;
}

.eokul-card .compact-grade-table .compact-action-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 42px !important;
}

.eokul-card .compact-grade-table .action-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 30px !important;
  max-width: 42px !important;
  height: 26px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.eokul-card .compact-grade-table .tiny-add.action-icon-button {
  min-width: 30px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.eokul-card .compact-grade-table .tiny-delete.action-icon-button {
  min-width: 34px !important;
}

.eokul-card .compact-grade-table input[data-key="courseName"]::placeholder {
  color: #8a9aad !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

.eokul-card .compact-grade-table td:nth-child(12),
.eokul-card .compact-grade-table td:nth-child(13) {
  font-weight: 900 !important;
}

.eokul-card .eokul-summary-card strong {
  min-width: 68px !important;
  display: inline-block !important;
}

.eokul-card .summary-grid.compact-summary {
  margin-top: 20px !important;
}

.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(185px, 210px) repeat(4, minmax(118px, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  max-width: 100% !important;
}

.eokul-card .student-select-line select {
  height: 42px !important;
  min-height: 42px !important;
  align-self: center !important;
}

.eokul-card .mini-stat-icon {
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.72) !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: block !important;
  line-height: 1.02 !important;
}

.eokul-card .mini-stat-copy em {
  display: block !important;
  margin: 0 0 2px !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  color: #6a7890 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  color: #08263d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .compact-grade-table .col-action {
  width: 10.8% !important;
}

.eokul-card .compact-grade-table .col-no {
  width: 3.5% !important;
}

.eokul-card .compact-grade-table .col-course {
  width: 22.2% !important;
}

.eokul-card .compact-grade-table .col-grade {
  width: 5.45% !important;
}

.eokul-card .compact-grade-table .col-average {
  width: 7.2% !important;
}

.eokul-card .compact-grade-table .col-status {
  width: 12.15% !important;
}

.eokul-card .compact-grade-table .action-icon-button {
  max-width: none !important;
}

.eokul-card .compact-grade-table .tiny-add.action-icon-button {
  min-width: 38px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
}

.eokul-card .compact-grade-table .tiny-delete.action-icon-button {
  min-width: 33px !important;
  padding: 0 6px !important;
}

.eokul-card .compact-grade-table input[data-key="courseName"] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 11.3px !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}

.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(165px, 190px) repeat(4, minmax(126px, 1fr)) !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 12px !important;
}

.eokul-card .student-select-line select {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  border-radius: 12px !important;
}

.eokul-card .mini-stat-icon {
  width: 18px !important;
  height: 18px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  line-height: 1 !important;
}

.eokul-card .mini-stat-copy em {
  margin: 0 0 1px !important;
  font-size: 7.8px !important;
  letter-spacing: .02em !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  font-size: 9.7px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .compact-grade-table .col-action {
  width: 11.2% !important;
}

.eokul-card .compact-grade-table .col-no {
  width: 3.4% !important;
}

.eokul-card .compact-grade-table .col-course {
  width: 20.8% !important;
}

.eokul-card .compact-grade-table .col-hour {
  width: 6.0% !important;
}

.eokul-card .compact-grade-table .col-grade {
  width: 5.5% !important;
}

.eokul-card .compact-grade-table .col-average {
  width: 7.3% !important;
}

.eokul-card .compact-grade-table .col-status {
  width: 12.8% !important;
}

@media (max-width: 1120px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}

.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(160px, 190px) repeat(4, minmax(100px, 1fr)) !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.eokul-card .mini-stat-icon {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  flex: 0 0 20px !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: block !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.eokul-card .mini-stat-copy em {
  display: none !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #08263d !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(150px, 1fr) repeat(2, minmax(120px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr 1fr !important;
  }

  .eokul-card .student-select-line select {
    grid-column: 1 / -1 !important;
  }
}

.test-page .test-card.compact-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 12px 16px;
}

.test-page .test-card .tabs {
  background: rgba(255,255,255,.82);
  border: 1px solid #cfe0ee;
  border-radius: 0;
  padding: 10px 12px;
  margin-bottom: 16px;
}

.test-page .manual-date-input {
  width: 110px;
  text-align: center;
}

.deneme-modern-title {
  display: grid !important;
  gap: 9px !important;
  padding: 10px 4px 9px !important;
}

.deneme-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.deneme-title-row h2 {
  margin: 0 0 2px !important;
  color: #008b86 !important;
  font-size: 20px !important;
}

.deneme-title-row p {
  margin: 0 !important;
  color: #587087 !important;
  font-size: 11px !important;
  font-weight: 700;
}

.deneme-add-main:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.25);
}

.deneme-empty-row {
  padding: 0 !important;
}

.deneme-empty-state {
  min-height: 86px;
  display: grid;
  place-items: center;
  gap: 5px;
  padding: 12px;
  color: #063865;
  background: linear-gradient(180deg, #ffffff, #f7fcff);
}

.deneme-empty-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #eefafa;
  border: 1px solid rgba(7, 135, 125, .18);
  font-size: 20px;
}

.deneme-empty-state strong {
  font-size: 13px;
  font-weight: 950;
}

.deneme-empty-state p {
  margin: 0;
  color: #637a90;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}

.trial-page .trial-table-wrap {
  margin-top: 5px !important;
}

.trial-page .trial-table th,
.trial-page .trial-table td {
  padding: 4px 4px !important;
  vertical-align: middle !important;
}

.trial-page .trial-table th {
  font-size: 10.5px !important;
}

.trial-page .trial-table td {
  font-size: 10.5px !important;
}

.trial-page .trial-input,
.trial-page .trial-publisher-select {
  height: 24px !important;
  text-align: center;
}

.trial-page .trial-publisher-select {
  text-align-last: center;
}

.trial-page .trial-summary-grid {
  margin-top: 10px !important;
  align-items: stretch !important;
}

.trial-page .trial-summary-card {
  min-height: 74px !important;
  background: linear-gradient(180deg, #ffffff, #fbffff) !important;
}

.trial-actions {
  justify-content: flex-end !important;
}

.trial-actions .clear-button {
  order: 1;
  max-width: 130px !important;
  background: #fff !important;
  color: #063865 !important;
  border: 1px solid #cbe0f1 !important;
}

.whatsapp-trial-button {
  order: 2;
  max-width: 230px !important;
  background: #eefafa !important;
  color: #008b86 !important;
  border: 1px solid rgba(7, 135, 125, .22) !important;
  box-shadow: none !important;
}

.trial-actions .save-button {
  order: 3;
  max-width: 130px !important;
}

@media (max-width: 760px) {
  .deneme-title-row {
    align-items: stretch;
    flex-direction: column;
  }
}

.trial-page .trial-table-wrap {
  max-height: 260px !important;
  height: auto !important;
  min-height: 82px !important;
  overflow: auto !important;
}

.trial-page .trial-summary-card strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
}

.trial-page .deneme-modern-title {
  gap: 7px !important;
  padding: 7px 4px 7px !important;
}

.trial-page .deneme-title-row h2 {
  font-size: 19px !important;
  line-height: 1.05 !important;
}

.trial-page .deneme-title-row p {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

.trial-page .trial-table-wrap {
  margin-top: 7px !important;
  max-height: 245px !important;
  min-height: 74px !important;
}

.trial-page .deneme-empty-state {
  min-height: 78px !important;
  padding: 9px !important;
  gap: 4px !important;
}

.trial-page .deneme-empty-icon {
  width: 31px !important;
  height: 31px !important;
  border-radius: 10px !important;
  font-size: 17px !important;
}

.trial-page .trial-summary-grid {
  margin-top: 8px !important;
  gap: 8px !important;
}

.trial-page .trial-summary-card {
  min-height: 58px !important;
  height: 62px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  gap: 8px !important;
}

.trial-page .trial-summary-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 11px !important;
  font-size: 17px !important;
}

.trial-page .trial-summary-card span {
  font-size: 9.7px !important;
  line-height: 1.05 !important;
}

.trial-page .trial-summary-card strong {
  font-size: 15px !important;
  line-height: 1.05 !important;
}

.trial-page .trial-summary-card small {
  font-size: 9px !important;
  line-height: 1.15 !important;
}

.trial-page .trial-actions {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button,
.trial-page .whatsapp-trial-button {
  height: 36px !important;
  min-height: 36px !important;
}

.selection-disabled,
button.selection-disabled,
a.selection-disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: grayscale(.15);
  pointer-events: auto;
}

button.selection-disabled,
input.selection-disabled,
select.selection-disabled,
textarea.selection-disabled {
  background-color: #f3f4f6 !important;
}

body.selection-entry-locked .trial-table tbody tr {
  opacity: .92;
}

.keyfiyet-static-page .keyfiyet-summary-grid {
  order: 2;
  margin: 0 0 12px 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid .sum-card {
  min-height: 64px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(7,135,125,.05) !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid .sum-icon {
  width: 34px !important;
  height: 34px !important;
  font-size: 17px !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid span {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

.keyfiyet-static-page .keyfiyet-summary-grid strong {
  font-size: 17px !important;
  line-height: 1.05 !important;
}

.keyfiyet-static-page .keyfiyet-table-wrap {
  overflow-x: auto !important;
  scrollbar-width: thin;
}

.keyfiyet-static-page .keyfiyet-table {
  min-width: 1040px !important;
}

.keyfiyet-static-page .keyfiyet-table tr.score-good td {
  background: rgba(22,163,74,.035) !important;
}

.keyfiyet-static-page .keyfiyet-table tr.score-mid td {
  background: rgba(245,158,11,.045) !important;
}

.keyfiyet-static-page .keyfiyet-table tr.score-low td {
  background: rgba(239,68,68,.04) !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress.score-good .keyfiyet-avg-track i {
  background: #16a34a !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress.score-mid .keyfiyet-avg-track i {
  background: #f59e0b !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress.score-low .keyfiyet-avg-track i {
  background: #ef4444 !important;
}

.keyfiyet-static-page .keyfiyet-avg-progress.score-empty .keyfiyet-avg-track i {
  background: #cbd5e1 !important;
}

.keyfiyet-static-page .keyfiyet-avg-track {
  background: #fff !important;
  border: 1px solid rgba(7,135,125,.16) !important;
}

.keyfiyet-static-page .keyfiyet-toolbar-title {
  min-width: 210px;
}

.keyfiyet-static-page .keyfiyet-inline-btn {
  min-width: 98px !important;
}

.keyfiyet-static-page .keyfiyet-bottom-actions {
  position: sticky;
  bottom: 10px;
  z-index: 5;
  padding: 8px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.96));
}

.keyfiyet-static-page .keyfiyet-insights {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(7,135,125,.12);
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #f5fffd);
}

.keyfiyet-static-page .keyfiyet-insights-title {
  font-size: 12px;
  font-weight: 950;
  color: #063c5d;
  margin-bottom: 8px;
}

.keyfiyet-static-page .keyfiyet-insight-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.keyfiyet-static-page .keyfiyet-note {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  border: 1px solid rgba(7,135,125,.12);
  background: #fff;
  color: #17344e;
}

.keyfiyet-static-page .keyfiyet-note.good {
  background: #ecfdf5;
  color: #047857;
  border-color: #bbf7d0;
}

.keyfiyet-static-page .keyfiyet-note.warn {
  background: #fffbeb;
  color: #b45309;
  border-color: #fde68a;
}

.keyfiyet-static-page .keyfiyet-note.danger {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fecaca;
}

.keyfiyet-static-page .keyfiyet-note.neutral {
  background: #f8fafc;
  color: #475569;
}

@media (max-width: 1380px) {
  .keyfiyet-static-page .keyfiyet-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.tabs.compact-tabs,
.compact-tabs.status-tabs,
.management-top-tabs,
.keyfiyet-static-tabs {
  min-height: 46px !important;
  align-items: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.tabs.compact-tabs .tab,
.compact-tabs.status-tabs .tab,
.management-top-tabs .tab,
.keyfiyet-static-tabs .tab {
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1.15 !important;
  align-items: center !important;
}

.status-tabs .extra-tab,
.compact-tabs .extra-tab {
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1.15 !important;
  align-items: center !important;
}

.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: linear-gradient(180deg, #eefdf5, #f9fffb) !important;
  color: #149b61 !important;
  border: 1px solid rgba(20,155,97,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low {
  background: linear-gradient(180deg, #e8fff1, #f8fffb) !important;
  color: #14824a !important;
  border: 1px solid rgba(20,130,74,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: linear-gradient(180deg, #fff6de, #fffdfa) !important;
  color: #b87400 !important;
  border: 1px solid rgba(184,116,0,.30) !important;
}

.admin-home-body #studentTable .risk-pill.risk-high {
  background: linear-gradient(180deg, #ffe7e7, #fff7f7) !important;
  color: #c1262d !important;
  border: 1px solid rgba(193,38,45,.32) !important;
}

.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: linear-gradient(180deg, #ffd9d9, #fff0f0) !important;
  color: #9d1118 !important;
  border: 1px solid rgba(157,17,24,.38) !important;
  font-weight: 900 !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background: rgba(123, 5, 18, 0.06) !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  border-top-color: rgba(123, 5, 18, 0.16) !important;
  border-bottom-color: rgba(123, 5, 18, 0.16) !important;
}

.admin-home-body #studentTable tr.risk-row-alert td:first-child {
  border-left: 4px solid #7b0512 !important;
}

.admin-home-body #studentTable tr.risk-row-alert {
  animation: adminRiskBlink 5s ease-in-out infinite !important;
}

@keyframes adminRiskBlink {
  0%, 82%, 100% {
      box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.00);
    }
    86%, 92% {
      box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.14);
    }
    89% {
      box-shadow: inset 0 0 0 9999px rgba(123, 5, 18, 0.24);
    }
}

.admin-home-body #studentTable tr.risk-row-alert td {
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #7f1d1d !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

.admin-home-body #studentTable tr.risk-row-high .student-name,
.admin-home-body #studentTable tr.risk-row-very-high .student-name {
  color: #ffffff !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation: zayiatRiskRowBlinkFixed 5s ease-in-out infinite !important;
}

.admin-home-body #studentTable tr.risk-row-alert:hover td {
  animation-play-state: running !important;
}

@keyframes zayiatRiskRowBlinkFixed {
  0%, 72%, 100% {
      background-color: #7f1d1d;
      color: #ffffff;
    }
    78%, 88% {
      background-color: #fee2e2;
      color: #7f1d1d;
    }
    83% {
      background-color: #b91c1c;
      color: #ffffff;
    }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #ffffff !important;
  color: #991b1b !important;
  border: 1px solid rgba(127,29,29,.35) !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: #fff7ed !important;
  color: #b45309 !important;
  border: 1px solid rgba(180,83,9,.32) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid rgba(4,120,87,.28) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.22) !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #ffe4e6 !important;
  color: #7f1d1d !important;
  border-color: rgba(248,113,113,.24) !important;
}

.admin-home-body #studentTable tr.risk-row-high .student-name,
.admin-home-body #studentTable tr.risk-row-very-high .student-name {
  color: #7f1d1d !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation: zayiatRiskRowBlinkSoft 5s ease-in-out infinite !important;
}

@keyframes zayiatRiskRowBlinkSoft {
  0%, 72%, 100% {
      background-color: #fff1f2;
      color: #7f1d1d;
    }
    78%, 88% {
      background-color: #fecdd3;
      color: #7f1d1d;
    }
    83% {
      background-color: #fda4af;
      color: #7f1d1d;
    }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #fff7f7 !important;
  color: #be123c !important;
  border: 1px solid rgba(244,63,94,.28) !important;
  font-weight: 950 !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid rgba(249,115,22,.28) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid rgba(16,185,129,.26) !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background-color: #FF9999 !important;
  color: #7f1d1d !important;
  border-color: rgba(255, 153, 153, .55) !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation-name: zayiatRiskFF9999Blink !important;
  animation-duration: 5s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
}

@keyframes zayiatRiskFF9999Blink {
  0%, 70%, 100% {
      background-color: #FF9999;
      color: #7f1d1d;
    }
    80%, 90% {
      background-color: #FFE1E1;
      color: #7f1d1d;
    }
    85% {
      background-color: #FF9999;
      color: #7f1d1d;
    }
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: #ffffff !important;
  color: #b91c1c !important;
  border: 1px solid rgba(185, 28, 28, .30) !important;
  font-weight: 950 !important;
}

.has-fixed-menu .app-chrome.fixed-menu {
  top: 0;
  left: 0;
}

.has-fixed-menu .side-menu.fixed {
  top: 8px !important;
  left: 10px !important;
  bottom: 8px !important;
  height: auto !important;
  min-height: calc(100vh - 16px) !important;
  padding-bottom: 14px !important;
  overflow-y: auto !important;
}

.admin-home-body .risk-summary-card {
  align-items: center !important;
}

.admin-home-body .risk-summary-card > div:last-child {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.admin-home-body .risk-summary-card span,
.admin-home-body .risk-summary-card strong,
.admin-home-body .risk-summary-card em {
  text-align: center !important;
  align-self: center !important;
}

.admin-home-body .risk-summary-card span {
  width: 100% !important;
  margin: 0 0 6px !important;
}

.admin-home-body .risk-summary-card strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  line-height: 1.08 !important;
}

.admin-home-body .risk-summary-card em {
  margin-top: 8px !important;
}

.moderator-menu-panel {
  margin-top: 16px;
  border: 1px solid #cfe3ef;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f8fcff);
  box-shadow: 0 12px 30px rgba(0, 65, 92, 0.08);
  padding: 18px;
  color: #23465f;
}

.moderator-menu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.moderator-menu-title h2 {
  margin: 0;
  color: #003b63;
  font-size: 20px;
  font-weight: 950;
}

.moderator-menu-title p {
  margin: 4px 0 0;
  color: #5c7180;
  font-size: 12px;
  font-weight: 750;
}

.moderator-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 16px;
}

.moderator-main-card {
  min-height: 146px;
  border: 1px solid #d9e8f0;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 65, 92, 0.07);
  padding: 18px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}

.moderator-card-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: #eef9ff;
  border: 1px solid #cfe3ef;
  font-size: 30px;
}

.moderator-main-card h3 {
  margin: 0;
  color: #003b63;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: .01em;
}

.moderator-main-card .empty-note {
  min-height: 18px;
  color: transparent;
  user-select: none;
}

@media (max-width: 1080px) {
  .moderator-card-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 560px) {
  .moderator-card-grid {
    grid-template-columns: 1fr;
  }
}

.moderator-main-card {
  min-height: 166px;
}

.moderator-card-grid {
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
}

.moderator-main-card {
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

.moderator-main-card:hover,
.moderator-main-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: #16c7cf !important;
  background: linear-gradient(135deg, #dffcff, #bff5f8) !important;
  box-shadow: 0 16px 30px rgba(0, 151, 160, 0.20) !important;
  outline: none !important;
}

.moderator-main-card:hover .moderator-card-icon,
.moderator-main-card:focus-visible .moderator-card-icon {
  background: #ffffff !important;
  border-color: #16c7cf !important;
  box-shadow: inset 0 0 0 2px rgba(22, 199, 207, 0.12) !important;
}

.moderator-main-card:hover h3,
.moderator-main-card:focus-visible h3 {
  color: #005e68 !important;
}

.moderator-placeholder-page {
  margin-top: 18px;
}

@media (max-width: 720px) {
  .moderator-menu-title {
    flex-direction: column;
    align-items: stretch;
  }
}

.moderator-placeholder-page {
  position: relative !important;
  margin-top: 18px;
  padding: 64px 34px 34px !important;
}

@media (max-width: 720px) {
  .moderator-placeholder-page {
    padding: 84px 22px 26px !important;
  }
}

:root {
  --spy-rate-low: #dc2626;
  --spy-rate-mid: #f59e0b;
  --spy-rate-high: #16a34a;
  --spy-rate-low-soft: rgba(220,38,38,.12);
  --spy-rate-mid-soft: rgba(245,158,11,.14);
  --spy-rate-high-soft: rgba(22,163,74,.13);
}

.spy-rate-low,
.spy-rate-low span,
.spy-rate-low i,
.spy-rate-low::before {
  --progress-color: var(--spy-rate-low);
  --rate-color: var(--spy-rate-low);
}

.spy-rate-mid,
.spy-rate-mid span,
.spy-rate-mid i,
.spy-rate-mid::before {
  --progress-color: var(--spy-rate-mid);
  --rate-color: var(--spy-rate-mid);
}

.spy-rate-high,
.spy-rate-high span,
.spy-rate-high i,
.spy-rate-high::before {
  --progress-color: var(--spy-rate-high);
  --rate-color: var(--spy-rate-high);
}

.spy-rate-low:is(i,span),
.spy-rate-low > i,
.spy-rate-low > span,
.spy-rate-low .progress-fill,
.spy-rate-low .general-progress-fill,
.spy-rate-low .success-progress-fill,
.spy-rate-low .bar i,
.spy-rate-low .dash-bar i,
.spy-rate-low.progress-fill,
.spy-rate-low.general-progress-fill,
.spy-rate-low.success-progress-fill,
.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.trend-col i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low {
  background: linear-gradient(90deg,#ef4444,#dc2626) !important;
}

.spy-rate-mid:is(i,span),
.spy-rate-mid > i,
.spy-rate-mid > span,
.spy-rate-mid .progress-fill,
.spy-rate-mid .general-progress-fill,
.spy-rate-mid .success-progress-fill,
.spy-rate-mid .bar i,
.spy-rate-mid .dash-bar i,
.spy-rate-mid.progress-fill,
.spy-rate-mid.general-progress-fill,
.spy-rate-mid.success-progress-fill,
.progress span.spy-rate-mid,
.bar i.spy-rate-mid,
.dash-bar i.spy-rate-mid,
.trend-col i.spy-rate-mid,
.month-bar-progress i.spy-rate-mid,
.yurt-inline-progress-track i.spy-rate-mid,
.keyfiyet-avg-track i.spy-rate-mid {
  background: linear-gradient(90deg,#fbbf24,#f59e0b) !important;
}

.spy-rate-high:is(i,span),
.spy-rate-high > i,
.spy-rate-high > span,
.spy-rate-high .progress-fill,
.spy-rate-high .general-progress-fill,
.spy-rate-high .success-progress-fill,
.spy-rate-high .bar i,
.spy-rate-high .dash-bar i,
.spy-rate-high.progress-fill,
.spy-rate-high.general-progress-fill,
.spy-rate-high.success-progress-fill,
.progress span.spy-rate-high,
.bar i.spy-rate-high,
.dash-bar i.spy-rate-high,
.trend-col i.spy-rate-high,
.month-bar-progress i.spy-rate-high,
.yurt-inline-progress-track i.spy-rate-high,
.keyfiyet-avg-track i.spy-rate-high {
  background: linear-gradient(90deg,#22c55e,#16a34a) !important;
}

.trend-col i.spy-rate-low {
  background: linear-gradient(180deg,#ef4444,#dc2626) !important;
  box-shadow: 0 6px 12px rgba(220,38,38,.18) !important;
}

.trend-col i.spy-rate-mid {
  background: linear-gradient(180deg,#fbbf24,#f59e0b) !important;
  box-shadow: 0 6px 12px rgba(245,158,11,.18) !important;
}

.trend-col i.spy-rate-high {
  background: linear-gradient(180deg,#22c55e,#16a34a) !important;
  box-shadow: 0 6px 12px rgba(22,163,74,.18) !important;
}

.spy-rate-low :is(.value,b,strong) {
  color: var(--spy-rate-low) !important;
}

.spy-rate-mid :is(.value,b,strong) {
  color: var(--spy-rate-mid) !important;
}

.spy-rate-high :is(.value,b,strong) {
  color: var(--spy-rate-high) !important;
}

.month-progress.spy-rate-low,
.summary-circle-progress.spy-rate-low,
.yurt-row-average-progress.spy-rate-low {
  background: conic-gradient(var(--spy-rate-low) calc(var(--progress,0) * 1%), #fee2e2 0) !important;
}

.month-progress.spy-rate-mid,
.summary-circle-progress.spy-rate-mid,
.yurt-row-average-progress.spy-rate-mid {
  background: conic-gradient(var(--spy-rate-mid) calc(var(--progress,0) * 1%), #fef3c7 0) !important;
}

.month-progress.spy-rate-high,
.summary-circle-progress.spy-rate-high,
.yurt-row-average-progress.spy-rate-high {
  background: conic-gradient(var(--spy-rate-high) calc(var(--progress,0) * 1%), #dcfce7 0) !important;
}

:root {
  --spy-rate-low: #e85d5d;
  --spy-rate-low-deep: #c93f3f;
  --spy-rate-mid: #f2a23a;
  --spy-rate-mid-deep: #d88317;
  --spy-rate-high: #25b86f;
  --spy-rate-high-deep: #158a50;
}

.dashboard-panel,
.dashboard-panel *,
.dash-section,
.analysis-card,
.metric-card,
.mini-list,
.mini-row,
.trend-grid,
.card,
.list-card,
.compact-card,
.book-card {
  max-width: 100%;
  box-sizing: border-box;
}

.dash-bar,
.mini-row .bar,
.progress,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track {
  position: relative !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,#dfeaf0,#f7fbfd 48%,#dbe8ef) !important;
  border: 1px solid rgba(145,180,195,.55) !important;
  box-shadow: inset 0 2px 4px rgba(17,56,78,.14),
    inset 0 -1px 0 rgba(255,255,255,.95),
    0 5px 12px rgba(0,65,92,.06) !important;
}

.dash-bar i,
.mini-row .bar i,
.progress span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress i,
.yurt-inline-progress-track i,
.keyfiyet-avg-track i {
  position: relative !important;
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  transform: translateZ(0);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -2px 4px rgba(0,0,0,.12),
    0 3px 8px rgba(0,65,92,.12) !important;
}

.dash-bar i::after,
.mini-row .bar i::after,
.progress span::after,
.progress-fill::after,
.general-progress-fill::after,
.success-progress-fill::after,
.month-bar-progress i::after,
.yurt-inline-progress-track i::after,
.keyfiyet-avg-track i::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 38%,rgba(0,0,0,.07) 100%);
}

.spy-rate-low:is(i,span),
.spy-rate-low > i,
.spy-rate-low > span,
.spy-rate-low .progress-fill,
.spy-rate-low .general-progress-fill,
.spy-rate-low .success-progress-fill,
.spy-rate-low .bar i,
.spy-rate-low .dash-bar i,
.spy-rate-low.progress-fill,
.spy-rate-low.general-progress-fill,
.spy-rate-low.success-progress-fill,
.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low {
  background: linear-gradient(90deg,#ff8b8b 0%,var(--spy-rate-low) 48%,var(--spy-rate-low-deep) 100%) !important;
}

.spy-rate-mid:is(i,span),
.spy-rate-mid > i,
.spy-rate-mid > span,
.spy-rate-mid .progress-fill,
.spy-rate-mid .general-progress-fill,
.spy-rate-mid .success-progress-fill,
.spy-rate-mid .bar i,
.spy-rate-mid .dash-bar i,
.spy-rate-mid.progress-fill,
.spy-rate-mid.general-progress-fill,
.spy-rate-mid.success-progress-fill,
.progress span.spy-rate-mid,
.bar i.spy-rate-mid,
.dash-bar i.spy-rate-mid,
.month-bar-progress i.spy-rate-mid,
.yurt-inline-progress-track i.spy-rate-mid,
.keyfiyet-avg-track i.spy-rate-mid {
  background: linear-gradient(90deg,#ffd166 0%,var(--spy-rate-mid) 48%,var(--spy-rate-mid-deep) 100%) !important;
}

.spy-rate-high:is(i,span),
.spy-rate-high > i,
.spy-rate-high > span,
.spy-rate-high .progress-fill,
.spy-rate-high .general-progress-fill,
.spy-rate-high .success-progress-fill,
.spy-rate-high .bar i,
.spy-rate-high .dash-bar i,
.spy-rate-high.progress-fill,
.spy-rate-high.general-progress-fill,
.spy-rate-high.success-progress-fill,
.progress span.spy-rate-high,
.bar i.spy-rate-high,
.dash-bar i.spy-rate-high,
.month-bar-progress i.spy-rate-high,
.yurt-inline-progress-track i.spy-rate-high,
.keyfiyet-avg-track i.spy-rate-high {
  background: linear-gradient(90deg,#6ee7a8 0%,var(--spy-rate-high) 48%,var(--spy-rate-high-deep) 100%) !important;
}

.trend-grid {
  overflow: hidden !important;
  max-width: 100% !important;
  padding-inline: 4px !important;
  perspective: 800px;
}

.trend-col {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.trend-col i {
  position: relative !important;
  max-width: min(42px,72%) !important;
  overflow: hidden !important;
  transform: skewX(-2deg) translateZ(0);
  transform-origin: bottom center;
  border-radius: 12px 12px 5px 5px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6),
    inset -4px 0 6px rgba(0,0,0,.10),
    inset 3px 0 5px rgba(255,255,255,.24),
    0 9px 16px rgba(0,65,92,.16) !important;
}

.trend-col i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 9%;
  right: 9%;
  height: 28%;
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  pointer-events: none;
}

.trend-col i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%,rgba(0,0,0,.13));
  pointer-events: none;
}

.trend-col i.spy-rate-low {
  background: linear-gradient(180deg,#ffa1a1 0%,var(--spy-rate-low) 50%,var(--spy-rate-low-deep) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(125,20,20,.12),
    0 8px 15px rgba(201,63,63,.20) !important;
}

.trend-col i.spy-rate-mid {
  background: linear-gradient(180deg,#ffd987 0%,var(--spy-rate-mid) 50%,var(--spy-rate-mid-deep) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(132,76,10,.12),
    0 8px 15px rgba(216,131,23,.20) !important;
}

.trend-col i.spy-rate-high {
  background: linear-gradient(180deg,#75e8ad 0%,var(--spy-rate-high) 50%,var(--spy-rate-high-deep) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62),
    inset -4px 0 6px rgba(12,89,49,.12),
    0 8px 15px rgba(21,138,80,.20) !important;
}

.month-progress.spy-rate-low,
.summary-circle-progress.spy-rate-low,
.yurt-row-average-progress.spy-rate-low {
  background: conic-gradient(var(--spy-rate-low) calc(var(--progress,0) * 1%), #ffe8e8 0) !important;
}

.month-progress.spy-rate-mid,
.summary-circle-progress.spy-rate-mid,
.yurt-row-average-progress.spy-rate-mid {
  background: conic-gradient(var(--spy-rate-mid) calc(var(--progress,0) * 1%), #fff3d9 0) !important;
}

.month-progress.spy-rate-high,
.summary-circle-progress.spy-rate-high,
.yurt-row-average-progress.spy-rate-high {
  background: conic-gradient(var(--spy-rate-high) calc(var(--progress,0) * 1%), #e4fbe9 0) !important;
}

@media (max-width:700px) {
  .trend-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .trend-col i {
    max-width: min(34px,68%) !important;
  }

  .mini-row {
    grid-template-columns: minmax(0,1fr) !important;
    overflow: hidden !important;
  }
}

.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high {
  background: linear-gradient(180deg,#ffffff,#f9fdff) !important;
}

.metric-card.spy-rate-low > span,
.metric-card.spy-rate-mid > span,
.metric-card.spy-rate-high > span,
.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label,
.metric-card.spy-rate-low .sub,
.metric-card.spy-rate-mid .sub,
.metric-card.spy-rate-high .sub {
  background: transparent !important;
  box-shadow: none !important;
}

.metric-card.spy-rate-low .value {
  color: #d94b4b !important;
}

.metric-card.spy-rate-mid .value {
  color: #d88317 !important;
}

.metric-card.spy-rate-high .value {
  color: #158a50 !important;
}

.metric-card.spy-rate-low {
  border-color: rgba(217,75,75,.28) !important;
}

.metric-card.spy-rate-mid {
  border-color: rgba(216,131,23,.30) !important;
}

.metric-card.spy-rate-high {
  border-color: rgba(21,138,80,.28) !important;
}

.metric-card.spy-rate-low > span:not(.value):not(.label):not(.sub),
.metric-card.spy-rate-mid > span:not(.value):not(.label):not(.sub),
.metric-card.spy-rate-high > span:not(.value):not(.label):not(.sub) {
  color: inherit !important;
}

.dash-bar i[style*="width:0%"],
.mini-row .bar i[style*="width:0%"],
.progress span[style*="width:0%"],
.progress-fill[style*="width:0%"],
.general-progress-fill[style*="width:0%"],
.success-progress-fill[style*="width:0%"],
.month-bar-progress i[style*="width:0%"],
.yurt-inline-progress-track i[style*="width:0%"],
.keyfiyet-avg-track i[style*="width:0%"] {
  min-width: 0 !important;
  width: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.dash-bar i,
.mini-row .bar i,
.progress span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress i,
.yurt-inline-progress-track i,
.keyfiyet-avg-track i {
  max-width: 100% !important;
  flex-shrink: 0 !important;
}

.trend-col i.spy-rate-low {
  background: linear-gradient(180deg,#ff9b8f 0%,#e66b5f 52%,#bf463f 100%) !important;
}

.dash-bar,
.mini-row .bar,
.progress,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track {
  background: linear-gradient(180deg,#eef6f9,#ffffff 52%,#e2edf3) !important;
}

.progress span.spy-rate-low,
.bar i.spy-rate-low,
.dash-bar i.spy-rate-low,
.month-bar-progress i.spy-rate-low,
.yurt-inline-progress-track i.spy-rate-low,
.keyfiyet-avg-track i.spy-rate-low {
  background: linear-gradient(90deg,#ff9b8f 0%,#e66b5f 55%,#bf463f 100%) !important;
}

.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high,
.metric-card.spy-rate-low *,
.metric-card.spy-rate-mid *,
.metric-card.spy-rate-high * {
  background-image: none !important;
  box-shadow: none !important;
}

.metric-card.spy-rate-low,
.metric-card.spy-rate-mid,
.metric-card.spy-rate-high {
  background: linear-gradient(180deg,#ffffff,#f9fdff) !important;
  overflow: hidden !important;
}

.metric-card.spy-rate-low > span,
.metric-card.spy-rate-mid > span,
.metric-card.spy-rate-high > span,
.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label,
.metric-card.spy-rate-low .sub,
.metric-card.spy-rate-mid .sub,
.metric-card.spy-rate-high .sub {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #6d8190 !important;
}

.metric-card.spy-rate-low .label,
.metric-card.spy-rate-mid .label,
.metric-card.spy-rate-high .label {
  color: #6b7f8d !important;
}

.metric-card.spy-rate-low .value {
  color: #d94b4b !important;
  background: transparent !important;
}

.metric-card.spy-rate-mid .value {
  color: #d88317 !important;
  background: transparent !important;
}

.metric-card.spy-rate-high .value {
  color: #158a50 !important;
  background: transparent !important;
}

.dash-bar > i,
.mini-row .bar > i,
.progress > span,
.progress-fill,
.general-progress-fill,
.success-progress-fill,
.month-bar-progress > i,
.yurt-inline-progress-track > i,
.keyfiyet-avg-track > i {
  position: relative !important;
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

.dash-bar > i[style*="width: 0%"],
.dash-bar > i[style*="width:0%"],
.mini-row .bar > i[style*="width: 0%"],
.mini-row .bar > i[style*="width:0%"],
.progress > span[style*="width: 0%"],
.progress > span[style*="width:0%"],
.progress-fill[style*="width: 0%"],
.progress-fill[style*="width:0%"],
.general-progress-fill[style*="width: 0%"],
.general-progress-fill[style*="width:0%"],
.success-progress-fill[style*="width: 0%"],
.success-progress-fill[style*="width:0%"],
.month-bar-progress > i[style*="width: 0%"],
.month-bar-progress > i[style*="width:0%"],
.yurt-inline-progress-track > i[style*="width: 0%"],
.yurt-inline-progress-track > i[style*="width:0%"],
.keyfiyet-avg-track > i[style*="width: 0%"],
.keyfiyet-avg-track > i[style*="width:0%"] {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.dash-bar,
.mini-row .bar,
.progress,
.month-bar-progress,
.yurt-inline-progress-track,
.keyfiyet-avg-track {
  background: linear-gradient(180deg,#edf6fa,#ffffff 55%,#e3edf3) !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

.dash-bar > i.spy-rate-low,
.mini-row .bar > i.spy-rate-low,
.progress > span.spy-rate-low,
.progress-fill.spy-rate-low,
.general-progress-fill.spy-rate-low,
.success-progress-fill.spy-rate-low,
.month-bar-progress > i.spy-rate-low,
.yurt-inline-progress-track > i.spy-rate-low,
.keyfiyet-avg-track > i.spy-rate-low {
  background: linear-gradient(90deg,#ff9b8f 0%,#e66b5f 58%,#bf463f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(191,70,63,.16) !important;
}

.dash-bar > i.spy-rate-mid,
.mini-row .bar > i.spy-rate-mid,
.progress > span.spy-rate-mid,
.progress-fill.spy-rate-mid,
.general-progress-fill.spy-rate-mid,
.success-progress-fill.spy-rate-mid,
.month-bar-progress > i.spy-rate-mid,
.yurt-inline-progress-track > i.spy-rate-mid,
.keyfiyet-avg-track > i.spy-rate-mid {
  background: linear-gradient(90deg,#ffd166 0%,#f2a23a 58%,#d88317 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(216,131,23,.16) !important;
}

.dash-bar > i.spy-rate-high,
.mini-row .bar > i.spy-rate-high,
.progress > span.spy-rate-high,
.progress-fill.spy-rate-high,
.general-progress-fill.spy-rate-high,
.success-progress-fill.spy-rate-high,
.month-bar-progress > i.spy-rate-high,
.yurt-inline-progress-track > i.spy-rate-high,
.keyfiyet-avg-track > i.spy-rate-high {
  background: linear-gradient(90deg,#6ee7a8 0%,#25b86f 58%,#158a50 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(0,0,0,.10), 0 3px 8px rgba(21,138,80,.16) !important;
}

.trend-col i {
  max-width: min(42px,72%) !important;
  overflow: hidden !important;
}

.trend-col i.spy-rate-low {
  background: linear-gradient(180deg,#ff9b8f,#bf463f) !important;
  box-shadow: 0 3px 7px rgba(191,70,63,.14), inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.trend-col i.spy-rate-mid {
  background: linear-gradient(180deg,#ffd166,#d88317) !important;
  box-shadow: 0 6px 12px rgba(216,131,23,.16), inset 0 1px 0 rgba(255,255,255,.50) !important;
}

.trend-col i.spy-rate-high {
  background: linear-gradient(180deg,#75e8ad,#158a50) !important;
  box-shadow: 0 9px 16px rgba(21,138,80,.20), inset 0 1px 0 rgba(255,255,255,.55), inset -4px 0 6px rgba(0,0,0,.10) !important;
}

.trend-col i.spy-rate-low[style*="height:6px"],
.trend-col i.spy-rate-low[style*="height: 6px"] {
  height: 5px !important;
  border-radius: 999px !important;
  transform: none !important;
}

.dash-bar > i::after,
.mini-row .bar > i::after,
.progress > span::after,
.progress-fill::after,
.general-progress-fill::after,
.success-progress-fill::after,
.month-bar-progress > i::after,
.yurt-inline-progress-track > i::after,
.keyfiyet-avg-track > i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.08) 40%,rgba(0,0,0,.06));
  pointer-events: none;
}

.admin-home-body #studentTable {
  table-layout: fixed !important;
  width: 100% !important;
}

.admin-home-body #studentTable th,
.admin-home-body #studentTable td {
  vertical-align: middle !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #studentTable th:nth-child(1),
.admin-home-body #studentTable td:nth-child(1) {
  width: 58px !important;
  text-align: center !important;
}

.admin-home-body #studentTable th:nth-child(2),
.admin-home-body #studentTable td:nth-child(2) {
  width: 18% !important;
}

.admin-home-body #studentTable th:nth-child(3),
.admin-home-body #studentTable td:nth-child(3) {
  width: 10% !important;
}

.admin-home-body #studentTable th:nth-child(4),
.admin-home-body #studentTable td:nth-child(4) {
  width: 16% !important;
}

.admin-home-body #studentTable th:nth-child(5),
.admin-home-body #studentTable td:nth-child(5),
.admin-home-body #studentTable th:nth-child(6),
.admin-home-body #studentTable td:nth-child(6),
.admin-home-body #studentTable th:nth-child(7),
.admin-home-body #studentTable td:nth-child(7) {
  width: 10% !important;
  text-align: center !important;
}

.admin-home-body #studentTable th:nth-child(8),
.admin-home-body #studentTable td:nth-child(8) {
  width: 22% !important;
}

.admin-home-body #studentTable tr.risk-row-high td,
.admin-home-body #studentTable tr.risk-row-very-high td {
  background: #fff6f6 !important;
  color: #1f2a44 !important;
  border-top-color: rgba(248,113,113,.18) !important;
  border-bottom-color: rgba(248,113,113,.18) !important;
  animation: none !important;
}

.admin-home-body #studentTable tr.risk-row-high td *,
.admin-home-body #studentTable tr.risk-row-very-high td * {
  color: inherit !important;
}

.admin-home-body #studentTable tr.risk-row-alert td {
  animation: none !important;
  transition: background-color .16s ease, border-color .16s ease !important;
}

.admin-home-body #studentTable tr.risk-row-alert td:first-child {
  border-left: 4px solid #ef6f6c !important;
}

.admin-home-body #studentTable tr.risk-row-alert:hover td {
  background: #fff0f0 !important;
}

.admin-home-body #studentTable tr.risk-row-very-high td:first-child {
  border-left-color: #dc4f4f !important;
}

.admin-home-body #studentTable .risk-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.admin-home-body #studentTable .risk-pill.risk-high,
.admin-home-body #studentTable .risk-pill.risk-very-high {
  background: linear-gradient(180deg,#fff,#fff5f5) !important;
  color: #c24141 !important;
  border: 1px solid rgba(239,111,108,.34) !important;
}

.admin-home-body #studentTable .risk-pill.risk-mid {
  background: linear-gradient(180deg,#fff,#fff8ea) !important;
  color: #b76a00 !important;
  border: 1px solid rgba(245,158,11,.30) !important;
}

.admin-home-body #studentTable .risk-pill.risk-low,
.admin-home-body #studentTable .risk-pill.risk-very-low {
  background: linear-gradient(180deg,#fff,#eefdf5) !important;
  color: #11845b !important;
  border: 1px solid rgba(22,163,74,.26) !important;
}

.admin-home-body #studentTable .risk-pill.neutral {
  background: #f8fafc !important;
  color: #64748b !important;
  border: 1px solid rgba(100,116,139,.20) !important;
}

.admin-home-body #studentTable td .pill:not(.risk-pill) {
  min-width: 54px !important;
  height: 23px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.admin-home-body .stat-card,
.admin-home-body .summary-card {
  overflow: hidden !important;
}

.admin-home-body .stat-card small,
.admin-home-body .summary-card small {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
}

.admin-home-body .stat-card.risk,
.admin-home-body .summary-card.risk,
.admin-home-body [class*="risk-card"],
.admin-home-body [class*="Risk"] {
  border-color: rgba(239,111,108,.36) !important;
}

.admin-home-body #studentTable tr {
  height: 31px !important;
}

.admin-home-body #studentTable td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.admin-home-body [id*="risk" i] small,
.admin-home-body [id*="Risk" i] small,
.admin-home-body .stat-card.risk small,
.admin-home-body .summary-card.risk small {
  display: none !important;
}

.admin-home-body #highestRiskCard {
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  font-size: 28px !important;
}

.admin-home-body #highestRiskCard span {
  letter-spacing: .01em;
}

.admin-home-body #highestRiskCard strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #highestRiskCard em {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #highestRiskCard.stat-empty {
  background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border-color: rgba(148,163,184,.30) !important;
}

.admin-home-body #highestRiskCard.stat-empty .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-empty strong,
.admin-home-body #highestRiskCard.stat-empty em {
  color: #64748b !important;
}

.admin-home-body #highestRiskCard.stat-risk-low {
  background: linear-gradient(180deg,#ffffff,#eefcf4) !important;
  border-color: rgba(22,163,74,.28) !important;
  box-shadow: 0 8px 20px rgba(22,163,74,.08) !important;
}

.admin-home-body #highestRiskCard.stat-risk-low .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-low strong,
.admin-home-body #highestRiskCard.stat-risk-low em {
  color: #15803d !important;
}

.admin-home-body #highestRiskCard.stat-risk-mid {
  background: linear-gradient(180deg,#ffffff,#fff7e8) !important;
  border-color: rgba(245,158,11,.34) !important;
  box-shadow: 0 8px 20px rgba(245,158,11,.08) !important;
}

.admin-home-body #highestRiskCard.stat-risk-mid .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-mid strong,
.admin-home-body #highestRiskCard.stat-risk-mid em {
  color: #b45309 !important;
}

.admin-home-body #highestRiskCard.stat-risk-high {
  background: linear-gradient(180deg,#ffffff,#fff1f1) !important;
  border-color: rgba(239,68,68,.32) !important;
  box-shadow: 0 8px 22px rgba(239,68,68,.10) !important;
}

.admin-home-body #highestRiskCard.stat-risk-high .stat-mini-icon,
.admin-home-body #highestRiskCard.stat-risk-high strong,
.admin-home-body #highestRiskCard.stat-risk-high em {
  color: #c24141 !important;
}

.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-card span {
  display: block !important;
  white-space: normal !important;
  line-height: 1.08 !important;
  font-size: 12px !important;
}

.admin-home-body .stats-grid .stat-card strong {
  display: block !important;
  white-space: nowrap !important;
  line-height: 1.08 !important;
  font-size: 18px !important;
  margin-top: 4px !important;
}

.admin-home-body .stats-grid .stat-card em {
  display: block !important;
  min-height: 14px !important;
  white-space: nowrap !important;
  line-height: 1.05 !important;
  font-size: 10px !important;
  margin-top: 4px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 24px !important;
}

.admin-home-body #highestRiskTitle {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.admin-home-body #highestRiskValue {
  font-size: 16px !important;
  line-height: 1.06 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #highestRiskNote {
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body .risk-summary-card strong {
  font-size: 18px !important;
}

.admin-home-body .risk-summary-card span {
  font-size: 12px !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card strong {
    font-size: 16px !important;
  }

  .admin-home-body #highestRiskValue {
    font-size: 15px !important;
  }
}

.admin-home-body .stats-grid {
  align-items: stretch !important;
}

.admin-home-body .stats-grid .stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 12px 14px !important;
}

.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-mini-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 23px !important;
}

.admin-home-body .stats-grid .stat-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.05 !important;
  font-size: 11px !important;
  max-height: 24px !important;
}

.admin-home-body .stats-grid .stat-card strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.08 !important;
  font-size: 16px !important;
  margin-top: 4px !important;
  word-break: break-word !important;
}

.admin-home-body .stats-grid .stat-card em {
  display: none !important;
}

.admin-home-body .risk-summary-card span {
  font-size: 11px !important;
}

.admin-home-body .risk-summary-card strong {
  font-size: 16px !important;
}

.admin-home-body #highestRiskCard {
  padding-right: 12px !important;
}

.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
}

.admin-home-body #highestRiskValue {
  font-size: 15px !important;
  line-height: 1.08 !important;
}

.admin-home-body #totalStudents,
.admin-home-body #firstAverage,
.admin-home-body #secondAverage,
.admin-home-body #yearAverage,
.admin-home-body #riskAverage {
  font-size: 17px !important;
  -webkit-line-clamp: 1 !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card {
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .admin-home-body .stats-grid .stat-mini-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 21px !important;
  }

  .admin-home-body .stats-grid .stat-card strong {
    font-size: 14px !important;
  }

  .admin-home-body .stats-grid .stat-card span {
    font-size: 10.5px !important;
  }
}

.admin-home-body #highestRiskCard {
  align-items: flex-start !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  -webkit-line-clamp: 1 !important;
  max-height: none !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  -webkit-line-clamp: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  margin-top: 1px !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  margin-top: 0 !important;
  min-height: 12px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  margin-top: 2px !important;
}

.admin-home-body .stats-grid .stat-card strong {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.admin-home-body .stats-grid .stat-card span {
  overflow-wrap: anywhere !important;
}

.admin-home-body #highestRiskCard {
  gap: 10px !important;
  padding: 10px 12px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  font-size: 20px !important;
  margin-top: 1px !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  min-width: 0 !important;
  width: calc(100% - 46px) !important;
  max-width: calc(100% - 46px) !important;
  gap: 2px !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 1 !important;
}

.admin-home-body #highestRiskValue {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}

.admin-home-body #highestRiskNote {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.admin-home-body #highestRiskCard {
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 18px !important;
  margin-top: 0 !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: calc(100% - 42px) !important;
  max-width: calc(100% - 42px) !important;
  gap: 3px !important;
  overflow: hidden !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  -webkit-line-clamp: 1 !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 13.5px !important;
  line-height: 1.05 !important;
  margin-top: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-line-clamp: 1 !important;
}

.admin-home-body #highestRiskNote {
  display: none !important;
}

.admin-home-body .stats-grid .stat-card {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-card > div:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-card span,
.admin-home-body .stats-grid .stat-card strong,
.admin-home-body .stats-grid .stat-card em {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body .stats-grid .stat-card span {
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .admin-home-body #highestRiskTitle {
    font-size: 9.5px !important;
  }

  .admin-home-body #highestRiskValue {
    font-size: 12.5px !important;
  }
}

.admin-home-body #highestRiskCard {
  align-items: flex-start !important;
  padding: 10px 12px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 17px !important;
  margin-top: 2px !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  min-width: 0 !important;
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  max-height: 26px !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 10px !important;
  line-height: 1.02 !important;
  color: inherit !important;
  min-height: 10px !important;
  -webkit-line-clamp: unset !important;
}

.admin-home-body #highestRiskCard {
  min-height: 94px !important;
  padding: 10px 10px !important;
  gap: 6px !important;
  align-items: flex-start !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  width: calc(100% - 34px) !important;
  max-width: calc(100% - 34px) !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  overflow: visible !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #highestRiskValue {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
  max-height: none !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9px !important;
  line-height: 1.02 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  min-height: 0 !important;
}

.admin-home-body #highestRiskCard {
  min-height: 98px !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 10px !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
  margin-top: 2px !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  width: calc(100% - 36px) !important;
  max-width: calc(100% - 36px) !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: visible !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  max-height: none !important;
  min-height: 24px !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 9.5px !important;
  line-height: 1.02 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  min-height: 10px !important;
}

.admin-home-body #highestRiskNote {
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
}

.admin-home-body .stats-grid {
  align-items: stretch !important;
  gap: 14px !important;
}

.admin-home-body .stats-grid .stat-card {
  min-width: 0 !important;
  min-height: 94px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-mini-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 18px !important;
  margin-top: 3px !important;
}

.admin-home-body .stats-grid .stat-card > div:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: calc(100% - 43px) !important;
  max-width: calc(100% - 43px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .stat-card span {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  max-height: 24px !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.admin-home-body .stats-grid .stat-card strong {
  display: block !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.admin-home-body .stats-grid .stat-card em {
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.admin-home-body #riskAverageNote {
  display: none !important;
}

.admin-home-body .risk-summary-card strong {
  font-size: 17px !important;
}

.admin-home-body #highestRiskCard {
  min-height: 102px !important;
}

.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: none !important;
}

.admin-home-body #highestRiskValue {
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  max-height: 28px !important;
  min-height: 24px !important;
}

.admin-home-body #highestRiskNote {
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  min-height: 12px !important;
}

@media (max-width: 1180px) {
  .admin-home-body .stats-grid .stat-card {
    min-height: 98px !important;
    padding: 10px 10px !important;
    gap: 8px !important;
  }

  .admin-home-body .stats-grid .stat-mini-icon {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    font-size: 16px !important;
  }

  .admin-home-body .stats-grid .stat-card > div:last-child {
    width: calc(100% - 38px) !important;
    max-width: calc(100% - 38px) !important;
  }

  .admin-home-body .stats-grid .stat-card span {
    font-size: 10px !important;
  }

  .admin-home-body .stats-grid .stat-card strong {
    font-size: 14px !important;
  }

  .admin-home-body #highestRiskValue {
    font-size: 11px !important;
  }

  .admin-home-body #highestRiskNote {
    font-size: 10px !important;
  }
}

.admin-home-body #highestRiskCard {
  min-height: 104px !important;
  padding: 9px 10px !important;
  gap: 7px !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}

.admin-home-body #highestRiskCard .stat-mini-icon,
.admin-home-body #highestRiskIcon {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  font-size: 16px !important;
  margin-top: 2px !important;
}

.admin-home-body #highestRiskCard > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-width: 0 !important;
  width: calc(100% - 37px) !important;
  max-width: calc(100% - 37px) !important;
  overflow: visible !important;
}

.admin-home-body #highestRiskTitle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  letter-spacing: 0 !important;
}

.admin-home-body #highestRiskValue {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 25px !important;
  max-height: none !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

.admin-home-body #highestRiskValue .risk-name-line {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.08 !important;
}

.admin-home-body #highestRiskNote {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 12px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

.admin-home-body .stats-grid .stat-card:not(#highestRiskCard) span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.05 !important;
}

.admin-home-body .stats-grid .stat-card:not(#highestRiskCard) strong {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.admin-home-body #highestRiskTitle {
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.admin-home-body #highestRiskValue {
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.admin-home-body #highestRiskNote {
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

.admin-home-body #highestRiskCard em,
.admin-home-body #highestRiskNote,
.admin-home-body .highest-risk-card em {
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.eokul-card.compact-card {
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(8,38,61,.06) !important;
}

.eokul-card .eokul-top.compact-top {
  gap: 14px !important;
}

.eokul-card .eokul-page-note {
  color: #61708a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.eokul-card .student-select-line {
  display: grid !important;
  grid-template-columns: minmax(190px, 220px) repeat(4, minmax(135px, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin-top: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.eokul-card .student-select-line select {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  background: #fff !important;
}

.eokul-card .mini-stat-icon {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.84) !important;
  color: #0b3a64 !important;
}

.eokul-card .mini-stat-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.eokul-card .mini-stat-copy em {
  display: block !important;
  margin: 0 !important;
  font-style: normal !important;
  font-size: 8.7px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  color: #6d7a8d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .mini-stat-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: 11.1px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  color: #08263d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.eokul-card .grade-table-wrap {
  margin-top: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(8,38,61,.08) !important;
  box-shadow: 0 10px 24px rgba(8,38,61,.04) !important;
  overflow: auto !important;
}

.eokul-card .grouped-grade-head th {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.eokul-card .grade-sub-head th {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.eokul-card .compact-grade-table tbody td {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  vertical-align: middle !important;
}

.eokul-card .all-grade-chip {
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.eokul-card .grade-code-hint {
  color: #6a7890 !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.eokul-card .summary-grid.compact-summary {
  gap: 12px !important;
  margin-top: 18px !important;
}

.eokul-card .eokul-summary-card {
  background: linear-gradient(180deg, #ffffff, #fbfdfe) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(8,38,61,.05) !important;
  border: 1px solid rgba(8,38,61,.08) !important;
}

.eokul-card .eokul-summary-card::after {
  display: none !important;
}

.eokul-card .eokul-summary-card .summary-icon {
  background: #f4f8ff !important;
  border-color: rgba(8,38,61,.10) !important;
  color: #0a355a !important;
}

.eokul-card .eokul-summary-card span {
  color: #5f6f88 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.eokul-card .eokul-summary-card strong {
  color: #08263d !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
}

.eokul-card .eokul-summary-card small {
  color: #7b899c !important;
  font-size: 10.7px !important;
}

.eokul-card #certificateStatus .certificate-empty,
.eokul-card .certificate-card #certificateStatus .certificate-empty {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fffaf2, #fff6ea) !important;
  border: 1px solid rgba(240, 167, 41, .24) !important;
  color: #b86d08 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.eokul-card .eokul-action-strip {
  margin-top: 16px !important;
  padding: 14px 8px 2px !important;
  border-top: 1px solid rgba(8,38,61,.10) !important;
}

.eokul-card .eokul-action-note {
  gap: 3px !important;
  font-size: 11.8px !important;
}

.eokul-card .eokul-action-note strong {
  font-size: 13px !important;
}

@media (max-width: 1180px) {
  .eokul-card .student-select-line {
    grid-template-columns: minmax(170px, 1fr) repeat(2, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .eokul-card .student-select-line {
    grid-template-columns: 1fr !important;
  }
}

.trial-page .trial-top-add,
.trial-top-add.deneme-add-main,
#trialTopAddRowBtn {
  min-width: 118px !important;
  max-width: 150px !important;
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.trial-page .grade-title-row {
  gap: 12px !important;
}

.trial-page .row-tools {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.net-calc-modal.hidden {
  display: none !important;
}

.net-calc-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
  background: rgba(8, 38, 61, .34) !important;
  backdrop-filter: blur(6px) !important;
}

.net-calc-panel {
  width: min(760px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto !important;
  border-radius: 22px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  background: linear-gradient(180deg, #ffffff, #f8fdff) !important;
  box-shadow: 0 24px 60px rgba(8, 38, 61, .22) !important;
  padding: 18px !important;
}

.net-calc-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.net-calc-head h3 {
  margin: 0 !important;
  color: #083d68 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.net-calc-head p {
  margin: 4px 0 0 !important;
  color: #61708a !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

.net-calc-close {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #083d68 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.net-calc-table-wrap {
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.net-calc-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

.net-calc-table th {
  background: #0b4a75 !important;
  color: #fff !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.net-calc-table td {
  padding: 10px !important;
  border-bottom: 1px solid rgba(188, 221, 232, .55) !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.net-calc-table td:first-child,
.net-calc-table th:first-child {
  text-align: left !important;
  width: 34% !important;
}

.net-calc-table input {
  width: 88px !important;
  max-width: 100% !important;
  height: 34px !important;
  border: 1px solid #cfe3ec !important;
  border-radius: 10px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #083d68 !important;
  background: #fbfdff !important;
  outline: none !important;
}

.net-calc-table input:focus {
  border-color: #12b8c8 !important;
  box-shadow: 0 0 0 3px rgba(18, 184, 200, .14) !important;
  background: #fff !important;
}

.net-calc-table strong {
  display: inline-flex !important;
  min-width: 58px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #eefcf4 !important;
  color: #12834e !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.net-calc-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.net-calc-summary div {
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 16px !important;
  background: #fff !important;
  padding: 12px !important;
}

.net-calc-summary span {
  display: block !important;
  color: #6d7a8d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-summary strong {
  display: block !important;
  margin-top: 4px !important;
  color: #083d68 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.net-calc-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.net-calc-actions button {
  min-width: 120px !important;
  height: 40px !important;
  border-radius: 13px !important;
  font-weight: 900 !important;
}

@media (max-width: 620px) {
  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }

  .net-calc-table input {
    width: 62px !important;
  }

  .net-calc-table td,
  .net-calc-table th {
    padding: 8px 6px !important;
    font-size: 11px !important;
  }
}

.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
  text-align: center !important;
}

.net-calc-table th:nth-child(4) {
  background: #0f6b4f !important;
}

.net-calc-table td:nth-child(4) strong {
  min-width: 70px !important;
  height: 30px !important;
  font-size: 12.5px !important;
  background: linear-gradient(180deg, #eefcf4, #e4f8ec) !important;
  border: 1px solid rgba(18, 131, 78, .18) !important;
}

.net-calc-panel {
  width: min(880px, calc(100vw - 36px)) !important;
}

.net-calc-table-wrap {
  overflow-x: auto !important;
}

.net-calc-table {
  table-layout: auto !important;
  min-width: 680px !important;
}

.net-calc-table th,
.net-calc-table td {
  white-space: nowrap !important;
}

.net-calc-table th:first-child,
.net-calc-table td:first-child {
  width: 34% !important;
}

.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
  min-width: 118px !important;
  text-align: center !important;
}

.net-calc-table th:nth-child(4) {
  background: #0f6b4f !important;
  color: #fff !important;
}

.net-calc-table td:nth-child(4) {
  background: #f3fcf7 !important;
}

.net-calc-table input {
  width: 82px !important;
}

.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 76px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #eefcf4, #e4f8ec) !important;
  border: 1px solid rgba(18,131,78,.20) !important;
  color: #12834e !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

@media (max-width: 760px) {
  .net-calc-panel {
    width: min(96vw, 96vw) !important;
  }

  .net-calc-table {
    min-width: 640px !important;
  }
}

.loss-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 12px 0 !important;
}

.loss-summary-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(212, 226, 236, .95) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  box-shadow: 0 12px 26px rgba(8, 38, 61, .055) !important;
  overflow: hidden !important;
}

.loss-summary-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #f7fbff !important;
  border: 1px solid rgba(188, 221, 232, .88) !important;
  font-size: 21px !important;
}

.loss-summary-card > div:last-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.loss-summary-card span {
  display: block !important;
  color: #6a7890 !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

.loss-summary-card strong {
  display: block !important;
  color: #083d68 !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.loss-summary-card small {
  display: block !important;
  color: #758499 !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}

.loss-ratio-card.loss-good {
  background: linear-gradient(180deg, #ffffff, #f0fff6) !important;
  border-color: rgba(22, 163, 74, .28) !important;
}

.loss-ratio-card.loss-good strong,
.loss-ratio-card.loss-good .loss-summary-icon {
  color: #15803d !important;
}

.loss-ratio-card.loss-mid {
  background: linear-gradient(180deg, #ffffff, #fff8ea) !important;
  border-color: rgba(245, 158, 11, .34) !important;
}

.loss-ratio-card.loss-mid strong,
.loss-ratio-card.loss-mid .loss-summary-icon {
  color: #b45309 !important;
}

.loss-ratio-card.loss-bad {
  background: linear-gradient(180deg, #ffffff, #fff1f1) !important;
  border-color: rgba(239, 68, 68, .32) !important;
}

.loss-ratio-card.loss-bad strong,
.loss-ratio-card.loss-bad .loss-summary-icon {
  color: #c24141 !important;
}

@media (max-width: 1100px) {
  .loss-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .loss-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

.sibyan-hero {
  background: linear-gradient(135deg, #ffffff, #f0fffb) !important;
}

.sibyan-card {
  margin-top: 12px !important;
  border: 1px solid rgba(188, 221, 232, .95) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(8, 38, 61, .06) !important;
  padding: 18px !important;
}

.sibyan-title-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

.sibyan-title-row h2 {
  margin: 0 !important;
  color: #083d68 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.sibyan-title-row p {
  margin: 4px 0 0 !important;
  color: #61708a !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.sibyan-form {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #f8fdff !important;
  border: 1px solid rgba(188, 221, 232, .8) !important;
  margin-bottom: 14px !important;
}

.sibyan-form label {
  display: grid !important;
  gap: 5px !important;
  color: #083d68 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.sibyan-form input {
  width: 100% !important;
  height: 38px !important;
  border: 1px solid #cfe3ec !important;
  border-radius: 12px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  outline: none !important;
  background: #fff !important;
}

.sibyan-form input:focus {
  border-color: #12b8c8 !important;
  box-shadow: 0 0 0 3px rgba(18, 184, 200, .14) !important;
}

.sibyan-table-wrap {
  overflow: auto !important;
  border: 1px solid rgba(188, 221, 232, .9) !important;
  border-radius: 18px !important;
}

.sibyan-table {
  width: 100% !important;
  border-collapse: collapse !important;
  min-width: 760px !important;
}

.sibyan-table th {
  background: #0b4a75 !important;
  color: #fff !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.sibyan-table td {
  padding: 10px !important;
  border-bottom: 1px solid rgba(188, 221, 232, .55) !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-align: center !important;
}

.sibyan-table td:nth-child(2) {
  text-align: left !important;
}

.sibyan-delete-btn {
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 10px !important;
}

@media (max-width: 1100px) {
  .sibyan-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .sibyan-form {
    grid-template-columns: 1fr !important;
  }
}

.sibyan-title-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.sibyan-title-actions .clear-button,
.sibyan-title-actions .row-add-button {
  min-width: 118px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  .sibyan-title-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .sibyan-title-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

.admin-home-body .stats-grid .risk-summary-card,
.admin-home-body .stats-grid #highestRiskCard {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  box-sizing: border-box !important;
  align-self: start !important;
  overflow: hidden !important;
}

.admin-home-body .stats-grid .risk-summary-card,
.admin-home-body .stats-grid #highestRiskCard {
  align-items: flex-start !important;
}

.admin-home-body .stats-grid .risk-summary-card > div:last-child,
.admin-home-body .stats-grid #highestRiskCard > div:last-child {
  justify-content: flex-start !important;
  gap: 2px !important;
}

#studentInfoForm {
  max-width: 980px !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 12px !important;
}

.student-info-form-layout .form-column {
  gap: 8px !important;
}

.student-info-form-layout .paired-field-row {
  display: grid !important;
  grid-template-columns: minmax(180px, max-content) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.student-info-form-layout .top-date-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.student-info-form-layout .two-pair-row {
  grid-template-columns: minmax(170px, max-content) minmax(180px, 1fr) minmax(150px, max-content) minmax(180px, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .health-row {
  grid-template-columns: minmax(205px, max-content) minmax(150px, 170px) minmax(220px, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .private-note-row {
  display: grid !important;
  grid-template-columns: minmax(180px, max-content) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea,
.student-info-form-layout .phone-input-wrap input,
.form-column input,
.form-column select,
.form-column textarea {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  padding: 0 12px !important;
}

.student-info-form-layout textarea,
.form-column textarea,
#privateNote,
#illness,
#medicine {
  min-height: 74px !important;
  height: 74px !important;
  padding: 10px 12px !important;
  line-height: 1.35 !important;
}

.student-info-form-layout .phone-input-wrap small {
  display: block !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.student-info-form-layout select {
  padding-right: 34px !important;
}

@media (max-width: 1100px) {
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row {
    grid-template-columns: 1fr !important;
  }
}

body.modal-open {
  overflow: hidden !important;
}

.student-add-modal.hidden {
  display: none !important;
}

.student-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.student-add-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 38, 61, .42) !important;
  backdrop-filter: blur(5px) !important;
}

.student-add-modal-card {
  position: relative !important;
  width: min(980px, 96vw) !important;
  max-height: 92vh !important;
  overflow: auto !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(8, 38, 61, .24) !important;
  padding: 18px !important;
}

.student-add-modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 6px 6px 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .1) !important;
  margin-bottom: 14px !important;
}

.student-add-modal-head h2 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

.student-add-modal-head p {
  margin: 5px 0 0 !important;
  color: #526a7f !important;
  font-size: 13px !important;
}

.student-add-modal-close {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 13px !important;
  background: #f7fafc !important;
  color: #08263d !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.student-add-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.student-add-mini-form label {
  min-width: 0 !important;
}

.student-add-mini-form label span {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  margin-bottom: 5px !important;
  border: 1px solid #cfdce8 !important;
  border-radius: 10px !important;
  background: #f8fbfd !important;
  color: #0b3558 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.student-add-mini-form label span em {
  color: #d23b3b !important;
  font-style: normal !important;
  margin-left: 4px !important;
}

.student-add-mini-form input,
.student-add-mini-form select,
.student-add-mini-form textarea {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  border: 1px solid #d5e1ec !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

.student-add-mini-form textarea {
  height: 78px !important;
  min-height: 78px !important;
  padding: 10px 12px !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

.student-add-note {
  display: block !important;
  margin-top: 10px !important;
}

.student-add-modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(8, 38, 61, .1) !important;
}

.student-add-cancel,
.student-add-save {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.student-add-cancel {
  border: 1px solid #d5e1ec !important;
  color: #0b3558 !important;
  background: #ffffff !important;
}

.student-add-save {
  border: 1px solid #0b3558 !important;
  color: #ffffff !important;
  background: #0b3558 !important;
}

@media (max-width: 760px) {
  .student-add-modal {
    padding: 12px !important;
  }

  .student-add-form-grid {
    grid-template-columns: 1fr !important;
  }

  .student-add-modal-card {
    max-height: 94vh !important;
    border-radius: 18px !important;
  }
}

body.admin-body .form-shell {
  max-width: 1180px !important;
  padding: 14px 18px 26px !important;
}

body.admin-body .big-form-card {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,253,.96)) !important;
  box-shadow: 0 22px 50px rgba(8, 38, 61, .08) !important;
  padding: 18px 20px 20px !important;
}

#studentInfoForm {
  max-width: 1030px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.form-title-with-actions,
.form-title.form-title-with-actions {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 2px 0 18px !important;
  padding: 0 2px !important;
}

.form-title h2 {
  color: #08263d !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

.form-title p {
  margin-top: 5px !important;
  color: #60758a !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

.excel-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.excel-button,
.student-new-button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  color: #083050 !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 38, 61, .06) !important;
}

.student-info-form-layout,
.form-grid.single-form-grid.student-info-form-layout {
  width: 100% !important;
  max-width: 1030px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.student-info-form-layout .form-column {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

.student-info-form-layout .paired-field-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 180px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 9px !important;
  margin: 0 !important;
}

.student-info-form-layout .top-date-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
}

.student-info-form-layout .top-date-row .paired-field {
  min-width: 0 !important;
}

.student-info-form-layout .top-date-row .paired-field label {
  width: 100% !important;
  box-sizing: border-box !important;
}

.student-info-form-layout .two-pair-row {
  display: grid !important;
  grid-template-columns: minmax(155px, 170px)
    minmax(190px, 1fr)
    minmax(135px, 150px)
    minmax(190px, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  margin: 0 !important;
}

.student-info-form-layout .health-row {
  display: grid !important;
  grid-template-columns: minmax(205px, 220px) minmax(160px, 180px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
}

.student-info-form-layout .private-note-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 180px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  margin-top: 4px !important;
}

.student-info-form-layout .field-label-box,
.student-info-form-layout .paired-field label,
.student-info-form-layout .private-note-row label {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #ffffff, #f5f9fc) !important;
  color: #08263d !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.student-info-form-layout input,
.student-info-form-layout select,
.student-info-form-layout textarea,
.student-info-form-layout .phone-input-wrap input,
.form-column input,
.form-column select,
.form-column textarea {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 13px !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #08263d !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(8,38,61,.02) !important;
}

.student-info-form-layout input:focus,
.student-info-form-layout select:focus,
.student-info-form-layout textarea:focus {
  border-color: rgba(8, 38, 61, .34) !important;
  box-shadow: 0 0 0 4px rgba(8, 38, 61, .08) !important;
  background: #ffffff !important;
}

.student-info-form-layout select {
  padding-right: 34px !important;
  cursor: pointer !important;
}

.student-info-form-layout textarea,
.form-column textarea,
#privateNote,
#illness,
#medicine {
  min-height: 78px !important;
  height: 78px !important;
  padding: 11px 13px !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

.student-info-form-layout .phone-input-wrap {
  min-width: 0 !important;
}

.student-info-form-layout .phone-input-wrap small {
  display: block !important;
  margin-top: 5px !important;
  padding-left: 3px !important;
  color: #6a7c8e !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

.required-star,
.student-info-form-layout .required-star {
  color: #e13b3b !important;
  margin-left: 1px !important;
  font-weight: 950 !important;
}

.form-actions {
  position: sticky !important;
  bottom: 10px !important;
  z-index: 20 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  max-width: 1030px !important;
  margin: 14px auto 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 -10px 30px rgba(8, 38, 61, .08) !important;
}

.clear-button,
.save-button {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  padding: 0 24px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.save-button {
  background: #08263d !important;
  border-color: #08263d !important;
}

.clear-button {
  color: #08263d !important;
  background: #ffffff !important;
  border-color: rgba(8, 38, 61, .14) !important;
}

body.admin-body {
  background: radial-gradient(circle at top left, rgba(0, 128, 128, .12), transparent 34%),
    linear-gradient(180deg, #f7fbfd, #ffffff) !important;
}

@media (max-width: 1120px) {
  body.admin-body .form-shell {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .form-title-with-actions,
  .form-title.form-title-with-actions {
    grid-template-columns: 1fr !important;
  }

  .excel-actions {
    justify-content: flex-start !important;
  }

  .student-info-form-layout .two-pair-row {
    grid-template-columns: minmax(155px, 180px) minmax(0, 1fr) !important;
  }

  .student-info-form-layout .health-row {
    grid-template-columns: minmax(205px, 220px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 860px) {
  body.admin-body .big-form-card {
    padding: 16px 14px !important;
    border-radius: 20px !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .private-note-row,
  .student-info-form-layout .two-pair-row,
  .student-info-form-layout .health-row {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .student-info-form-layout .top-date-row {
    grid-template-columns: 1fr !important;
  }

  .student-info-form-layout .field-label-box,
  .student-info-form-layout .paired-field label,
  .student-info-form-layout .private-note-row label {
    min-height: 36px !important;
  }
}

@media (max-width: 560px) {
  body.admin-body .form-shell {
    padding: 10px 10px 20px !important;
  }

  body.admin-body .big-form-card {
    padding: 14px 12px !important;
    border-radius: 18px !important;
  }

  .form-title h2 {
    font-size: 22px !important;
  }

  .form-title p {
    font-size: 12px !important;
  }

  .excel-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .excel-button,
  .student-new-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .student-info-form-layout .form-column {
    gap: 8px !important;
  }

  .student-info-form-layout input,
  .student-info-form-layout select,
  .student-info-form-layout textarea,
  .student-info-form-layout .phone-input-wrap input,
  .form-column input,
  .form-column select,
  .form-column textarea {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13.5px !important;
  }

  .student-info-form-layout .field-label-box,
  .student-info-form-layout .paired-field label,
  .student-info-form-layout .private-note-row label {
    font-size: 12.5px !important;
    min-height: 36px !important;
  }

  .form-actions {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .clear-button,
  .save-button {
    width: 100% !important;
  }
}

#heroAddStudentBtn {
  display: none !important;
}

#staffOpinion {
  min-height: 110px !important;
  resize: vertical !important;
}

label[for="staffOpinion"] {
  margin-top: 14px !important;
}

.form-hero,
.hero-card {
  position: relative !important;
}

#enableEditBtn {
  display: none !important;
}

#enableEditBtn {
  display: inline-flex !important;
}

#enableEditBtn.hidden {
  display: none !important;
}

.login-warning {
  min-height: 20px;
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: #b42318;
}

#studentInfoForm .form-actions .clear-button,
#studentInfoForm .form-actions .save-button {
  color: #ffffff !important;
  border-width: 1px !important;
  transition: transform .18s ease, box-shadow .22s ease, filter .22s ease, background .22s ease, border-color .22s ease !important;
}

#studentInfoForm .form-actions .clear-button {
  background: linear-gradient(180deg, #ff6b6b 0%, #e03131 100%) !important;
  border-color: #cf2a2a !important;
  box-shadow: 0 10px 24px rgba(224, 49, 49, 0.26) !important;
}

#studentInfoForm .form-actions .clear-button:hover {
  background: linear-gradient(180deg, #ff8787 0%, #f03e3e 100%) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.18), 0 0 24px rgba(255, 107, 107, 0.55), 0 12px 28px rgba(224, 49, 49, 0.34) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

#studentInfoForm .form-actions .save-button {
  background: linear-gradient(180deg, #4dabf7 0%, #1c7ed6 100%) !important;
  border-color: #1971c2 !important;
  box-shadow: 0 10px 24px rgba(28, 126, 214, 0.26) !important;
}

#studentInfoForm .form-actions .save-button:hover {
  background: linear-gradient(180deg, #74c0fc 0%, #228be6 100%) !important;
  box-shadow: 0 0 0 3px rgba(116, 192, 252, 0.18), 0 0 24px rgba(116, 192, 252, 0.58), 0 12px 28px rgba(28, 126, 214, 0.34) !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

#studentInfoForm .form-actions .clear-button:active,
#studentInfoForm .form-actions .save-button:active {
  transform: translateY(0) scale(0.98) !important;
}

#enableEditBtn,
#studentInfoForm .form-actions .save-button,
#studentInfoForm .form-actions .clear-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.form-locked #studentInfoForm .form-actions .save-button,
.form-locked #studentInfoForm .form-actions .clear-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
}

#studentInfoForm .form-actions .save-button:disabled,
#studentInfoForm .form-actions .clear-button:disabled,
#enableEditBtn:disabled {
  opacity: 1 !important;
  cursor: pointer !important;
}

#studentInfoForm .bottom-nav-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button,
#studentInfoForm .bottom-nav-actions .bottom-update-button {
  width: 132px !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease, filter .22s ease !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button {
  border-color: rgba(34, 107, 122, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .22) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-home-button:hover {
  border-color: rgba(49, 138, 156, .34) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-update-button {
  border-color: rgba(10, 152, 133, .24) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #1fc7ad 0%, #0f9f8f 100%) !important;
  box-shadow: 0 10px 24px rgba(15, 159, 143, .24) !important;
}

#studentInfoForm .bottom-nav-actions .bottom-update-button:hover {
  border-color: rgba(18, 175, 154, .38) !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #32d8be 0%, #11b3a0 100%) !important;
  box-shadow: 0 0 0 3px rgba(31, 199, 173, .16), 0 0 24px rgba(31, 199, 173, .34), 0 14px 30px rgba(15, 159, 143, .24) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

@media (max-width: 720px) {
  #studentInfoForm .bottom-nav-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #studentInfoForm .bottom-nav-actions .bottom-home-button,
  #studentInfoForm .bottom-nav-actions .bottom-update-button {
    width: 100% !important;
    min-width: 100% !important;
  }
}

.form-hero .hero-heading-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.admin-home-body .hero-actions .action-button.home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(34, 107, 122, .20) !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .20) !important;
}

.admin-home-body .hero-actions .action-button.home-shortcut::before,
.admin-home-body .hero-actions .action-button.home-shortcut::after {
  content: none !important;
}

.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible {
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
}

.admin-home-body .admin-home-three-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(34, 107, 122, .20) !important;
  background: linear-gradient(180deg, #2e7d8a 0%, #1f5f6d 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(31, 95, 109, .20) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut::before,
.admin-home-body .admin-home-three-buttons .home-shortcut::after {
  content: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover {
  background: linear-gradient(180deg, #3d93a1 0%, #27717f 100%) !important;
  box-shadow: 0 0 0 3px rgba(61, 147, 161, .14), 0 0 24px rgba(61, 147, 161, .28), 0 14px 30px rgba(31, 95, 109, .24) !important;
}

.admin-home-body .admin-home-three-buttons {
  margin-top: -8px !important;
  transform: translateY(-6px) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  height: 34px !important;
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  border-radius: 12px !important;
}

.admin-home-body .admin-home-three-buttons {
  align-self: flex-start !important;
  margin-top: -2px !important;
  transform: none !important;
  position: relative !important;
  top: -16px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

.admin-home-body .hero-card {
  align-items: flex-start !important;
}

.admin-home-body .hero-brand {
  align-items: flex-start !important;
}

.admin-home-body .admin-home-three-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  align-self: flex-start !important;
  margin-top: 18px !important;
  top: 0 !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
}

.admin-home-body .hero-card {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  overflow: hidden !important;
}

.admin-home-body .hero-brand {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.admin-home-body .admin-home-three-buttons {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: calc(100% - 24px) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 980px) {
  .admin-home-body .hero-card {
    flex-wrap: wrap !important;
  }

  .admin-home-body .admin-home-three-buttons {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f5f6d !important;
  border: 1px solid rgba(31, 95, 109, .22) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut::before,
.admin-home-body .admin-home-three-buttons .home-shortcut::after,
.admin-home-body .hero-actions .action-button.home-shortcut::before,
.admin-home-body .hero-actions .action-button.home-shortcut::after {
  content: none !important;
  display: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active,
.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:active {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f5f6d !important;
  border: 1px solid rgba(31, 95, 109, .22) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  outline: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1) {
  color: #0f9f8f !important;
  border: 1px solid rgba(15, 159, 143, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2) {
  color: #d9485f !important;
  border: 1px solid rgba(217, 72, 95, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3) {
  color: #2563eb !important;
  border: 1px solid rgba(37, 99, 235, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active {
  background: #0f9f8f !important;
  color: #ffffff !important;
  border-color: #0f9f8f !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active {
  background: #d9485f !important;
  color: #ffffff !important;
  border-color: #d9485f !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .admin-home-three-buttons .home-shortcut:hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:active,
.admin-home-body .hero-actions .action-button.home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut:hover,
.admin-home-body .hero-actions .action-button.home-shortcut:focus,
.admin-home-body .hero-actions .action-button.home-shortcut:focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:active {
  background: #F5F5F5 !important;
  background-color: #F5F5F5 !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  outline: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active {
  color: #0f9f8f !important;
  border-color: rgba(15, 159, 143, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active {
  color: #d9485f !important;
  border-color: rgba(217, 72, 95, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3),
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active {
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 12px !important;
  pointer-events: none !important;
  user-select: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut .action-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  flex: 0 0 16px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child {
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 4px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .button-png-icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex: 0 0 14px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .action-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #0f9f8f !important;
  border-color: rgba(15, 159, 143, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #d9485f !important;
  border-color: rgba(217, 72, 95, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):not(:hover):not(:focus):not(:focus-visible):not(:active),
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):not(:hover):not(:focus):not(:focus-visible):not(:active) {
  background: #F5F5F5 !important;
  color: #2563eb !important;
  border-color: rgba(37, 99, 235, 0.38) !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(1):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(1):active {
  background: #16a34a !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(2):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(2):active {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):hover,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):focus-visible,
.admin-home-body .admin-home-three-buttons .home-shortcut:nth-child(3):active,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):hover,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):focus,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):focus-visible,
.admin-home-body .hero-actions .action-button.home-shortcut:nth-child(3):active {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.student-delete-form-grid .student-delete-full {
  grid-column: 1 / -1 !important;
}

.student-delete-modal-card {
  width: min(760px, 96vw) !important;
}

.student-delete-mini-form textarea {
  min-height: 96px !important;
  height: 96px !important;
}

.student-delete-modal-actions {
  justify-content: flex-end !important;
}

#deleteExitWarning {
  min-height: 18px !important;
  margin-top: 10px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  gap: 5px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 4px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut:first-child .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut:first-child .button-png-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex: 0 0 17px !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut .action-label {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#studentDeleteModal .student-add-modal-backdrop {
  background: rgba(120, 24, 35, 0.16) !important;
}

#studentDeleteModal .student-delete-modal-card {
  background: #fffafa !important;
  border: 1px solid #f1d0d0 !important;
  box-shadow: 0 18px 36px rgba(122, 37, 47, 0.10) !important;
}

#studentDeleteModal .student-add-modal-head {
  background: linear-gradient(180deg, #fff4f4 0%, #ffeaea 100%) !important;
  border-bottom: 1px solid #f3d3d3 !important;
}

#studentDeleteModal .student-add-modal-head h2 {
  color: #b42318 !important;
}

#studentDeleteModal .student-add-modal-head p {
  color: #9b4a4a !important;
}

#studentDeleteModal .student-add-modal-close {
  color: #b42318 !important;
  background: #fff7f7 !important;
  border: 1px solid #efcaca !important;
}

#studentDeleteModal .student-add-modal-close:hover,
#studentDeleteModal .student-add-modal-close:focus,
#studentDeleteModal .student-add-modal-close:focus-visible {
  background: #ffeaea !important;
  border-color: #e8b3b3 !important;
  color: #9f1d14 !important;
}

#studentDeleteModal .student-delete-mini-form label > span {
  color: #8c2f39 !important;
}

#studentDeleteModal .student-delete-mini-form input,
#studentDeleteModal .student-delete-mini-form select,
#studentDeleteModal .student-delete-mini-form textarea {
  background: #fffdfd !important;
  border: 1px solid #efcfcf !important;
}

#studentDeleteModal .student-delete-mini-form input:focus,
#studentDeleteModal .student-delete-mini-form select:focus,
#studentDeleteModal .student-delete-mini-form textarea:focus {
  border-color: #de8f95 !important;
  box-shadow: 0 0 0 3px rgba(222, 143, 149, 0.14) !important;
  outline: none !important;
}

#studentDeleteModal #deleteExitWarning {
  color: #b42318 !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-save {
  background: linear-gradient(180deg, #ef5350 0%, #dc2626 100%) !important;
  border: 1px solid #cf2b2b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-save:hover,
#studentDeleteModal .student-delete-modal-actions .student-add-save:focus,
#studentDeleteModal .student-delete-modal-actions .student-add-save:focus-visible {
  background: linear-gradient(180deg, #f36a67 0%, #e03131 100%) !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-cancel {
  background: #fff7f7 !important;
  border: 1px solid #efcaca !important;
  color: #9f3b46 !important;
  box-shadow: none !important;
}

#studentDeleteModal .student-delete-modal-actions .student-add-cancel:hover,
#studentDeleteModal .student-delete-modal-actions .student-add-cancel:focus,
#studentDeleteModal .student-delete-modal-actions .student-add-cancel:focus-visible {
  background: #ffecec !important;
  border-color: #e9b5b5 !important;
  color: #8d2d38 !important;
  box-shadow: none !important;
}

.student-add-modal-close {
  font-size: 0 !important;
  line-height: 1 !important;
}

.student-add-modal-close::before {
  content: "×" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #0b3558 !important;
  transform: translateY(-1px) !important;
}

.student-new-button {
  background: #ffffff !important;
  color: #0b3558 !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.student-new-button:hover,
.student-new-button:focus,
.student-new-button:focus-visible {
  background: linear-gradient(135deg, #0b7f6e 0%, #065a4f 100%) !important;
  border-color: #0b7f6e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.student-form-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 23, 40, 0.16);
  z-index: 1400;
}

body.student-sheet-open {
  overflow: hidden !important;
}

body.student-sheet-open #studentInfoForm {
  display: block !important;
  position: fixed !important;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  width: min(1120px, calc(100vw - 44px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  z-index: 1500;
  background: #fdfefe;
  border: 1px solid rgba(11, 127, 110, 0.14);
  border-radius: 22px;
  padding: 18px 18px 22px;
  box-shadow: 0 24px 56px rgba(10, 36, 63, 0.12);
}

body.student-sheet-open #studentInfoForm .form-title {
  position: sticky;
  top: -18px;
  z-index: 2;
  background: #fdfefe;
  padding-top: 8px;
}

.student-sheet-close {
  background: #fff7f7 !important;
  border-color: rgba(220, 38, 38, 0.2) !important;
  color: #c62828 !important;
}

.student-sheet-close:hover,
.student-sheet-close:focus,
.student-sheet-close:focus-visible {
  background: #c62828 !important;
  border-color: #c62828 !important;
  color: #ffffff !important;
}

.student-info-click-row.duration-tier-high {
  background: #eef9f2 !important;
}

.student-info-click-row.duration-tier-mid {
  background: #fff6e9 !important;
}

.student-info-click-row.duration-tier-low {
  background: #fff0f0 !important;
}

.student-info-click-row.duration-tier-high:nth-child(even) {
  background: #e6f6ec !important;
}

.student-info-click-row.duration-tier-mid:nth-child(even) {
  background: #fff1de !important;
}

.student-info-click-row.duration-tier-low:nth-child(even) {
  background: #ffe7e7 !important;
}

.student-info-click-row.duration-tier-high:hover,
.student-info-click-row.duration-tier-high:focus {
  background: #def2e7 !important;
}

.student-info-click-row.duration-tier-mid:hover,
.student-info-click-row.duration-tier-mid:focus {
  background: #ffead2 !important;
}

.student-info-click-row.duration-tier-low:hover,
.student-info-click-row.duration-tier-low:focus {
  background: #ffdede !important;
}

@media (max-width: 860px) {
  body.student-sheet-open #studentInfoForm {
    width: calc(100vw - 16px);
    top: 8px;
    max-height: calc(100vh - 16px);
    padding: 12px;
  }
}

.net-calc-modal {
  background: rgba(8, 38, 61, .26) !important;
  backdrop-filter: blur(5px) !important;
  padding: 14px !important;
}

.net-calc-panel {
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 34px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(11, 127, 110, .18) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fcfb 100%) !important;
  box-shadow: 0 22px 48px rgba(8, 38, 61, .16) !important;
  padding: 14px !important;
}

.net-calc-head {
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 4px 4px 10px !important;
  border-bottom: 1px solid rgba(11, 127, 110, .12) !important;
}

.net-calc-head h3 {
  color: #08263d !important;
  font-size: 21px !important;
  letter-spacing: -.03em !important;
}

.net-calc-head p {
  margin-top: 3px !important;
  color: #526a7f !important;
  font-size: 12px !important;
}

.net-calc-student-note {
  display: inline-flex !important;
  margin-top: 6px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #e9f8f4 !important;
  border: 1px solid rgba(15, 159, 143, .16) !important;
  color: #0b7f6e !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-close {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  border: 1px solid #d7e8e5 !important;
  background: #ffffff !important;
  color: #0b3558 !important;
  box-shadow: none !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: #e3262e !important;
  border-color: #e3262e !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.net-calc-table-wrap {
  border-color: rgba(11, 127, 110, .18) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.net-calc-table {
  min-width: 610px !important;
}

.net-calc-table th {
  background: #0b3558 !important;
  padding: 9px 10px !important;
  font-size: 11.5px !important;
}

.net-calc-table th:nth-child(4) {
  background: #0b7f6e !important;
}

.net-calc-table td {
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  border-bottom: 1px solid rgba(11, 127, 110, .11) !important;
}

.net-calc-table tr.net-row-active td {
  background: #f0faf7 !important;
}

.net-calc-table input {
  width: 72px !important;
  height: 31px !important;
  border-radius: 10px !important;
  border-color: #d5e6e3 !important;
  background: #fbfefe !important;
  color: #0b3558 !important;
}

.net-calc-table input:focus {
  border-color: #0f9f8f !important;
  box-shadow: 0 0 0 3px rgba(15, 159, 143, .12) !important;
}

.net-calc-table td:nth-child(4),
.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  background: #eaf8f2 !important;
}

.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  min-width: 68px !important;
  height: 28px !important;
  border-color: rgba(15, 159, 143, .22) !important;
  color: #0b7f4b !important;
}

.net-calc-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

.net-calc-summary div {
  border-color: rgba(11, 127, 110, .15) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.net-calc-summary span {
  color: #607589 !important;
  font-size: 10.5px !important;
}

.net-calc-summary strong {
  color: #0b3558 !important;
  font-size: 18px !important;
}

.net-calc-actions {
  margin-top: 10px !important;
  gap: 9px !important;
}

.net-calc-actions button {
  min-width: 112px !important;
  height: 38px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

#netCalcApplyBtn {
  background: linear-gradient(135deg, #0b7f6e 0%, #064f46 100%) !important;
  color: #ffffff !important;
  border-color: #0b7f6e !important;
}

#netCalcResetBtn {
  background: #ffffff !important;
  color: #0b3558 !important;
  border-color: #d5e6e3 !important;
}

@media (max-width: 760px) {
  .net-calc-panel {
    width: calc(100vw - 18px) !important;
    padding: 11px !important;
  }

  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }
}

.net-calc-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f0f8f7 100%) !important;
  border: 1px solid rgba(11, 127, 110, .22) !important;
  box-shadow: 0 26px 58px rgba(8, 38, 61, .18),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.net-calc-table-wrap {
  background: linear-gradient(180deg, #ffffff 0%, #f5fbfa 100%) !important;
  box-shadow: 0 14px 26px rgba(8, 38, 61, .08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-table th {
  background: linear-gradient(180deg, #145f86 0%, #0b3558 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.net-calc-table th:nth-child(4) {
  background: linear-gradient(180deg, #15936f 0%, #0b6b54 100%) !important;
}

.net-calc-table td {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfd 100%) !important;
}

.net-calc-table tr.net-row-active td {
  background: linear-gradient(180deg, #f0fbf8 0%, #e7f6f1 100%) !important;
}

.net-calc-table input {
  background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%) !important;
  border: 1px solid #bfdae8 !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .08),
    0 2px 0 rgba(255,255,255,.88) !important;
  font-weight: 900 !important;
}

.net-calc-table input:focus {
  border-color: #0f9f8f !important;
  box-shadow: inset 0 1px 2px rgba(8, 38, 61, .08),
    0 0 0 3px rgba(15, 159, 143, .16),
    0 3px 8px rgba(15, 159, 143, .12) !important;
}

.net-calc-table [data-net-result] {
  background: linear-gradient(180deg, #effcf4 0%, #dff6e7 100%) !important;
  border: 1px solid #9bd8ad !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96),
    0 3px 7px rgba(14, 127, 74, .10) !important;
  font-weight: 950 !important;
}

.net-calc-summary div {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbfa 100%) !important;
  border: 1px solid rgba(11, 127, 110, .18) !important;
  box-shadow: 0 8px 16px rgba(8, 38, 61, .06),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-actions button,
#netCalcApplyBtn,
#netCalcResetBtn {
  font-weight: 950 !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 0 rgba(8, 38, 61, .14),
    0 13px 22px rgba(8, 38, 61, .10),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform: translateY(0) !important;
}

#netCalcApplyBtn {
  background: linear-gradient(180deg, #119b7d 0%, #075f51 100%) !important;
  border: 1px solid #075f51 !important;
  color: #ffffff !important;
}

#netCalcResetBtn {
  background: linear-gradient(180deg, #ffffff 0%, #eef4f7 100%) !important;
  border: 1px solid #cfe0e8 !important;
  color: #0b3558 !important;
}

.net-calc-actions button:hover,
#netCalcApplyBtn:hover,
#netCalcResetBtn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 0 rgba(8, 38, 61, .14),
    0 16px 24px rgba(8, 38, 61, .13),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.net-calc-actions button:active,
#netCalcApplyBtn:active,
#netCalcResetBtn:active {
  transform: translateY(2px) !important;
  box-shadow: 0 3px 0 rgba(8, 38, 61, .16),
    0 8px 14px rgba(8, 38, 61, .10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.net-calc-close {
  background: linear-gradient(180deg, #ffffff 0%, #eef6f8 100%) !important;
  box-shadow: 0 4px 0 rgba(8, 38, 61, .10),
    0 10px 16px rgba(8, 38, 61, .08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: linear-gradient(180deg, #f04444 0%, #dc2626 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 0 rgba(120, 24, 35, .22),
    0 10px 16px rgba(120, 24, 35, .14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.net-calc-table th {
  background: linear-gradient(180deg, #2563eb 0%, #123f91 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.net-calc-table th:nth-child(4) {
  background: linear-gradient(180deg, #7c3aed 0%, #4c1d95 100%) !important;
  color: #ffffff !important;
}

.net-calc-head h3 {
  color: #123f91 !important;
}

.net-calc-student-note {
  background: #eef2ff !important;
  border-color: rgba(37, 99, 235, .18) !important;
  color: #1d4ed8 !important;
}

.net-calc-table tr.net-row-active td {
  background: linear-gradient(180deg, #f3f6ff 0%, #eef2ff 100%) !important;
}

.net-calc-table tr.net-row-active td:nth-child(4),
.net-calc-table tr.net-row-active [data-net-result] {
  background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%) !important;
  border-color: #c4b5fd !important;
  color: #5b21b6 !important;
}

.net-calc-table tr.net-row-danger td {
  background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%) !important;
  color: #8f1d2c !important;
}

.net-calc-table tr.net-row-danger td:first-child {
  color: #7f1d1d !important;
}

.net-calc-table tr.net-row-danger input {
  background: linear-gradient(180deg, #fffafa 0%, #ffe9eb 100%) !important;
  border-color: #f2a5ad !important;
  color: #991b1b !important;
}

.net-calc-table tr.net-row-danger [data-net-result],
.net-calc-table tr.net-row-danger td:nth-child(4) strong {
  background: linear-gradient(180deg, #fee2e2 0%, #fecaca 100%) !important;
  border-color: #f87171 !important;
  color: #b91c1c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8),
    0 3px 7px rgba(185, 28, 28, .10) !important;
}

.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%) !important;
  border: 1px solid #c4b5fd !important;
  color: #5b21b6 !important;
}

#netCalcApplyBtn {
  background: linear-gradient(180deg, #2563eb 0%, #1e3a8a 100%) !important;
  border-color: #1e40af !important;
  color: #ffffff !important;
}

#netCalcApplyBtn:hover,
#netCalcApplyBtn:focus,
#netCalcApplyBtn:focus-visible {
  background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%) !important;
  border-color: #1d4ed8 !important;
}

.net-calc-panel {
  border-color: rgba(37, 99, 235, .22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%) !important;
}

.net-calc-table-wrap,
.net-calc-summary div {
  border-color: rgba(37, 99, 235, .16) !important;
}

#trialTopAddRowBtn.deneme-add-main {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  align-self: center !important;
}

#trialTopAddRowBtn:hover {
  background: #07877d !important;
  color: #ffffff !important;
  border-color: #07877d !important;
  box-shadow: 0 8px 18px rgba(7, 135, 125, 0.22) !important;
  transform: translateY(-1px);
}

.deneme-empty-state .row-add-button {
  background: #eefafa !important;
  color: #07877d !important;
  border: 1px solid rgba(7, 135, 125, 0.35) !important;
  box-shadow: 0 6px 14px rgba(7, 135, 125, 0.10) !important;
}

.deneme-empty-state .row-add-button:hover {
  background: #07877d !important;
  color: #ffffff !important;
  border-color: #07877d !important;
  box-shadow: 0 8px 18px rgba(7, 135, 125, 0.22) !important;
}

.net-calc-modal {
  background: rgba(15, 23, 42, .22) !important;
  backdrop-filter: blur(3px) !important;
  padding: 10px !important;
}

.net-calc-panel {
  width: min(620px, calc(100vw - 30px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 10px 12px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;
}

.net-calc-head {
  margin-bottom: 8px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e5edf5 !important;
}

.net-calc-head h3 {
  color: #0f2f4f !important;
  font-size: 18px !important;
  letter-spacing: -.02em !important;
}

.net-calc-head p {
  margin-top: 2px !important;
  color: #6b7c8f !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.net-calc-student-note {
  margin-top: 5px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: #f3f6fb !important;
  border: 1px solid #dce6f2 !important;
  color: #244766 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.net-calc-close {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #d8e2ee !important;
  color: #244766 !important;
  box-shadow: none !important;
}

.net-calc-close:hover,
.net-calc-close:focus,
.net-calc-close:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #0f2f4f !important;
  box-shadow: none !important;
}

.net-calc-table-wrap {
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.net-calc-table {
  min-width: 540px !important;
  border-collapse: collapse !important;
}

.net-calc-table th {
  height: 28px !important;
  padding: 5px 8px !important;
  background: #eef3f8 !important;
  color: #173653 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.net-calc-table th:nth-child(4) {
  background: #e9edf7 !important;
  color: #27385f !important;
}

.net-calc-table td {
  height: 34px !important;
  padding: 4px 8px !important;
  background: #ffffff !important;
  color: #173653 !important;
  font-size: 11.5px !important;
  border-bottom: 1px solid #e8eef5 !important;
}

.net-calc-table tr:last-child td {
  border-bottom: 0 !important;
}

.net-calc-table tr.net-row-active td {
  background: #f7faff !important;
}

.net-calc-table input {
  width: 54px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border-radius: 6px !important;
  border: 1px solid #cbd8e6 !important;
  background: #fbfdff !important;
  color: #173653 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.net-calc-table input:focus {
  border-color: #7896b8 !important;
  box-shadow: 0 0 0 2px rgba(120, 150, 184, .16) !important;
}

.net-calc-table td:nth-child(4),
.net-calc-table td:nth-child(4) strong,
.net-calc-table [data-net-result] {
  background: #f6f7fb !important;
}

.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  min-width: 54px !important;
  height: 23px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  border: 1px solid #d6ddec !important;
  color: #27385f !important;
  background: #f8f9fd !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.net-calc-table tr.net-row-danger td {
  background: #fff7f7 !important;
  color: #8a2631 !important;
}

.net-calc-table tr.net-row-danger input,
.net-calc-table tr.net-row-danger [data-net-result],
.net-calc-table tr.net-row-danger td:nth-child(4) strong {
  background: #fff4f4 !important;
  border-color: #efb8bf !important;
  color: #9f1d2c !important;
  box-shadow: none !important;
}

.net-calc-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 8px !important;
}

.net-calc-summary div {
  padding: 7px 9px !important;
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.net-calc-summary span {
  color: #718093 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

.net-calc-summary strong {
  margin-top: 3px !important;
  color: #173653 !important;
  font-size: 15px !important;
}

.net-calc-actions {
  margin-top: 8px !important;
  gap: 8px !important;
}

.net-calc-actions button,
#netCalcApplyBtn,
#netCalcResetBtn {
  min-width: 96px !important;
  height: 32px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  transform: none !important;
}

#netCalcApplyBtn {
  background: #274c77 !important;
  border: 1px solid #274c77 !important;
  color: #ffffff !important;
}

#netCalcApplyBtn:hover,
#netCalcApplyBtn:focus,
#netCalcApplyBtn:focus-visible {
  background: #1f3d60 !important;
  border-color: #1f3d60 !important;
  box-shadow: none !important;
  transform: none !important;
}

#netCalcResetBtn {
  background: #f8fafc !important;
  border: 1px solid #d8e2ee !important;
  color: #244766 !important;
}

#netCalcResetBtn:hover,
#netCalcResetBtn:focus,
#netCalcResetBtn:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #173653 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 680px) {
  .net-calc-panel {
    width: calc(100vw - 16px) !important;
    padding: 9px !important;
  }

  .net-calc-summary {
    grid-template-columns: 1fr !important;
  }
}

.deneme-empty-state .row-add-button {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  min-width: 76px !important;
}

.net-calc-panel {
  width: min(560px, calc(100vw - 42px)) !important;
  transform: translateX(-26px) !important;
  padding: 10px 12px 12px !important;
}

.net-calc-head,
.net-calc-summary,
.net-calc-actions {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.net-calc-table-wrap {
  width: 520px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.net-calc-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.net-calc-table th,
.net-calc-table td {
  text-align: center !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.net-calc-table th:first-child,
.net-calc-table td:first-child {
  width: 34% !important;
  text-align: left !important;
  padding-left: 8px !important;
}

.net-calc-table th:nth-child(2),
.net-calc-table td:nth-child(2),
.net-calc-table th:nth-child(3),
.net-calc-table td:nth-child(3),
.net-calc-table th:nth-child(4),
.net-calc-table td:nth-child(4) {
  width: 22% !important;
}

.net-calc-table td {
  height: 31px !important;
}

.net-calc-table input {
  width: 48px !important;
  height: 22px !important;
  margin: 0 auto !important;
}

.net-calc-table [data-net-result],
.net-calc-table td:nth-child(4) strong {
  min-width: 48px !important;
  height: 22px !important;
}

@media (max-width: 680px) {
  .net-calc-panel {
    transform: none !important;
    width: calc(100vw - 16px) !important;
  }

  .net-calc-table-wrap {
    width: 100% !important;
  }
}

.report-trial-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  border: 1px solid #d8e2ee !important;
  background: #f8fafc !important;
  color: #244766 !important;
  font-weight: 850 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.report-trial-button:hover,
.report-trial-button:focus,
.report-trial-button:focus-visible {
  background: #eef2f7 !important;
  border-color: #cbd6e2 !important;
  color: #173653 !important;
  outline: none !important;
}

.trial-page .trial-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.trial-page .trial-actions .report-trial-button,
.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button {
  width: 104px !important;
  min-width: 104px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.trial-page .trial-actions .report-trial-button,
.trial-page .trial-actions .clear-button,
.trial-page .trial-actions .save-button {
  background: #a5c0bf !important;
  border-color: #a5c0bf !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.trial-page .trial-actions .report-trial-button:hover,
.trial-page .trial-actions .report-trial-button:focus,
.trial-page .trial-actions .report-trial-button:focus-visible,
.trial-page .trial-actions .clear-button:hover,
.trial-page .trial-actions .clear-button:focus,
.trial-page .trial-actions .clear-button:focus-visible,
.trial-page .trial-actions .save-button:hover,
.trial-page .trial-actions .save-button:focus,
.trial-page .trial-actions .save-button:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

.trial-page .trial-actions .save-button,
#saveTrialBtn {
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  background: #a5c0bf !important;
  border-color: #a5c0bf !important;
  color: #000000 !important;
}

.trial-page .trial-actions .save-button:hover,
.trial-page .trial-actions .save-button:focus,
.trial-page .trial-actions .save-button:focus-visible,
#saveTrialBtn:hover,
#saveTrialBtn:focus,
#saveTrialBtn:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

.trial-page .trial-actions .save-button:disabled,
#saveTrialBtn:disabled {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.trial-page .trial-actions .report-trial-button.is-disabled,
.trial-page .trial-actions .report-trial-button:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

body.eokul-page .form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
}

body.eokul-page .form-actions .clear-button,
body.eokul-page .form-actions .report-button,
body.eokul-page .form-actions .save-button {
  width: 108px !important;
  min-width: 108px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.eokul-page .form-actions .report-button {
  background: #a5c0bf !important;
  border: 1px solid #8eadac !important;
  color: #000000 !important;
}

body.eokul-page .form-actions .report-button:hover,
body.eokul-page .form-actions .report-button:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

body.eokul-page .form-actions .clear-button {
  background: #fff1f1 !important;
  border: 1px solid #f0b8b8 !important;
  color: #111111 !important;
}

body.eokul-page .form-actions .clear-button:hover,
body.eokul-page .form-actions .clear-button:focus-visible {
  background: #b93737 !important;
  border-color: #b93737 !important;
  color: #ffffff !important;
  outline: none !important;
}

body.eokul-page .form-actions .save-button {
  background: #166866 !important;
  border: 1px solid #166866 !important;
  color: #ffffff !important;
}

body.eokul-page .form-actions .save-button:hover,
body.eokul-page .form-actions .save-button:focus-visible {
  background: #0d4f4d !important;
  border-color: #0d4f4d !important;
  color: #ffffff !important;
  outline: none !important;
}

body.eokul-page .form-actions .clear-button:active,
body.eokul-page .form-actions .report-button:active,
body.eokul-page .form-actions .save-button:active {
  transform: translateY(1px) !important;
}

.form-actions.detail-save-actions {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  width: auto !important;
  text-align: right !important;
}

#clearGradesBtn {
  order: 1 !important;
}

#createPdfReportBtn {
  order: 2 !important;
}

#saveGradesBtn {
  order: 3 !important;
}

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease !important;
}

#clearGradesBtn {
  background: #fff1f1 !important;
  border: 1px solid #f0b8b8 !important;
  color: #111111 !important;
}

#clearGradesBtn:hover,
#clearGradesBtn:focus-visible {
  background: #b93737 !important;
  border-color: #b93737 !important;
  color: #ffffff !important;
  outline: none !important;
}

#createPdfReportBtn {
  background: #a5c0bf !important;
  border: 1px solid #8eadac !important;
  color: #000000 !important;
}

#createPdfReportBtn:hover,
#createPdfReportBtn:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #ffffff !important;
  outline: none !important;
}

#saveGradesBtn {
  background: #166866 !important;
  border: 1px solid #166866 !important;
  color: #ffffff !important;
}

#saveGradesBtn:hover,
#saveGradesBtn:focus-visible {
  background: #0d4f4d !important;
  border-color: #0d4f4d !important;
  color: #ffffff !important;
  outline: none !important;
}

#clearGradesBtn:active,
#createPdfReportBtn:active,
#saveGradesBtn:active {
  transform: translateY(1px) !important;
}

.eokul-action-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-right: 0 !important;
}

.form-actions.detail-save-actions {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  width: auto !important;
  max-width: none !important;
  justify-content: flex-end !important;
}

.form-actions.detail-save-actions::before,
.form-actions.detail-save-actions::after {
  display: none !important;
  content: none !important;
}

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  box-shadow: none !important;
}

#clearGradesBtn,
#createPdfReportBtn,
#saveGradesBtn {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  gap: 6px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#clearGradesBtn span:last-child,
#createPdfReportBtn span:last-child,
#saveGradesBtn span:last-child {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses],
.grade-title-row .row-tools .row-add-button[data-add-row] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses] {
  background: #f4f8fb !important;
  border-color: #cbdce8 !important;
  color: #08263d !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses]::before {
  content: "📚";
  font-size: 13px !important;
  line-height: 1 !important;
}

.grade-title-row .row-tools .row-add-button[data-auto-courses]:hover,
.grade-title-row .row-tools .row-add-button[data-auto-courses]:focus-visible {
  background: #a5c0bf !important;
  border-color: #8eadac !important;
  color: #000 !important;
  outline: none !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row] {
  background: #a5c0bf !important;
  border-color: #8eadac !important;
  color: #000 !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row]::before {
  content: "➕";
  font-size: 12px !important;
  line-height: 1 !important;
}

.grade-title-row .row-tools .row-add-button[data-add-row]:hover,
.grade-title-row .row-tools .row-add-button[data-add-row]:focus-visible {
  background: #166866 !important;
  border-color: #166866 !important;
  color: #fff !important;
  outline: none !important;
}

body.eokul-list-mode .eokul-top.compact-top,
body.eokul-list-mode #eokulStudentListCard,
body.eokul-list-mode .eokul-student-list-card {
  display: block !important;
}

body.eokul-list-mode #eokulGradeEntryHead,
body.eokul-list-mode #term1Section,
body.eokul-list-mode #term2Section,
body.eokul-list-mode .eokul-action-strip,
body.eokul-list-mode .summary-grid.compact-summary {
  display: none !important;
}

body.eokul-grade-entry-mode .eokul-top.compact-top,
body.eokul-grade-entry-mode #eokulStudentListCard,
body.eokul-grade-entry-mode .eokul-student-list-card {
  display: none !important;
}

body.eokul-grade-entry-mode #eokulGradeEntryHead {
  display: flex !important;
}

body.eokul-grade-entry-mode #term1Section,
body.eokul-grade-entry-mode #term2Section {
  display: none !important;
}

body.eokul-grade-entry-mode #term1Section:not(.hidden),
body.eokul-grade-entry-mode #term2Section:not(.hidden) {
  display: block !important;
}

.eokul-student-list-card {
  margin: 12px 0 10px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(8, 38, 61, .05) !important;
}

.eokul-student-list-head {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  background: #f8fbfc !important;
}

.eokul-student-list-head h3 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.eokul-student-list-head p {
  margin: 3px 0 0 !important;
  color: #607082 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.eokul-student-list-wrap {
  width: 100% !important;
  overflow-x: auto !important;
}

.eokul-student-list-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  font-size: 12px !important;
}

.eokul-student-list-table th,
.eokul-student-list-table td {
  padding: 8px 9px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.eokul-student-list-table th {
  background: #eef5f6 !important;
  color: #08263d !important;
  font-weight: 900 !important;
}

.eokul-student-list-table td {
  color: #102d4b !important;
  font-weight: 800 !important;
}

.eokul-student-list-table .student-name-cell {
  text-align: left !important;
  font-weight: 900 !important;
}

.eokul-student-list-table tbody tr {
  cursor: pointer !important;
}

.eokul-student-list-table tbody tr:hover td {
  background: #edf8f6 !important;
}

.eokul-list-empty {
  text-align: center !important;
  color: #748295 !important;
  padding: 14px !important;
}

.eokul-grade-entry-head {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  margin: 12px 0;
  border: 1px solid rgba(8, 38, 61, .10);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(8, 38, 61, .06);
}

.eokul-grade-entry-head h2 {
  margin: 7px 0 2px;
  color: #08263d;
  font-size: 20px;
  font-weight: 950;
}

.eokul-grade-entry-head p {
  margin: 0;
  color: #607082;
  font-size: 12.5px;
  font-weight: 800;
}

.back-to-list-button {
  height: 32px;
  padding: 0 13px;
  border: 1px solid #cbdce8;
  border-radius: 12px;
  background: #f7fafc;
  color: #08263d;
  font-weight: 900;
  cursor: pointer;
}

.back-to-list-button:hover {
  background: #eaf2f4;
}

.eokul-grade-entry-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.grade-entry-periods,
.grade-entry-tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.eokul-grade-entry-mode .grade-title-row,
body.eokul-grade-entry-mode .grade-code-hint {
  display: none !important;
}

#clearGradesBtn *,
#createPdfReportBtn *,
#saveGradesBtn *,
.row-add-button * {
  pointer-events: none !important;
}

body.eokul-list-mode .simple-student-line,
body.eokul-list-mode #gradeStudentSelect,
body.eokul-list-mode .student-select-line {
  display: none !important;
}

body.eokul-list-mode .eokul-page-note {
  margin-bottom: 0 !important;
}

.eokul-not-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(112px, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

.eokul-not-summary-strip article {
  min-height: 54px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(8, 38, 61, .05) !important;
}

.eokul-not-summary-strip span {
  display: block !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.eokul-not-summary-strip strong {
  display: block !important;
  margin-top: 4px !important;
  color: #08263d !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.eokul-grade-entry-mode .eokul-not-summary-strip {
  display: none !important;
}

@media (max-width: 1100px) {
  .eokul-not-summary-strip {
    grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .eokul-not-summary-strip {
    grid-template-columns: repeat(2, minmax(112px, 1fr)) !important;
  }
}

body.eokul-grade-entry-mode {
  overflow: hidden !important;
}

body.eokul-grade-entry-mode::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(3, 19, 35, .58) !important;
  backdrop-filter: blur(3px) !important;
  z-index: 900 !important;
}

body.eokul-grade-entry-mode .detail-hero {
  display: none !important;
}

body.eokul-grade-entry-mode .detail-shell {
  position: relative !important;
  z-index: 950 !important;
}

body.eokul-grade-entry-mode .eokul-card {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(96vw, 1120px) !important;
  height: min(92vh, 790px) !important;
  aspect-ratio: 1.414 / 1 !important;
  max-width: 1120px !important;
  max-height: 790px !important;
  overflow: auto !important;
  z-index: 1000 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, .65) !important;
  background: #f8fbff !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .35) !important;
  padding: 18px 18px 82px !important;
}

body.eokul-grade-entry-mode .status-tabs {
  display: none !important;
}

body.eokul-grade-entry-mode #eokulGradeEntryHead {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  margin: 0 0 12px !important;
  padding: 14px 54px 14px 16px !important;
  background: linear-gradient(135deg, #ffffff, #eaf4ff) !important;
  border-color: rgba(8, 38, 61, .12) !important;
}

.eokul-modal-close {
  position: absolute !important;
  right: 12px !important;
  top: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .28) !important;
}

.eokul-modal-close:hover,
.eokul-modal-close:focus-visible {
  background: #dc2626 !important;
  outline: 3px solid rgba(239, 68, 68, .25) !important;
}

body.eokul-list-mode .eokul-modal-close {
  display: none !important;
}

body.eokul-grade-entry-mode .back-to-list-button {
  display: none !important;
}

body.eokul-grade-entry-mode .eokul-grade-entry-actions {
  padding-right: 4px !important;
}

body.eokul-grade-entry-mode .eokul-action-strip {
  position: fixed !important;
  right: calc(50% - min(48vw, 560px) + 20px) !important;
  bottom: calc(50% - min(46vh, 395px) + 18px) !important;
  z-index: 1010 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  box-shadow: 0 10px 30px rgba(8, 38, 61, .16) !important;
}

body.eokul-grade-entry-mode .eokul-action-strip button,
.eokul-bottom-action {
  min-width: 92px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  letter-spacing: .2px !important;
}

.eokul-clear-action,
#clearGradesBtn {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .22) !important;
}

.eokul-report-action,
#createPdfReportBtn {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .22) !important;
}

.eokul-save-action,
#saveGradesBtn,
#saveGradesTop {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, .22) !important;
}

body.eokul-grade-entry-mode .eokul-action-strip button:hover,
body.eokul-grade-entry-mode .eokul-action-strip button:focus-visible {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
  outline: 3px solid rgba(8, 38, 61, .10) !important;
}

body.eokul-grade-entry-mode .summary-grid.compact-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  margin: 10px 0 14px !important;
}

body.eokul-grade-entry-mode .grade-table-wrap {
  max-height: 430px !important;
  overflow: auto !important;
  border-radius: 14px !important;
}

@media (max-width: 900px) {
  body.eokul-grade-entry-mode .eokul-card {
    width: 96vw !important;
    height: 92vh !important;
    aspect-ratio: auto !important;
  }

  body.eokul-grade-entry-mode .eokul-action-strip {
    right: 4vw !important;
    bottom: 4vh !important;
    left: 4vw !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}

.talebe-report-card {
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(8, 38, 61, .08) !important;
}

.talebe-report-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 0 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .10) !important;
}

.talebe-report-top h2 {
  margin: 0 !important;
  color: #08263d !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.talebe-report-top p {
  margin: 4px 0 0 !important;
  color: #607082 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.report-row-add {
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
}

.report-row-add {
  min-width: 92px !important;
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

.talebe-report-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  margin-top: 14px !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 16px !important;
}

.talebe-report-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  font-size: 12.5px !important;
}

.talebe-report-table th,
.talebe-report-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
  text-align: center !important;
  color: #08263d !important;
  font-weight: 850 !important;
}

.talebe-report-table th {
  background: #eef7f7 !important;
  font-weight: 950 !important;
}

.talebe-report-table tbody tr {
  cursor: pointer !important;
}

.talebe-report-table tbody tr:hover td {
  background: #f1fbf9 !important;
}

.talebe-report-table .report-student-name {
  text-align: left !important;
  font-weight: 950 !important;
}

.report-empty-row {
  color: #64748b !important;
  padding: 18px !important;
}

body.report-modal-open {
  overflow: hidden !important;
}

.report-a4-modal.hidden {
  display: none !important;
}

.report-a4-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2000 !important;
  display: grid !important;
  place-items: center !important;
}

.report-a4-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(3, 19, 35, .60) !important;
  backdrop-filter: blur(4px) !important;
}

.eokul-modern-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 112px !important;
  padding: 18px 54px 18px 20px !important;
}

.eokul-modern-title-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.eokul-modern-title-copy {
  min-width: 0 !important;
}

.eokul-modern-title-copy h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 950 !important;
  letter-spacing: -.8px !important;
  line-height: 1.05 !important;
}

.eokul-modern-title-copy p {
  margin: 6px 0 0 !important;
  color: #0b3558 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

@media (max-width: 760px) {
  .eokul-modern-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 16px !important;
  }

  .eokul-modern-title-copy h1 {
    font-size: 26px !important;
  }
}

.eokul-modern-hero {
  min-height: 88px !important;
  padding: 14px 54px 14px 20px !important;
}

.eokul-modern-title-row {
  gap: 12px !important;
}

.eokul-modern-title-copy h1 {
  font-size: clamp(25px, 2.4vw, 34px) !important;
  letter-spacing: -.6px !important;
}

.eokul-modern-title-copy p {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  color: #16476c !important;
}

.eokul-card .eokul-top.compact-top {
  padding: 12px 0 10px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  margin-bottom: 10px !important;
}

.eokul-card .eokul-top.compact-top h2 {
  font-size: 22px !important;
  color: #08263d !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.eokul-card .eokul-page-note {
  color: #52657b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.eokul-not-summary-strip article {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.eokul-not-summary-strip article::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: #0b3558 !important;
}

.eokul-not-summary-strip article:nth-child(1)::before,
.eokul-not-summary-strip article:nth-child(2)::before,
.eokul-not-summary-strip article:nth-child(3)::before {
  background: #075985 !important;
}

.eokul-not-summary-strip article:nth-child(4)::before {
  background: #16a34a !important;
}

.eokul-not-summary-strip article:nth-child(5)::before {
  background: #2563eb !important;
}

.eokul-not-summary-strip article:nth-child(6)::before {
  background: #dc2626 !important;
}

.eokul-not-summary-strip article:nth-child(4) strong {
  color: #15803d !important;
}

.eokul-not-summary-strip article:nth-child(5) strong {
  color: #1d4ed8 !important;
}

.eokul-not-summary-strip article:nth-child(6) strong {
  color: #b91c1c !important;
}

.eokul-student-list-card {
  margin-top: 12px !important;
  box-shadow: 0 10px 28px rgba(8, 38, 61, .06) !important;
}

.eokul-student-list-head {
  background: linear-gradient(180deg, #ffffff, #f3f8fb) !important;
}

.eokul-student-list-head h3 {
  font-size: 16px !important;
}

.eokul-student-list-table th {
  background: #eaf3f6 !important;
}

@media (max-width: 760px) {
  .eokul-modern-hero {
    min-height: auto !important;
  }

  .eokul-modern-title-copy h1 {
    font-size: 24px !important;
  }
}

body:not(.student-add-mode) .student-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1800 !important;
  display: grid !important;
  place-items: start end !important;
  padding: 92px 42px 24px !important;
  pointer-events: none !important;
}

body:not(.student-add-mode) .student-add-modal.hidden {
  display: none !important;
}

body:not(.student-add-mode) .student-add-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(8, 38, 61, .18) !important;
  backdrop-filter: blur(1px) !important;
  pointer-events: auto !important;
}

body:not(.student-add-mode) .student-add-modal-card {
  position: relative !important;
  width: min(92vw, 520px) !important;
  max-width: 520px !important;
  max-height: min(78vh, 680px) !important;
  overflow: auto !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 24px 68px rgba(8, 38, 61, .24) !important;
  pointer-events: auto !important;
  transform-origin: top right !important;
  animation: studentMenuDrop .16s ease-out !important;
}

@keyframes studentMenuDrop {
  from {
      opacity: 0;
      transform: translateY(-8px) scale(.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
}

body:not(.student-add-mode) .student-add-modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, #ffffff, #f5fbff) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

body:not(.student-add-mode) .student-add-modal-head h2 {
  font-size: 20px !important;
}

body:not(.student-add-mode) .student-add-modal-card form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body:not(.student-add-mode) .student-add-modal-card input,
body:not(.student-add-mode) .student-add-modal-card select,
body:not(.student-add-mode) .student-add-modal-card textarea {
  min-height: 38px !important;
}

body:not(.student-add-mode) .student-add-modal-actions {
  position: sticky !important;
  bottom: 0 !important;
  background: linear-gradient(0deg, #ffffff, rgba(255,255,255,.94)) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  padding-top: 12px !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode) .student-add-modal {
    place-items: end center !important;
    padding: 16px !important;
  }

  body:not(.student-add-mode) .student-add-modal-card {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 82vh !important;
    border-radius: 22px 22px 16px 16px !important;
  }
}

.student-info-click-row,
.student-info-name-button {
  cursor: pointer !important;
}

.student-info-name-button {
  color: #08263d !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.student-info-click-row:hover .student-info-name-button {
  color: #0f766e !important;
}

body.student-sheet-open #studentInfoForm {
  display: block !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  position: fixed !important;
  top: 92px !important;
  right: 42px !important;
  left: auto !important;
  width: min(92vw, 520px) !important;
  max-height: min(78vh, 680px) !important;
  overflow: auto !important;
  z-index: 1900 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 24px 68px rgba(8, 38, 61, .24) !important;
  padding: 18px !important;
  animation: studentMenuDrop .16s ease-out !important;
}

body:not(.student-add-mode).student-sheet-open .student-form-sheet-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1850 !important;
  background: rgba(8, 38, 61, .18) !important;
  backdrop-filter: blur(1px) !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    top: auto !important;
    right: 12px !important;
    left: 12px !important;
    bottom: 14px !important;
    width: auto !important;
    max-height: 82vh !important;
  }
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(94vw, 920px) !important;
  height: min(88vh, 650px) !important;
  aspect-ratio: 1.414 / 1 !important;
  max-width: 920px !important;
  max-height: 650px !important;
  overflow: auto !important;
  z-index: 1900 !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .14) !important;
  box-shadow: 0 30px 90px rgba(8, 38, 61, .30) !important;
  padding: 20px 22px 78px !important;
  animation: studentA5PanelOpen .18s ease-out !important;
}

@keyframes studentA5PanelOpen {
  from {
      opacity: 0;
      transform: translate(-50%, -48%) scale(.985);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
}

body:not(.student-add-mode).student-sheet-open .student-form-sheet-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1850 !important;
  background: rgba(3, 19, 35, .55) !important;
  backdrop-filter: blur(3px) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  background: linear-gradient(180deg, #ffffff, #f6fbff) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
  padding-bottom: 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  grid-column: 1 / -1 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  min-height: 38px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  background: linear-gradient(0deg, #ffffff, rgba(255,255,255,.94)) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  padding-top: 12px !important;
}

@media (max-width: 760px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    aspect-ratio: auto !important;
    padding: 18px 16px 78px !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: 1fr !important;
  }
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(95vw, 980px) !important;
  height: min(86vh, 620px) !important;
  max-width: 980px !important;
  max-height: 620px !important;
  padding: 18px 22px 88px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title {
  position: sticky !important;
  top: -18px !important;
  z-index: 10 !important;
  margin: -18px -22px 14px !important;
  padding: 18px 22px 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title h2 {
  font-size: 24px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title p {
  margin-top: 4px !important;
  font-size: 12px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px 10px !important;
  align-items: start !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm > label,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-field,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .field {
  min-width: 0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  min-height: 34px !important;
  height: 38px !important;
  padding: 7px 10px !important;
  font-size: 12.5px !important;
  border-radius: 11px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  height: 58px !important;
  min-height: 58px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm label {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
  grid-column: span 3 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions {
  position: sticky !important;
  bottom: -88px !important;
  z-index: 11 !important;
  margin: 14px -22px -88px !important;
  padding: 12px 22px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  background: rgba(255,255,255,.94) !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  backdrop-filter: blur(8px) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button {
  min-width: 128px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
}

@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    max-height: 90vh !important;
    aspect-ratio: auto !important;
    padding: 16px 14px 86px !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .full,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
    grid-column: 1 / -1 !important;
  }
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(96vw, 1060px) !important;
  max-width: 1060px !important;
  height: min(86vh, 640px) !important;
  max-height: 640px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
  grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  gap: 11px 14px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote {
  height: 72px !important;
  min-height: 72px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm label {
  font-size: 12.5px !important;
}

@media (max-width: 980px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: 1fr !important;
  }
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(8, 38, 61, .08) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions {
  padding: 9px 18px !important;
  gap: 9px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #clearBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .save-button {
  min-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 6px 15px rgba(8, 38, 61, .10) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .save-button {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #clearBtn {
  background: linear-gradient(135deg, #1f6f7a, #155e68) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  padding-bottom: 72px !important;
}

button,
.action-button,
.mini-action,
.tab,
.report-row-add,
.student-info-name-button,
.save-button,
.update-pill,
.home-shortcut {
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

button:hover,
.action-button:hover,
.mini-action:hover,
.tab:hover,
.report-row-add:hover,
.student-info-name-button:hover,
.save-button:hover,
.update-pill:hover,
.home-shortcut:hover {
  transform: translateY(-1px) !important;
}

button[id*="save"]:hover,
button[id*="Save"]:hover,
button[class*="save"]:hover,
.save-button:hover,
.eokul-save-action:hover,
#saveGradesBtn:hover,
#saveGradesTop:hover,
#enableEditBtn:hover,
#bottomEnableEditBtn:hover,
.update-pill:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .28) !important;
}

button[id*="clear"]:hover,
button[id*="Clear"]:hover,
button[id*="delete"]:hover,
button[id*="Delete"]:hover,
button[id*="close"]:hover,
button[id*="Close"]:hover,
button[class*="clear"]:hover,
button[class*="delete"]:hover,
button[class*="close"]:hover,
.eokul-clear-action:hover,
#clearBtn:hover,
#clearGradesBtn:hover,
#studentSheetCloseBtn:hover,
#eokulModalCloseBtn:hover,
#logoutBtn:hover,
.close-button:hover,
.eokul-modal-close:hover {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  box-shadow: 0 10px 24px rgba(239, 68, 68, .28) !important;
}

button[id*="Excel"]:hover,
button[id*="excel"]:hover,
button[id*="export"]:hover,
button[id*="Export"]:hover,
button[id*="import"]:hover,
button[id*="Import"]:hover,
button[id*="template"]:hover,
button[id*="Template"]:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

button[id*="report"]:hover,
button[id*="Report"]:hover,
button[class*="report"]:hover,
.report-row-add:hover,
#createPdfReportBtn:hover,
.eokul-report-action:hover {
  background: linear-gradient(135deg, #7c3aed, #5b21b6) !important;
  color: #ffffff !important;
  border-color: #7c3aed !important;
  box-shadow: 0 10px 24px rgba(124, 58, 237, .28) !important;
}

button[id*="home"]:hover,
button[id*="Home"]:hover,
button[class*="home"]:hover,
[data-go-home]:hover,
.page-home-button:hover {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  color: #ffffff !important;
  border-color: #0d9488 !important;
  box-shadow: 0 10px 24px rgba(13, 148, 136, .28) !important;
}

button[id*="new"]:hover,
button[id*="New"]:hover,
button[id*="add"]:hover,
button[id*="Add"]:hover,
button[class*="add"]:hover,
#newStudentFromListBtn:hover,
#openAddStudentBtn:hover,
.report-row-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 10px 24px rgba(20, 184, 166, .28) !important;
}

.student-info-name-button:hover,
.report-student-name:hover,
.student-name:hover {
  color: #0f766e !important;
  text-shadow: 0 0 0 rgba(15, 118, 110, .2) !important;
}

.tab:hover,
.status-tabs .tab:hover,
.side-menu a:hover,
.side-menu button:hover {
  background: linear-gradient(135deg, #08365f, #0f766e) !important;
  color: #ffffff !important;
  border-color: #0f766e !important;
  box-shadow: 0 10px 24px rgba(8, 54, 95, .20) !important;
}

.tab.active:hover,
.status-tabs .tab.active:hover {
  background: linear-gradient(135deg, #08365f, #064e7a) !important;
  color: #ffffff !important;
}

button:disabled:hover,
.tab:disabled:hover,
button[disabled]:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  margin: 16px 0 0 !important;
  padding: 12px 0 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  backdrop-filter: none !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  padding-bottom: 22px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(97vw, 1140px) !important;
  max-width: 1140px !important;
  height: min(84vh, 610px) !important;
  max-height: 610px !important;
  padding: 16px 20px 22px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title {
  margin: -16px -20px 12px !important;
  padding: 16px 20px 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title h2 {
  font-size: 22px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title p {
  font-size: 11.5px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  gap: 8px 10px !important;
  align-items: center !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input,
body:not(.student-add-mode).student-sheet-open #studentInfoForm select,
body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 11px !important;
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  border-radius: 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm label {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm input[type="text"],
body:not(.student-add-mode).student-sheet-open #studentInfoForm input[type="search"],
body:not(.student-add-mode).student-sheet-open #studentInfoForm input:not([type]),
body:not(.student-add-mode).student-sheet-open #studentInfoForm select {
  text-overflow: clip !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName {
  grid-column: span 2 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm textarea,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #privateNote,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .full {
  grid-column: 1 / -1 !important;
  height: 58px !important;
  min-height: 58px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-actions button {
  min-width: 90px !important;
  height: 32px !important;
  font-size: 11.5px !important;
  border-radius: 10px !important;
}

@media (max-width: 1080px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 96vw !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName {
    grid-column: span 2 !important;
  }
}

@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    height: 90vh !important;
    max-height: 90vh !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 620px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #fatherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #motherName,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #mentor,
  body:not(.student-add-mode).student-sheet-open #studentInfoForm #schoolName {
    grid-column: 1 / -1 !important;
  }
}

.single-form-grid.student-info-form-layout,
.student-info-form-layout.single-form-grid {
  max-width: 980px !important;
  width: 100% !important;
}

.student-info-form-layout .paired-field-row {
  grid-template-columns: 180px minmax(280px, 1fr) !important;
  gap: 10px !important;
}

.student-info-form-layout .paired-field-row:has(#tc),
.student-info-form-layout .paired-field-row:has(#studentName),
.student-info-form-layout .paired-field-row:has(#className) {
  grid-template-columns: 185px minmax(420px, 1fr) !important;
  width: 100% !important;
}

.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  width: 100% !important;
  min-width: 420px !important;
  max-width: 100% !important;
}

.student-info-form-layout #studentName {
  min-width: 500px !important;
}

.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  .single-form-grid.student-info-form-layout,
  .student-info-form-layout.single-form-grid {
    max-width: 100% !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 165px minmax(220px, 1fr) !important;
  }

  .student-info-form-layout #tc,
  .student-info-form-layout #studentName,
  .student-info-form-layout #className {
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 1fr !important;
  }
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm {
  width: min(92vw, 930px) !important;
  max-width: 930px !important;
  height: min(88vh, 720px) !important;
  max-height: 720px !important;
  aspect-ratio: auto !important;
  padding: 18px 20px 24px !important;
}

.single-form-grid.student-info-form-layout,
.student-info-form-layout.single-form-grid {
  max-width: 760px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.student-info-form-layout .paired-field-row {
  grid-template-columns: 175px minmax(260px, 1fr) !important;
  gap: 10px !important;
}

.student-info-form-layout .paired-field-row:has(#tc),
.student-info-form-layout .paired-field-row:has(#studentName),
.student-info-form-layout .paired-field-row:has(#className) {
  grid-template-columns: 180px minmax(320px, 1fr) !important;
}

.student-info-form-layout #tc,
.student-info-form-layout #studentName,
.student-info-form-layout #className {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.student-info-form-layout #studentName {
  min-width: 0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 760px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .form-title {
  margin: -18px -20px 14px !important;
  padding: 16px 20px 10px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

@media (max-width: 820px) {
  body:not(.student-add-mode).student-sheet-open #studentInfoForm {
    width: 94vw !important;
    height: 90vh !important;
    max-height: 90vh !important;
  }

  .student-info-form-layout .paired-field-row,
  .student-info-form-layout .paired-field-row:has(#tc),
  .student-info-form-layout .paired-field-row:has(#studentName),
  .student-info-form-layout .paired-field-row:has(#className) {
    grid-template-columns: 1fr !important;
  }
}

#topEnableEditBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid #bbf7d0 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(21, 128, 61, .10) !important;
}

.detail-hero #enableEditBtn {
  display: none !important;
}

#topEnableEditBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 82px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  border: 1px solid #bbf7d0 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  box-shadow: 0 5px 12px rgba(21, 128, 61, .10) !important;
}

#topEnableEditBtn.hidden {
  display: none !important;
}

#topEnableEditBtn:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .28) !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions .excel-button,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #studentSheetCloseBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn {
  min-width: auto !important;
  color: #15803d !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  border: 1px solid #bbf7d0 !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn.hidden {
  display: none !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm #topEnableEditBtn:hover {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
  border-color: #16a34a !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions {
  gap: 8px !important;
}

body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions #studentSheetCloseBtn,
body:not(.student-add-mode).student-sheet-open #studentInfoForm .excel-actions #topEnableEditBtn {
  min-width: 82px !important;
}

.talebe-header-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 112px !important;
}

.talebe-header-block {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
}

.talebe-header-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.talebe-header-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

.talebe-header-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.form-hero.talebe-header-hero h1 {
  margin: 0 !important;
}

.form-hero.talebe-header-hero p {
  margin: 0 !important;
  font-size: 13px !important;
}

@media (max-width: 760px) {
  .talebe-header-hero {
    padding: 16px !important;
  }

  .talebe-header-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .talebe-header-topline h1 {
    font-size: 24px !important;
  }

  .talebe-header-note {
    margin-left: 0 !important;
  }
}

.talebe-rapor-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 112px !important;
}

.talebe-rapor-hero-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.talebe-rapor-hero-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.talebe-rapor-hero-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

.talebe-rapor-hero-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.talebe-rapor-hero h1,
.talebe-rapor-hero p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero {
    padding: 16px !important;
  }

  .talebe-rapor-hero-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .talebe-rapor-hero-topline h1 {
    font-size: 24px !important;
  }

  .talebe-rapor-hero-note {
    margin-left: 0 !important;
  }
}

.talebe-rapor-hero-topline {
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
}

.talebe-rapor-hero-topline h1 {
  margin: 0 !important;
  font-size: clamp(27px, 2.7vw, 38px) !important;
  line-height: 1.05 !important;
}

.talebe-rapor-hero-note {
  margin: 0 0 0 54px !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

.talebe-report-table {
  font-size: 12px !important;
}

.talebe-report-table th,
.talebe-report-table td {
  padding: 6px 10px !important;
  height: 34px !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

.talebe-report-table th {
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.talebe-report-table .report-student-name {
  font-size: 12px !important;
}

.talebe-report-table .report-row-add {
  height: 26px !important;
  min-height: 26px !important;
  min-width: 94px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(13, 148, 136, .14) !important;
}

.report-count-normal,
.report-count-warning {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.report-count-normal {
  color: #0f766e !important;
  background: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
}

.report-count-warning {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .08) !important;
}

.talebe-report-table tr:has(.report-count-warning) td {
  background: #fff8f8 !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero-note {
    margin-left: 0 !important;
  }

  .talebe-report-table th,
  .talebe-report-table td {
    padding: 6px 8px !important;
  }
}

.talebe-rapor-hero-note {
  margin-left: 54px !important;
  text-align: left !important;
  align-self: stretch !important;
  width: calc(100% - 54px) !important;
  max-width: 760px !important;
  color: #4f5d78 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

.talebe-rapor-hero-content {
  align-items: stretch !important;
}

.talebe-report-top {
  justify-content: flex-start !important;
}

@media (max-width: 760px) {
  .talebe-rapor-hero-note {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

.report-viewer-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 980px) !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  padding: 22px 24px 24px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #08263d !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .34) !important;
}

.report-viewer-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .26) !important;
}

.report-viewer-label {
  margin: 0 0 5px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  letter-spacing: .5px !important;
}

.report-viewer-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

#reportViewerStudentInfo {
  margin: 5px 0 0 !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.report-viewer-close {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-viewer-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

.report-viewer-list {
  display: grid !important;
  gap: 12px !important;
}

.report-viewer-row {
  display: grid !important;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  padding: 12px !important;
}

.report-viewer-date {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 11px 12px !important;
  border-radius: 13px !important;
  background: #ecfeff !important;
  border: 1px solid #a5f3fc !important;
}

.report-viewer-date strong,
.report-viewer-notes > strong {
  color: #08365f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.report-viewer-date span {
  color: #0f766e !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.report-viewer-notes {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.report-viewer-note-item {
  border: 1px solid rgba(8, 38, 61, .08) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  padding: 9px 11px !important;
}

.report-viewer-note-item strong {
  display: block !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.report-viewer-note-item p {
  margin: 0 !important;
  color: #334155 !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: pre-wrap !important;
}

.report-viewer-note-empty,
.report-viewer-empty {
  border: 1px dashed rgba(8, 38, 61, .18) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-weight: 850 !important;
}

.report-viewer-empty {
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
}

.report-viewer-empty strong {
  color: #08365f !important;
  font-size: 16px !important;
}

.report-viewer-empty span {
  font-size: 12.5px !important;
}

@media (max-width: 760px) {
  .report-viewer-panel {
    width: 94vw !important;
    max-height: 90vh !important;
    padding: 18px 16px !important;
  }

  .report-viewer-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .report-viewer-close {
    align-self: flex-end !important;
  }

  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }
}

.personel-info-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 104px !important;
}

.personel-info-hero-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.personel-info-hero-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.personel-info-hero-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.personel-info-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.personel-info-card {
  margin-top: 14px !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 36px rgba(8, 38, 61, .08) !important;
  min-height: 360px !important;
  padding: 22px !important;
}

@media (max-width: 760px) {
  .personel-info-hero-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .personel-info-note {
    margin-left: 0 !important;
  }
}

.report-viewer-notes-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 2px !important;
}

.report-viewer-delete {
  height: 26px !important;
  min-width: 54px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(225, 29, 72, .10) !important;
}

.report-viewer-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}

.moderator-card-grid .moderator-main-card[href="personel-bilgileri.html"] .moderator-card-icon {
  font-size: 30px !important;
}

.report-viewer-add {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-close {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-viewer-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}

.personel-info-table-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(8, 38, 61, .08) !important;
}

.personel-info-table-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.personel-info-table-head p {
  margin: 5px 0 0 !important;
  color: #52657b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.personel-info-table-wrap {
  overflow-x: auto !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

.personel-info-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12.5px !important;
}

.personel-info-table thead th {
  background: #ecf7f7 !important;
  color: #08365f !important;
  font-weight: 950 !important;
  padding: 11px 12px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(8, 38, 61, .10) !important;
}

.personel-info-table tbody td {
  padding: 10px 12px !important;
  text-align: center !important;
  color: #08263d !important;
  font-weight: 800 !important;
  border-bottom: 1px solid rgba(8, 38, 61, .07) !important;
}

.personel-info-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.personel-empty-row {
  height: 72px !important;
  color: #64748b !important;
  background: #f8fafc !important;
  font-weight: 850 !important;
}

.report-add-form-shell.hidden {
  display: none !important;
}

.new-report-note-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 10px !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid,
  .new-report-note-row {
    grid-template-columns: 1fr !important;
  }

  .report-add-actions {
    flex-wrap: wrap !important;
  }
}

[data-new-note-delete] {
  display: none !important;
}

.new-report-note-row {
  grid-template-columns: 1fr !important;
}

#reportViewerList.hidden {
  display: none !important;
}

.report-viewer-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.report-viewer-update,
.report-viewer-delete {
  height: 26px !important;
  min-width: 62px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 5px 12px rgba(8, 38, 61, .08) !important;
}

.report-viewer-update:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  .report-viewer-row-actions {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

.report-viewer-add {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-form-shell.hidden,
#reportViewerList.hidden {
  display: none !important;
}

.report-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid {
    grid-template-columns: 1fr !important;
  }

  .report-add-actions {
    flex-wrap: wrap !important;
  }
}

.clean-report-modal {
  width: min(92vw, 980px) !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
}

.report-viewer-add,
.report-viewer-close {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.report-viewer-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  transform: translateY(-1px) !important;
}

.report-viewer-list.hidden,
.report-add-form-shell.hidden {
  display: none !important;
}

.report-viewer-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.report-viewer-update,
.report-viewer-delete {
  height: 26px !important;
  min-width: 62px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-viewer-update {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-viewer-update:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
}

.report-viewer-delete {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-viewer-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
}

.report-add-form-shell {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 2px solid rgba(13, 148, 136, .18) !important;
}

.report-add-form-head {
  margin-bottom: 12px !important;
}

.report-add-form-head h3 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.report-add-form-head p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.report-add-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

.report-add-field {
  display: grid !important;
  gap: 5px !important;
}

.report-add-field.full,
.report-add-reasons.full,
.report-add-person-grid.full {
  grid-column: 1 / -1 !important;
}

.report-add-field span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.report-add-field input,
.report-add-field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 11px !important;
}

.report-add-field input {
  height: 36px !important;
}

.report-add-field textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.report-add-person-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
}

.report-add-reasons {
  display: grid !important;
  gap: 10px !important;
}

.new-report-note-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.report-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
  flex-wrap: wrap !important;
}

.report-add-actions button {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.report-add-secondary {
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.report-add-cancel {
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #475569 !important;
}

.report-add-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.report-add-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .report-add-form,
  .report-add-person-grid,
  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }
}

#talebeReportListBody tr,
#talebeReportListBody td,
#talebeReportListBody .report-student-name,
#talebeReportListBody .report-count-normal,
#talebeReportListBody .report-count-warning {
  cursor: default !important;
}

#talebeReportListBody .report-row-add {
  cursor: pointer !important;
}

.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.report-viewer-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(15, 118, 110, .10) !important;
}

.report-viewer-add:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}

.report-viewer-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

#reportViewerAddBtn.report-viewer-add,
button#reportViewerAddBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(15, 118, 110, .10) !important;
}

#reportViewerAddBtn.report-viewer-add:hover,
button#reportViewerAddBtn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 8px 18px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}

.report-viewer-panel.report-form-mode #reportViewerAddBtn,
.report-viewer-panel.report-form-mode #newReportAddNoteBtn,
.report-viewer-panel.report-form-mode #newReportClearBtn {
  display: none !important;
}

.report-add-form input,
.report-add-form textarea {
  background-color: #fff3e0 !important;
}

.personel-info-table-head {
  align-items: center !important;
}

.personel-add-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 18px rgba(15, 118, 110, .12) !important;
}

.personel-add-button:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
  box-shadow: 0 10px 22px rgba(13, 148, 136, .22) !important;
  transform: translateY(-1px) !important;
}

.personel-add-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(15, 118, 110, .10) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.personel-add-button:hover .personel-add-icon {
  background: rgba(255, 255, 255, .20) !important;
}

@media (max-width: 760px) {
  .personel-info-table-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .personel-add-button {
    align-self: flex-end !important;
  }
}

.report-add-form input,
.report-add-form textarea,
.report-add-form select {
  background-color: #fff8ef !important;
}

.report-add-top-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) !important;
  gap: 12px 14px !important;
  align-items: end !important;
}

.report-add-form select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 0 11px !important;
}

@media (max-width: 760px) {
  .report-add-top-row {
    grid-template-columns: 1fr !important;
  }
}

.personel-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.personel-add-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, .58) !important;
  backdrop-filter: blur(6px) !important;
}

.personel-add-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 920px) !important;
  max-width: 920px !important;
  min-height: auto !important;
  max-height: 82vh !important;
  overflow-y: auto !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32) !important;
  padding: 22px 24px !important;
}

.personel-add-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .22) !important;
}

.personel-add-head p {
  margin: 0 0 4px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-add-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.personel-add-head span {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.personel-modal-close {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-close:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
}

.personel-add-form {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr !important;
  gap: 12px 14px !important;
  align-items: end !important;
}

.personel-add-form label {
  display: grid !important;
  gap: 5px !important;
}

.personel-add-form label span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-add-form input,
.personel-add-form select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}

.personel-add-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.personel-add-actions button {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.personel-modal-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

@media (max-width: 800px) {
  .personel-add-form {
    grid-template-columns: 1fr !important;
  }
}

.personel-add-panel {
  width: min(92vw, 560px) !important;
  max-width: 560px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  padding: 22px 24px !important;
}

.personel-add-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.personel-add-form input,
.personel-add-form select {
  background: #fbfdff !important;
  border-color: #d7e2ee !important;
  color: #12344d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}

.personel-add-form input::placeholder {
  color: #94a3b8 !important;
}

.personel-add-form input:focus,
.personel-add-form select:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #9bd8d2 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .08) !important;
}

.personel-add-head {
  background: #ffffff !important;
}

.personel-add-backdrop {
  background: rgba(15, 23, 42, .48) !important;
}

.personel-add-actions {
  background: #ffffff !important;
}

#personelStudy {
  background: #fbfdff !important;
  border-color: #d7e2ee !important;
  color: #12344d !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-weight: 850 !important;
}

.personel-row-delete {
  height: 26px !important;
  min-width: 54px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-row-delete:hover {
  background: linear-gradient(135deg, #ef4444, #be123c) !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: translateY(-1px) !important;
}

button.moderator-back {
  display: none !important;
}

button,
.personel-add-button,
.personel-row-delete,
.report-row-add,
.report-viewer-add,
.report-viewer-close,
.report-viewer-update,
.report-viewer-delete,
.report-add-actions button {
  pointer-events: auto !important;
}

.personel-add-modal.hidden {
  display: none !important;
}

.personel-add-modal:not(.hidden) {
  display: grid !important;
}

.personel-duty-block {
  display: grid !important;
  gap: 6px !important;
}

.personel-duty-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.personel-duty-head > span {
  color: #27445f !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.personel-duty-add-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.personel-duty-add-btn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
  border-color: #14b8a6 !important;
}

.personel-duty-list {
  display: grid !important;
  gap: 8px !important;
}

.personel-duty-row {
  display: block !important;
}

.personel-duty-select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}

.report-personel-select {
  width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background-color: #fff8ef !important;
  color: #08263d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  padding: 0 11px !important;
}

.report-personel-select:focus {
  outline: none !important;
  border-color: #9bd8d2 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, .08) !important;
}

.personel-modal-update {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #86efac !important;
  background: #ecfdf5 !important;
  color: #15803d !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.personel-modal-update:hover {
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
  color: #ffffff !important;
}

.personel-modal-update:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

.personel-clickable-row {
  cursor: pointer !important;
  transition: background .16s ease, transform .16s ease !important;
}

.personel-clickable-row:hover td {
  background: #f0fffd !important;
}

.personel-clickable-row:hover {
  transform: translateY(-1px) !important;
}

.personel-name-cell {
  color: #0b3f6f !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.personel-name-cell:hover {
  text-decoration: none !important;
}

.personel-row-delete {
  cursor: pointer !important;
}

button,
[role="button"],
.report-row-add,
.personel-clickable-row,
.personel-row-delete {
  pointer-events: auto !important;
}

button,
[role="button"],
.personel-clickable-row,
.report-row-add,
.personel-row-delete {
  pointer-events: auto !important;
}

.rehberlik-hero {
  display: flex !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-height: 104px !important;
}

.rehberlik-hero-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.rehberlik-hero-topline {
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.rehberlik-hero-topline h1 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: clamp(28px,3vw,40px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.rehberlik-hero-note {
  margin: 0 0 0 54px !important;
  color: #4f5d78 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.rehberlik-list-card {
  margin-top: 14px !important;
  border: 1px solid rgba(8,38,61,.12) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 14px 36px rgba(8,38,61,.08) !important;
  padding: 16px !important;
}

.rehberlik-table-wrap {
  overflow-x: auto !important;
  border: 1px solid rgba(8,38,61,.10) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

.rehberlik-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
}

.rehberlik-table th {
  background: #ecf7f7 !important;
  color: #08365f !important;
  font-weight: 950 !important;
  padding: 10px 11px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(8,38,61,.10) !important;
  white-space: nowrap !important;
}

.rehberlik-table td {
  padding: 8px 10px !important;
  text-align: center !important;
  color: #08263d !important;
  font-weight: 800 !important;
  border-bottom: 1px solid rgba(8,38,61,.07) !important;
  vertical-align: middle !important;
}

.rehberlik-student-name {
  color: #0b3f6f !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.rehberlik-row-button {
  height: 26px !important;
  min-width: 108px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-row-button:hover {
  background: linear-gradient(135deg,#14b8a6,#0f766e) !important;
  color: #fff !important;
}

.rehberlik-count-normal,
.rehberlik-count-warning {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.rehberlik-count-normal {
  color: #0f766e !important;
  background: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
}

.rehberlik-count-warning {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
}

.rehberlik-empty-row {
  height: 72px !important;
  color: #64748b !important;
  background: #f8fafc !important;
  font-weight: 850 !important;
}

.rehberlik-modal.hidden {
  display: none !important;
}

.rehberlik-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.rehberlik-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw,980px) !important;
  max-height: 88vh !important;
  overflow-y: auto !important;
  border-radius: 24px !important;
  background: #fff !important;
  border: 1px solid rgba(8,38,61,.12) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.32) !important;
  padding: 22px 24px !important;
}

.rehberlik-panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 2px solid rgba(13,148,136,.22) !important;
}

.rehberlik-panel-head p {
  margin: 0 0 4px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.rehberlik-panel-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

.rehberlik-panel-head span {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.rehberlik-close {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-report-list {
  display: grid !important;
  gap: 12px !important;
}

.rehberlik-report-card {
  display: grid !important;
  grid-template-columns: minmax(170px,220px) minmax(0,1fr) !important;
  gap: 14px !important;
  border: 1px solid rgba(8,38,61,.10) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,#fff,#f8fbff) !important;
  padding: 12px !important;
}

.rehberlik-report-date {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 11px 12px !important;
  border-radius: 13px !important;
  background: #ecfeff !important;
  border: 1px solid #a5f3fc !important;
}

.rehberlik-report-date strong,
.rehberlik-report-note strong {
  color: #08365f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.rehberlik-report-date span {
  color: #0f766e !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.rehberlik-report-note p {
  margin: 6px 0 0 !important;
  color: #334155 !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: pre-wrap !important;
}

.rehberlik-empty-state {
  border: 1px dashed rgba(8,38,61,.18) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-weight: 850 !important;
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
}

@media (max-width:760px) {
  .rehberlik-hero-topline {
    grid-template-columns: 40px 1fr !important;
  }

  .rehberlik-hero-note {
    margin-left: 0 !important;
  }

  .rehberlik-report-card {
    grid-template-columns: 1fr !important;
  }
}

.rehberlik-panel-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.rehberlik-add-btn {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #99f6e4 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-add-btn:hover {
  background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
  color: #ffffff !important;
}

.rehberlik-add-modal.hidden {
  display: none !important;
}

.rehberlik-add-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

.rehberlik-add-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, .58) !important;
  backdrop-filter: blur(6px) !important;
}

.rehberlik-a5-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 470px) !important;
  min-height: 660px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(8, 38, 61, .12) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32) !important;
  padding: 22px 24px !important;
}

.rehberlik-a5-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid rgba(13, 148, 136, .22) !important;
}

.rehberlik-a5-head p {
  margin: 0 0 4px !important;
  color: #0f766e !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-head h2 {
  margin: 0 !important;
  color: #08365f !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

.rehberlik-a5-head span {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.rehberlik-a5-close {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-a5-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(8, 38, 61, .08) !important;
}

.rehberlik-a5-actions button {
  height: 30px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.rehberlik-a5-clear {
  border: 1px solid #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}

.rehberlik-a5-save {
  border: 1px solid #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #ffffff !important;
}

.rehberlik-a5-panel {
  width: min(94vw, 760px) !important;
  max-width: 760px !important;
  min-height: 420px !important;
  max-height: 86vh !important;
  padding: 20px 22px !important;
}

.rehberlik-a5-actions {
  margin-top: 14px !important;
}

@media (max-width: 760px) {
  .rehberlik-a5-panel {
    width: 94vw !important;
    min-height: auto !important;
  }
}

.rehberlik-report-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 10px !important;
  margin: 6px 0 10px !important;
}

.rehberlik-report-meta span {
  padding: 6px 8px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(8, 38, 61, .08) !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

@media (max-width: 760px) {
  .rehberlik-report-meta {
    grid-template-columns: 1fr !important;
  }
}

.rehberlik-a5-panel {
  width: min(94vw, 860px) !important;
  max-width: 860px !important;
  min-height: 0 !important;
  max-height: 88vh !important;
  padding: 22px 22px 18px !important;
  border-radius: 24px !important;
}

.rehberlik-a5-head {
  align-items: flex-start !important;
  margin-bottom: 18px !important;
}

.rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.1 !important;
}

.rehberlik-a5-close {
  height: 32px !important;
  min-width: 72px !important;
}

.rehberlik-a5-actions {
  margin-top: 16px !important;
  padding-top: 14px !important;
}

.rehberlik-a5-actions button {
  height: 32px !important;
  min-width: 74px !important;
}

@media (max-width: 900px) {
  .rehberlik-a5-panel {
    max-width: 94vw !important;
  }
}

@media (max-width: 760px) {
  .rehberlik-a5-panel {
    padding: 18px 16px 16px !important;
  }
}

#rehberlikAddBtn,
#rehberlikCloseBtn,
#rehberlikAddCloseBtn,
#rehberlikClearBtn,
#rehberlikSaveBtn,
[data-rehberlik-view],
.rehberlik-row-button,
.rehberlik-add-btn,
.rehberlik-close,
.rehberlik-a5-close,
.rehberlik-a5-clear,
.rehberlik-a5-save {
  pointer-events: auto !important;
}

.rehberlik-modal.hidden,
.rehberlik-add-modal.hidden {
  display: none !important;
}

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box !important;
}

.detail-shell,
.admin-shell {
  max-width: 100% !important;
}

.table-wrap,
.rehberlik-table-wrap,
.personel-info-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

table {
  max-width: 100% !important;
}

.report-a4-modal,
.rehberlik-modal,
.rehberlik-add-modal,
.personel-add-modal,
.modal {
  padding: 12px !important;
}

.report-viewer-panel,
.clean-report-modal,
.rehberlik-panel,
.rehberlik-a5-panel,
.personel-add-panel {
  width: min(96vw, 980px) !important;
  max-width: 96vw !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

@media (max-width: 900px) {
  .admin-body {
    overflow-x: hidden !important;
  }

  .detail-shell,
  .content-area {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .detail-hero,
  .small-hero,
  .rehberlik-hero {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
  }

  .tabs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tabs button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .report-add-form,
  .personel-add-form,
  .report-add-person-grid,
  .personel-duty-list {
    grid-template-columns: 1fr !important;
  }

  .report-add-field.full,
  .report-add-reasons.full,
  .report-add-person-grid.full {
    grid-column: 1 / -1 !important;
  }

  .rehberlik-a5-panel {
    width: 96vw !important;
    max-width: 96vw !important;
    min-height: auto !important;
    padding: 18px 16px !important;
  }

  .report-add-field textarea {
    min-height: 190px !important;
  }

  .personel-add-panel {
    width: 96vw !important;
    max-width: 96vw !important;
  }

  .report-viewer-panel {
    width: 96vw !important;
    max-width: 96vw !important;
  }
}

@media (max-width: 680px) {
  body {
    font-size: 13px !important;
  }

  aside {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 0 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .detail-hero,
  .small-hero,
  .rehberlik-hero {
    padding: 14px !important;
    min-height: auto !important;
  }

  .rehberlik-hero-topline {
    grid-template-columns: 38px 1fr !important;
    gap: 8px !important;
  }

  .page-home-button,
  .mini-action {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 104px !important;
    height: 34px !important;
  }

  .rehberlik-hero-note {
    margin-left: 0 !important;
    font-size: 12px !important;
  }

  h1 {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }

  h2 {
    font-size: 21px !important;
  }

  .card,
  .panel,
  .rehberlik-list-card,
  .personel-info-card {
    border-radius: 16px !important;
    padding: 12px !important;
  }

  .rehberlik-table,
  .personel-info-table,
  table {
    min-width: 760px !important;
    font-size: 11px !important;
  }

  .rehberlik-table th,
  .rehberlik-table td,
  .personel-info-table th,
  .personel-info-table td,
  table th,
  table td {
    padding: 7px 8px !important;
  }

  button,
  .btn,
  .mini-action,
  .rehberlik-row-button,
  .report-row-add,
  .personel-add-button,
  .personel-row-delete {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  .report-viewer-head,
  .rehberlik-panel-head,
  .personel-add-head,
  .rehberlik-a5-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .report-viewer-head-actions,
  .rehberlik-panel-actions,
  .personel-add-actions,
  .rehberlik-a5-actions,
  .report-add-actions {
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
  }

  .report-viewer-head-actions button,
  .rehberlik-panel-actions button,
  .personel-add-actions button,
  .rehberlik-a5-actions button,
  .report-add-actions button {
    height: 31px !important;
    font-size: 10.5px !important;
  }

  .rehberlik-a5-panel {
    border-radius: 18px !important;
  }

  .personel-add-form,
  .personel-duty-list {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-report-card,
  .report-viewer-row {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-report-meta {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  .report-a4-modal,
  .rehberlik-modal,
  .rehberlik-add-modal,
  .personel-add-modal {
    padding: 8px !important;
  }

  .report-viewer-panel,
  .rehberlik-panel,
  .rehberlik-a5-panel,
  .personel-add-panel {
    width: 98vw !important;
    max-width: 98vw !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
  }

  h1 {
    font-size: 23px !important;
  }

  h2 {
    font-size: 19px !important;
  }

  .rehberlik-table,
  .personel-info-table,
  table {
    min-width: 720px !important;
  }

  .rehberlik-a5-actions,
  .report-add-actions,
  .personel-add-actions {
    justify-content: stretch !important;
  }

  .rehberlik-a5-actions button,
  .report-add-actions button,
  .personel-add-actions button {
    flex: 1 1 auto !important;
  }
}

.rehberlik-a5-panel {
  width: min(94vw, 880px) !important;
  max-width: 880px !important;
  min-height: auto !important;
  max-height: 88vh !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
}

.rehberlik-a5-head {
  align-items: flex-start !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

.rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

.rehberlik-a5-actions button,
.rehberlik-a5-close {
  height: 30px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
}

@media (max-width: 640px) {
  .rehberlik-a5-panel {
    width: 96vw !important;
    padding: 16px 14px !important;
  }
}

.rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  padding: 20px 22px 16px !important;
}

.rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
}

#rehberlikPersonelDuty[readonly] {
  background: #f6fbff !important;
  color: #4b647c !important;
}

.rehberlik-a5-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

.rehberlik-add-modal .rehberlik-a5-panel {
  width: min(94vw, 900px) !important;
  max-width: 900px !important;
  min-height: auto !important;
  max-height: 88vh !important;
  padding: 20px 22px 16px !important;
  border-radius: 24px !important;
  overflow-y: auto !important;
}

.rehberlik-add-modal .rehberlik-a5-head {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  align-items: flex-start !important;
}

.rehberlik-add-modal .rehberlik-a5-head h2 {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

.rehberlik-add-modal .rehberlik-clean-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
}

.rehberlik-add-modal .rehberlik-clean-form label,
.rehberlik-add-modal .rehberlik-clean-form label:first-child,
.rehberlik-add-modal .rehberlik-clean-form label:nth-child(2),
.rehberlik-add-modal .rehberlik-clean-form label:nth-child(3) {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: auto !important;
}

.rehberlik-add-modal .rehberlik-clean-row {
  display: grid !important;
  gap: 10px 12px !important;
  width: 100% !important;
  align-items: end !important;
}

.rehberlik-add-modal .rehberlik-clean-row-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.rehberlik-add-modal .rehberlik-clean-row-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.rehberlik-add-modal .rehberlik-clean-field,
.rehberlik-add-modal .rehberlik-clean-note {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.rehberlik-add-modal .rehberlik-clean-field span,
.rehberlik-add-modal .rehberlik-clean-note span {
  display: block !important;
  color: #27445f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select,
.rehberlik-add-modal .rehberlik-clean-note textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
  color: #12344d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select {
  height: 36px !important;
  padding: 0 10px !important;
}

.rehberlik-add-modal #rehberlikPersonelDuty[readonly] {
  background: #f6fbff !important;
  color: #4b647c !important;
}

.rehberlik-add-modal .rehberlik-clean-note {
  width: 100% !important;
  margin-top: 3px !important;
}

.rehberlik-add-modal .rehberlik-clean-note textarea {
  min-height: 165px !important;
  max-height: 230px !important;
  padding: 10px 11px !important;
  resize: vertical !important;
}

.rehberlik-add-modal .rehberlik-a5-actions {
  margin-top: 12px !important;
  padding-top: 10px !important;
}

.rehberlik-add-modal .rehberlik-a5-actions button,
.rehberlik-add-modal .rehberlik-a5-close {
  height: 30px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
}

@media (max-width: 900px) {
  .rehberlik-add-modal .rehberlik-clean-row-3,
  .rehberlik-add-modal .rehberlik-clean-row-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .rehberlik-add-modal .rehberlik-clean-row-3,
  .rehberlik-add-modal .rehberlik-clean-row-4 {
    grid-template-columns: 1fr !important;
  }

  .rehberlik-add-modal .rehberlik-a5-panel {
    width: 96vw !important;
    padding: 16px 14px !important;
  }
}

.rehberlik-add-modal .rehberlik-clean-field input,
.rehberlik-add-modal .rehberlik-clean-field select,
.rehberlik-add-modal .rehberlik-clean-note textarea {
  background: #f1fff8 !important;
  border-color: #b8ead6 !important;
  color: #0b2f26 !important;
  font-weight: 900 !important;
}

.rehberlik-add-modal .rehberlik-clean-field input::placeholder,
.rehberlik-add-modal .rehberlik-clean-note textarea::placeholder {
  color: #496b60 !important;
  opacity: 1 !important;
  font-weight: 850 !important;
}

.rehberlik-add-modal .rehberlik-clean-field input:focus,
.rehberlik-add-modal .rehberlik-clean-field select:focus,
.rehberlik-add-modal .rehberlik-clean-note textarea:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #36c6a4 !important;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .14) !important;
}

.rehberlik-add-modal #rehberlikPersonelDuty[readonly] {
  background: #ecfff6 !important;
  color: #174237 !important;
  border-color: #b8ead6 !important;
  font-weight: 900 !important;
}

.rehberlik-add-modal .rehberlik-clean-field span,
.rehberlik-add-modal .rehberlik-clean-note span {
  color: #073b31 !important;
  font-weight: 950 !important;
  letter-spacing: .1px !important;
}

.dashboard-professional,
.dashboard-professional * {
  box-sizing: border-box !important;
}

.dashboard-professional {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.dashboard-professional main {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.dashboard-professional .hero-card,
.dashboard-professional .detail-hero {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 22px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  box-shadow: 0 16px 42px rgba(8, 38, 61, .08) !important;
  overflow: hidden !important;
}

.dashboard-professional .stats-grid,
.dashboard-professional .summary-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.dashboard-professional .card,
.dashboard-professional .stat-card,
.dashboard-professional .metric-card,
.dashboard-professional .summary-card,
.dashboard-professional .panel {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  border: 1px solid rgba(8, 38, 61, .10) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 34px rgba(8, 38, 61, .08) !important;
}

.dashboard-professional .card *,
.dashboard-professional .stat-card *,
.dashboard-professional .metric-card *,
.dashboard-professional .summary-card * {
  min-width: 0 !important;
}

.dashboard-professional .card h1,
.dashboard-professional .card h2,
.dashboard-professional .card h3,
.dashboard-professional .stat-card h1,
.dashboard-professional .stat-card h2,
.dashboard-professional .stat-card h3,
.dashboard-professional .metric-card h1,
.dashboard-professional .metric-card h2,
.dashboard-professional .metric-card h3 {
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
}

.dashboard-professional .count,
.dashboard-professional .value {
  font-size: clamp(22px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  color: #08365f !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.dashboard-professional canvas,
.dashboard-professional svg {
  max-width: 100% !important;
}

.dashboard-professional .chart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.dashboard-professional .table-wrap,
.dashboard-professional .list-card {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.dashboard-professional table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
}

.dashboard-professional .table-wrap table {
  min-width: 680px !important;
}

.dashboard-professional button,
.dashboard-professional .btn,
.dashboard-professional select,
.dashboard-professional input {
  max-width: 100% !important;
}

.dashboard-professional .filters,
.dashboard-professional .actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
}

.dashboard-professional aside + main {
  min-width: 0 !important;
}

@media (max-width: 1100px) {
  .dashboard-professional .stats-grid,
  .dashboard-professional .summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .dashboard-professional main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dashboard-professional .stats-grid,
  .dashboard-professional .summary-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .dashboard-professional .card,
  .dashboard-professional .stat-card,
  .dashboard-professional .metric-card,
  .dashboard-professional .summary-card,
  .dashboard-professional .panel {
    border-radius: 16px !important;
    padding: 12px !important;
  }

  .dashboard-professional .count,
  .dashboard-professional .value {
    font-size: clamp(20px, 8vw, 30px) !important;
  }
}

@media (max-width: 420px) {
  .dashboard-professional main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .dashboard-professional .table-wrap table {
    min-width: 620px !important;
  }
}

.rehberlik-create-button {
  height: 26px !important;
  min-width: 104px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  border: 1px solid #86efac !important;
  background: #ecfdf5 !important;
  color: #15803d !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.rehberlik-create-button:hover {
  background: linear-gradient(135deg, #22c55e, #15803d) !important;
  color: #ffffff !important;
  border-color: #22c55e !important;
}

.admin-home-body .hero-card {
  align-items: center !important;
}

.admin-home-body .admin-home-three-buttons,
.admin-home-body .hero-actions.admin-home-three-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 360px !important;
  flex-wrap: wrap !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut,
.admin-home-body .hero-actions .action-button.home-shortcut {
  height: 42px !important;
  min-width: 116px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .button-png-icon,
.admin-home-body .hero-actions .action-button.home-shortcut .button-png-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.admin-home-body .admin-home-three-buttons .home-shortcut .action-label,
.admin-home-body .hero-actions .action-button.home-shortcut .action-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.test-page #saveTestBtn {
  background: #0b3558 !important;
  color: #ffffff !important;
  border: 1px solid #0b3558 !important;
}

.test-page #saveTestBtn:hover,
.test-page #saveTestBtn:focus-visible {
  background: #0a4778 !important;
  border-color: #0a4778 !important;
  color: #ffffff !important;
}

#deleteCodeUserBtn.settings-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 92px !important;
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  border: 1px solid #fecdd3 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

#deleteCodeUserBtn.settings-delete:hover,
#deleteCodeUserBtn.settings-delete:focus-visible {
  background: #e11d48 !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
}

@media (max-width: 900px) {
  .admin-home-body .admin-home-three-buttons,
  .admin-home-body .hero-actions.admin-home-three-buttons {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }

  .admin-home-body .admin-home-three-buttons .home-shortcut,
  .admin-home-body .hero-actions .action-button.home-shortcut {
    flex: 1 1 150px !important;
  }
}

.test-page #saveTestBtn {
  order: 3 !important;
}

.test-page .test-detail-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.test-page .test-detail-hero .test-hero-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
}

.test-page .test-detail-hero .test-hero-title {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  padding-top: 0 !important;
}

.test-page .test-detail-hero h1#studentTitle {
  flex: 0 1 auto !important;
  margin: 0 !important;
  line-height: 1.02 !important;
}

.test-page .test-detail-hero p#studentSubTitle {
  flex: 0 1 auto !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

@media (max-width: 760px) {
  .test-page .test-detail-hero {
    display: flex !important;
    align-items: flex-start !important;
  }
}

.loss-page {
  overflow-x: hidden !important;
}

.loss-page .detail-shell {
  min-width: 0 !important;
}

.loss-page .loss-hero {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.loss-page .loss-hero > div:first-child {
  min-width: 0 !important;
}

.loss-page #restoreLossBtn {
  background: linear-gradient(180deg, #ffffff, #eefaf6) !important;
  border-color: rgba(20, 140, 94, .24) !important;
  color: #0f7d54 !important;
  box-shadow: 0 10px 24px rgba(15, 125, 84, .10) !important;
}

.loss-page #restoreLossBtn:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.loss-page .loss-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.loss-page .loss-table td {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
  .loss-page.has-fixed-menu .side-menu.fixed {
    position: static !important;
    inset: auto !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  .loss-page.has-fixed-menu .side-menu-title,
  .loss-page.has-fixed-menu .side-menu-group {
    grid-column: 1 / -1 !important;
  }

  .loss-page.has-fixed-menu .side-menu-title {
    margin-bottom: 4px !important;
  }

  .loss-page.has-fixed-menu .side-menu-group {
    margin: 8px 4px 2px !important;
  }

  .loss-page.has-fixed-menu .side-menu a {
    min-width: 0 !important;
    margin: 0 !important;
  }

  .loss-page.has-fixed-menu .side-menu a b {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .loss-page.has-fixed-menu .detail-shell {
    width: calc(100% - 24px) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 900px) {
  .loss-page.has-fixed-menu .side-menu.fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .loss-page .loss-hero {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .loss-page .loss-hero h1 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .loss-page .loss-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .loss-page .management-top-tabs {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .loss-page .management-top-tabs .tab {
    flex: 0 0 auto !important;
  }

  .loss-page .loss-card {
    padding: 14px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 720px) {
  .loss-page.has-fixed-menu .side-menu.fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .loss-page .loss-hero {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .loss-page .page-home-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .loss-page .loss-title-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .loss-page .loss-title-row h2 {
    font-size: 22px !important;
  }

  .loss-page #restoreLossBtn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .loss-page .loss-summary-grid {
    grid-template-columns: 1fr !important;
  }

  .loss-page .loss-table-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .loss-page .loss-table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
  }

  .loss-page .loss-table thead {
    display: none !important;
  }

  .loss-page .loss-table tbody,
  .loss-page .loss-table tr,
  .loss-page .loss-table td {
    display: block !important;
    width: 100% !important;
  }

  .loss-page .loss-table tr {
    padding: 10px 12px !important;
    border: 1px solid rgba(211, 34, 42, .16) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 26px rgba(170, 40, 40, .07) !important;
  }

  .loss-page .loss-table td {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(211, 34, 42, .10) !important;
    font-size: 12.5px !important;
  }

  .loss-page .loss-table td:last-child {
    border-bottom: 0 !important;
  }

  .loss-page .loss-table td::before {
    color: #9b2630 !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
  }

  .loss-page .loss-table td:nth-child(1)::before {
    content: "No";
  }

  .loss-page .loss-table td:nth-child(2)::before {
    content: "T.C.";
  }

  .loss-page .loss-table td:nth-child(3)::before {
    content: "Adı Soyadı";
  }

  .loss-page .loss-table td:nth-child(4)::before {
    content: "Sınıfı";
  }

  .loss-page .loss-table td:nth-child(5)::before {
    content: "Şubesi";
  }

  .loss-page .loss-table td:nth-child(6)::before {
    content: "Etüt Mesulü";
  }

  .loss-page .loss-table td:nth-child(7)::before {
    content: "Ayrılış Tarihi";
  }

  .loss-page .loss-table td:nth-child(8)::before {
    content: "Ayrılma Nedeni";
  }

  .loss-page .loss-table td:nth-child(9)::before {
    content: "Personel Görüşü";
  }
}

@media (max-width: 460px) {
  .loss-page.has-fixed-menu .side-menu.fixed {
    grid-template-columns: 1fr !important;
    padding: 10px !important;
  }

  .loss-page .detail-shell {
    width: calc(100% - 16px) !important;
  }

  .loss-page .loss-hero {
    padding: 14px !important;
  }

  .loss-page .loss-hero h1 {
    font-size: 25px !important;
  }

  .loss-page .loss-summary-card {
    min-height: 82px !important;
    padding: 12px !important;
  }

  .loss-page .loss-table td {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }
}

.app-back-arrow-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid #0a446e !important;
  border-radius: 14px !important;
  background: #0a446e !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.app-back-arrow-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  color: inherit !important;
  transform: translateY(-1px) !important;
}

.app-back-arrow-button::before,
.app-back-arrow-button::after,
.app-back-arrow-button span::before,
.app-back-arrow-button span::after {
  content: none !important;
  display: none !important;
}

.app-back-arrow-button:hover,
.app-back-arrow-button:focus,
.app-back-arrow-button:focus-visible {
  background: #083858 !important;
  color: #ffffff !important;
  border-color: #083858 !important;
  outline: none !important;
  box-shadow: none !important;
}

.app-back-arrow-button:active {
  transform: translateY(1px) !important;
}

.detail-hero .app-back-arrow-button,
.form-hero .app-back-arrow-button,
.hero-card .app-back-arrow-button {
  margin: 0 !important;
}

:is(.detail-hero, .form-hero, .exit-hero, .student-top-card, .dash-hero, .hero-card).has-app-home-button {
  position: relative !important;
  padding-right: 76px !important;
}

.app-home-actions {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

.app-home-button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #cfe4f4 !important;
  border-radius: 16px !important;
  background: #f8fcff !important;
  color: #0b7eb1 !important;
  box-shadow: 0 8px 18px rgba(6, 70, 118, 0.06) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.app-home-button:hover,
.app-home-button:focus,
.app-home-button:focus-visible {
  background: #eef8ff !important;
  border-color: #aed4ec !important;
  box-shadow: 0 10px 22px rgba(6, 70, 118, 0.10) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.app-home-button:active {
  transform: translateY(0) scale(.98) !important;
}

.app-home-icon {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 720px) {
  :is(.detail-hero, .form-hero, .exit-hero, .student-top-card, .dash-hero, .hero-card).has-app-home-button {
    padding-right: 64px !important;
  }

  .app-home-actions {
    right: 12px !important;
  }

  .app-home-button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 14px !important;
  }
}

:is(.detail-hero, .form-hero, .exit-hero, .student-top-card, .test-detail-hero).has-app-home-button {
  position: relative !important;
  padding-right: 76px !important;
}

:is(.detail-hero, .exit-hero) > div:has(> .app-back-arrow-button):has(> h1) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  align-items: center !important;
  min-width: 0 !important;
}

:is(.detail-hero, .exit-hero) > div:has(> .app-back-arrow-button):has(> h1) > .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

:is(.detail-hero, .exit-hero) > div:has(> .app-back-arrow-button):has(> h1) > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

:is(.detail-hero, .exit-hero) > div:has(> .app-back-arrow-button):has(> h1) > p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  margin-top: 2px !important;
}

:is(.talebe-header-topline, .rehberlik-hero-topline, .talebe-rapor-hero-topline, .personel-info-hero-topline, .test-hero-main):has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
  min-width: 0 !important;
}

:is(.talebe-header-topline, .rehberlik-hero-topline, .talebe-rapor-hero-topline, .personel-info-hero-topline, .test-hero-main) > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.hero-heading-block:has(> .talebe-header-topline > .app-back-arrow-button) > p,
.rehberlik-hero-content:has(> .rehberlik-hero-topline > .app-back-arrow-button) > p,
.talebe-rapor-hero-content:has(> .talebe-rapor-hero-topline > .app-back-arrow-button) > p,
.personel-info-hero-content:has(> .personel-info-hero-topline > .app-back-arrow-button) > p {
  margin-left: 56px !important;
  margin-top: 5px !important;
}

.eokul-modern-title-row:has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.student-headline:has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.student-headline > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  flex-basis: auto !important;
  align-self: center !important;
  margin: 0 !important;
}

.student-headline > p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  flex-basis: auto !important;
  margin-top: 2px !important;
}

:is(.detail-hero, .form-hero, .exit-hero, .student-top-card, .test-detail-hero, .dash-hero, .hero-card) > .app-home-actions {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  :is(.detail-hero, .form-hero, .exit-hero, .student-top-card, .test-detail-hero).has-app-home-button {
    padding-right: 64px !important;
  }

  .hero-heading-block:has(> .talebe-header-topline > .app-back-arrow-button) > p,
  .rehberlik-hero-content:has(> .rehberlik-hero-topline > .app-back-arrow-button) > p,
  .talebe-rapor-hero-content:has(> .talebe-rapor-hero-topline > .app-back-arrow-button) > p,
  .personel-info-hero-content:has(> .personel-info-hero-topline > .app-back-arrow-button) > p {
    margin-left: 52px !important;
  }
}

:is(.detail-hero, .form-hero, .exit-hero, .loss-hero, .student-top-card, .test-detail-hero).has-app-home-button {
  position: relative !important;
  padding-right: 76px !important;
}

:is(.detail-hero, .form-hero, .exit-hero, .loss-hero, .student-top-card, .test-detail-hero, .dash-hero, .hero-card) > .app-home-actions {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 5 !important;
}

:is(.detail-hero, .exit-hero, .loss-hero) > div:has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

:is(.detail-hero, .exit-hero, .loss-hero) > div:has(> .app-back-arrow-button) > .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

:is(.detail-hero, .exit-hero, .loss-hero) > div:has(> .app-back-arrow-button) > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
}

:is(.detail-hero, .exit-hero, .loss-hero) > div:has(> .app-back-arrow-button) > p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

:is(.talebe-header-topline, .rehberlik-hero-topline, .talebe-rapor-hero-topline, .personel-info-hero-topline, .test-hero-main):has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

:is(.talebe-header-topline, .rehberlik-hero-topline, .talebe-rapor-hero-topline, .personel-info-hero-topline, .test-hero-main) > .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

:is(.talebe-header-topline, .rehberlik-hero-topline, .talebe-rapor-hero-topline, .personel-info-hero-topline, .test-hero-main) > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.hero-heading-block:has(> .talebe-header-topline > .app-back-arrow-button) > p,
.rehberlik-hero-content:has(> .rehberlik-hero-topline > .app-back-arrow-button) > p,
.talebe-rapor-hero-content:has(> .talebe-rapor-hero-topline > .app-back-arrow-button) > p,
.personel-info-hero-content:has(> .personel-info-hero-topline > .app-back-arrow-button) > p {
  margin-left: 56px !important;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.eokul-modern-title-row:has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

.eokul-modern-title-row > .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

.eokul-modern-title-row > .eokul-modern-title-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  align-self: center !important;
}

.eokul-modern-title-copy > h1 {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}

.student-top-card:has(.student-headline > .app-back-arrow-button) {
  position: relative !important;
  padding-right: 76px !important;
}

.student-headline:has(> .app-back-arrow-button) {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 12px !important;
  row-gap: 5px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

.student-headline > .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

.student-headline > h1 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  flex-basis: auto !important;
  align-self: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.student-headline > p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  flex-basis: auto !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
  min-width: 0 !important;
}

.student-headline > .detail-badge {
  grid-column: 2 !important;
  grid-row: 3 !important;
  justify-self: start !important;
}

.app-back-arrow-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid #0a446e !important;
  border-radius: 14px !important;
  background: #0a446e !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.app-back-arrow-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 720px) {
  :is(.detail-hero, .form-hero, .exit-hero, .loss-hero, .student-top-card, .test-detail-hero).has-app-home-button {
    padding-right: 64px !important;
  }

  :is(.detail-hero, .form-hero, .exit-hero, .loss-hero, .student-top-card, .test-detail-hero, .dash-hero, .hero-card) > .app-home-actions {
    right: 12px !important;
  }

  .hero-heading-block:has(> .talebe-header-topline > .app-back-arrow-button) > p,
  .rehberlik-hero-content:has(> .rehberlik-hero-topline > .app-back-arrow-button) > p,
  .talebe-rapor-hero-content:has(> .talebe-rapor-hero-topline > .app-back-arrow-button) > p,
  .personel-info-hero-content:has(> .personel-info-hero-topline > .app-back-arrow-button) > p {
    margin-left: 52px !important;
  }
}

.app-unified-header-ready {
  display: block !important;
  position: relative !important;
}

.app-unified-header-ready > .app-header-row {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-left {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: flex-start !important;
}

.app-unified-header-ready .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  margin: 0 !important;
}

.app-unified-header-ready .app-header-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.app-unified-header-ready .app-header-title-line {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-title-line h1,
.app-unified-header-ready .app-header-title-line .test-form-title {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  align-self: center !important;
}

.app-unified-header-ready .app-header-copy p {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.app-unified-header-ready .app-home-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  align-self: start !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  z-index: 30 !important;
}

.app-unified-header-ready .app-home-button {
  margin: 0 !important;
}

.app-unified-header-ready .detail-badge,
.app-unified-header-ready .hero-label {
  margin: 0 !important;
  align-self: center !important;
}

.app-unified-header-ready > div:not(.app-header-row):empty,
.app-unified-header-ready .eokul-modern-title-row:empty,
.app-unified-header-ready .eokul-modern-title-copy:empty,
.app-unified-header-ready .talebe-header-topline:empty,
.app-unified-header-ready .rehberlik-hero-topline:empty,
.app-unified-header-ready .talebe-rapor-hero-topline:empty,
.app-unified-header-ready .personel-info-hero-topline:empty {
  display: none !important;
}

@media (max-width: 700px) {
  .app-unified-header-ready > .app-header-row {
    gap: 10px !important;
  }

  .app-unified-header-ready .app-header-left {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
}

.app-unified-header-ready {
  box-sizing: border-box !important;
  min-height: 88px !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  position: relative !important;
  display: block !important;
}

.app-unified-header-ready,
.app-unified-header-ready * {
  box-sizing: border-box !important;
}

.app-unified-header-ready > .app-header-row {
  width: 100% !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px !important;
  column-gap: 16px !important;
  align-items: start !important;
  justify-content: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-left {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-copy {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  row-gap: 3px !important;
  align-items: start !important;
  justify-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-title-line {
  min-height: 40px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-unified-header-ready .app-header-title-line h1,
.app-unified-header-ready .app-header-title-line .test-form-title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-self: center !important;
}

.app-unified-header-ready .app-header-copy p {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.app-unified-header-ready .detail-badge,
.app-unified-header-ready .hero-label {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.03em !important;
  margin: 0 !important;
  align-self: center !important;
}

.app-unified-header-ready .app-back-arrow-button,
.app-unified-header-ready .app-home-button {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  flex: 0 0 40px !important;
}

.app-unified-header-ready .app-back-arrow-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.app-unified-header-ready .app-home-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 30 !important;
}

.app-unified-header-ready .app-home-icon {
  width: 18px !important;
  height: 18px !important;
}

.app-unified-header-ready .test-form-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.app-unified-header-ready .test-form-title .test-form-icon {
  font-size: 18px !important;
  line-height: 1 !important;
}

.dashboard-page .student-top-card.app-unified-header-ready,
.detail-hero.app-unified-header-ready,
.form-hero.app-unified-header-ready,
.exit-hero.app-unified-header-ready,
.loss-hero.app-unified-header-ready,
.student-top-card.app-unified-header-ready,
.test-detail-hero.app-unified-header-ready {
  min-height: 88px !important;
  padding: 18px 20px !important;
}

@media (max-width: 700px) {
  .app-unified-header-ready {
    min-height: 82px !important;
    padding: 16px 14px !important;
  }

  .app-unified-header-ready > .app-header-row {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    column-gap: 10px !important;
  }

  .app-unified-header-ready .app-header-left {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  .app-unified-header-ready .app-back-arrow-button,
  .app-unified-header-ready .app-home-button,
  .app-unified-header-ready .app-home-actions {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex-basis: 38px !important;
  }

  .app-unified-header-ready .app-header-title-line h1,
  .app-unified-header-ready .app-header-title-line .test-form-title {
    font-size: 20px !important;
  }
}

.student-info-list-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.student-info-list-actions .student-list-action-button {
  width: 142px !important;
  min-width: 142px !important;
  height: 36px !important;
  min-height: 36px !important;
}

.student-info-list-actions .student-delete-list-button:hover,
.student-info-list-actions .student-delete-list-button:focus,
.student-info-list-actions .student-delete-list-button:focus-visible {
  background: linear-gradient(135deg, #d94b4b 0%, #a92525 100%) !important;
  border-color: #d94b4b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .student-info-list-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .student-info-list-actions .student-list-action-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}