:root{font-family:system-ui,sans-serif;color:#17202a;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:.8rem;background:#123b68;color:white;padding:1rem}header img{max-height:48px;max-width:120px}main{max-width:62rem;margin:auto;padding:1rem}h1{font-size:1.7rem}section{padding:1.4rem 0;border-top:2px solid #dbe3eb}article,main>form,details{background:white;border:1px solid #dbe3eb;border-radius:.7rem;padding:1rem;margin:1rem 0;box-shadow:0 2px 8px #123b6812}article>form,td form{background:transparent;box-shadow:none;border:0;padding:0;margin:.5rem 0}details>summary{font-size:1.05rem;font-weight:750;cursor:pointer;min-height:44px;padding:.5rem}details form{box-shadow:none;border:0;padding:.5rem;margin:.5rem 0}fieldset{border:1px solid #c5d0da;border-radius:.5rem;margin:1rem 0;padding:1rem}legend{font-weight:750;padding:0 .35rem}label{display:block;font-weight:650;margin:.8rem 0}input,select,textarea,button,.button{width:100%;min-height:46px;margin-top:.3rem;padding:.7rem .85rem;font:inherit;border:2px solid #657789;border-radius:.45rem}label.check{display:flex;align-items:center;gap:.65rem;font-weight:500}.check input{width:1.4rem;min-height:1.4rem;margin:0}.admin-nav{display:flex;gap:.5rem;overflow-x:auto;position:sticky;top:0;background:#f5f7fa;padding:.75rem 0;z-index:2}.admin-nav a{white-space:nowrap;background:white;border:1px solid #b8c5d1;border-radius:2rem;padding:.65rem .9rem;text-decoration:none;color:#123b68}.admin-nav .logout-form{display:inline-flex;background:transparent;box-shadow:none;border:0;padding:0;margin:0}.admin-nav .logout-form button{white-space:nowrap;margin:0;min-width:auto}.admin-row{display:grid;gap:.6rem;align-items:center}.admin-row form{margin:0}.status{font-weight:750;color:#85200c}.status.open{color:#176b35}.table-wrap{overflow-x:auto}.privacy-summary{background:#eaf3fb;border-left:5px solid #075ca8;border-radius:.4rem;padding:1rem;margin:1rem 0}.privacy-summary p{margin:.5rem 0}.privacy-notice{line-height:1.55}.privacy-notice h2{margin-top:1.6rem}.privacy-notice li{margin:.35rem 0}button,.button{display:inline-block;background:#075ca8;color:white;border:2px solid transparent;text-align:center;font-weight:750;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}button:active,.button:active{transform:translateY(1px)}.secondary{background:#425b70}.danger{background:#a51d2d}.danger-outline{background:white;color:#8c1725;border-color:#a51d2d}.error-card,.confirm-card,.auth-card{max-width:36rem;margin:3rem auto;padding:1.5rem;text-align:center}.auth-card form{text-align:left}.confirm-card{border-top:6px solid #a51d2d;text-align:left}.warning-badge,.step-badge{display:inline-block;color:#85200c;background:#fde8e8;border-radius:2rem;padding:.35rem .75rem;font-weight:800}.step-badge{color:#075ca8;background:#eaf3fb}.otp-input{font-size:1.6rem;font-weight:800;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.error-illustration{display:block;width:min(100%,28rem);height:auto;margin:0 auto 1rem}.validity{background:#f7fafc}.validity-grid{display:grid;gap:1rem}.validity-grid>div{background:white;border:1px solid #d6dfe7;border-radius:.5rem;padding:1rem}.user-card{padding:1rem 1.1rem}.user-heading{display:grid;gap:.75rem}.user-heading h3{margin:.2rem 0}.user-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.user-actions form{margin:0}.user-actions button,.user-actions .button{margin:0}.badge{display:inline-block;border-radius:2rem;background:#e8eef4;color:#334b60;padding:.25rem .6rem;font-size:.82rem;font-weight:750}.badge-ok{background:#e2f4e8;color:#176b35}.badge-off{background:#edf0f2;color:#53606b}.badge-warn{background:#fff2d5;color:#744d00}.subtle-details{box-shadow:none;background:#f8fafc;margin:.8rem 0 0}:focus-visible{outline:4px solid #ffbf47;outline-offset:2px}.small{font-size:.9rem;color:#4b5d6c}.code{display:block;font:700 1.25rem monospace;letter-spacing:.1em;background:white;padding:1rem;overflow-wrap:anywhere}.qr{display:block;max-width:256px;width:100%;height:auto;margin:1rem auto}table{width:100%;border-collapse:collapse;overflow-wrap:anywhere}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #ccd}@media(min-width:700px){button,.button{width:auto;min-width:10rem}.admin-row{grid-template-columns:1fr auto auto auto}.validity-grid{grid-template-columns:1fr 1fr}.user-heading{grid-template-columns:1fr auto;align-items:start}}.admin-page button,.admin-page .button{min-height:36px;padding:.4rem .6rem;font-size:.86rem}.admin-toolbar{display:flex;align-items:flex-start;gap:.45rem;position:sticky;top:0;z-index:3;margin:.75rem 0;padding:.4rem;background:#f5f7fa;border:1px solid #c5d0da;border-radius:.7rem;box-shadow:0 3px 8px #123b6818}.admin-toolbar .admin-back{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:5.25rem;min-height:40px;margin:0}.admin-menu{position:static;flex:1 1 auto;min-width:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.admin-menu>summary{display:flex;align-items:center;gap:.55rem;min-height:40px;padding:.5rem .7rem;color:white;background:#425b70;border-radius:.4rem;list-style:none;font-weight:750}.admin-menu>summary::-webkit-details-marker{display:none}.admin-menu>summary::after{content:"Rozbalit ▾";margin-left:auto;font-size:.78rem;font-weight:650}.admin-menu[open]>summary::after{content:"Sbalit ▴"}.admin-nav{display:grid;grid-template-columns:1fr;gap:.35rem;overflow:visible;position:static;padding:.45rem 0 0;background:transparent;border:0;box-shadow:none}.admin-nav .nav-button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:36px;margin:0;white-space:nowrap;border-radius:.4rem;padding:.45rem .65rem;font-size:.84rem;line-height:1.1}.admin-nav a.nav-button{background:#425b70;color:white;border:2px solid transparent}.admin-nav .logout-form{display:block;width:100%;margin:0;padding:0}.admin-nav .logout-form .nav-button{width:100%;min-width:0;margin:0}@media(min-width:700px){.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.severity-info{background:#e2f4e8;color:#176b35}.severity-warning{background:#fff2d5;color:#744d00}.severity-critical{background:#fde8e8;color:#85200c}.admin-auth-page button,.admin-auth-page .button{min-height:36px;padding:.4rem .6rem;font-size:.86rem}button:disabled{background:#d8dee4;color:#53606b;cursor:not-allowed;opacity:.85;transform:none}.form-error{border-left:5px solid #a51d2d;background:#fde8e8;color:#68111c;border-radius:.4rem;padding:.8rem 1rem;font-weight:750}
:root {
  --admin-ink: #172536;
  --admin-muted: #607184;
  --admin-line: #dbe3eb;
  --admin-soft: #f7f9fc;
  --admin-navy: #153b63;
  --admin-blue: #0969b5;
  line-height: 1.5;
}

body > header {
  min-height: 64px;
  padding: .65rem max(1rem, calc((100vw - 96rem) / 2));
  background: linear-gradient(105deg, #102f50, #174d7e);
  box-shadow: 0 2px 12px #102f5030;
}
body > header img { max-height: 42px; }
body > header strong { font-size: 1.05rem; letter-spacing: .01em; }

.admin-page {
  color: var(--admin-ink);
  font-size: .95rem;
}
.admin-page > h1 {
  margin: .8rem 0 .25rem;
  font-size: clamp(1.55rem, 3vw, 2rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.admin-page h2 {
  margin: 0 0 .35rem;
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -.012em;
}
.admin-page h3 { font-size: 1.05rem; }
.admin-page p { margin: .5rem 0 .85rem; }
.admin-page > p { color: #42566a; }

.admin-page section {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--admin-line);
  border-radius: .75rem;
  background: #fff;
  box-shadow: 0 3px 14px #173b6210;
  scroll-margin-top: 1rem;
}
.admin-page article,
.admin-page details {
  border-color: var(--admin-line);
  border-radius: .62rem;
  box-shadow: 0 1px 4px #173b620d;
}
.admin-page section > article,
.admin-page section > details {
  background: var(--admin-soft);
}
.admin-page details {
  margin: .7rem 0;
  padding: .3rem .7rem;
}
.admin-page details > summary {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: .45rem .2rem;
  color: #243a50;
  font-size: .94rem;
  font-weight: 720;
}
.admin-page details[open] > summary {
  margin-bottom: .35rem;
  border-bottom: 1px solid var(--admin-line);
}
.admin-page label {
  margin: .55rem 0;
  color: #30475d;
  font-size: .88rem;
  font-weight: 680;
}
.admin-page input,
.admin-page select,
.admin-page textarea,
.admin-page button,
.admin-page .button {
  min-height: 38px;
  margin-top: .2rem;
  padding: .48rem .68rem;
  border-width: 1px;
  border-radius: .4rem;
  font-size: .88rem;
}
.admin-page input,
.admin-page select,
.admin-page textarea {
  border-color: #9aaaba;
  background: #fff;
  color: var(--admin-ink);
}
.admin-page textarea { min-height: 7rem; resize: vertical; }
.admin-page input:hover,
.admin-page select:hover,
.admin-page textarea:hover { border-color: #667d92; }
.admin-page input:focus,
.admin-page select:focus,
.admin-page textarea:focus {
  border-color: var(--admin-blue);
  outline: 3px solid #1185db2b;
}
.admin-page button,
.admin-page .button {
  width: auto;
  min-width: 0;
  font-weight: 720;
  line-height: 1.25;
}
.admin-page button:hover,
.admin-page .button:hover { filter: brightness(.94); }
.admin-page fieldset {
  margin: .75rem 0;
  padding: .75rem;
  border-color: var(--admin-line);
  background: #fbfcfe;
}
.admin-page legend { font-size: .9rem; }
.admin-page .check {
  display: inline-flex;
  margin: .35rem .9rem .35rem 0;
  font-size: .88rem;
}
.admin-page .check input {
  width: 1.15rem;
  min-height: 1.15rem;
}
.admin-page .small { font-size: .82rem; line-height: 1.45; }
.admin-page .badge,
.admin-page .status {
  font-size: .75rem;
  letter-spacing: .02em;
}

.admin-page .admin-row {
  grid-template-columns: minmax(9rem, 1fr);
  gap: .55rem;
  margin: .55rem 0;
  padding: .75rem .85rem;
  background: #fff;
}
.admin-page .admin-row form,
.admin-page td form { margin: 0; }

.admin-page .table-wrap {
  margin: .75rem 0;
  border: 1px solid var(--admin-line);
  border-radius: .6rem;
  background: #fff;
  box-shadow: 0 2px 8px #173b620d;
}
.admin-page table {
  font-size: .84rem;
  overflow-wrap: normal;
}
.admin-page th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: .58rem .65rem;
  background: #edf3f8;
  color: #314a62;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .035em;
  white-space: nowrap;
}
.admin-page td { padding: .55rem .65rem; border-color: #e4e9ef; vertical-align: top; }
.admin-page tr:nth-child(even) td { background: #fafbfd; }
.admin-page tr:hover td { background: #f1f6fa; }

.admin-toolbar {
  display: flex;
  align-items: stretch;
  gap: .4rem;
  position: sticky;
  top: .5rem;
  z-index: 20;
  margin: 0 0 1rem;
  padding: .4rem;
  border: 1px solid #cbd6e0;
  border-radius: .65rem;
  background: #eef3f7f2;
  box-shadow: 0 5px 16px #173b6224;
  backdrop-filter: blur(8px);
}
.admin-toolbar .admin-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 4.8rem;
  min-height: 40px;
  margin: 0;
  background: #fff;
  color: var(--admin-navy);
  border: 1px solid #b8c7d4;
}
.admin-toolbar .admin-menu {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-toolbar .admin-menu > summary {
  min-height: 40px;
  margin: 0;
  padding: .55rem .7rem;
  border: 0;
  border-radius: .4rem;
  background: var(--admin-navy);
  color: #fff;
  font-size: .88rem;
}
.admin-toolbar .admin-menu > summary::after {
  content: "Rozbalit  ▾";
  margin-left: auto;
  font-size: .72rem;
  opacity: .85;
}
.admin-toolbar .admin-menu[open] > summary::after { content: "Sbalit  ▴"; }
.admin-toolbar .admin-menu:not([open]) > .admin-nav { display: none; }
.admin-toolbar .admin-nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: .18rem;
  position: static;
  overflow: visible;
  padding: .45rem 0 0;
  background: transparent;
}
.admin-toolbar .nav-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding: .45rem .62rem;
  border: 0;
  border-radius: .35rem;
  background: transparent;
  color: #284158;
  font-size: .82rem;
  font-weight: 620;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  white-space: normal;
}
.admin-toolbar a.nav-button:hover { background: #dfe9f1; color: #0c4778; }
.admin-toolbar .nav-home { background: #dbe9f5; color: #0d4f84; font-weight: 760; }
.admin-toolbar .nav-group-label {
  display: block;
  margin: .35rem .6rem .12rem;
  color: #6a7d8f;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.admin-toolbar .logout-form { width: 100%; margin: .4rem 0 0; padding: .4rem 0 0; border-top: 1px solid #cad5df; }
.admin-toolbar .nav-logout { color: #8c1725; font-weight: 720; }
.admin-toolbar .nav-logout:hover { background: #fdebed; }

.admin-page .validity-grid > div { padding: .75rem; }
.admin-page .user-card { padding: .85rem 1rem; }
.admin-page .user-actions { gap: .4rem; }
.admin-page .confirm-card,
.admin-page .auth-card {
  width: 100%;
  max-width: 44rem;
  margin: 1rem auto;
  padding: 1.35rem;
}

@media (min-width: 700px) {
  .admin-page .admin-row { grid-template-columns: minmax(12rem, 1fr) auto auto auto; }
  .admin-page .user-heading { grid-template-columns: minmax(0, 1fr) auto; }
  .admin-page details > form:not(.logout-form),
  .admin-page > form,
  .admin-page section > form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
    align-items: end;
  }
  .admin-page form > input[type="hidden"] { display: none; }
  .admin-page form > fieldset,
  .admin-page form > h2,
  .admin-page form > p,
  .admin-page form > .form-error,
  .admin-page form > label:has(textarea) { grid-column: 1 / -1; }
  .admin-page form > button { justify-self: start; }
}

@media (min-width: 1024px) {
  .admin-page {
    width: calc(100vw - 2.5rem);
    max-width: 96rem;
    position: relative;
    left: calc((100% - min(100vw - 2.5rem, 96rem)) / 2);
    padding-left: 17.1rem;
  }
  .admin-page > .admin-toolbar {
    display: block;
    position: fixed;
    top: 80px;
    left: max(1.25rem, calc((100vw - 96rem) / 2));
    width: 15.5rem;
    max-height: calc(100vh - 96px);
    margin: 0;
    padding: .7rem;
    overflow-y: auto;
    border: 0;
    border-radius: .8rem;
    background: #f0f4f8;
    box-shadow: 0 5px 20px #173b621a;
    backdrop-filter: none;
  }
  .admin-toolbar .admin-back {
    width: 100%;
    min-height: 36px;
    margin: 0 0 .55rem;
  }
  .admin-toolbar .admin-menu > summary { display: none; }
  .admin-toolbar .admin-menu:not([open]) > .admin-nav,
  .admin-toolbar .admin-nav {
    display: grid;
    padding: 0;
  }
  .admin-toolbar .nav-button { min-height: 34px; padding: .42rem .65rem; }
  .admin-page > h1 { margin-top: .8rem; }
  .admin-page section { padding: 1.2rem 1.3rem; }
  .admin-page .confirm-card,
  .admin-page .auth-card { margin-left: 0; }
}

@media (max-width: 699px) {
  .admin-page section { padding: .85rem; }
  .admin-page .table-wrap { margin-left: -.85rem; margin-right: -.85rem; border-radius: 0; }
  .admin-page .admin-row .status,
  .admin-page .admin-row .badge { justify-self: start; }
  .admin-page .admin-row form,
  .admin-page .admin-row button { width: 100%; }
}