.uk-exam-widget{
  --uk-exam-accent:#2563eb;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  font-family:inherit;
}
.uk-exam-widget *,
.uk-exam-countdowns *{box-sizing:border-box}
.uk-exam-info-note{
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:#fff;
  color:#475569;
  font-size:12px;
  line-height:1.65;
}
.uk-exam-info-note strong{
  color:#0f172a;
  font-weight:800;
}
.uk-exam-controls{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
}
.uk-exam-toolbar{
  margin:0;
  flex:1 1 auto;
  min-width:0;
}
.uk-exam-filter-wrap{
  position:relative;
}
.uk-exam-filter-wrap:after{
  content:"⌄";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#64748b;
  font-size:16px;
  pointer-events:none;
}
.uk-exam-filter{
  display:block;
  width:100%;
  max-width:100%;
  min-height:44px;
  padding:0 38px 0 14px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:16px;
  background:#fff;
  color:#0f172a;
  font-size:13px;
  font-weight:800;
  appearance:none;
  -webkit-appearance:none;
}
.uk-exam-filter:focus{
  outline:none;
  border-color:var(--uk-exam-accent);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.uk-exam-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0;
  flex:0 0 auto;
  white-space:nowrap;
}
.uk-exam-page-status{
  color:#64748b;
  font-size:12px;
  font-weight:800;
  min-width:42px;
  text-align:center;
}
.uk-exam-page-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid rgba(148,163,184,.3);
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  font-size:18px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
}
.uk-exam-page-btn:hover:not(:disabled){
  border-color:var(--uk-exam-accent);
  color:var(--uk-exam-accent);
}
.uk-exam-page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.uk-exam-countdowns{
  display:grid;
  gap:12px;
  width:100%;
}
.uk-exam-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
}
.uk-exam-card-inner{
  position:relative;
  padding:16px;
}
.uk-exam-card-inner:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#00d2ff 0%,#6366f1 48%,#d946ef 100%);
  border-radius:18px 0 0 18px;
}
.uk-exam-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.uk-exam-title-group{
  min-width:0;
  flex:1 1 auto;
}
.uk-exam-name{
  display:block;
  color:#0f172a;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
  word-break:break-word;
}
.uk-exam-date{
  margin-top:4px;
  color:#64748b;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.uk-exam-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.35px;
  white-space:nowrap;
}
.uk-exam-badge.is-official{background:#ecfdf5;color:#047857}
.uk-exam-badge.is-estimated{background:#fff7ed;color:#c2410c}
.uk-exam-progress-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}
.uk-exam-progress-copy{
  min-width:0;
  flex:1 1 auto;
}
.uk-exam-progress-text{
  display:block;
  color:#0f172a;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}
.uk-exam-progress-sub{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}
.uk-exam-progress-circle{
  --progress:0;
  flex:0 0 68px;
  width:68px;
  height:68px;
  border-radius:50%;
  position:relative;
  background:#e2e8f0;
}
.uk-exam-progress-circle-inner{
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.uk-exam-progress-circle-inner strong{
  display:block;
  color:#0f172a;
  font-size:15px;
  line-height:1;
  font-weight:900;
}
.uk-exam-progress-circle-inner small{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:8px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.uk-exam-clock{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.uk-exam-clock span{
  min-width:0;
  padding:11px 5px 10px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.12);
  text-align:center;
}
.uk-exam-clock b{
  display:block;
  overflow:hidden;
  color:var(--uk-exam-accent);
  font-size:24px;
  line-height:1;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
}
.uk-exam-clock small{
  display:block;
  margin-top:5px;
  color:#94a3b8;
  font-size:10px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.uk-exam-today{
  margin:0 0 12px;
  padding:14px 14px;
  border-radius:14px;
  background:linear-gradient(90deg,#00d2ff 0%,#6366f1 52%,#d946ef 100%);
  color:#fff;
  text-align:center;
  font-size:16px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}
.uk-exam-empty,
.uk-exam-filter-empty{
  padding:16px;
  border:1px dashed rgba(148,163,184,.45);
  border-radius:14px;
  background:#fff;
  color:#64748b;
  font-size:13px;
  text-align:center;
}
@media (max-width:480px){
  .uk-exam-controls{gap:8px;margin:0 0 10px}
  .uk-exam-card-inner{padding:14px}
  .uk-exam-name{font-size:16px}
  .uk-exam-date{font-size:12px}
  .uk-exam-badge{padding:6px 9px;font-size:9px}
  .uk-exam-progress-wrap{gap:10px;margin:0 0 12px}
  .uk-exam-progress-text{font-size:12px}
  .uk-exam-progress-sub{font-size:10px}
  .uk-exam-progress-circle{flex-basis:60px;width:60px;height:60px}
  .uk-exam-progress-circle-inner{inset:7px}
  .uk-exam-progress-circle-inner strong{font-size:13px}
  .uk-exam-progress-circle-inner small{font-size:7px}
  .uk-exam-clock{gap:6px}
  .uk-exam-clock span{padding:10px 4px 9px;border-radius:12px}
  .uk-exam-clock b{font-size:20px}
  .uk-exam-clock small{font-size:9px}
  .uk-exam-today{padding:12px;font-size:14px}
}
@media (max-width:360px){
  .uk-exam-progress-wrap{align-items:flex-start}
  .uk-exam-clock b{font-size:18px}
  .uk-exam-filter{font-size:12px}
  .uk-exam-page-status{font-size:11px;min-width:38px}
  .uk-exam-page-btn{width:30px;height:30px;font-size:17px}
}