/* Administration shares the forum's compact typography and translucent surfaces. */
body.admin-dashboard.recon-admin {
  background:#0c0911!important;
  color:#eee8f4!important;
  font-family:Inter,Arial,sans-serif!important;
  --line:#ffffff10;
  --muted:#aea2ba
}

body.admin-dashboard.recon-admin #app {
  min-height:100vh;
  background:radial-gradient(ellipse at 90% 20%,#7c1da010,transparent 50%)!important
}

body.admin-dashboard.recon-admin #app>header {
  display:flex!important;
  justify-content:space-between!important;
  position:relative!important;
  inset:auto!important;
  height:70px!important;
  min-height:70px!important;
  padding:0 max(24px,calc((100vw - 1280px)/2))!important;
  background:#100c15f2!important;
  border-bottom:1px solid #ffffff0b!important;
  box-shadow:none!important;
  gap:20px!important
}

body.admin-dashboard.recon-admin #app .wordmark {
  font-size:13px!important;
  letter-spacing:0!important;
  white-space:nowrap
}

body.admin-dashboard.recon-admin #app .wordmark img {
  width:42px!important;
  height:42px!important;
  object-fit:contain
}

body.admin-dashboard.recon-admin #app .wordmark small {
  font-size:9px!important;
  letter-spacing:.16em!important;
  color:#aa98bc!important
}

body.admin-dashboard.recon-admin #app .admin-topnav,body.admin-dashboard.recon-admin #app>.dashboard-menu {
  display:none!important
}

body.admin-dashboard.recon-admin #app .account {
  font-size:11px!important;
  gap:13px!important
}

body.admin-dashboard.recon-admin #app .admin-top-search {
  display:flex!important;
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:11px!important
}

body.admin-dashboard.recon-admin #app .admin-top-search kbd {
  font-size:9px!important
}

body.admin-dashboard.recon-admin #app .layout {
  display:block!important;
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
  min-height:0!important;
  background:transparent!important
}

body.admin-dashboard.recon-admin #app main.content {
  max-width:none!important;
  margin:0!important;
  padding:28px 0 60px!important;
  background:transparent!important;
  min-width:0!important
}

body.admin-dashboard.recon-admin #app aside#dashboard-nav {
  display:none!important;
  position:fixed!important;
  z-index:200!important;
  top:82px!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(370px,calc(100vw - 48px))!important;
  max-height:calc(100svh - 106px)!important;
  height:auto!important;
  overflow:auto!important;
  background:#17121ff7!important;
  backdrop-filter:blur(20px);
  border:1px solid #a64ed33d!important;
  box-shadow:0 20px 80px #0009!important;
  border-radius:10px!important;
  padding:18px!important
}

body.admin-dashboard.recon-admin #app aside#dashboard-nav.is-open {
  display:block!important
}

body.admin-dashboard.recon-admin #app aside .aside-foot,body.admin-dashboard.recon-admin #app aside .aside-links {
  display:none!important
}

body.admin-dashboard.recon-admin #app .af-search-close {
  width:100%;
  margin-bottom:12px!important
}

body.admin-dashboard.recon-admin #app .af-banner {
  text-align:center;
  padding:34px 24px 28px!important;
  background:linear-gradient(#100b17a8,#100b17d9),url('/assets/css-city-20261012.png') center 44%/cover!important;
  border-bottom:1px solid #ffffff08;
  position:relative
}

body.admin-dashboard.recon-admin #app .af-banner h1 {
  font-size:29px!important;
  line-height:1.25!important;
  font-weight:570!important;
  letter-spacing:-.035em!important;
  margin:12px 0!important;
  text-transform:none!important
}

body.admin-dashboard.recon-admin #app .af-banner>p:not(.eyebrow) {
  font-size:12px!important;
  color:#b8abc6!important;
  line-height:1.7!important;
  margin:0 auto 15px!important
}

body.admin-dashboard.recon-admin #app .af-banner .eyebrow {
  font-size:9px!important;
  letter-spacing:.19em!important;
  color:#cb79ee!important
}

body.admin-dashboard.recon-admin #app .af-access-badge {
  font-size:10px;
  background:#1b1225b8;
  border:1px solid #b66de428;
  padding:6px 10px;
  border-radius:4px;
  color:#d2badf
}

body.admin-dashboard.recon-admin #app .af-public-links {
  margin-top:19px;
  display:flex;
  justify-content:center;
  gap:22px;
  font-size:11px;
  color:#c4b3d2
}

body.admin-dashboard.recon-admin #app .af-categories {
  display:flex!important;
  justify-content:center;
  gap:3px;
  padding:0 24px!important;
  overflow:auto;
  background:#110c17d9;
  border-bottom:1px solid #ffffff0c;
  scrollbar-width:thin
}

