:root{
  --ak83-bg:#061c28;
  --ak83-surface:#082a39;
  --ak83-surface-2:#0b3343;
  --ak83-border:#174b5e;
  --ak83-border-soft:#123b4b;
  --ak83-text:#edf9fb;
  --ak83-muted:#9dbdca;
  --ak83-teal:#2ad5dc;
}

body.ak83-student{
  background:var(--ak83-bg)!important;
  color:var(--ak83-text);
}

body.ak83-student main{
  width:min(100% - 28px,1240px);
  margin-inline:auto;
}

body.ak83-student .page-container,
body.ak83-student .content-container,
body.ak83-student .student-container{
  width:min(100%,1240px)!important;
  margin-inline:auto!important;
}

body.ak83-student.ak83-bookings .ak83-surface,
body.ak83-student.ak83-payments .ak83-surface,
body.ak83-student.ak83-profile .ak83-surface,
body.ak83-student.ak83-support .ak83-surface,
body.ak83-student.ak83-cv .ak83-surface{
  background:var(--ak83-surface)!important;
  color:var(--ak83-text)!important;
  border:1px solid var(--ak83-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

body.ak83-profile input,
body.ak83-profile select,
body.ak83-profile textarea,
body.ak83-support input,
body.ak83-support select,
body.ak83-support textarea,
body.ak83-cv input,
body.ak83-cv select,
body.ak83-cv textarea{
  background:#061f2c!important;
  color:var(--ak83-text)!important;
  border:1px solid #23546a!important;
  border-radius:10px!important;
  min-height:42px;
}

body.ak83-profile input::placeholder,
body.ak83-support input::placeholder,
body.ak83-cv input::placeholder,
body.ak83-profile textarea::placeholder,
body.ak83-support textarea::placeholder,
body.ak83-cv textarea::placeholder{
  color:#6f9ba9!important;
}

body.ak83-profile label,
body.ak83-support label,
body.ak83-cv label{
  color:#d5ebf0!important;
  font-weight:650;
}

body.ak83-bookings .ak83-table-host,
body.ak83-payments .ak83-table-host{
  background:var(--ak83-surface)!important;
  border:1px solid var(--ak83-border)!important;
  border-radius:16px!important;
  padding:12px!important;
  overflow:auto;
}

body.ak83-bookings table,
body.ak83-payments table{
  width:100%!important;
  background:transparent!important;
  color:var(--ak83-text)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

body.ak83-bookings thead th,
body.ak83-payments thead th{
  background:var(--ak83-surface-2)!important;
  color:#d8eef3!important;
  border-color:var(--ak83-border)!important;
}

body.ak83-bookings tbody td,
body.ak83-payments tbody td{
  background:#092735!important;
  color:#e8f7fa!important;
  border-color:var(--ak83-border-soft)!important;
}

body.ak83-bookings tbody tr:hover td,
body.ak83-payments tbody tr:hover td{
  background:#0c3040!important;
}

.ak83-filterbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}

.ak83-filterbar button{
  appearance:none;
  border:1px solid #24596b;
  background:#092c3b;
  color:#d7eff3;
  border-radius:999px;
  min-height:36px;
  padding:6px 14px;
  font-weight:700;
  cursor:pointer;
}

.ak83-filterbar button.is-active{
  background:var(--ak83-teal);
  color:#03202a;
  border-color:var(--ak83-teal);
}

.ak83-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-block:14px 18px;
}

.ak83-kpi{
  background:var(--ak83-surface)!important;
  border:1px solid var(--ak83-border)!important;
  border-radius:13px;
  padding:12px 14px!important;
  min-height:78px;
}

.ak83-kpi-label{
  display:block;
  color:var(--ak83-muted)!important;
  font-size:.82rem;
  margin-bottom:6px;
}

.ak83-kpi-value{
  display:block;
  color:var(--ak83-text)!important;
  font-size:1.15rem;
  font-weight:800;
  direction:ltr;
  unicode-bidi:isolate;
}

.ak83-unavailable{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%;
  align-items:center;
  gap:6px;
  padding:6px 9px!important;
  margin-block:6px!important;
  border-radius:999px!important;
  border:1px solid #5c522e!important;
  background:#302b18!important;
  color:#ffeaa0!important;
  font-size:.78rem!important;
  line-height:1.3!important;
}

body.ak83-marketplace .ak83-course-description{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.ak83-marketplace .ak83-detail-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 11px!important;
  border:1px solid #266072!important;
  border-radius:9px!important;
  color:#b7f4f6!important;
  text-decoration:none!important;
}

.ak83-empty{
  min-height:84px!important;
  padding:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:var(--ak83-muted)!important;
  background:var(--ak83-surface)!important;
  border:1px dashed #28566a!important;
  border-radius:13px!important;
}

body.ak83-student header input[type="search"],
body.ak83-student header .search-input{
  max-width:520px!important;
}

body.ak83-settings main > *{
  max-width:780px!important;
  margin-inline:auto!important;
}

body.ak83-profile form,
body.ak83-support form,
body.ak83-cv form{
  max-width:920px;
  margin-inline:auto;
}

[dir="rtl"] .ak83-number{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-block;
}

@media(max-width:860px){
  .ak83-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  body.ak83-student main{
    width:min(100% - 18px,1240px);
  }

  .ak83-kpi-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .ak83-kpi{
    min-height:68px;
    padding:10px!important;
  }

  body.ak83-bookings .ak83-table-host,
  body.ak83-payments .ak83-table-host{
    padding:8px!important;
    border-radius:12px!important;
  }

  body.ak83-bookings table,
  body.ak83-payments table{
    min-width:700px;
  }

  body.ak83-profile form,
  body.ak83-support form,
  body.ak83-cv form{
    width:100%;
  }
}
