.maiss-dashboard {
  --maiss-navy: #123b63;
  --maiss-blue: #1f78b4;
  --maiss-sky: #eaf5fb;
  --maiss-line: #d6e2ea;
  --maiss-text: #183143;
  --maiss-muted: #607587;
  --maiss-surface: #ffffff;
  --maiss-soft: #f5f8fa;
  --maiss-level-1: #2b73c8;
  --maiss-level-2: #e8682a;
  --maiss-level-3: #6e2587;
  --maiss-new-member: #2b9a7f;
  --maiss-new-member-light: #57bca3;
  color: var(--maiss-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  margin: 24px auto;
  max-width: 1240px;
}

.maiss-dashboard *,
.maiss-dashboard *::before,
.maiss-dashboard *::after { box-sizing: border-box; }

.maiss-en {
  color: var(--maiss-muted);
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: .7em;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 3px;
  text-transform: none;
}
.maiss-en--inline { display: inline; margin: 0 0 0 4px; }
.maiss-en--hero { color: rgba(255,255,255,.76); font-size: .78em; margin-top: 5px; }

.maiss-hero {
  align-items: center;
  background: linear-gradient(125deg, #102f50 0%, #155b8c 70%, #2287b9 100%);
  border-radius: 20px 20px 0 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  min-height: 210px;
  overflow: hidden;
  padding: 42px 48px;
  position: relative;
}

.maiss-hero::after {
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  height: 300px;
  position: absolute;
  right: -90px;
  top: -120px;
  width: 300px;
}

.maiss-hero__copy { max-width: 760px; position: relative; z-index: 1; }
.maiss-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .08em; margin: 0 0 12px; text-transform: uppercase; }
.maiss-eyebrow .maiss-en { color: rgba(255,255,255,.72); font-size: 10px; }
.maiss-hero h2 { color: #fff; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; margin: 0 0 14px; }
.maiss-hero p:last-child { font-size: 17px; line-height: 1.55; margin: 0; opacity: .9; }
.maiss-hero__mark { background: transparent; border-radius: 0; display: grid; flex: 0 0 158px; height: 158px; padding: 0; place-items: center; position: relative; width: 158px; z-index: 1; }
.maiss-hero__mark img { display: block; height: 100%; max-height: 158px; max-width: 158px; object-fit: contain; width: 100%; }

.maiss-organizations { align-items: center; background: #fff; border: 1px solid var(--maiss-line); border-top: 0; display: flex; gap: 24px; justify-content: space-between; min-height: 108px; padding: 16px 30px; }
.maiss-organizations__label { color: var(--maiss-muted); flex: 0 0 auto; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.maiss-organizations__label .maiss-en { font-size: 9px; }
.maiss-organizations__logos { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; justify-content: flex-end; }
.maiss-organizations__logos img { display: block; height: 54px; max-width: 105px; object-fit: contain; width: auto; }

.maiss-controls { align-items: end; background: var(--maiss-soft); border: 1px solid var(--maiss-line); border-top: 0; display: grid; gap: 14px; grid-template-columns: 1.6fr 1.6fr 1fr .8fr 1fr auto; padding: 24px 26px; }
.maiss-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.maiss-field--search { position: relative; z-index: 20; }
.maiss-field > span { color: var(--maiss-muted); font-size: 12px; font-weight: 700; }
.maiss-field > span .maiss-en { font-size: 10px; }
.maiss-field input,
.maiss-field select { background: #fff; border: 1px solid #b9cbd7; border-radius: 8px; color: var(--maiss-text); font: inherit; height: 44px; max-width: none; padding: 0 12px; width: 100%; }
.maiss-field input:focus,
.maiss-field select:focus { border-color: var(--maiss-blue); box-shadow: 0 0 0 3px rgba(31,120,180,.14); outline: 0; }
.maiss-field > .maiss-search-suggestions { background: #fff; border: 1px solid var(--maiss-line); border-radius: 10px; box-shadow: 0 14px 32px rgba(18,59,99,.18); display: none; left: 0; max-height: 430px; overflow-y: auto; padding: 6px; position: absolute; right: 0; top: calc(100% + 7px); width: 100%; }
.maiss-field > .maiss-search-suggestions.is-visible { display: block; }
.maiss-search-suggestions button { background: #fff; border: 0; border-radius: 8px; color: var(--maiss-text); cursor: pointer; display: block; padding: 10px 11px; text-align: left; width: 100%; }
.maiss-search-suggestions button + button { border-top: 1px solid #e5edf2; }
.maiss-search-suggestions button:hover,
.maiss-search-suggestions button:focus { background: var(--maiss-sky); outline: 0; }
.maiss-search-suggestions button strong { display: block; font-size: 13px; }
.maiss-search-suggestions button small { color: var(--maiss-muted); display: block; font-size: 11px; margin-top: 2px; }
.maiss-search-suggestions button > span { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.maiss-search-suggestions__empty { display: block; padding: 12px; }
.maiss-clear { background: transparent; border: 1px solid var(--maiss-blue); border-radius: 8px; color: var(--maiss-blue); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; min-height: 50px; padding: 6px 16px; white-space: nowrap; }
.maiss-clear .maiss-en { color: #4b7896; font-size: 9px; }
.maiss-clear:hover { background: var(--maiss-sky); }

.maiss-status { background: #fff; border-left: 1px solid var(--maiss-line); border-right: 1px solid var(--maiss-line); color: var(--maiss-muted); font-size: 13px; padding: 9px 26px; }
.maiss-status.is-error { color: #a51b1b; }

.maiss-stats { background: #fff; border: 1px solid var(--maiss-line); border-top: 0; display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); padding: 18px 26px 24px; }
.maiss-stat { background: #eef4f7; border-left: 4px solid var(--maiss-navy); border-radius: 10px; padding: 16px 18px; }
.maiss-stat strong { color: var(--maiss-navy); display: block; font-size: 30px; line-height: 1; }
.maiss-stat span { color: var(--maiss-muted); display: block; font-size: 13px; margin-top: 6px; }
.maiss-stat--level1 { border-color: var(--maiss-level-1); }
.maiss-stat--level2 { border-color: var(--maiss-level-2); }
.maiss-stat--level3 { border-color: var(--maiss-level-3); }

.maiss-visuals { background: var(--maiss-soft); border-left: 1px solid var(--maiss-line); border-right: 1px solid var(--maiss-line); display: grid; gap: 18px; grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); padding: 0 26px 26px; }
.maiss-visual-card { background: #fff; border: 1px solid var(--maiss-line); border-radius: 12px; min-width: 0; overflow: hidden; }
.maiss-visual-card--total-season .maiss-panel-heading--visual h3 { font-size: 20px; }
.maiss-visual-card--new-members { border-top: 4px solid var(--maiss-new-member); }
.maiss-visual-card--levels { grid-column: 1 / -1; }
.maiss-panel-heading--visual { padding: 16px 18px; }
.maiss-panel-heading--visual h3 { font-size: 15px; }
.maiss-panel-heading--visual h3 .maiss-en { font-size: 11px; }
.maiss-donut-layout { align-items: center; display: flex; gap: 28px; justify-content: center; min-height: 228px; padding: 20px; }
.maiss-donut { align-items: center; border-radius: 50%; display: flex; flex: 0 0 150px; height: 150px; justify-content: center; position: relative; width: 150px; }
.maiss-donut::after { background: #fff; border-radius: 50%; content: ""; height: 82px; position: absolute; width: 82px; }
.maiss-donut > span { color: var(--maiss-navy); font-size: 27px; font-weight: 800; position: relative; z-index: 1; }
.maiss-donut-legend { display: grid; gap: 11px; min-width: 130px; }
.maiss-donut-legend > div { align-items: center; display: grid; font-size: 12px; gap: 8px; grid-template-columns: 12px 1fr auto; }
.maiss-donut-legend strong { color: var(--maiss-navy); }
.maiss-legend-dot { border-radius: 50%; height: 10px; width: 10px; }
.maiss-legend-dot--1 { background: var(--maiss-level-1); }
.maiss-legend-dot--2 { background: var(--maiss-level-2); }
.maiss-legend-dot--3 { background: var(--maiss-level-3); }
.maiss-season-bars { display: grid; gap: 10px; min-height: 228px; padding: 20px 22px; }
.maiss-season-bar { align-items: center; display: grid; gap: 10px; grid-template-columns: 62px 1fr 30px; }
.maiss-season-bar > span { color: var(--maiss-muted); font-size: 11px; font-weight: 700; }
.maiss-season-bar > div { background: #e8eef2; border-radius: 999px; height: 14px; overflow: hidden; }
.maiss-season-bar i { background: linear-gradient(90deg, var(--maiss-blue), #44a7cd); border-radius: 999px; display: block; height: 100%; min-width: 2px; }
.maiss-season-bar strong { color: var(--maiss-navy); font-size: 12px; text-align: right; }
.maiss-season-bar--total { gap: 14px; grid-template-columns: 76px 1fr 40px; }
.maiss-season-bar--total > span { font-size: 13px; }
.maiss-season-bar--total > div { height: 20px; }
.maiss-season-bar--total i { background: linear-gradient(90deg, var(--maiss-navy), var(--maiss-blue)); }
.maiss-season-bar--total strong { font-size: 15px; }
.maiss-season-bars--compact { gap: 7px; min-height: 0; padding: 16px 18px 18px; }
.maiss-season-bars--compact .maiss-season-bar { grid-template-columns: 58px 1fr 26px; }
.maiss-season-bars--compact .maiss-season-bar > div { height: 8px; }
.maiss-season-bars--compact .maiss-season-bar i { background: linear-gradient(90deg, var(--maiss-new-member), var(--maiss-new-member-light)); }
.maiss-season-bars--compact .maiss-season-bar > span,
.maiss-season-bars--compact .maiss-season-bar strong { font-size: 10px; }

.maiss-workspace { border: 1px solid var(--maiss-line); border-radius: 0 0 20px 20px; border-top: 0; display: grid; grid-template-columns: 340px minmax(0, 1fr); min-height: 640px; overflow: hidden; }
.maiss-results-panel { background: var(--maiss-soft); border-right: 1px solid var(--maiss-line); min-width: 0; }
.maiss-panel-heading { align-items: center; border-bottom: 1px solid var(--maiss-line); display: flex; justify-content: space-between; padding: 20px; }
.maiss-panel-heading h3 { color: var(--maiss-navy); font-size: 18px; margin: 0; }
.maiss-panel-heading h3 .maiss-en { font-size: 10px; }
.maiss-panel-heading span { background: var(--maiss-navy); border-radius: 999px; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 9px; }
.maiss-results { max-height: 760px; overflow-y: auto; padding: 8px; }
.maiss-result { align-items: flex-start; background: transparent; border: 0; border-radius: 10px; color: inherit; cursor: pointer; display: flex; gap: 11px; padding: 12px; text-align: left; width: 100%; }
.maiss-result + .maiss-result { border-top: 1px solid #e4ebef; }
.maiss-result:hover { background: #fff; }
.maiss-result.is-selected { background: #dceef9; box-shadow: inset 3px 0 0 var(--maiss-blue); }
.maiss-result__initials { align-items: center; background: var(--maiss-navy); border-radius: 50%; color: #fff; display: flex; flex: 0 0 40px; font-size: 12px; font-weight: 800; height: 40px; justify-content: center; }
.maiss-result__body { min-width: 0; }
.maiss-result__body strong { display: block; font-size: 14px; line-height: 1.25; }
.maiss-result__body small { color: var(--maiss-muted); display: block; font-size: 12px; margin-top: 2px; }
.maiss-result__levels { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.maiss-level-pill { background: #e8eef2; border-radius: 999px; color: #445c6d; font-size: 9px; font-weight: 700; padding: 3px 6px; }
.maiss-level-pill .maiss-en { font-size: 7px; margin-top: 1px; }
.maiss-level-pill--1 { background: #e0efff; color: #175ca9; }
.maiss-level-pill--2 { background: #fff0e8; color: #a84413; }
.maiss-level-pill--3 { background: #f2e6f6; color: #67237e; }
.maiss-no-results { color: var(--maiss-muted); font-size: 14px; padding: 22px 14px; }

.maiss-profile-panel { background: #fff; min-width: 0; padding: 34px; }
.maiss-empty-profile { align-items: center; color: var(--maiss-muted); display: flex; flex-direction: column; justify-content: center; min-height: 520px; text-align: center; }
.maiss-empty-profile__icon { border: 2px solid #a6bbc9; border-radius: 50%; display: grid; font-size: 24px; font-weight: 800; height: 54px; margin-bottom: 16px; place-items: center; width: 54px; }
.maiss-empty-profile h3 { color: var(--maiss-navy); margin: 0 0 8px; }
.maiss-empty-profile p { margin: 0; }
.maiss-profile-header { border-bottom: 1px solid var(--maiss-line); padding-bottom: 26px; }
.maiss-profile-name { min-width: 0; }
.maiss-profile-id { color: var(--maiss-blue); display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; margin-bottom: 7px; }
.maiss-profile-name h3 { color: var(--maiss-navy); font-size: clamp(25px, 3vw, 36px); line-height: 1.1; margin: 0; }
.maiss-profile-name p { color: var(--maiss-muted); font-size: 17px; margin: 5px 0 12px; }
.maiss-latest-season { background: var(--maiss-sky); border-radius: 12px; color: #1f5d82; display: inline-block; font-size: 12px; font-weight: 700; padding: 7px 11px; }
.maiss-latest-season .maiss-en { color: #527b95; font-size: 9px; }

.maiss-credentials { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 28px 0; }
.maiss-credential { border: 1px solid var(--maiss-line); border-top: 5px solid var(--maiss-navy); border-radius: 12px; padding: 18px; }
.maiss-credential--level-1 { border-top-color: var(--maiss-level-1); }
.maiss-credential--level-2 { border-top-color: var(--maiss-level-2); }
.maiss-credential--level-3 { border-top-color: var(--maiss-level-3); }
.maiss-credential__heading { align-items: center; display: flex; gap: 14px; justify-content: space-between; }
.maiss-credential__heading img { height: 55px; max-width: 92px; object-fit: contain; width: auto; }
.maiss-credential__discipline { color: var(--maiss-muted); display: block; font-size: 12px; margin-bottom: 4px; }
.maiss-credential__heading strong { color: var(--maiss-navy); font-size: 22px; }
.maiss-credential dl { border-top: 1px solid var(--maiss-line); display: grid; gap: 8px; margin: 16px 0 0; padding-top: 14px; }
.maiss-credential dl > div { display: flex; gap: 14px; justify-content: space-between; }
.maiss-credential dt { color: var(--maiss-muted); font-size: 12px; }
.maiss-credential dd { color: var(--maiss-text); font-size: 13px; font-weight: 700; margin: 0; text-align: right; }

.maiss-history { background: var(--maiss-soft); border-radius: 12px; padding: 20px; }
.maiss-history h4,
.maiss-seasons h4 { color: var(--maiss-navy); font-size: 16px; margin: 0 0 13px; }
.maiss-history ul { list-style: none; margin: 0; padding: 0; }
.maiss-history li { border-left: 3px solid var(--maiss-blue); font-size: 13px; line-height: 1.45; padding: 3px 0 10px 12px; }
.maiss-history--combined { margin-top: 20px; }
.maiss-history--combined li { align-items: start; border-left: 0; display: grid; gap: 10px; grid-template-columns: 104px 1fr; padding: 7px 0; }
.maiss-history--combined li + li { border-top: 1px solid var(--maiss-line); }
.maiss-history-badge { background: #dceef9; border-radius: 999px; color: #185d8a; display: inline-block; font-size: 10px; font-weight: 800; padding: 5px 8px; text-align: center; }
.maiss-history-item--renewal .maiss-history-badge { background: #dff3eb; color: #1d7657; }
.maiss-history-item--upgraded .maiss-history-badge { background: #f2e6f6; color: #67237e; }
.maiss-history-item--historical .maiss-history-badge { background: #fff1cc; color: #855f00; }
.maiss-history-item small { color: var(--maiss-muted); }
.maiss-history--training { margin-top: 18px; }
.maiss-muted { color: var(--maiss-muted); font-size: 13px; margin: 0; }
.maiss-licence-card { background: #fff; border: 1px solid var(--maiss-line); border-radius: 12px; margin: 0 0 20px; padding: 20px; }
.maiss-licence-card h4 { color: var(--maiss-navy); font-size: 16px; margin: 0 0 13px; }
.maiss-licence-links { display: grid; gap: 8px; margin-bottom: 16px; }
.maiss-licence-link { align-items: center; background: var(--maiss-sky); border: 1px solid #bcd8e8; border-radius: 8px; color: #155f8e; display: flex; font-size: 12px; font-weight: 700; gap: 9px; justify-content: space-between; padding: 10px 12px; text-decoration: none; }
.maiss-licence-link:hover { background: #dceef8; color: var(--maiss-navy); }
.maiss-licence-link small { color: var(--maiss-muted); font-size: 10px; font-weight: 500; }
.maiss-licence-preview { display: inline-block; max-width: 560px; width: 100%; }
.maiss-licence-preview img { border: 1px solid #c9d6df; border-radius: 8px; display: block; height: auto; max-width: 560px; width: 100%; }
.maiss-seasons { margin-top: 24px; }
.maiss-seasons > div { display: flex; flex-wrap: wrap; gap: 7px; }
.maiss-seasons span { background: var(--maiss-navy); border-radius: 999px; color: #fff; font-size: 11px; font-weight: 700; padding: 6px 10px; }

@media (max-width: 1050px) {
  .maiss-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .maiss-field--search,
  .maiss-field--person { grid-column: span 2; }
  .maiss-clear { width: 100%; }
  .maiss-visuals { grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); }
}

@media (max-width: 860px) {
  .maiss-hero { padding: 34px 26px; }
  .maiss-hero__mark { display: none; }
  .maiss-organizations { align-items: flex-start; flex-direction: column; }
  .maiss-organizations__logos { justify-content: flex-start; }
  .maiss-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .maiss-field--search,
  .maiss-field--person { grid-column: span 2; }
  .maiss-workspace { display: block; }
  .maiss-results-panel { border-bottom: 1px solid var(--maiss-line); border-right: 0; }
  .maiss-results { max-height: 430px; }
  .maiss-profile-panel { padding: 26px; }
  .maiss-visuals { grid-template-columns: 1fr; }
  .maiss-visual-card--levels { grid-column: auto; }
}

@media (max-width: 560px) {
  .maiss-dashboard { margin: 12px auto; }
  .maiss-hero { border-radius: 14px 14px 0 0; min-height: 0; padding: 28px 20px; }
  .maiss-eyebrow { font-size: 10px; }
  .maiss-hero p:last-child { font-size: 14px; }
  .maiss-organizations { padding: 16px 18px; }
  .maiss-organizations__logos { gap: 14px; }
  .maiss-organizations__logos img { height: 42px; max-width: 80px; }
  .maiss-controls { display: flex; flex-direction: column; padding: 20px 18px; }
  .maiss-field { width: 100%; }
  .maiss-stats { grid-template-columns: repeat(2, 1fr); padding: 16px 18px; }
  .maiss-visuals { padding: 0 18px 18px; }
  .maiss-donut-layout { align-items: center; flex-direction: column; }
  .maiss-profile-header { align-items: flex-start; flex-direction: column; }
  .maiss-credentials,
  .maiss-history-grid { grid-template-columns: 1fr; }
  .maiss-history--combined li { grid-template-columns: 1fr; }
  .maiss-workspace { border-radius: 0 0 14px 14px; }
}