body.admin-dashboard.recon-admin #app .af-categories>button {
  flex:none;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  min-height:53px!important;
  font-size:11px!important;
  padding:0 16px!important;
  color:#b4a8c1!important;
  border-bottom:2px solid transparent!important
}

body.admin-dashboard.recon-admin #app .af-categories>button.is-active {
  color:#de77ff!important;
  border-bottom-color:#b721ed!important;
  background:#a834d409!important
}

body.admin-dashboard.recon-admin #app .af-subcategories {
  width:min(1280px,calc(100% - 48px));
  margin:18px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:7px
}

body.admin-dashboard.recon-admin #app .af-subcategories>button {
  padding:8px 12px!important;
  min-height:33px!important;
  font-size:11px!important;
  border-radius:5px!important;
  background:#17111f!important;
  border:1px solid #ffffff0c!important;
  color:#bcaec9!important
}

body.admin-dashboard.recon-admin #app .af-subcategories>button.is-active {
  color:#e5c3f7!important;
  background:#792b9830!important;
  border-color:#b05cda52!important
}

body.admin-dashboard.recon-admin #app .af-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  font-size:10px;
  color:#95869f;
  margin:0 0 24px
}

body.admin-dashboard.recon-admin #app .af-breadcrumb>button {
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#c1a5d2!important;
  min-height:0!important;
  font-size:10px!important
}

body.admin-dashboard.recon-admin #app .pagehead {
  margin:0 0 24px!important;
  align-items:center!important
}

body.admin-dashboard.recon-admin #app .admin-breadcrumb {
  display:none!important
}

body.admin-dashboard.recon-admin[data-admin-view=overview] #app .pagehead {
  display:none!important
}

body.admin-dashboard.recon-admin #app .pagehead h1 {
  font-size:25px!important;
  font-weight:550!important;
  letter-spacing:-.025em!important;
  line-height:1.3!important;
  text-transform:none!important
}

body.admin-dashboard.recon-admin #app .pagehead p {
  font-size:12px!important;
  line-height:1.75!important;
  color:#a99bb8!important
}

body.admin-dashboard.recon-admin #app .pagehead .eyebrow {
  font-size:9px!important;
  letter-spacing:.14em!important
}

body.admin-dashboard.recon-admin #app .card {
  background:#18121fdb!important;
  border:1px solid #ffffff0c!important;
  border-radius:7px!important;
  padding:23px!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)
}

body.admin-dashboard.recon-admin #app .card h2 {
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:550!important;
  letter-spacing:-.02em!important
}

body.admin-dashboard.recon-admin #app h3 {
  font-size:14px!important;
  font-weight:550!important;
  line-height:1.5!important
}

body.admin-dashboard.recon-admin #app p,body.admin-dashboard.recon-admin #app label,body.admin-dashboard.recon-admin #app td,body.admin-dashboard.recon-admin #app select,body.admin-dashboard.recon-admin #app textarea,body.admin-dashboard.recon-admin #app input {
  font-size:12px!important;
  line-height:1.7!important
}

body.admin-dashboard.recon-admin #app :is(input,select,textarea) {
  background:#100c16!important;
  border:1px solid #ffffff14!important;
  border-radius:5px!important;
  color:#e9def3!important;
  min-height:36px!important
}

body.admin-dashboard.recon-admin #app input[type=checkbox] {
  min-height:16px!important;
  accent-color:#af21eb;
  width:16px;
  height:16px
}

body.admin-dashboard.recon-admin #app button {
  font-size:11px!important;
  font-weight:500!important;
  min-height:33px!important;
  border-radius:5px!important;
  padding:8px 12px!important;
  background:#20162d!important;
  border:1px solid #ffffff10!important;
  transition:background .18s,border-color .18s,transform .18s!important;
  color:#e6d9ef!important
}

body.admin-dashboard.recon-admin #app button:hover {
  background:#2b1b3b!important;
  border-color:#9d4cc652!important
}

body.admin-dashboard.recon-admin #app button.primary {
  background:linear-gradient(115deg,#a914df,#bb27ec)!important;
  border-color:#c641f04f!important;
  color:#fff!important;
  box-shadow:0 4px 20px #9b1dcc18!important
}

body.admin-dashboard.recon-admin #app button:disabled {
  opacity:.45!important;
  cursor:not-allowed!important
}

body.admin-dashboard.recon-admin #app :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid #c46bf0!important;
  outline-offset:3px
}

body.admin-dashboard.recon-admin #app .section {
  margin-top:20px!important
}

body.admin-dashboard.recon-admin #app .feature {
  background:transparent!important;
  border-bottom:1px solid #ffffff0c!important;
  padding:19px 0!important
}

body.admin-dashboard.recon-admin #app .feature-card {
  background:#191220!important;
  border:1px solid #ffffff0d!important;
  border-radius:6px!important;
  padding:20px!important
}

