.auth-shell{min-height:100vh;display:grid;place-content:center;gap:22px;padding:30px;background:radial-gradient(circle at 50% 15%,#e6eee9 0,#f4f6f4 50%)}.auth-brand{text-align:center;color:#173d32;font-size:23px;font-weight:800}.auth-brand span{font-weight:400;color:#5c756b}.auth-card{width:min(420px,calc(100vw - 32px));padding:30px;background:#fff;border:1px solid #d4ddd8;border-radius:15px;box-shadow:0 24px 70px #173d321b}.auth-card>p{color:#68756f;line-height:1.5}.auth-card form{display:grid;gap:15px;margin:22px 0}.auth-card label,.user-form-body>label{font-size:12px;color:#596861;font-weight:700}.auth-card input,.user-form-body>label input{display:block;width:100%;margin-top:7px}.auth-card small{display:block;text-align:center;color:#718079}.auth-error{background:#fff0ed;color:#8f332b;border:1px solid #eccac4;border-radius:8px;padding:10px 12px;font-size:13px}.text-button{display:block;border:0;margin:0 auto;color:#286854}#enrolment{text-align:center}#totp-qr{display:block;width:200px;height:200px;margin:15px auto;border:1px solid #dce3df;border-radius:10px}#totp-secret{display:block;word-break:break-all;background:#f2f5f3;padding:10px;margin-top:8px;border-radius:7px}.header-icon{border:0;background:transparent;color:#d2e0da;font-size:21px;padding:5px}.avatar{border:0;padding:0}.settings-heading{display:flex;align-items:center;gap:8px;margin-bottom:22px}.settings-heading>div{margin-right:auto}.settings-note{background:#eef5f1;color:#425a50;border:1px solid #d5e4dd;border-radius:9px;padding:13px 15px;margin-bottom:14px}.settings-table{border-radius:11px}.access-tags{display:flex;gap:5px;flex-wrap:wrap}.access-tag{background:#e8f0ec;color:#315e4e;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700}.access-none{color:#849089}.twofa-on{color:#277052;font-weight:700}.twofa-pending{color:#936c20;font-weight:700}.user-form-body{display:grid;gap:15px;padding:20px 24px}.check-line{display:flex!important;align-items:center;gap:9px;font-size:13px!important}.check-line input{width:17px!important;height:17px;margin:0!important}fieldset{display:flex;gap:18px;border:1px solid #dce3df;border-radius:9px;padding:12px 15px}legend{font-size:12px;font-weight:700;color:#596861;padding:0 5px}#user-dialog{width:min(520px,calc(100% - 32px))}@media(max-width:700px){.auth-shell{padding:16px}.auth-card{padding:24px}.settings-heading{flex-wrap:wrap}.settings-heading #new-user{width:100%}}

.header-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #dceae4;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.header-icon:hover {
  border-color: #477166;
  background: #285448;
  color: #fff;
}

.header-icon:focus-visible {
  outline: 2px solid #b8d8cd;
  outline-offset: 2px;
}

.header-icon svg {
  display: block;
  width: 26px;
  height: 26px;
}