:root{
  --bg:#f4f7fe;
  --bg-soft:#f8faff;
  --surface:#ffffff;
  --surface-soft:#f8faff;
  --surface-tint:#eef3ff;
  --border:#e6ebf5;
  --border-strong:#d7deef;
  --text:#17233f;
  --muted:#697694;
  --muted-strong:#52607e;
  --blue:#2b5cff;
  --blue-dark:#1947db;
  --blue-soft:#edf2ff;
  --purple:#8665ff;
  --purple-soft:#f1ebff;
  --green:#20b25f;
  --green-soft:#eafaf1;
  --orange:#f4a12e;
  --orange-soft:#fff6e8;
  --red:#ef5a79;
  --red-soft:#fff1f5;
  --radius-xl:26px;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:10px;
  --shadow:0 18px 40px rgba(51,75,140,.08);
  --shadow-soft:0 12px 24px rgba(50,70,130,.05);
  --sidebar-width:170px;
  --content-gap:24px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
[hidden]{display:none !important}
body{
  font-family:"Plus Jakarta Sans","Aptos","Segoe UI",sans-serif;
  background:linear-gradient(180deg,#fbfcff 0%,var(--bg) 44%,#f7f9ff 100%);
  color:var(--text);
}
body.ukc-body,
body.ukc-body .ukc-shell,
body.ukc-body .ukc-main,
body.ukc-body .ukc-content,
body.age-gate-page{
  opacity:1 !important;
  filter:none !important;
}
body.ukc-body::before,
body.ukc-body::after,
body.age-gate-page::before,
body.age-gate-page::after,
body.ukc-body .ukc-shell::before,
body.ukc-body .ukc-shell::after,
body.ukc-body .ukc-main::before,
body.ukc-body .ukc-main::after,
body.ukc-body .ukc-content::before,
body.ukc-body .ukc-content::after,
body.ukc-body .page-shell::before,
body.ukc-body .page-shell::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:transparent !important;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
input,select,textarea{
  width:100%;
  min-height:44px;
  padding:11px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
input:focus,select:focus,textarea:focus{
  border-color:#9eb4ff;
  box-shadow:0 0 0 4px rgba(43,92,255,.12);
}
input::placeholder,textarea::placeholder{color:#97a3be}
textarea{min-height:120px;resize:vertical}
input[type="checkbox"],input[type="radio"]{
  width:auto;
  min-height:0;
  padding:0;
  accent-color:var(--blue);
  box-shadow:none;
}

h1,h2,h3,h4{margin:0;color:#17233f;letter-spacing:-.03em}
h1{font-size:clamp(2rem,3vw,3.15rem);line-height:1.02}
h2{font-size:1.52rem;line-height:1.12}
h3{font-size:1.12rem;line-height:1.2}
p{margin:0;color:var(--muted);line-height:1.6}
strong{color:var(--text)}
.accent{color:#3358d8}

.ukc-body{min-height:100vh}
.ukc-shell{
  display:grid;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr);
  min-height:100vh;
}
.ukc-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  padding:18px 14px 18px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border-right:1px solid var(--border);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ukc-sidebar::-webkit-scrollbar{width:8px}
.ukc-sidebar::-webkit-scrollbar-thumb{background:#c5cde0;border-radius:999px}
.ukc-brand-row{padding:4px 6px 6px}
.ukc-brand-link{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#1c2744;
}
.ukc-brand-badge{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),#4a8bff);
  color:#fff;
  box-shadow:0 10px 24px rgba(43,92,255,.25);
  font-size:12px;
}
.ukc-brand-wordmark{font-size:1.05rem}
.ukc-site-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
  flex-shrink:0;
}
.ukc-sidebar .ukc-site-logo{
  max-height:44px;
  max-width:220px;
}
.ukc-guest-topbar .ukc-site-logo{
  max-height:64px;
  max-width:min(42vw,360px);
}
.ukc-footer-wrap .ukc-site-logo{
  max-height:52px;
  max-width:240px;
}
.ukc-side-heading{
  margin:4px 8px -6px;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#99a4be;
}
.ukc-side-nav{display:grid;gap:8px}
.ukc-nav-link{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:42px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid transparent;
  color:#1f2d50;
  font-size:.84rem;
  font-weight:700;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
.ukc-nav-link:hover{
  background:var(--surface-soft);
  border-color:var(--border);
  transform:translateY(-1px);
}
.ukc-nav-link.active{
  color:#fff;
  background:linear-gradient(135deg,var(--blue),#3970ff);
  box-shadow:0 12px 20px rgba(43,92,255,.24);
}
.ukc-nav-link.active .ukc-count-pill{
  background:rgba(255,255,255,.24);
  color:#fff;
}
.ukc-nav-ico{
  width:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  font-size:15px;
  line-height:1;
}
.ukc-nav-ico i{
  font-size:14px;
}
.ukc-nav-ico .fa-circle{
  font-size:10px;
}
.ukc-nav-label{min-width:0}
.ukc-count-pill{
  margin-left:auto;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#eef2ff;
  color:#3551c7;
  font-size:.7rem;
  font-weight:800;
}
.ukc-nav-tree{
  border:1px solid #e6ebfb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 18px rgba(84,104,177,.08);
  overflow:hidden;
}
.ukc-nav-tree.active{
  border-color:#cfd9ff;
  box-shadow:0 14px 24px rgba(51,88,214,.14);
}
.ukc-nav-tree-summary{
  list-style:none;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:44px;
  padding:0 12px;
  color:#1f2d50;
  font-size:.84rem;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.ukc-nav-tree-summary::-webkit-details-marker{display:none}
.ukc-nav-tree-summary:hover{
  background:#f7f9ff;
}
.ukc-nav-tree.active .ukc-nav-tree-summary{
  background:linear-gradient(135deg,#edf2ff,#f8faff);
}
.ukc-nav-tree-caret{
  margin-left:auto;
  color:#8f9bbc;
  font-size:.74rem;
  transition:transform .18s ease,color .18s ease;
}
.ukc-nav-tree[open] .ukc-nav-tree-caret{
  transform:rotate(180deg);
  color:#3f5fda;
}
.ukc-nav-sublist{
  display:grid;
  gap:6px;
  padding:0 10px 10px 38px;
}
.ukc-nav-sublink{
  min-height:34px;
  padding:0 10px;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#647295;
  font-size:.78rem;
  font-weight:700;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.ukc-nav-sublink:hover{
  background:#f5f8ff;
  color:#2b4dc5;
  transform:translateX(1px);
}
.ukc-nav-sublink.active{
  background:#eef3ff;
  color:#2c52de;
}
.ukc-premium-card{
  margin-top:auto;
  padding:18px 16px;
  border-radius:18px;
  background:linear-gradient(165deg,#8367ff 0%,#4b73ff 100%);
  color:#fff;
  box-shadow:0 18px 30px rgba(75,97,221,.24);
}
.ukc-premium-card h3{margin:10px 0 6px;color:#fff;font-size:1rem}
.ukc-premium-card p{color:rgba(255,255,255,.82);font-size:.84rem}
.ukc-premium-crown{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  font-size:1rem;
}
.ukc-premium-crown i{font-size:1rem}
.ukc-premium-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin-top:16px;
  padding:0 14px;
  border-radius:12px;
  background:#fff;
  color:#3154dc;
  font-weight:800;
}

.ukc-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}
.ukc-guest-shell{
  grid-template-columns:1fr;
  min-height:100vh;
}
.ukc-guest-main{
  min-height:100vh;
}
.ukc-guest-topbar{
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}
.ukc-guest-topbar-inner{
  max-width:1360px;
  margin:0 auto;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.ukc-guest-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  color:#1c2744;
}
.ukc-guest-top-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.ukc-guest-content{
  padding:22px 0 0;
}
.guest-home-container{
  max-width:1360px;
  margin:0 auto;
  padding:0 28px;
}
.ukc-topbar{
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,620px) minmax(0,1fr);
  align-items:center;
  gap:20px;
  padding:14px 22px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.ukc-top-search{
  grid-column:2;
  justify-self:center;
  display:flex;
  align-items:center;
  width:100%;
  max-width:620px;
  gap:12px;
  min-height:48px;
  padding:0 12px 0 14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg,#f9fbff 0%,#f4f7ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.ukc-top-search:focus-within{
  border-color:#ccd8ff;
  background:#fff;
  box-shadow:0 0 0 4px rgba(74,102,221,.08),inset 0 1px 0 rgba(255,255,255,.78);
}
.ukc-top-search input{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
  color:#213155;
  font-size:.95rem;
}
.ukc-top-search input:focus{box-shadow:none}
.ukc-top-search input::placeholder{color:#8f9bbb}
.ukc-search-icon{color:#5870a7;font-size:.95rem}
.ukc-search-icon i{font-size:.95rem}
.ukc-search-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:74px;
  min-height:34px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid #cfdafe;
  background:linear-gradient(180deg,#4d73ff 0%,#3559de 100%);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
  line-height:1;
  letter-spacing:.02em;
  box-shadow:0 10px 20px rgba(53,89,222,.2);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ukc-search-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(53,89,222,.24);
  filter:brightness(1.02);
}
.ukc-search-submit:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(74,102,221,.18),0 10px 20px rgba(53,89,222,.2);
}
.ukc-search-submit:disabled{
  cursor:not-allowed;
  opacity:.7;
}
.ukc-top-actions,.menu-inline,.page-actions,.card-actions,.chip-row,.featured-actions,.meta-row,.results-toolbar,.row-between,.split{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ukc-top-actions{
  grid-column:3;
  justify-content:flex-end;
  justify-self:end;
}
.ukc-header-shortcuts{
  display:flex;
  align-items:center;
  gap:10px;
  margin-right:6px;
  flex-wrap:wrap;
}
.ukc-header-shortcut{
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  color:#536384;
  font-size:.82rem;
  font-weight:800;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.ukc-header-shortcut:hover{
  transform:translateY(-1px);
  border-color:#cfd9ff;
  background:#f7f9ff;
  color:#2d4fce;
}
.ukc-header-shortcut.active{
  background:#eef3ff;
  border-color:#cfdbff;
  color:#2c52de;
}
.ukc-icon-btn{
  position:relative;
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:var(--shadow-soft);
  color:#334675;
}
.ukc-icon-btn i{font-size:1rem}
.ukc-icon-btn em{
  position:absolute;
  top:-3px;
  right:-3px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  font-style:normal;
  font-size:.65rem;
  font-weight:800;
}
.ukc-user-pill{
  position:relative;
  display:inline-flex;
  align-items:stretch;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft);
}
.ukc-user-summary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 8px 6px 6px;
  border-radius:16px 0 0 16px;
}
.ukc-user-summary:hover{
  background:#f7f9ff;
}
.ukc-user-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  padding:0 10px;
  border:none;
  border-left:1px solid var(--border);
  border-radius:0 16px 16px 0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.ukc-user-trigger:hover{
  background:#f7f9ff;
}
.ukc-user-summary img{
  width:40px;
  height:40px;
  border-radius:999px;
  object-fit:cover;
}
.ukc-user-copy{
  display:block;
  text-align:left;
}
.ukc-user-copy strong{display:block;font-size:.82rem}
.ukc-user-copy small{display:block;color:var(--muted);font-size:.72rem}
.ukc-user-caret{
  color:#7180a2;
  font-size:.8rem;
  transition:transform .18s ease;
}
.ukc-user-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:190px;
  display:none;
  padding:10px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  z-index:30;
}
.ukc-user-pill.open .ukc-user-menu{display:grid;gap:4px}
.ukc-user-pill.open .ukc-user-caret{transform:rotate(180deg)}
.ukc-user-menu a{
  padding:10px 12px;
  border-radius:10px;
  color:var(--muted-strong);
  font-weight:700;
}
.ukc-user-menu a:hover{background:#f5f8ff;color:#2b3b63}
.ukc-auth-link{
  color:#334675;
  font-weight:700;
}

.ukc-content{padding:22px 24px 0;flex:1 0 auto}
.container{width:100%;max-width:none}
.flash-wrap{padding-bottom:6px}

.age-gate-page{
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(72, 112, 255, .16), transparent 32%),
    radial-gradient(circle at bottom right, rgba(102, 194, 255, .12), transparent 28%),
    linear-gradient(180deg, #f6f9ff 0%, #eef3ff 100%);
}
.age-gate-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:48px 20px;
}
.age-gate-clean-card{
  width:min(720px, 100%);
  padding:32px;
  border-radius:32px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(247,250,255,.98) 100%);
  box-shadow:0 24px 60px rgba(30, 54, 120, .12);
}
.age-gate-clean-card h1{
  margin:8px 0 14px;
  font-size:clamp(2rem, 3vw, 3rem);
  line-height:1.02;
}
.age-gate-clean-card .lead{
  margin:0 0 10px;
  color:var(--muted-strong);
  font-size:1.05rem;
  line-height:1.65;
}
.confirm-clean-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  padding:16px 18px;
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.confirm-clean-row input{
  margin-top:4px;
}
.confirm-clean-copy{
  display:block;
}
.confirm-clean-copy strong{
  display:block;
  color:var(--ink);
}
.confirm-clean-copy small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}
.age-gate-actions.clean-actions{
  margin-top:8px;
}

.card,.banner,.surface,.table-wrap,.empty-state,.card-like,.chat-shell{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
}
.card{padding:24px}
.banner,.surface,.card-like{padding:16px 18px}
.empty-state{
  padding:28px;
  border-style:dashed;
  text-align:center;
  color:var(--muted);
}
.glow-border{border-color:#dce5fb}
.page-shell,.stack{display:flex;flex-direction:column;gap:24px}
.stack-lg{display:flex;flex-direction:column;gap:28px}
.stack-md{display:flex;flex-direction:column;gap:18px}
.stack-sm,.stack.compact{display:flex;flex-direction:column;gap:12px}
.section{padding:24px 0}
.muted,.meta{color:var(--muted)}
.meta{font-size:.84rem}
.right{text-align:right}
.center-text{text-align:center}
.full-width{width:100%}
.separator{border:0;border-top:1px solid var(--border);margin:20px 0}

.alert{
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
}
.alert.success{
  background:var(--green-soft);
  border-color:#cdeedb;
  color:#127f44;
}
.alert.error{
  background:var(--red-soft);
  border-color:#ffd0db;
  color:#c54261;
}

.btn,.btn-primary,.ukc-staff-btn,button{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue),#3f74ff);
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 22px rgba(43,92,255,.18);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover,.btn-primary:hover,.ukc-staff-btn:hover,button:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,var(--blue-dark),#2b5cff);
}
.btn-secondary,a.btn-secondary,.button-secondary{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid var(--border-strong);
  background:#fff;
  color:#3352b7;
  font-weight:800;
  box-shadow:none;
}
.btn-secondary:hover,a.btn-secondary:hover{
  background:#f7f9ff;
  transform:translateY(-1px);
}
.btn-danger,a.btn-danger{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid #ffc7d4;
  background:#fff2f5;
  color:#dd4667;
  font-weight:800;
  box-shadow:none;
}
.btn-danger:hover,a.btn-danger:hover{background:#ffe9ef}

.page-intro,.featured-head,.section-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.page-intro p{max-width:780px}
.page-intro-compact{margin-bottom:0}
.page-intro-compact h2,.page-intro-compact h3{margin-bottom:6px}
.section-heading{display:flex;flex-direction:column;gap:8px}
.results-count{font-size:1.3rem;font-weight:800;color:#253559}
.section-card-title h2,.section-card-title h3{margin:0}
.heading-reset{margin:0}
.meta-label{font-weight:700;color:#3d4d73}
.stats-2-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-wrap-plain{box-shadow:none;border:none}
.subnav-links{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.subnav-link{
  padding-bottom:8px;
  border-bottom:3px solid transparent;
  color:#6b7591;
  font-weight:700;
}
.subnav-link:hover,
.subnav-link.is-active{
  color:#2f5bff;
  border-color:#2f5bff;
}
.preference-chip{
  justify-content:flex-start;
  gap:10px;
}
.preference-chip input{margin:0}
.kicker,.eyebrow,.home-welcome-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#edf2ff;
  color:#3856bf;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7f89a4;
  font-size:.82rem;
  font-weight:700;
}
.breadcrumbs a{color:#637097}

.hero-card,.home-reference-hero{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid #dce6fb;
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);
}
.hero-card::before,.home-reference-hero::before{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-32px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(164,186,255,.15),rgba(150,177,255,.38));
}
.hero-card::after,.home-reference-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -56px auto;
  width:70%;
  height:160px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(112,145,255,.08),rgba(142,168,255,.28));
}
.hero-card>*,.home-reference-hero>*{position:relative;z-index:1}
.hero-card{padding:30px 32px}
.hero-card.compact{min-height:176px}
.hero-card h1{max-width:680px}

.home-reference-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:28px;
  align-items:center;
  padding:30px 32px;
}
.home-reference-title{
  font-size:clamp(2.25rem,4vw,4rem);
  line-height:.95;
  margin:12px 0 16px;
  max-width:680px;
}
.home-reference-copy{
  max-width:580px;
  font-size:1.02rem;
}
.home-reference-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.guest-home-page{
  padding:14px 0 56px;
}
.guest-home-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  gap:28px;
  align-items:center;
  min-height:540px;
  padding:46px 48px 32px;
  border-radius:30px;
  border:1px solid #dce6fb;
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);
  box-shadow:var(--shadow);
}
.guest-home-hero::before{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-42px;
  height:150px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(164,186,255,.15),rgba(150,177,255,.36));
}
.guest-home-hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -60px auto;
  width:56%;
  height:170px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(112,145,255,.08),rgba(142,168,255,.26));
}
.guest-home-hero > *{
  position:relative;
  z-index:1;
}
.guest-home-title{
  margin:14px 0 18px;
  font-size:clamp(2.7rem,4.7vw,4.5rem);
  line-height:.96;
  max-width:700px;
}
.guest-home-copy-text{
  max-width:620px;
  font-size:1.1rem;
  line-height:1.65;
  color:#5d6c90;
}
.guest-home-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:28px;
}
.guest-home-actions .btn,
.guest-home-actions .btn-secondary{
  min-width:180px;
  min-height:56px;
  font-size:1.02rem;
}
.guest-home-art{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}
.guest-home-art img{
  width:min(100%,700px);
  margin-right:-18px;
}
.guest-home-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.guest-feature-card{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:22px 26px;
  border-radius:24px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:var(--shadow-soft);
}
.guest-feature-card h3{
  margin:0 0 6px;
  font-size:1.05rem;
}
.guest-feature-card p{
  color:#617096;
  font-size:1rem;
}
.guest-feature-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:1.9rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.guest-feature-icon i{font-size:1.7rem}
.guest-feature-icon.is-blue{
  background:#e6efff;
  color:#4a74ff;
}
.guest-feature-icon.is-green{
  background:#e8faeb;
  color:#54b16c;
}
.guest-feature-icon.is-orange{
  background:#fff3de;
  color:#f2a332;
}
.guest-home-cta{
  text-align:center;
  padding:6px 0 8px;
}
.guest-home-cta h2{
  margin-bottom:20px;
  font-size:clamp(2rem,3vw,3rem);
}
.guest-home-cta-btn{
  min-width:340px;
  min-height:54px;
  font-size:1.02rem;
}
.guest-home-points{
  display:flex;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  margin-top:24px;
  color:#6b7898;
  font-weight:700;
}
.guest-home-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.guest-home-points i{
  color:var(--green);
  font-size:.92rem;
}
.ukc-guest-footer{
  max-width:1360px;
  margin:0 auto;
  padding:18px 28px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#7d89a6;
  font-size:.82rem;
}
.ukc-guest-footer div{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.ukc-guest-footer a{
  color:#6f7b99;
  font-weight:700;
}
.home-reference-art{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  grid-template-areas:
    "left center"
    "right center";
  gap:18px;
  align-items:center;
  width:min(100%,500px);
  margin-left:auto;
}
.hero-shot{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.hero-shot::before{
  content:"";
  position:absolute;
  inset:14% 10%;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(93,126,255,.18), rgba(93,126,255,0));
  filter:blur(10px);
}
.hero-shot img{
  position:relative;
  z-index:1;
  width:156px;
  height:156px;
  max-width:none;
  border-radius:999px;
  object-fit:cover;
  border:6px solid rgba(255,255,255,.96);
  box-shadow:0 18px 36px rgba(31, 51, 96, .18);
  background:#dfe6f8;
}
.hero-shot.left{grid-area:left;justify-self:end;align-self:end}
.hero-shot.right{grid-area:right;justify-self:start;align-self:start}
.hero-shot.center{grid-area:center;position:relative}
.hero-shot.center::before{inset:12% 6%}
.hero-shot.center img{width:238px;height:238px}
.home-reference-art .hero-online-badge{
  top:8px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  z-index:3;
}
.hero-online-badge,.status-badge{
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(133,101,255,.14);
  color:#7050f2;
  font-size:.72rem;
  font-weight:800;
}
.hero-online-badge i{font-size:.7rem}
.hero-like-btn{
  position:absolute;
  right:14px;
  bottom:14px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  color:#c85a82;
  font-weight:800;
}
.hero-like-btn i{font-size:.92rem}
.home-main-layout{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(320px,.78fr);
  gap:18px;
  align-items:start;
}
.home-main-primary,
.home-main-sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.home-dashboard-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(320px,.78fr);
  gap:18px;
  align-items:start;
}
.home-dashboard-hero{
  position:relative;
  overflow:hidden;
  height:auto;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  gap:16px;
  border-radius:28px;
  border:1px solid #dce6fb;
  background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 48%,#ffffff 100%);
}
.home-dashboard-hero-top{
  display:grid;
  gap:18px;
}
.home-dashboard-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% -64px auto;
  width:54%;
  height:180px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(112,145,255,.08),rgba(142,168,255,.22));
}
.home-dashboard-hero>*{
  position:relative;
  z-index:1;
}
.home-dashboard-title{
  margin:0;
  font-size:clamp(2.15rem,3.7vw,3.65rem);
  line-height:.98;
  max-width:680px;
}
.home-dashboard-copy{
  margin:0;
  max-width:640px;
  color:#62729a;
  font-size:1rem;
  line-height:1.62;
}
.home-section-title,
.home-inline-title,
.home-inline-link,
.home-status-label-text{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.home-section-title{
  flex-wrap:wrap;
}
.home-section-title i,
.home-inline-title i,
.home-inline-link i,
.home-status-label-text i,
.home-quick-link-title i{
  color:#3554c6;
}
.home-section-title-small{
  margin:4px 0 0;
  font-size:1.15rem;
}
.home-action-with-icon{
  gap:8px;
}
.home-action-with-icon i{
  font-size:.92em;
}
.home-hero-stat-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
}
.home-hero-stat-card{
  padding:16px 14px;
  border-radius:20px;
  border:1px solid rgba(124,145,211,.18);
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(34,53,102,.06);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.home-hero-stat-card span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef3ff;
  color:#2f53cf;
}
.home-hero-stat-card strong{
  display:block;
  font-size:1.35rem;
  color:#172445;
  line-height:1;
}
.home-hero-stat-card small{
  display:block;
  color:#7581a0;
  font-size:.82rem;
  font-weight:700;
}
.home-dashboard-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:0;
}
.home-status-composer{
  display:grid;
  gap:10px;
  padding:15px 16px;
  border-radius:22px;
  border:1px solid rgba(124,145,211,.18);
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 32px rgba(30,46,92,.06);
}
.home-status-field{
  display:grid;
  gap:8px;
}
.home-status-field > span{
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#526189;
}
.home-status-label-text > span{
  display:inline;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
}
.home-status-field input{
  min-height:52px;
  border-radius:16px;
}
.home-status-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.home-status-current{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(124,145,211,.16);
  background:rgba(248,250,255,.86);
}
.home-status-current strong{
  display:block;
  margin-bottom:4px;
  color:#18264a;
}
.home-status-current .home-inline-title{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.home-status-current .home-inline-title span{
  display:inline;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
}
.home-status-current span{
  display:block;
  color:#5f6f95;
}
.home-dashboard-sidecard{
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.home-side-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.home-side-metric{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 13px;
  border-radius:16px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.home-side-metric > span:first-child{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef3ff;
  color:#3253ca;
}
.home-side-metric strong{
  display:block;
  color:#18264a;
  font-size:1.05rem;
}
.home-side-metric small{
  display:block;
  color:#7581a0;
  font-size:.78rem;
  font-weight:700;
}
.home-quick-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.home-quick-links a{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:84px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(124,145,211,.16);
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8ff 100%);
  color:#1f2d56;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.home-quick-links a:hover{
  transform:translateY(-1px);
  border-color:#cad6ff;
  box-shadow:0 14px 30px rgba(32,46,91,.08);
}
.home-quick-links strong{
  display:block;
  color:#18264a;
}
.home-quick-links .home-quick-link-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.home-quick-links .home-quick-link-title span{
  display:inline;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
}
.home-quick-links span{
  display:block;
  color:#7380a0;
  font-size:.82rem;
  font-weight:600;
}
.home-side-section{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.home-side-section.is-recommended{
  gap:14px;
}
.home-recommended-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.home-recommended-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:112px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(124,145,211,.16);
  background:linear-gradient(180deg,#fbfcff 0%,#f7f9ff 100%);
  box-shadow:0 12px 24px rgba(32,46,91,.06);
}
.home-recommended-avatar{
  width:62px;
  height:62px;
  flex:0 0 62px;
  border-radius:18px;
  overflow:hidden;
  background:#dfe6f8;
  box-shadow:0 10px 20px rgba(31,51,96,.12);
}
.home-recommended-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-recommended-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.home-recommended-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.home-recommended-top strong{
  display:block;
  min-width:0;
  color:#18264a;
  font-size:.96rem;
  line-height:1.25;
}
.home-recommended-top strong a{
  color:inherit;
  text-decoration:none;
}
.home-recommended-top strong a:hover{
  color:#3153c9;
}
.home-recommended-top .pill{
  flex-shrink:0;
}
.home-recommended-meta{
  color:#7380a0;
  font-size:.82rem;
  font-weight:600;
  line-height:1.35;
}
.home-recommended-chips{
  gap:6px;
}
.home-recommended-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:auto;
}
.home-recommended-actions.is-single{
  grid-template-columns:1fr;
}
.home-recommended-actions .btn,
.home-recommended-actions .btn-secondary{
  min-height:42px;
  padding:10px 12px;
  font-size:.88rem;
}
.page-home .profile-grid.home-side-profile-grid{
  grid-template-columns:1fr;
  gap:12px;
}
.page-home .home-side-profile-grid .home-preview-card{
  padding:16px 14px 14px;
  gap:10px;
}
.page-home .home-side-profile-grid .home-preview-card .profile-card-media{
  width:96px;
  height:96px;
}
.page-home .home-side-profile-grid .home-preview-card .profile-card-media img{
  width:96px;
  height:96px;
  max-width:96px;
  max-height:96px;
}
.page-home .home-side-profile-grid .home-preview-card h3{
  font-size:1rem;
}
.page-home .home-side-profile-grid .home-preview-card .card-actions .btn,
.page-home .home-side-profile-grid .home-preview-card .card-actions .btn-secondary{
  padding:10px 8px;
  font-size:.86rem;
}
.home-local-layout{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(300px,.74fr);
  gap:18px;
  align-items:start;
}
.home-updates-card,
.home-media-panel,
.home-verified-panel{
  padding:24px 22px;
}
.home-update-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.home-update-item{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(124,145,211,.16);
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.home-update-item.has-thumb{
  grid-template-columns:60px minmax(0,1fr) 176px;
  align-items:center;
}
.home-update-item.has-thumb .home-update-thumb{
  grid-column:3 / 4;
  align-self:center;
}
.home-update-avatar-wrap{
  position:relative;
  width:56px;
  height:56px;
}
.home-update-avatar-link{
  display:block;
}
.home-update-avatar{
  width:56px;
  height:56px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(124,145,211,.18);
  background:#dfe6f8;
}
.home-update-type-badge{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  color:#3153c9;
  box-shadow:0 8px 18px rgba(36,50,97,.08);
}
.home-update-type-badge i{font-size:.78rem}
.home-update-copy{
  min-width:0;
}
.home-update-topline,
.home-update-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.home-update-copy strong{
  display:block;
  margin:6px 0 4px;
  font-size:1rem;
  color:#18264a;
}
.home-update-copy strong a{
  color:inherit;
  text-decoration:none;
}
.home-update-copy strong a:hover{
  color:#3153c9;
}
.home-update-copy p{
  margin:0;
  color:#5f6f95;
  line-height:1.58;
}
.home-update-meta{
  margin-top:8px;
}
.home-update-meta a{
  color:#2845ab;
  font-weight:700;
}
.home-update-meta span{
  color:#7784a6;
  font-size:.82rem;
}
.home-update-thumb{
  display:block;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(124,145,211,.16);
}
.home-update-thumb img{
  width:100%;
  height:112px;
  object-fit:cover;
  display:block;
}
.home-empty-state{
  padding:24px;
}
.home-local-sidebar{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.home-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.home-media-tile{
  position:relative;
  display:block;
  min-height:154px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(124,145,211,.16);
  background:#dfe6f8;
}
.home-media-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,23,43,0) 34%,rgba(15,23,43,.76) 100%);
}
.home-media-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.home-media-tile-copy{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#fff;
}
.home-media-tile-copy strong{
  display:block;
  font-size:.92rem;
}
.home-media-tile-copy small{
  display:block;
  font-size:.76rem;
  color:rgba(255,255,255,.82);
}
.home-verified-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.home-verified-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(124,145,211,.16);
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  color:#1f2d56;
}
.home-verified-row img{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(124,145,211,.16);
  background:#dfe6f8;
}
.home-verified-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.home-verified-copy strong{
  display:block;
  color:#18264a;
}
.home-verified-copy span{
  display:block;
  color:#7581a0;
  font-size:.8rem;
}
.home-compact-empty{
  padding:16px;
  min-height:0;
}
@media (max-width: 1180px){
  .home-main-layout,
  .home-dashboard-hero-grid,
  .home-local-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .home-dashboard-hero,
  .home-dashboard-sidecard,
  .home-updates-card,
  .home-media-panel,
  .home-verified-panel{
    padding:22px 20px;
  }
  .home-hero-stat-row,
  .home-side-metrics,
  .home-media-grid{
    grid-template-columns:1fr;
  }
  .home-quick-links{
    grid-template-columns:1fr;
  }
  .home-recommended-grid{
    grid-template-columns:1fr;
  }
  .home-status-actions,
  .home-status-current,
  .home-verified-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-dashboard-actions .btn,
  .home-dashboard-actions .btn-secondary{
    width:100%;
    justify-content:center;
  }
  .home-update-item{
    grid-template-columns:56px minmax(0,1fr);
  }
  .home-update-item.has-thumb{
    grid-template-columns:56px minmax(0,1fr);
  }
  .home-update-item.has-thumb .home-update-thumb{
    grid-column:1 / -1;
  }
  .home-update-thumb img{
    height:160px;
  }
}
.home-lower-grid,.grid-2,.grid-3,.stats-grid,.stats-grid-4,.stats-grid-5,.info-grid,.profile-grid,.list-grid,.gallery,.dashboard-shortcuts,.split-grid,.staff-top-grid,.form-grid,.content-two-col,.search-layout,.sidebar-layout,.chat-shell,.member-metrics,.gallery-feed,.viewed-grid,.notification-layout{
  display:grid;
  gap:20px;
}
.grid-2,.home-lower-grid,.staff-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stats-grid,.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-grid,.list-grid.member-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery-feed{grid-template-columns:repeat(4,minmax(0,1fr))}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid .full{grid-column:1/-1}
.search-layout{grid-template-columns:320px minmax(0,1fr);align-items:start}
.sidebar-layout{grid-template-columns:300px minmax(0,1fr);align-items:start}
.content-two-col{grid-template-columns:minmax(0,1fr) 270px;align-items:start}
.notification-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start}