body.admin-dashboard.recon-admin #app .af-status-strip {
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  border:1px solid #ffffff0a;
  border-radius:5px;
  background:#18121b;
  padding:13px 17px;
  font-size:11px;
  color:#b9a8c8
}

body.admin-dashboard.recon-admin #app .af-status-strip i {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#bd5365;
  margin-right:7px
}

body.admin-dashboard.recon-admin #app .af-status-strip i.af-online {
  background:#56bd99
}

body.admin-dashboard.recon-admin #app .af-intro {
  margin:30px 0 25px
}

body.admin-dashboard.recon-admin #app .af-intro h2 {
  font-size:23px!important;
  font-weight:550!important;
  margin:10px 0;
  letter-spacing:-.03em
}

body.admin-dashboard.recon-admin #app .af-intro p {
  max-width:76ch;
  color:#b6a6c5
}

body.admin-dashboard.recon-admin #app .af-groups {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start
}

body.admin-dashboard.recon-admin #app .af-group {
  border:1px solid #ffffff0c;
  border-radius:6px;
  background:#17111f;
  overflow:hidden
}

body.admin-dashboard.recon-admin #app .af-group>summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:19px 21px;
  background:#21172b;
  cursor:pointer;
  list-style:none
}

body.admin-dashboard.recon-admin #app .af-group>summary::-webkit-details-marker {
  display:none
}

body.admin-dashboard.recon-admin #app .af-group>summary strong {
  font-size:14px;
  font-weight:550;
  display:block
}

body.admin-dashboard.recon-admin #app .af-group>summary small {
  font-size:10px;
  color:#af9fbd;
  display:block;
  line-height:1.7;
  margin-top:4px
}

body.admin-dashboard.recon-admin #app .af-group-count {
  font-size:9px;
  color:#bc9ed0;
  white-space:nowrap
}

body.admin-dashboard.recon-admin #app button.af-forum-row {
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  padding:17px 20px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #ffffff08!important;
  border-radius:0!important;
  text-align:left
}

body.admin-dashboard.recon-admin #app button.af-forum-row>span:nth-child(2) {
  flex:1;
  min-width:0
}

body.admin-dashboard.recon-admin #app .af-forum-row strong {
  font-size:12px;
  font-weight:500;
  display:block
}

body.admin-dashboard.recon-admin #app .af-forum-row small {
  font-size:9px;
  color:#a393b4;
  display:block;
  margin-top:3px
}

body.admin-dashboard.recon-admin #app .af-folder {
  display:grid;
  place-items:center;
  flex:0 0 31px;
  height:31px;
  border-radius:5px;
  background:#31203e;
  color:#c98be8
}

body.admin-dashboard.recon-admin #app .footerline {
  font-size:10px!important;
  color:#7e708a!important;
  border-top:1px solid #ffffff09!important;
  padding-top:22px!important
}

body.admin-dashboard.recon-admin #app .af-denied {
  max-width:740px;
  padding:30px!important
}

@media(max-width:1000px) {
  body.admin-dashboard.recon-admin #app .af-categories {
    justify-content:flex-start!important
  }

  body.admin-dashboard.recon-admin #app .af-groups {
    grid-template-columns:1fr
  }

  body.admin-dashboard.recon-admin #app .account .visit-site {
    display:none!important
  }

}

@media(max-width:600px) {
  body.admin-dashboard.recon-admin #app>header {
    padding:0 16px!important
  }

  body.admin-dashboard.recon-admin #app .layout,body.admin-dashboard.recon-admin #app .af-subcategories {
    width:calc(100% - 32px)!important
  }

  body.admin-dashboard.recon-admin #app .af-banner {
    padding:31px 16px 28px!important
  }

  body.admin-dashboard.recon-admin #app .af-banner h1 {
    font-size:25px!important
  }

  body.admin-dashboard.recon-admin #app .account>span,body.admin-dashboard.recon-admin #app .admin-top-search span,body.admin-dashboard.recon-admin #app .admin-top-search kbd {
    display:none!important
  }

  body.admin-dashboard.recon-admin #app .af-categories {
    padding:0 10px!important
  }

  body.admin-dashboard.recon-admin #app .af-categories>button {
    padding:0 12px!important;
    font-size:10px!important
  }

  body.admin-dashboard.recon-admin #app main.content {
    padding-top:22px!important
  }

  body.admin-dashboard.recon-admin #app .card {
    padding:19px!important
  }

  body.admin-dashboard.recon-admin #app .af-group-count {
    font-size:8px
  }

  body.admin-dashboard.recon-admin #app .af-status-strip {
    gap:9px 18px
  }

}

@media(prefers-reduced-motion:reduce) {
  body.admin-dashboard.recon-admin #app * {
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important
  }

}