.info-box,.feature-card,.stat-card,.admin-stat,.gallery-item,.chat-contact,.ticket-card,.shortcut-tile,.stat-split-item{
  padding:18px 16px;
  border-radius:18px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:var(--shadow-soft);
}
.info-box span,.stat-card span,.admin-stat span{
  display:block;
  margin-bottom:10px;
  color:#7a86a3;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.info-box strong,.stat-card strong,.admin-stat strong{
  display:block;
  font-size:1.7rem;
  line-height:1;
}
.section-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#3856bf;
  font-size:.76rem;
  font-weight:800;
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:#f4f7ff;
  border:1px solid #e3e9f8;
  color:#445276;
  font-size:.75rem;
  font-weight:700;
}
.tiny-link{
  color:#3554c6;
  font-weight:800;
}
.tiny-link:hover{text-decoration:underline}
.pill.hot{background:#efeaff;color:#6650ea}
.pill.verified{background:#e8faf0;color:#169954}
.pill.online{background:#ebfbf1;color:#169954}
.pill.notice{background:#eef6ff;color:#3566d9}
.pill.success{background:#f1edff;color:#6b4fe3}
.pill.warn{background:#fff6e9;color:#bb7d15}
.pill.danger{background:#fff1f4;color:#dc4668}
.pill.soft{background:#f6f8ff;color:#4b587c}
.pill.active-pill{background:#3155f4;color:#fff;border-color:#3155f4}
.tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tag-cloud.compact{gap:8px}

.shortcut-tile{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-weight:700;
}
.shortcut-tile strong{display:block;margin-bottom:4px}
.shortcut-tile span{display:block;color:var(--muted);font-size:.82rem;font-weight:600}
.stats-split-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.stat-split-item{
  display:flex;
  align-items:center;
  gap:12px;
}
.stat-split-icon,.shortcut-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:1rem;
  font-weight:800;
}
.stat-split-icon i,.shortcut-icon i{font-size:1rem}
.bg-blue{background:var(--blue-soft);color:#3456ca}
.bg-green{background:var(--green-soft);color:#14884a}
.bg-purple{background:var(--purple-soft);color:#6a51ea}
.bg-orange{background:var(--orange-soft);color:#cf8422}

.profile-card{
  position:relative;
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.profile-card-horizontal{height:100%}
.profile-card-media{
  position:relative;
  display:block;
  background:#dfe6f8;
}
.profile-card-media img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.profile-card .overlay-top{
  position:absolute;
  top:14px;
  left:14px;
  right:14px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  pointer-events:none;
  z-index:2;
}
.profile-card-body{
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}
.profile-card-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.profile-card-top h3{font-size:1.5rem}
.profile-card-status{justify-content:flex-end}
.profile-card-bio{
  color:var(--muted-strong);
  font-size:.92rem;
  line-height:1.55;
  min-height:48px;
}
.profile-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
}
.profile-card-actions form{display:block}
.profile-card-actions .btn,.profile-card-actions .btn-secondary,.profile-card-actions .btn-danger,form.inline-form button{
  width:100%;
}
.avatar,.small-avatar{
  object-fit:cover;
  background:#dbe3f6;
  border:1px solid var(--border);
}
.avatar{width:100%;height:100%}
.small-avatar{
  width:64px;
  height:64px;
  border-radius:18px;
}

.gallery-card{
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.gallery-card-media{
  display:block;
}
.gallery-card .gallery-photo,
.gallery-item img{
  width:100%;
  height:250px;
  object-fit:cover;
  display:block;
}
.gallery-card-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
}
.gallery-member-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
.gallery-avatar-link{
  flex:0 0 auto;
}
.gallery-avatar{
  width:52px;
  height:52px;
  border-radius:999px;
  object-fit:cover;
  display:block;
  background:#dbe3f6;
  border:1px solid var(--border);
}
.gallery-member-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.gallery-member-name,
.gallery-member-name a{
  display:block;
  color:var(--text);
  font-weight:800;
  line-height:1.25;
}
.gallery-member-name a:hover{
  color:var(--primary);
}
.gallery-member-age{
  color:var(--text);
  font-weight:800;
  line-height:1.1;
}
.gallery-card .gallery-member-handle,
.gallery-card .gallery-member-location,
.gallery-card .gallery-member-summary{
  padding:0;
}
.gallery-member-summary{
  min-height:38px;
  line-height:1.55;
}
.gallery-member-chips{
  gap:8px;
  padding-top:2px;
}
.gallery-card .meta:last-child{padding-bottom:0}
.gallery-rank-row{
  justify-content:space-between;
  align-items:center;
}
.gallery-card-actions{
  margin-top:auto;
  gap:10px;
}
.gallery-card-actions form{display:block}
.gallery-photo-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);
  gap:20px;
  align-items:start;
}
.gallery-photo-main{
  min-width:0;
}
.gallery-view-image-wrap{
  overflow:hidden;
  border-radius:24px;
  background:#f8fbff;
}
.gallery-view-image{
  width:100%;
  max-height:min(78vh,920px);
  display:block;
  object-fit:contain;
  background:#fff;
}
.gallery-photo-sidebar{
  max-width:360px;
  justify-self:start;
  padding:22px;
  gap:18px;
}
.gallery-photo-host{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.gallery-photo-host-avatar{
  width:76px;
  height:76px;
  border-radius:20px;
  object-fit:cover;
  display:block;
  background:#dbe3f6;
  border:1px solid var(--border);
}
.gallery-photo-host-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.gallery-photo-host-name{
  display:block;
  color:var(--text);
  font-size:1.85rem;
  font-weight:800;
  line-height:1.1;
}
.gallery-photo-host-handle,
.gallery-photo-host-location{
  color:var(--muted);
}
.gallery-item{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.gallery-community-filters .form-grid{
  align-items:end;
}
.gallery-community-filter-actions{
  justify-content:flex-end;
}
.gallery-upload-form{
  align-items:end;
}

.chat-shell{
  grid-template-columns:320px minmax(0,1fr);
  gap:0;
  padding:0;
  overflow:hidden;
  min-height:760px;
}
.chat-panel,.thread-panel{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}
.chat-panel{
  padding:18px;
  border-right:1px solid var(--border);
}
.chat-user-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.chat-list-item,.chat-contact{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px;
  border-radius:16px;
  border:1px solid transparent;
}
.chat-list-item:hover,.chat-list-item.active,.chat-contact:hover{
  background:#f7faff;
  border-color:var(--border);
}
.chat-list-item img,.thread-contact img{
  width:52px;
  height:52px;
  border-radius:999px;
  object-fit:cover;
}
.thread-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--border);
}
.chat-thread-wrap{
  display:flex;
  flex-direction:column;
  min-height:760px;
}
.chat-thread{
  flex:1;
  padding:22px 22px 18px;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:#fcfdff;
  overflow:auto;
}
.msg{
  max-width:72%;
  padding:14px 16px;
  border-radius:20px;
  background:#f3f6fd;
  color:#27365c;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.msg.me{
  margin-left:auto;
  background:#eef3ff;
}
.msg.them{
  margin-right:auto;
  background:#f7f8fd;
}
.msg .meta,.msg-meta{font-size:.78rem;color:#8390ab}
.msg-tools{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.msg-tools button{
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
  font-size:.75rem;
}
.msg-attachment img{width:220px;max-width:100%;border-radius:14px}
.chat-compose{
  padding:18px 20px 20px;
  border-top:1px solid var(--border);
  background:#fff;
}
.chat-compose textarea{min-height:70px}

.page-chat .modern-chat-shell{
  grid-template-columns:340px minmax(0,1fr);
  height:clamp(560px,calc(100vh - 210px),920px);
  min-height:560px;
  padding:0;
  overflow:hidden;
}
.page-chat .chat-panel,
.page-chat .thread-panel{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  min-height:0;
}
.page-chat .chat-panel{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:16px;
  padding:20px 18px 18px;
  border-right:1px solid var(--border);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.page-chat .thread-panel{
  display:flex;
  min-width:0;
  overflow:hidden;
}
.page-chat .chat-sidebar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.page-chat .chat-sidebar-head h1{font-size:2rem;margin:0 0 4px}
.page-chat .chat-sidebar-head p{margin:0;color:#7380a0;max-width:260px}
.page-chat .chat-search-box{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fbfcff;
}
.page-chat .chat-search-box input{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.page-chat .chat-search-box input:focus{outline:none}
.page-chat .upgraded-chat-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:auto;
  overflow-x:hidden;
  padding:4px 4px 0 0;
}
.page-chat .chat-list-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  width:100%;
  padding:16px 14px;
  text-align:left;
  border:1px solid #e1e8fb;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
  box-sizing:border-box;
  overflow:hidden;
}
.page-chat .chat-list-item:hover,
.page-chat .chat-list-item.active{
  border-color:#cfd8f3;
  box-shadow:0 16px 40px rgba(64,94,185,.12);
  transform:translateY(-1px);
}
.page-chat .chat-list-item.unread{
  background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);
  border-color:#bfd0ff;
}
.page-chat .chat-list-avatar-wrap{
  position:relative;
  width:58px;
  height:58px;
}
.page-chat .chat-list-avatar-wrap img,
.page-chat .thread-avatar{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.9);
}
.page-chat .chat-list-copy{
  min-width:0;
  width:100%;
  display:grid;
  gap:4px;
}
.page-chat .chat-list-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.page-chat .chat-list-topline strong,
.page-chat .thread-contact strong{font-size:1rem;color:#17254b}
.page-chat .chat-list-topline strong{
  display:block;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.page-chat .chat-list-time,
.page-chat .chat-list-meta,
.page-chat .chat-list-preview{
  color:#7380a0;
  font-size:.88rem;
}
.page-chat .chat-list-time{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:.78rem;
  font-weight:800;
}
.page-chat .chat-list-subline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.page-chat .chat-list-divider{
  color:#afbbda;
  font-weight:800;
}
.page-chat .chat-list-location{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.page-chat .chat-list-preview-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.page-chat .chat-list-preview{
  flex:1 1 auto;
  min-width:0;
  margin-top:0;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.page-chat .chat-list-badges{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.page-chat .chat-list-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
  border:1px solid #d9e3fb;
  background:#f6f8ff;
  color:#4d628f;
}
.page-chat .chat-list-badge.online{
  border-color:#cfeecf;
  background:#effcf3;
  color:#248c56;
}
.page-chat .chat-list-badge.request{
  border-color:#f2d4eb;
  background:#fff2fb;
  color:#b45194;
}
.page-chat .chat-list-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.page-chat .chat-unread-badge{
  min-width:28px;
  height:28px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--primary);
  color:#fff;
  font-size:.8rem;
  font-weight:800;
  box-shadow:0 10px 24px rgba(64,94,185,.25);
}
.page-chat .chat-online-dot{
  position:absolute;
  right:2px;
  bottom:2px;
  width:12px;
  height:12px;
  border-radius:999px;
  border:2px solid #fff;
  background:#c6d0e9;
}
.page-chat .chat-online-dot.is-online{background:#2ac66d}
.page-chat .thread-online-dot{position:static}
.page-chat .chat-thread-wrap{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  flex:1 1 auto;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.page-chat .modern-thread-head{
  padding:20px 22px;
  border-bottom:1px solid var(--border);
}
.page-chat .thread-contact{
  display:flex;
  align-items:center;
  gap:14px;
}
.page-chat .thread-avatar{width:60px;height:60px}
.page-chat .chat-presence-line{
  display:flex;
  align-items:center;
  gap:8px;
  color:#6b789b;
  font-size:.92rem;
}
.page-chat .chat-typing-line{
  min-height:20px;
  margin-top:3px;
  color:#4564f2;
  font-size:.86rem;
  font-weight:700;
}
.page-chat .chat-header-actions{
  align-items:center;
  position:relative;
}
.page-chat .chat-header-menu-wrap{position:relative}
.page-chat .chat-header-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:180px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 50px rgba(25,38,74,.16);
  z-index:12;
}
.page-chat .chat-header-menu button,
.page-chat .msg-action-menu button{
  width:100%;
  padding:11px 12px;
  text-align:left;
  border:none;
  border-radius:12px;
  background:transparent;
  color:#213058;
  font-weight:700;
}
.page-chat .chat-header-menu button:hover,
.page-chat .msg-action-menu button:hover{background:#f3f6ff}
.page-chat .chat-header-menu-wrap[hidden],
.page-chat .chat-header-menu[hidden],
.page-chat .msg-action-menu[hidden],
.page-chat .chat-reply-banner[hidden],
.page-chat .chat-attachment-preview[hidden],
.chat-lightbox[hidden]{
  display:none !important;
}
.page-chat .modern-thread{
  min-height:0;
  padding:24px 22px 18px;
  background:linear-gradient(180deg,#fcfdff 0%,#f7f9ff 100%);
  overflow:auto;
}
.page-chat .msg{
  position:relative;
  max-width:min(78%,560px);
  margin-bottom:14px;
  padding:14px 16px 12px;
  border-radius:22px;
  background:#fff;
  border:1px solid #dde6fb;
  box-shadow:0 14px 34px rgba(50,72,129,.08);
}
.page-chat .msg.me{
  margin-left:auto;
  background:linear-gradient(180deg,#eef3ff 0%,#e9f0ff 100%);
}
.page-chat .msg.them{margin-right:auto}
.page-chat .msg-body{color:#25345a;line-height:1.55;word-break:break-word}
.page-chat .msg-deleted-copy{font-style:italic;color:#7784a6}
.page-chat .msg-menu-toggle{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  padding:0;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.page-chat .msg:hover .msg-menu-toggle,
.page-chat .msg:focus-within .msg-menu-toggle{
  opacity:1;
  pointer-events:auto;
}
.page-chat .msg-action-menu{
  position:absolute;
  top:46px;
  right:10px;
  min-width:170px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 48px rgba(25,38,74,.16);
  z-index:9;
}
.page-chat .msg-quote{
  display:grid;
  gap:4px;
  width:100%;
  margin-bottom:10px;
  padding:10px 12px;
  border-left:3px solid #5a73f5;
  border-radius:14px;
  background:#f5f7ff;
  text-align:left;
  color:#41517b;
}
.page-chat .msg-quote-label{
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#5169ef;
}
.page-chat .msg-attachment-button{
  display:block;
  margin-top:10px;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid #d6def5;
}
.page-chat .msg-attachment-button img{
  width:240px;
  max-width:100%;
  display:block;
}
.page-chat .msg-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  color:#7d89a8;
  font-size:.78rem;
}
.page-chat .msg.me .msg-meta{justify-content:flex-end}
.page-chat .msg.them .msg-meta{justify-content:flex-start}
.page-chat .msg-status{font-weight:800;color:#5a73f5}
.page-chat .msg-status.is-viewed{color:#1f8a58}
.page-chat .msg-status.is-delivered{color:#4f68e8}
.page-chat .msg-status.is-deleted{color:#a54d68}
.page-chat .msg-flash{animation:msgFlash 1.1s ease}
.page-chat .first-unread{
  outline:2px solid rgba(90,115,245,.18);
  outline-offset:4px;
}
.page-chat .chat-reply-banner,
.page-chat .chat-attachment-preview{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-top:1px solid var(--border);
  background:#f8faff;
}
.page-chat .chat-attachment-preview img{
  width:66px;
  height:66px;
  border-radius:16px;
  object-fit:cover;
}
.page-chat .modern-chat-compose{
  padding:16px 18px 18px;
  border-top:1px solid var(--border);
  background:#fff;
  position:relative;
  z-index:2;
}
.page-chat .chat-compose-bar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}
.page-chat .chat-upload-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:1px dashed #c8d4f4;
  border-radius:16px;
  color:#4c62d9;
  font-weight:800;
  cursor:pointer;
}
.page-chat .chat-upload-btn input{display:none}
.page-chat .chat-input-wrap{margin:0}
.page-chat .chat-input-wrap textarea{
  min-height:64px;
  max-height:140px;
  resize:vertical;
}
.chat-lightbox{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(8,15,31,.84);
  z-index:120;
}
.chat-lightbox img{
  max-width:min(90vw,980px);
  max-height:84vh;
  border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
.chat-lightbox-close{
  position:absolute;
  top:24px;
  right:24px;
  width:48px;
  height:48px;
  border-radius:999px;
  font-size:1.8rem;
}
body.chat-lightbox-open{overflow:hidden}
@keyframes msgFlash{
  0%{box-shadow:0 0 0 rgba(90,115,245,0)}
  35%{box-shadow:0 0 0 8px rgba(90,115,245,.14)}
  100%{box-shadow:0 14px 34px rgba(50,72,129,.08)}
}
.table-wrap{overflow:auto;padding:0}
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.table th,.table td{
  padding:16px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--border);
  color:#263659;
}
.table th{
  background:#f8faff;
  color:#7080a5;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.table tr:last-child td{border-bottom:none}
.table-action-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start;
}
.align-start{align-items:start}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.filter-card,.sidebar-card{position:sticky;top:94px;align-self:start}
.sidebar-card{padding:22px}
.profile-hero{
  padding:0;
  overflow:hidden;
}
.profile-cover{
  width:100%;
  max-height:320px;
  overflow:hidden;
  background:linear-gradient(135deg,#e7efff,#dbe6ff);
}
.profile-cover img{
  display:block;
  width:100%;
  min-height:180px;
  max-height:320px;
  object-fit:cover;
}
.profile-cover-fill{
  width:100%;
  min-height:180px;
  height:220px;
  background:linear-gradient(135deg,#edf3ff,#dbe5ff);
}
.profile-hero-body{padding:24px}
.profile-head{
  display:grid;
  grid-template-columns:clamp(120px,18vw,172px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.profile-avatar{
  width:clamp(120px,18vw,172px);
  height:clamp(120px,18vw,172px);
  max-width:172px;
  max-height:172px;
  border-radius:28px;
  object-fit:cover;
  background:#dfe6f8;
  box-shadow:0 14px 32px rgba(31, 51, 96, .16);
}
.profile-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.profile-main-copy{
  display:grid;
  gap:8px;
}
.profile-main-copy h1{margin:0}
.profile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.profile-actions form{display:block}
.profile-top-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.profile-highlight-row{margin-top:10px}
.profile-summary{display:flex;flex-direction:column;gap:14px}
.profile-summary .avatar{
  width:100%;
  height:260px;
  border-radius:24px;
  object-fit:cover;
}
.side-nav{
  display:grid;
  gap:8px;
}
.side-nav a,.side-nav button.linkish{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-radius:14px;
  color:#425172;
  font-weight:700;
  border:1px solid transparent;
}
.side-nav a:hover,.side-nav a.active,.side-nav button.linkish:hover{
  background:#f7faff;
  border-color:var(--border);
  color:#2641a5;
}
.side-nav small{display:block;color:var(--muted);font-weight:600}

.quick-panel{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.quick-panel h3{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#7380a0;
}
.quick-stack{display:flex;flex-direction:column;gap:10px}
.quick-stack a,.quick-stack div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:14px;
  background:#fafbff;
  border:1px solid var(--border);
  font-weight:700;
  color:#2c3a61;
}
.forum-sidebar-rail{gap:18px}
.forum-rail-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.forum-rail-card h3{
  margin:0;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#7380a0;
}
.forum-action-list,
.forum-topic-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.forum-action-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(112,129,197,.16);
  color:#1f2d56;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.forum-action-card:hover{
  transform:translateY(-1px);
  border-color:rgba(76,106,219,.26);
  box-shadow:0 12px 28px rgba(32,45,88,.08);
}
.forum-action-card.is-blue{background:linear-gradient(135deg,#eef2ff,#f7f9ff)}
.forum-action-card.is-pink{background:linear-gradient(135deg,#fff0f6,#fff8fb)}
.forum-action-card.is-purple{background:linear-gradient(135deg,#f1efff,#faf9ff)}
.forum-action-card.is-mint{background:linear-gradient(135deg,#ecfbff,#f7fdff)}
.forum-action-card.is-green{background:linear-gradient(135deg,#effbf2,#fbfffc)}
.forum-action-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(112,129,197,.18);
  color:#3153c9;
  font-size:1rem;
  box-shadow:0 8px 20px rgba(38,59,136,.08);
}
.forum-action-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.forum-action-copy strong{
  display:block;
  color:#172445;
  font-size:.98rem;
  line-height:1.2;
}
.forum-action-copy span{
  display:block;
  color:#6f7a99;
  font-size:.8rem;
  line-height:1.35;
}
.forum-topic-link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  color:#23335f;
  text-decoration:none;
}
.forum-topic-link:hover .forum-topic-copy strong{color:#3153c9}
.forum-topic-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(112,129,197,.18);
}
.forum-topic-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.forum-topic-copy strong{
  display:block;
  color:#172445;
  font-size:.95rem;
  line-height:1.2;
}
.forum-topic-copy span{
  display:block;
  color:#6f7a99;
  font-size:.79rem;
  line-height:1.35;
}
.forum-topic-empty{
  padding:10px 0 4px;
  color:#6f7a99;
  font-size:.88rem;
}
.forum-cluster{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.forum-cluster-title{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.forum-cluster-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(94,121,214,.16);
  background:linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%);
  color:#3760e6;
  box-shadow:0 10px 24px rgba(50,78,165,.08);
}
.forum-cluster-icon i{
  font-size:1rem;
}
.forum-cluster-icon.is-pink{
  border-color:rgba(219,109,148,.18);
  background:linear-gradient(180deg,#fff4f8 0%,#fff0f5 100%);
  color:#d45584;
}
.forum-cluster-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.forum-cluster-head h2{
  margin:0 0 6px;
  font-size:1.5rem;
}
.forum-cluster-head p{
  margin:0;
  color:#6f7a99;
  max-width:760px;
}
.forum-board-table thead th{
  background:#f8fbff;
  color:#6d7ca2;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.forum-board-name strong,
.forum-thread-title-cell strong{
  display:block;
  font-size:1.02rem;
  color:#18264a;
}
.forum-board-name a,
.forum-thread-title-cell a{
  color:inherit;
  text-decoration:none;
}
.forum-board-name a:hover,
.forum-thread-title-cell a:hover{
  color:#3153c9;
}
.forum-management-block{
  gap:20px;
}
.forum-management-form{
  padding:18px;
  border:1px solid var(--uk-border);
  border-radius:18px;
  background:#fbfcff;
}
.forum-management-nested{
  margin-top:2px;
}
.forum-thread-table td,
.forum-board-table td{
  vertical-align:top;
}
.forum-thread-table td:nth-child(2),
.forum-thread-table td:nth-child(3),
.forum-board-table td:nth-child(2),
.forum-board-table td:nth-child(3){
  width:110px;
}
.forum-thread-table td:last-child,
.forum-board-table td:last-child{
  width:220px;
}
.forum-post-image-link{
  display:block;
  margin-top:16px;
  width:min(100%,540px);
  max-width:100%;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(185,197,229,.62);
  background:#f7f9ff;
  box-shadow:0 16px 32px rgba(26,39,95,.08);
}
.forum-post-image-link:hover{
  border-color:rgba(76,106,219,.3);
  box-shadow:0 20px 36px rgba(26,39,95,.12);
}
.forum-post-image-link-editor{
  max-width:340px;
}
.forum-post-image{
  display:block;
  width:100%;
  height:320px;
  object-fit:contain;
  background:#eef2ff;
}
.forum-thread-image-editor{
  display:grid;
  gap:12px;
}
.forum-rich-text{
  color:#263659;
  line-height:1.7;
  word-break:break-word;
}
.forum-rich-text .forum-rich-quote{
  margin:16px 0;
  padding:14px 18px;
  border:1px solid rgba(114,133,204,.18);
  border-left:4px solid #4c6adb;
  border-radius:18px;
  background:#f7f9ff;
  color:#425172;
}
.forum-rich-text .forum-rich-list{
  margin:16px 0;
  padding-left:22px;
}
.forum-rich-text .forum-rich-list li + li{
  margin-top:8px;
}
.forum-rich-align{
  margin:12px 0;
}
.forum-rich-align-left{text-align:left}
.forum-rich-align-center{text-align:center}
.forum-rich-align-right{text-align:right}
.forum-rich-color-blue{color:#3153c9}
.forum-rich-color-pink{color:#cc4b78}
.forum-rich-color-green{color:#248257}
.forum-rich-color-purple{color:#7150d5}
.forum-rich-color-slate{color:#425172}
.forum-rich-color-red{color:#c84a5b}
.forum-rich-size-sm{font-size:.92rem}
.forum-rich-size-md{font-size:1rem}
.forum-rich-size-lg{font-size:1.14rem}
.forum-rich-size-xl{font-size:1.28rem}
.forum-rich-font-inherit{font-family:inherit}
.forum-rich-font-serif{font-family:Georgia,"Times New Roman",serif}
.forum-rich-font-rounded{font-family:"Trebuchet MS","Segoe UI",sans-serif}
.forum-rich-font-mono{font-family:"Courier New",monospace}
.forum-rich-underline{text-decoration:underline}
.forum-rich-video{
  position:relative;
  width:min(100%,720px);
  margin-top:16px;
  padding-top:56.25%;
  border-radius:20px;
  overflow:hidden;
  background:#101726;
  box-shadow:0 18px 34px rgba(24,37,84,.14);
}
.forum-rich-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.forum-rich-embed{
  margin-top:16px;
}
.forum-post-image-link-inline{
  margin-top:0;
}
.forum-mention{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#eef2ff;
  color:#3153c9;
  font-weight:700;
  text-decoration:none;
}
.forum-mention:hover{
  background:#e4ebff;
  color:#2848b8;
}
.forum-post-reactions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.forum-reaction-form{
  margin:0;
}
.forum-reaction-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(185,197,229,.72);
  background:#fff;
  color:#2b3961;
  font-weight:700;
}
.forum-reaction-btn:disabled{
  opacity:.72;
  cursor:not-allowed;
}
.forum-reaction-btn.is-active{
  border-color:#cad6ff;
  background:#eef2ff;
  color:#3153c9;
}
.forum-reaction-emoji{
  font-size:1rem;
  line-height:1;
}
.forum-reaction-count{
  min-width:20px;
  text-align:center;
  color:#6f7ea2;
  font-size:.82rem;
}
.forum-editor-field{
  display:grid;
  gap:8px;
}
.forum-editor-field > label{
  display:block;
}
.forum-editor{
  display:grid;
  gap:10px;
}
.forum-editor-toolbar{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#f8faff;
}
.forum-editor-tool-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.forum-editor-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(185,197,229,.78);
  background:#fff;
  color:#3153c9;
}
.forum-editor-tool:hover{
  border-color:#bfd0ff;
  background:#f3f6ff;
}
.forum-editor-tool-group-selects{
  gap:10px;
}
.forum-editor-select{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 10px;
  border:1px solid rgba(185,197,229,.78);
  border-radius:12px;
  background:#fff;
  color:#3153c9;
}
.forum-editor-select select{
  min-width:110px;
  border:none;
  padding:0;
  background:transparent;
  color:#31415f;
  box-shadow:none;
}
.forum-editor-select select:focus{
  outline:none;
}
.forum-editor-select-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.forum-editor textarea[data-forum-editor-input]{
  min-height:160px;
}
.forum-editor-help{
  margin-top:-2px;
}
.forum-editor-emoji-picker{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  padding-top:4px;
}
.forum-editor-emoji{
  min-width:40px;
  height:40px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(185,197,229,.78);
  background:#fff;
  font-size:1.1rem;
}
.forum-editor-emoji:hover{
  background:#f3f6ff;
}
.checkbox-inline{
  display:flex;
  align-items:center;
  gap:10px;
  color:#445379;
  font-weight:600;
}
.checkbox-inline input{
  margin:0;
}

.browse-filter-bar{
  justify-content:space-between;
}

.event-card{
  padding:0;
  overflow:hidden;
}
.event-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.event-filter-form{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto;
  gap:14px;
  align-items:end;
  flex:1 1 620px;
}
.event-filter-form label{
  display:grid;
  gap:8px;
}
.event-filter-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.event-card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.event-meta-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.event-summary{
  color:#4a597d;
  line-height:1.6;
}
.event-stat-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.event-card-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.event-card-actions form{display:block}
.event-quick-links{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.event-quick-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#f8faff;
  color:#3d4d73;
  font-weight:700;
}
.event-quick-links a:hover{
  border-color:#cfd9f4;
  color:#2744ac;
}
.event-card-visual{
  position:relative;
  overflow:hidden;
  min-height:170px;
  background:linear-gradient(135deg,#dfe8ff,#bfd0ff);
}
.event-card-cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.event-card-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at top right, rgba(255,255,255,.45), transparent 34%),
    linear-gradient(180deg, rgba(19,29,59,.05), rgba(19,29,59,.18));
}
.event-visual-0{background:linear-gradient(135deg,#38507e,#12243f)}
.event-visual-1{background:linear-gradient(135deg,#88b96a,#466f2f)}
.event-visual-2{background:linear-gradient(135deg,#7a552f,#2f1d16)}
.event-visual-3{background:linear-gradient(135deg,#7c8dab,#32415b)}
.calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  text-align:center;
  font-size:.82rem;
}
.calendar-grid>span{
  min-height:32px;
  display:grid;
  place-items:center;
  color:#6d7998;
}
.calendar-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border-radius:10px;
  background:#f7f9ff;
  border:1px solid var(--border);
  color:#3d4d73;
  font-weight:700;
}
.calendar-day.has-event{
  background:#eef3ff;
  border-color:#c9d6ff;
  color:#2941a5;
}
.calendar-day-badge{
  min-width:20px;
  min-height:20px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(47,91,255,.12);
  color:#2744ac;
  font-size:.72rem;
  font-weight:800;
}
.calendar-day.active{
  background:linear-gradient(135deg,var(--blue),#4678ff);
  border-color:transparent;
  color:#fff;
}
.verification-request-head{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.verification-request-avatar{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:18px;
}
.verification-request-copy{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.verification-request-name{
  font-size:22px;
  line-height:1.2;
}

.notification-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}
.notification-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:20px;
  font-size:1.35rem;
  font-weight:800;
}
.notification-icon i{font-size:1.2rem}
.notification-icon-like{background:#fff0f6;color:#eb4b7a}
.notification-icon-message{background:#edf2ff;color:#3257d6}
.notification-icon-view{background:#ecfbf2;color:#19a158}
.notification-icon-event{background:#fff4e8;color:#ee8a18}
.notification-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.notification-copy strong{font-size:1rem}
.notification-copy div{color:var(--muted-strong)}
.notification-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.notification-filters{
  position:sticky;
  top:94px;
  align-self:start;
}

.settings-tabs,.segmented-tabs{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--border);
  padding-bottom:14px;
}
.settings-tabs a,.segmented-tab{
  padding:0 2px 10px;
  color:#7a84a0;
  font-weight:800;
  border-bottom:3px solid transparent;
}
.settings-tabs a.active,.segmented-tab.active{
  color:var(--blue);
  border-color:var(--blue);
}
.segmented-tabs{
  gap:10px;
  border-bottom:none;
  padding-bottom:0;
}
.segmented-tab{
  min-height:40px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  border-radius:12px;
  background:#f5f8ff;
  border:1px solid var(--border);
}
.segmented-tab.active{
  color:#fff;
  background:linear-gradient(135deg,var(--blue),#3c70ff);
  border-color:transparent;
}

.site-settings-breadcrumb{
  color:#7e88a6;
  font-size:.95rem;
  font-weight:700;
}
.site-settings-top-tabs,.site-settings-subtabs{
  border-bottom:none;
  padding-bottom:0;
}
.site-settings-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.site-settings-card{
  display:flex;
  flex-direction:column;
  gap:20px;
  border:1px solid #dbe4fb;
  box-shadow:0 18px 40px rgba(72,97,178,.09);
}
.site-settings-card-wide{
  grid-column:1 / -1;
}
.site-settings-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.site-settings-card-title{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.site-settings-card-title h2{
  margin:0 0 6px;
  font-size:1.65rem;
}
.site-settings-card-title p{
  margin:0;
  color:var(--muted-strong);
}
.site-settings-card-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eef3ff;
  color:var(--blue);
  font-size:1.35rem;
  flex-shrink:0;
}
.site-settings-card-icon i{font-size:1.2rem}
.site-settings-fields{
  display:grid;
  gap:14px;
}
.site-settings-fields.cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.site-settings-fields.cols-3{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.site-setting-row,
.site-setting-block{
  min-width:0;
}
.site-setting-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid #edf1fb;
}
.site-setting-row:last-child{
  border-bottom:none;
}
.site-setting-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.site-setting-copy strong,
.site-setting-block label>span{
  font-size:1rem;
  font-weight:800;
  color:#1f2d57;
}
.site-setting-copy small,
.site-setting-block label small{
  color:#6c7796;
  line-height:1.45;
}
.site-setting-block label{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.site-setting-block input,
.site-setting-block select,
.site-setting-block textarea{
  min-height:48px;
}
.site-setting-block textarea{
  min-height:116px;
}
.site-switch{
  position:relative;
  display:inline-flex;
  width:52px;
  height:30px;
}
.site-switch input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.site-switch-slider{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#e3e7f2;
  transition:background .18s ease;
}
.site-switch-slider::after{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 18px rgba(61,76,120,.18);
  transition:transform .18s ease;
}
.site-switch input:checked + .site-switch-slider{
  background:linear-gradient(135deg,var(--blue),#5b7cff);
}
.site-switch input:checked + .site-switch-slider::after{
  transform:translateX(22px);
}
.site-setting-image-preview{
  width:100%;
  max-width:240px;
  padding:8px;
  border-radius:20px;
  background:#f5f8ff;
  border:1px solid #dce5fb;
}
.site-setting-image-preview img{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
}
.site-setting-clear-toggle{
  margin-top:4px;
}
.site-settings-note{
  padding:18px 20px;
  background:#f2efff;
  color:#4b4f94;
}
.site-settings-note strong{
  display:block;
  margin-bottom:6px;
}

.owner-dashboard{
  display:flex;
  flex-direction:column;
  gap:22px;
}
.owner-dashboard-range{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft);
  color:#4562c8;
  font-size:.9rem;
  font-weight:800;
}
.owner-kpi-grid,
.owner-queue-grid,
.owner-analytics-grid,
.owner-bottom-grid,
.owner-actions-grid{
  display:grid;
  gap:18px;
}
.owner-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.owner-queue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-analytics-grid,
.owner-bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.owner-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-kpi-card,
.owner-queue-card,
.owner-action-card{
  position:relative;
  overflow:hidden;
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.owner-kpi-card::before,
.owner-queue-card::before,
.owner-action-card::before{
  content:"";
  position:absolute;
  inset:auto -18% -45% auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(255,255,255,.48);
}
.owner-kpi-icon,
.owner-action-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.85);
  color:#304ec8;
  font-size:1.1rem;
  font-weight:800;
  box-shadow:0 10px 24px rgba(65,88,155,.08);
}
.owner-kpi-icon i,
.owner-action-icon i{font-size:1rem}
.owner-kpi-copy,
.owner-action-card{
  position:relative;
  z-index:1;
}
.owner-kpi-copy span,
.owner-queue-card span{
  display:block;
  color:#68769a;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.owner-kpi-copy strong,
.owner-queue-card strong{
  display:block;
  margin-top:8px;
  color:#17233f;
  font-size:1.85rem;
  line-height:1.02;
}
.owner-kpi-copy small,
.owner-queue-card small{
  display:block;
  margin-top:8px;
  color:#7180a1;
  font-size:.82rem;
  font-weight:600;
  line-height:1.45;
}
.owner-queue-card{
  flex-direction:column;
  justify-content:flex-start;
  min-height:140px;
}
.owner-queue-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.85);
  color:#3a59c9;
  font-size:1rem;
  font-weight:800;
  box-shadow:0 10px 20px rgba(69,88,153,.08);
}
.owner-queue-icon i{font-size:1rem}
.owner-dashboard-card{
  border-radius:24px;
  padding:22px 22px 20px;
}
.owner-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.owner-card-title{
  color:#1a2850;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.owner-chart{
  width:100%;
  height:auto;
}
.owner-chart line{
  stroke:#e6edfb;
  stroke-width:1;
}
.owner-chart polyline{
  fill:none;
  stroke:#4773ff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.owner-chart circle{
  fill:#fff;
  stroke:#4773ff;
  stroke-width:3;
}
.owner-chart-labels{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  color:#7884a1;
  font-size:.78rem;
  font-weight:700;
}
.owner-chart-labels span{
  text-align:center;
}
.owner-donut-wrap{
  display:grid;
  gap:18px;
  align-items:center;
}
.owner-donut-ring{
  position:relative;
  width:208px;
  height:208px;
  margin:0 auto;
  border-radius:50%;
}
.owner-donut-ring::after{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(224,231,246,.8);
}
.owner-donut-center{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
}
.owner-donut-center strong{
  display:block;
  color:#17233f;
  font-size:1.9rem;
  line-height:1;
}
.owner-donut-center span{
  display:block;
  margin-top:6px;
  color:#7a86a4;
  font-size:.82rem;
  font-weight:700;
}
.owner-donut-legend{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.owner-donut-legend-item{
  display:flex;
  align-items:center;
  gap:12px;
}
.owner-donut-swatch{
  width:12px;
  height:12px;
  flex:0 0 12px;
  border-radius:50%;
}
.owner-donut-swatch.swatch-blue{background:#2f5bff}
.owner-donut-swatch.swatch-pink{background:#f05ca8}
.owner-donut-swatch.swatch-purple{background:#8a6bff}
.owner-donut-legend-item strong{
  display:block;
  font-size:.92rem;
}
.owner-donut-legend-item small{
  display:block;
  margin-top:3px;
  color:#7783a2;
}
.owner-report-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.owner-report-item{
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
.owner-report-item img{
  width:50px;
  height:50px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
  box-shadow:0 10px 22px rgba(49,69,124,.12);
}
.owner-report-copy strong{
  display:block;
  font-size:.95rem;
}
.owner-report-copy span{
  display:block;
  margin-top:4px;
  color:#7380a0;
  font-size:.84rem;
}
.owner-report-meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
}
.owner-report-meta small{
  color:#8190b2;
  font-size:.78rem;
  font-weight:700;
}
.owner-action-card{
  flex-direction:column;
  min-height:128px;
}
.owner-action-card strong{
  position:relative;
  z-index:1;
  display:block;
  margin-top:2px;
  font-size:1rem;
}
.owner-action-card span{
  position:relative;
  z-index:1;
  display:block;
  margin-top:6px;
  color:#7380a0;
  font-size:.84rem;
  font-weight:700;
}
.owner-kpi-card.tone-blue,
.owner-queue-card.tone-blue,
.owner-action-card.tone-blue{background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%)}
.owner-kpi-card.tone-green,
.owner-action-card.tone-green{background:linear-gradient(180deg,#ffffff 0%,#effcf4 100%)}
.owner-kpi-card.tone-purple,
.owner-queue-card.tone-purple,
.owner-action-card.tone-purple{background:linear-gradient(180deg,#ffffff 0%,#f5f0ff 100%)}
.owner-kpi-card.tone-orange,
.owner-queue-card.tone-orange,
.owner-action-card.tone-orange{background:linear-gradient(180deg,#ffffff 0%,#fff7ea 100%)}
.owner-kpi-card.tone-pink,
.owner-action-card.tone-pink{background:linear-gradient(180deg,#ffffff 0%,#fff1f7 100%)}
.owner-queue-card.tone-red{background:linear-gradient(180deg,#ffffff 0%,#fff3f5 100%)}
.owner-action-card.tone-yellow{background:linear-gradient(180deg,#ffffff 0%,#fff9ea 100%)}

.ukc-system-card h3{
  display:flex;
  align-items:center;
  gap:8px;
}
.ukc-system-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
}
.ukc-system-dot.is-live{background:#33d06c;box-shadow:0 0 0 6px rgba(51,208,108,.18)}
.ukc-system-dot.is-alert{background:#ffb02e;box-shadow:0 0 0 6px rgba(255,176,46,.18)}

.staff-admin-layout,.owner-shell{display:block}
.staff-sidebar{display:none}
.staff-main-area{display:flex;flex-direction:column;gap:24px}
.staff-section-card{display:flex;flex-direction:column;gap:18px}
.staff-section-head{align-items:center}
.staff-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-ticket-card{display:flex;flex-direction:column;gap:12px}
.staff-ticket-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.staff-ticket-body{color:var(--muted-strong)}
.staff-ticket-reply textarea{min-height:100px}
.staff-section-actions{display:flex;justify-content:flex-end}
.queue-workspace{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.queue-sidebar,
.queue-detail-card{min-height:0}
.queue-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.queue-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:820px;
  overflow:auto;
  padding-right:4px;
}
.queue-item{
  display:block;
  padding:16px;
  border:1px solid #d9e3f8;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.queue-item:hover,
.queue-item.is-active{
  border-color:#b9cbfb;
  box-shadow:0 18px 42px rgba(64,94,185,.12);
  transform:translateY(-1px);
}
.queue-item-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.queue-item-meta,
.queue-item-foot,
.queue-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#7380a0;
  font-size:.86rem;
}
.queue-item-meta{margin-top:8px}
.queue-item-subhead{
  margin-top:8px;
  color:#5f6f95;
  font-size:.88rem;
}
.queue-item-preview{
  margin-top:8px;
  color:#24355f;
  line-height:1.5;
}
.queue-item-foot{margin-top:10px}
.queue-unread{
  min-width:28px;
  height:28px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--primary);
  color:#fff;
  font-size:.8rem;
  font-weight:800;
}
.queue-detail-card{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.queue-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
}
.queue-detail-badges,
.queue-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ticket-thread{
  display:flex;
  flex-direction:column;
  gap:14px;
  max-height:640px;
  overflow:auto;
  padding-right:6px;
}
.ticket-thread-message{
  max-width:min(86%,720px);
  padding:16px 18px;
  border-radius:22px;
  border:1px solid #dbe4fa;
  background:#fff;
  box-shadow:0 14px 34px rgba(50,72,129,.08);
}
.ticket-thread-message.user{margin-right:auto}
.ticket-thread-message.staff{
  margin-left:auto;
  background:linear-gradient(180deg,#eef3ff 0%,#eaf0ff 100%);
}
.ticket-thread-label{
  margin-bottom:6px;
  color:#5169ef;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ticket-thread-body{color:#24355f;line-height:1.6}
.ticket-thread-meta{margin-top:10px;font-size:.82rem;color:#7d89a8}
.ticket-thread-compose{
  padding-top:6px;
  border-top:1px solid var(--border);
}
.report-detail-preview{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.report-preview-image{
  width:100%;
  max-width:340px;
  border-radius:18px;
  border:1px solid var(--border);
  object-fit:cover;
}
.gallery-stat-row{gap:8px}
@media (max-width: 640px){
  .gallery-card-body{
    padding:14px;
    gap:10px;
  }
  .gallery-avatar{
    width:46px;
    height:46px;
  }
  .gallery-photo-host-avatar{
    width:64px;
    height:64px;
    border-radius:18px;
  }
  .gallery-photo-host-name{
    font-size:1.45rem;
  }
}
@media (max-width: 980px){
  .gallery-photo-layout{
    grid-template-columns:1fr;
  }
  .gallery-photo-sidebar{
    max-width:none;
    width:100%;
  }
}
.moderation-form{padding-top:6px;border-top:1px solid var(--border)}
.permission-group{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.permission-group-title{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7a86a3;
}
.permission-cloud .permission-pill{
  min-height:36px;
  background:#fff;
}

.toggle{
  display:flex;
  align-items:center;
  gap:10px;
}
.toggle label{margin:0;color:#425172;font-weight:700}
.filter-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.filter-check{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  color:#425172;
  font-weight:700;
}
.filter-check span{font-size:.9rem}
.browse-toolbar{
  display:grid;
  gap:16px;
}
.browse-preset-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.browse-preset-strip a{
  text-decoration:none;
}
.browse-filter-inline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:end;
}
.browse-inline-checks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.text-link-button{
  padding:0;
  border:none;
  background:none;
  color:#3658d6;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.text-link-button:hover{
  color:#2340b4;
  text-decoration:underline;
}
.discovery-inline-action{
  margin-top:-2px;
}

.owner-gallery-sort{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery-manage-card img{height:210px}
.gallery-drag-handle{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#4057bf;
  font-size:.72rem;
  font-weight:800;
}
.gallery-inline-form input[type="text"]{min-height:40px}

.visitor-card{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.ukc-footer-wrap{padding:24px 24px 18px;margin-top:auto;background:linear-gradient(180deg,rgba(243,247,255,0),#f6f8ff 18%,#eef3ff 100%);border-top:1px solid var(--border)}
.ukc-footer-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 330px;
  gap:26px;
  align-items:start;
  padding:24px;
}
.ukc-footer-brand p{margin:12px 0 14px}
.ukc-footer-socials{display:flex;gap:10px}
.ukc-footer-socials span{
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f3f6ff;
  color:#324f9d;
  font-size:.78rem;
  font-weight:800;
}
.ukc-footer-socials i{font-size:.92rem}
.ukc-footer-cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.ukc-footer-cols h4,.ukc-footer-subscribe h4{
  margin:0 0 10px;
  color:#7583a4;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ukc-footer-cols a{
  display:block;
  padding:4px 0;
  color:#253559;
  font-weight:700;
  font-size:.92rem;
}
.ukc-footer-subscribe{
  padding:18px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  border-radius:20px;
  background:linear-gradient(135deg,#edf2ff,#f5efff);
}
.ukc-footer-subscribe-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#fff;
  color:#3353c5;
  font-weight:800;
}
.ukc-footer-subscribe-icon i{font-size:1rem}
.ukc-footer-subscribe p{margin-top:4px}
.ukc-footer-form{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.ukc-footer-form input{background:#fff}
.ukc-footer-legal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 6px 0;
  color:#7d89a6;
  font-size:.78rem;
}
.ukc-footer-legal a{margin-left:16px;color:#6f7b99;font-weight:700}



.page-browse .member-results-grid,
.page-favorites .list-grid,
.page-online .member-results-grid,
.page-viewed_me .viewed-grid,
.page-search .member-results-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
}
.page-gallery .gallery-feed{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-home .profile-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
}
.page-home .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-home .home-preview-card{
  padding:18px 16px 16px;
  align-items:center;
  text-align:center;
  gap:12px;
}
.page-home .home-preview-card .overlay-top{
  position:static;
  justify-content:center;
  gap:8px;
  margin-bottom:2px;
}
.page-home .home-preview-card .profile-card-media{
  width:120px;
  height:120px;
  margin:0 auto;
  border-radius:50%;
  overflow:visible;
  background:transparent;
  flex-shrink:0;
}
.page-home .home-preview-card .profile-card-media img{
  width:120px;
  height:120px;
  max-width:120px;
  max-height:120px;
  border-radius:999px;
  object-fit:cover;
  border:4px solid #fff;
  box-shadow:0 12px 28px rgba(31, 51, 96, .16);
  background:#dfe6f8;
}
.page-home .home-preview-card .profile-card-body{
  width:100%;
  padding:0;
  align-items:center;
  text-align:center;
  gap:8px;
}
.page-home .home-preview-card h3{
  margin:0 0 4px;
  font-size:1.1rem;
  line-height:1.25;
}
.page-home .home-preview-card .meta{
  justify-content:center;
  text-align:center;
  font-size:.86rem;
}
.page-home .home-preview-card .card-actions{
  width:100%;
  gap:8px;
}
.page-home .home-preview-card .card-actions .btn,
.page-home .home-preview-card .card-actions .btn-secondary{
  padding:11px 10px;
  font-size:.92rem;
}

.page-browse .profile-card,
.page-favorites .profile-card,
.page-online .profile-card,
.page-viewed_me .profile-card,
.page-search .profile-card{
  padding:18px 16px 16px;
  align-items:center;
  text-align:center;
  gap:14px;
}
.page-browse .profile-card-media,
.page-favorites .profile-card-media,
.page-online .profile-card-media,
.page-viewed_me .profile-card-media,
.page-search .profile-card-media{
  width:132px;
  height:132px;
  margin:6px auto 0;
  border-radius:50%;
  overflow:visible;
  background:transparent;
  flex-shrink:0;
}
.page-browse .profile-card-media img,
.page-favorites .profile-card-media img,
.page-online .profile-card-media img,
.page-viewed_me .profile-card-media img,
.page-search .profile-card-media img{
  width:132px;
  height:132px;
  max-width:132px;
  max-height:132px;
  border-radius:999px;
  object-fit:cover;
  border:4px solid #fff;
  box-shadow:0 12px 28px rgba(31, 51, 96, .16);
}
.page-browse .profile-card-body,
.page-favorites .profile-card-body,
.page-online .profile-card-body,
.page-viewed_me .profile-card-body,
.page-search .profile-card-body{
  width:100%;
  padding:0;
  align-items:center;
  text-align:center;
  gap:8px;
}
.page-browse .profile-card-top,
.page-favorites .profile-card-top,
.page-online .profile-card-top,
.page-viewed_me .profile-card-top,
.page-search .profile-card-top{
  display:block;
  width:100%;
}
.page-browse .profile-card h3,
.page-favorites .profile-card h3,
.page-online .profile-card h3,
.page-viewed_me .profile-card h3,
.page-search .profile-card h3{
  margin:0 0 4px;
  font-size:1.1rem;
  line-height:1.25;
}
.page-browse .profile-card-status,
.page-favorites .profile-card-status,
.page-online .profile-card-status,
.page-viewed_me .profile-card-status,
.page-search .profile-card-status{
  justify-content:center;
  margin-top:8px;
}
.page-browse .profile-card .meta,
.page-favorites .profile-card .meta,
.page-online .profile-card .meta,
.page-viewed_me .profile-card .meta,
.page-search .profile-card .meta{
  justify-content:center;
  text-align:center;
  font-size:.86rem;
}
.page-browse .profile-card-bio,
.page-favorites .profile-card-bio,
.page-online .profile-card-bio,
.page-viewed_me .profile-card-bio,
.page-search .profile-card-bio{
  min-height:0;
  max-width:30ch;
  margin:0 auto;
  font-size:.86rem;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.page-browse .profile-card .chip-row,
.page-favorites .profile-card .chip-row,
.page-online .profile-card .chip-row,
.page-viewed_me .profile-card .chip-row,
.page-search .profile-card .chip-row{
  justify-content:center;
}
.page-browse .profile-card-actions,
.page-favorites .profile-card-actions,
.page-online .profile-card-actions,
.page-viewed_me .profile-card-actions,
.page-search .profile-card-actions{
  width:100%;
  gap:8px;
}
.page-browse .profile-card-actions .btn,
.page-browse .profile-card-actions .btn-secondary,
.page-favorites .profile-card-actions .btn,
.page-favorites .profile-card-actions .btn-secondary,
.page-online .profile-card-actions .btn,
.page-online .profile-card-actions .btn-secondary,
.page-viewed_me .profile-card-actions .btn,
.page-viewed_me .profile-card-actions .btn-secondary,
.page-search .profile-card-actions .btn,
.page-search .profile-card-actions .btn-secondary{
  padding:11px 10px;
  font-size:.92rem;
}

.page-search .search-layout{
  grid-template-columns:1fr;
}
.page-search .filter-card{
  position:static;
}
.page-search .filter-card form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px 12px;
}
.page-search .filter-card .info-grid,
.page-search .filter-card .filter-check-grid{
  grid-column:1/-1;
}
.page-search .filter-card .full{
  grid-column:1/-1;
}
.page-search .filter-card .section-heading{
  gap:6px;
  margin-bottom:4px;
}
.page-search .filter-card .section-heading p{
  margin:0;
  font-size:.92rem;
  line-height:1.45;
}
.page-search .filter-card label > span,
.page-search .filter-card .field-label{
  font-size:.9rem;
}
.page-search .filter-card .filter-check-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
}
.page-search .filter-card .filter-check{
  gap:8px;
  min-height:36px;
  padding:0 10px;
  border-radius:10px;
}
.page-search .filter-card .filter-check span{
  font-size:.9rem;
  line-height:1.2;
}
.page-search .filter-card .filter-check input{
  transform:scale(.92);
}
.page-search .filter-card input[type="text"],
.page-search .filter-card input[type="number"],
.page-search .filter-card select{
  min-height:42px;
}
.page-browse .browse-filter-inline .page-actions{
  justify-content:flex-start;
}
.page-browse .results-toolbar,
.page-search .results-toolbar{
  align-items:flex-start;
}
.page-browse .profile-card .text-link-button,
.page-search .profile-card .text-link-button{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#fff;
  text-decoration:none;
}
.page-browse .profile-card .text-link-button:hover,
.page-search .profile-card .text-link-button:hover{
  background:#f7f9ff;
  text-decoration:none;
}

.page-account #edit-profile .tag-cloud .pill{
  min-height:40px;
}
.page-account .sidebar-layout{grid-template-columns:320px minmax(0,1fr)}
.page-account .stat-grid{display:grid;gap:12px}
.page-account .account-drawer{
  padding:0;
  overflow:hidden;
}
.page-account .account-drawer summary{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  cursor:pointer;
}
.page-account .account-drawer summary::-webkit-details-marker{display:none}
.page-account .account-drawer summary::after{
  content:"Open";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:#eef3ff;
  color:#3456ca;
  font-size:.82rem;
  font-weight:800;
  flex-shrink:0;
}
.page-account .account-drawer[open] summary::after{content:"Hide"}
.page-account .account-drawer summary h2{margin:0}
.page-account .account-drawer summary p{
  margin:6px 0 0;
  color:var(--muted);
  font-weight:600;
}
.page-account .account-drawer-body{
  padding:0 24px 24px;
  border-top:1px solid var(--border);
}
.page-account .account-verification-shell{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.page-account .account-verification-preview{
  display:block;
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#f7f9ff;
  min-height:180px;
}
.page-account .account-verification-preview img,
.page-account .account-verification-history-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-account .account-verification-copy{
  min-width:0;
}
.page-account .account-verification-guidance{
  display:grid;
  gap:14px;
}
.page-account .account-verification-history{
  display:grid;
  gap:12px;
}
.page-account .account-verification-history-item{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.page-account .account-verification-history-thumb{
  display:block;
  width:84px;
  height:84px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#f7f9ff;
}
.page-account .account-verification-history-copy{
  display:grid;
  gap:8px;
  min-width:0;
}
.page-account .account-verification-history-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-account #photo-verification .page-actions form{
  margin:0;
}

.page-notifications .banner,.page-support .banner,.page-viewed_me .card,.page-favorites article,.page-browse article,.page-online article{
  box-shadow:var(--shadow);
}

@media (max-width:1280px){
  .owner-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .owner-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery,.gallery-feed,.owner-gallery-sort,.page-favorites .list-grid,.page-home .profile-grid,.page-home .gallery{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  

.page-browse .member-results-grid,
  .page-favorites .list-grid,
  .page-online .member-results-grid,
  .page-viewed_me .viewed-grid,
  .page-search .member-results-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .browse-filter-inline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .browse-inline-checks{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .stats-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ukc-footer-card{grid-template-columns:1fr}
  .ukc-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1120px){
  .ukc-shell{grid-template-columns:1fr}
  .ukc-sidebar{
    position:relative;
    height:auto;
    border-right:none;
    border-bottom:1px solid var(--border);
  }
  .ukc-topbar{
    grid-template-columns:1fr;
    padding:14px 18px;
  }
  .ukc-top-search,
  .ukc-top-actions{
    grid-column:auto;
    justify-self:stretch;
  }
  .ukc-top-search{
    max-width:none;
  }
  .ukc-guest-topbar-inner,
  .guest-home-container,
  .ukc-guest-footer{
    padding-left:18px;
    padding-right:18px;
  }
  .ukc-top-actions{justify-content:flex-start}
  .ukc-header-shortcuts{
    width:100%;
    margin-right:0;
  }
  .home-reference-hero,.grid-2,.home-lower-grid,.staff-top-grid,.info-grid,.content-two-col,.notification-layout,.sidebar-layout,.search-layout,.chat-shell{
    grid-template-columns:1fr;
  }
  .owner-analytics-grid,
  .owner-bottom-grid{
    grid-template-columns:1fr;
  }
  .stats-grid,.stats-grid-4,.stats-grid-5,.dashboard-shortcuts,.gallery,.gallery-feed,.owner-gallery-sort,.page-favorites .list-grid,.page-home .profile-grid,.page-home .gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-settings-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-settings-fields.cols-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  

.page-browse .member-results-grid,
  .page-favorites .list-grid,
  .page-online .member-results-grid,
  .page-viewed_me .viewed-grid,
  .page-search .member-results-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .browse-filter-inline,
  .browse-inline-checks{
    grid-template-columns:1fr;
  }
  .filter-card,.sidebar-card{position:static}
  .queue-workspace{grid-template-columns:1fr}
  .queue-list{max-height:420px}
  .ticket-thread{max-height:none}
  .page-account .account-drawer-body{padding:0 18px 18px}
  .ukc-footer-cols{grid-template-columns:1fr 1fr}
  .chat-panel{border-right:none;border-bottom:1px solid var(--border)}
  .page-chat .modern-chat-shell{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
  }
  .page-chat .chat-panel{
    border-right:none;
    border-bottom:1px solid var(--border);
    max-height:360px;
  }
}

@media (max-width:860px){
  .ukc-content,.ukc-footer-wrap{padding-left:14px;padding-right:14px}
  .ukc-guest-topbar-inner,
  .guest-home-container,
  .ukc-guest-footer{
    padding-left:14px;
    padding-right:14px;
  }
  .page-intro,.featured-head,.section-card-title,.results-toolbar,.staff-ticket-top{align-items:flex-start}
  .ukc-header-shortcuts{
    flex-direction:column;
    align-items:stretch;
  }
  .ukc-top-search{
    padding-right:14px;
  }
  .ukc-header-shortcut{
    width:100%;
  }
  .owner-kpi-grid,
  .owner-queue-grid,
  .owner-actions-grid{
    grid-template-columns:1fr;
  }
  .owner-dashboard-range{
    width:100%;
    justify-content:center;
  }
  .owner-report-item{
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  .owner-report-meta{
    align-items:flex-start;
  }
  .profile-grid,.list-grid.member-results-grid,

.page-browse .member-results-grid,.page-favorites .list-grid,.page-online .member-results-grid,.page-viewed_me .viewed-grid,.page-search .member-results-grid,.gallery,.gallery-feed,.owner-gallery-sort,.page-home .profile-grid,.page-home .gallery,.dashboard-shortcuts,.stats-grid,.stats-grid-4,.stats-grid-5,.info-grid,.form-grid,.filter-check-grid,.stats-split-grid,.ukc-footer-cols,.ukc-footer-form{
    grid-template-columns:1fr;
  }
  .site-settings-grid,
  .site-settings-fields.cols-2,
  .site-settings-fields.cols-3{
    grid-template-columns:1fr;
  }
  .site-settings-card-head,
  .site-setting-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-reference-hero{grid-template-columns:1fr;padding:24px}
  .guest-home-hero{
    grid-template-columns:1fr;
    min-height:0;
    padding:28px 22px 22px;
  }
  .guest-home-art{
    justify-content:center;
  }
  .guest-home-art img{
    width:min(100%,540px);
    margin-right:0;
  }
  .guest-home-features{
    grid-template-columns:1fr;
  }
  .guest-home-cta-btn{
    min-width:0;
    width:100%;
  }
  .ukc-guest-footer{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-reference-art{
    grid-template-columns:1fr;
    grid-template-areas:
      "center"
      "left"
      "right";
    width:100%;
    max-width:none;
  }
  .hero-shot.left,.hero-shot.right,.hero-shot.center{
    justify-self:center;
    align-self:auto;
  }
  .hero-shot.center img{width:190px;height:190px}
  .profile-hero-body{padding:18px}
  .profile-head{grid-template-columns:1fr}
  .profile-avatar{
    width:140px;
    height:140px;
  }
  .profile-actions{justify-content:flex-start}
  .event-filter-form,
  .verification-request-head{grid-template-columns:1fr}
  .event-toolbar,
  .subnav-links{gap:14px}
  .page-account .account-drawer summary{
    padding:18px;
    flex-direction:column;
  }
  .page-account .account-drawer-body{padding:0 18px 18px}
  .page-account .account-verification-shell,
  .page-account .account-verification-history-item{
    grid-template-columns:1fr;
  }
  .page-account .account-verification-preview{
    min-height:220px;
  }
  .page-account .account-verification-history-thumb{
    width:100%;
    height:180px;
  }
  .profile-card-actions{grid-template-columns:1fr}
  .visitor-card{grid-template-columns:1fr}
  .notification-card{grid-template-columns:1fr}
  .notification-actions{justify-content:flex-start}
  .queue-item-top,.queue-detail-head{flex-direction:column}
  .queue-detail-badges,.queue-toolbar{width:100%}
  .msg{max-width:100%}
  .page-chat .chat-compose-bar{grid-template-columns:1fr}
  .page-chat .chat-upload-btn,
  .page-chat .chat-compose-bar button{width:100%}
  .page-chat .chat-header-actions{
    width:100%;
    justify-content:flex-start;
  }
  .page-chat .modern-thread{padding:18px 16px 14px}
  .page-chat .modern-thread-head,
  .page-chat .modern-chat-compose,
  .page-chat .chat-reply-banner,
  .page-chat .chat-attachment-preview{padding-left:16px;padding-right:16px}
  .ukc-footer-legal{
    flex-direction:column;
    align-items:flex-start;
  }
  .ukc-footer-legal a{margin-left:0;margin-right:16px}
}

.site-setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.site-setting-label-row > span{margin-bottom:0!important}.btn-xs{padding:8px 12px;font-size:12px;line-height:1.1;border-radius:10px}

/* Forum boards redesign */
.forum-page-shell{gap:22px}
.forum-boards-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:28px;
  align-items:start;
}
.forum-boards-main{padding:0;overflow:hidden}
.forum-boards-head{padding:28px 30px 18px;border-bottom:1px solid var(--border)}
.forum-boards-head h2{margin:0 0 6px;font-size:2.2rem;color:#122059}
.forum-boards-head p{margin:0;color:#7180a5}
.forum-board-list{display:flex;flex-direction:column}
.forum-board-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 150px;
  gap:20px;
  align-items:center;
  padding:24px 30px;
  border-bottom:1px solid var(--border);
  color:inherit;
  transition:background .18s ease, transform .18s ease;
}
.forum-board-row:last-child{border-bottom:none}
.forum-board-row:hover{background:#fbfcff}
.forum-board-row.is-active{background:#f8faff}
.forum-board-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eef2ff;
  color:#2f5bff;
  font-weight:800;
  font-size:1.15rem;
}
.forum-board-copy{display:grid;gap:6px;min-width:0}
.forum-board-title{font-size:1.15rem;font-weight:800;color:#1a275f}
.forum-board-description{color:#68789f;line-height:1.5}
.forum-board-latest{color:#29406d;line-height:1.5}
.forum-board-latest strong{margin-right:6px}
.forum-board-latest-meta{display:block;color:#7383a9}
.forum-board-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  justify-items:end;
}
.forum-board-stats span{display:grid;gap:4px;text-align:right}
.forum-board-stats strong{font-size:2rem;line-height:1;color:#5166b6}
.forum-board-stats em{font-style:normal;color:#6f7ea2}
.forum-side-card{padding:22px}
.forum-side-card h3{margin:0 0 16px;color:#1a275f}
.forum-side-actions,.forum-trending-list{display:flex;flex-direction:column;gap:12px}
.forum-action-btn{
  display:flex;
  align-items:center;
  min-height:56px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid var(--border);
  font-weight:800;
}
.forum-action-btn.action-primary{background:#eef2ff;color:#2f5bff;border-color:#d9e1ff}
.forum-action-btn.action-soft{background:#fff4f7;color:#d25076;border-color:#f4d4de}
.forum-action-btn.action-soft-blue{background:#f5f7ff;color:#3958d8;border-color:#dde3ff}
.forum-action-btn.action-soft-green{background:#eefbf4;color:#269153;border-color:#d7f2e2}
.forum-action-btn.action-soft-mint{background:#edf9f2;color:#20765f;border-color:#d8efe1}
.forum-trending-item{display:flex;align-items:center;gap:12px;padding:10px 0;color:inherit}
.forum-trending-item img{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#e7ecfb}
.forum-trending-item span{display:grid;gap:4px;min-width:0}
.forum-trending-item strong{display:block;color:#1d2b61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-trending-item em{font-style:normal;color:#7b88a8;font-size:.92rem}
.forum-thread-preview{padding:24px 26px}
.forum-thread-preview-list{display:flex;flex-direction:column;gap:14px}
.forum-thread-preview-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fbfcff;
}
.forum-thread-preview-row strong a{color:#1a275f}
.forum-thread-preview-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;color:#6f7ea2}
@media (max-width: 1024px){
  .forum-boards-layout{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 760px){
  .forum-board-row{grid-template-columns:54px minmax(0,1fr);padding:18px}
  .forum-board-stats{grid-column:1/-1;justify-items:start;grid-template-columns:repeat(2,minmax(0,120px))}
  .forum-board-stats span{text-align:left}
  .forum-thread-preview-row{flex-direction:column;align-items:flex-start}
  .forum-thread-preview-meta{justify-content:flex-start}
}

.home-brand-lockup{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.home-brand-logo{
  display:block;
  max-width:min(360px,100%);
  max-height:94px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 30px rgba(21,38,92,.14));
}
.home-brand-badge{
  width:78px;
  height:78px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#17306b,#2f5bff);
  color:#fff;
  font-weight:900;
  font-size:1.5rem;
  letter-spacing:.08em;
  box-shadow:0 16px 34px rgba(25,57,144,.24);
}
.home-brand-name{
  font-size:1.45rem;
  font-weight:900;
  color:#14245a;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.profile-readiness-drawer{
  padding:0;
}
.profile-readiness-toggle{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px;
  cursor:pointer;
}
.profile-readiness-toggle::-webkit-details-marker{display:none}
.profile-readiness-toggle::after{
  content:"Open";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#eef4ff;
  color:#2f59cf;
  font-weight:800;
  white-space:nowrap;
}
.profile-readiness-drawer[open] .profile-readiness-toggle{
  border-bottom:1px solid var(--border);
}
.profile-readiness-drawer[open] .profile-readiness-toggle::after{content:"Hide"}
.profile-readiness-toggle h2{margin:6px 0 0}
.profile-readiness-toggle p{
  margin:8px 0 0;
  color:#66779c;
  font-weight:600;
}
.profile-readiness-toggle-meta{
  display:grid;
  gap:8px;
  justify-items:end;
  text-align:right;
}
.profile-readiness-body{
  padding:24px;
}
.profile-readiness-shell{
  gap:20px;
}
.profile-readiness-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.profile-readiness-overview{
  display:grid;
  grid-template-columns:minmax(280px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.profile-readiness-progress{
  display:grid;
  gap:14px;
  padding:22px;
  border:1px solid var(--border);
  border-radius:22px;
  background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);
}
.profile-readiness-score{
  display:grid;
  gap:6px;
}
.profile-readiness-score strong{
  font-size:3rem;
  line-height:1;
  color:#16306e;
}
.profile-readiness-score span{
  color:#66779c;
  font-weight:700;
}
.profile-readiness-bar{
  position:relative;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#e6ecfb;
}
.profile-readiness-bar span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2b66ff 0%,#29b37a 100%);
}
.profile-readiness-meta{
  display:grid;
  gap:8px;
  color:#64759a;
  font-size:.95rem;
}
.profile-readiness-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.readiness-metric{
  display:grid;
  gap:6px;
  min-height:118px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
}
.readiness-metric span{
  color:#7583a5;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
}
.readiness-metric strong{
  color:#14245a;
  font-size:1.15rem;
  line-height:1.35;
}
.profile-readiness-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.readiness-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.readiness-step{
  display:grid;
  gap:10px;
  min-height:150px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  color:inherit;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.readiness-step:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(28,51,119,.09);
}
.readiness-step.is-done{
  background:linear-gradient(180deg,#ffffff 0%,#f7fcfa 100%);
  border-color:#d8efe4;
}
.readiness-step.is-pending{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}
.readiness-step.is-required{
  border-color:#d7e3ff;
}
.readiness-step-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.readiness-step-top strong{
  color:#16275f;
  font-size:1rem;
  line-height:1.45;
}
.readiness-step p{
  margin:0;
  color:#64759a;
  line-height:1.55;
}
.readiness-step-meta{
  margin-top:auto;
  color:#7a88a7;
  font-size:.9rem;
  font-weight:700;
}
.readiness-note{
  border-color:#dfe7fb;
}
.profile-readiness-signals{
  margin-top:-2px;
}

.profile-edit-accordion{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-start;
}
.profile-edit-panel{
  flex:0 0 auto;
  margin:0;
}
.profile-edit-panel[open]{
  flex:1 0 100%;
  width:100%;
  padding:20px;
  border:1px solid var(--border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 36px rgba(20,39,90,.08);
}
.profile-edit-panel summary{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:58px;
  padding:14px 18px;
  border:1px solid #dfe7fb;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.profile-edit-panel summary::-webkit-details-marker{display:none}
.profile-edit-panel summary:hover{
  border-color:#c6d5ff;
  box-shadow:0 12px 24px rgba(43,92,255,.08);
  transform:translateY(-1px);
}
.profile-edit-panel[open] > summary{
  margin-bottom:18px;
  border-color:#c6d5ff;
  background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%);
}
.profile-edit-summary-title{
  color:#16306e;
  font-weight:800;
}
.profile-edit-summary-copy{
  color:#66779c;
  font-size:.92rem;
  font-weight:600;
  line-height:1.45;
}
.profile-edit-panel-body{
  display:grid;
  gap:18px;
}
.testing-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #dfe7fb;
  background:#f5f8ff;
  color:#29447f;
  font-weight:800;
}
.testing-status-pill.soft{
  background:#f5f8ff;
  color:#29447f;
}
.testing-reminder-card .page-actions{
  align-items:center;
}
.testing-reminder-card .page-actions form{
  margin:0;
}
.testing-status-card{
  border:1px solid #e4ebfb;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9ff 100%);
}

@media (max-width: 920px){
  .profile-readiness-overview,
  .profile-readiness-grid,
  .readiness-steps{
    grid-template-columns:1fr;
  }
  .profile-readiness-toggle{
    padding:18px;
    flex-direction:column;
  }
  .profile-readiness-toggle-meta{
    width:100%;
    justify-items:start;
    text-align:left;
  }
  .profile-readiness-body{
    padding:18px;
  }
  .profile-edit-accordion{
    display:grid;
  }
  .profile-edit-panel,
  .profile-edit-panel[open]{
    width:100%;
  }
  .profile-edit-panel summary{
    width:100%;
  }
}