/* Authenticated customer console for the closed Manager B2B pilot.
   The palette borrows the public site's gold, deep navy and restrained blue. */
:root {
  --console-bg: #080d14;
  --console-bg-soft: #0d1520;
  --console-panel: rgba(17, 27, 40, .78);
  --console-panel-strong: #131e2b;
  --console-card: rgba(19, 30, 44, .82);
  --console-card-muted: rgba(255, 255, 255, .035);
  --console-ink: #f7f4ed;
  --console-muted: #9aa8ba;
  --console-faint: #718095;
  --console-line: rgba(207, 220, 239, .12);
  --console-gold: #c9a84c;
  --console-gold-light: #f1d583;
  --console-gold-dim: rgba(201, 168, 76, .14);
  --console-blue: #6fa6fa;
  --console-blue-dim: rgba(91, 151, 242, .14);
  --console-success: #59d49a;
  --console-warning: #f2bd5d;
  --console-danger: #ee7d85;
  --console-radius: 20px;
  --console-radius-sm: 13px;
  --console-shadow: 0 20px 60px rgba(0, 0, 0, .22);
  --console-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --console-display: Outfit, Inter, ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--console-bg); scroll-behavior: smooth; }
body.fa-manager-console {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(900px 470px at 78% -8%, rgba(56, 104, 177, .18), transparent 65%),
    radial-gradient(700px 420px at 9% 13%, rgba(201, 168, 76, .105), transparent 68%),
    var(--console-bg);
  color: var(--console-ink);
  font: 400 16px/1.55 var(--console-font);
}
body.fa-manager-console::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 76%);
}
button, input, select { font: inherit; }
button, select { cursor: pointer; }
button:disabled, select:disabled { cursor: not-allowed; opacity: .58; }
a { color: inherit; }
[hidden] { display: none !important; }

.fa-console-header { --fa-header-bg: rgba(8, 13, 20, .92); }
.fa-console-header .fa-site-desktop-nav a[aria-current="page"] { color: var(--console-gold-light); }
.fa-console-header .fa-site-manager-link { border-color: rgba(201, 168, 76, .44); }
.fa-console-header .fa-site-manager-link > span { font: 800 13px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.console-pilot-badge {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid rgba(201, 168, 76, .33);
  border-radius: 999px;
  background: rgba(201, 168, 76, .1);
  color: #efd785;
  font: 750 10px/1 var(--console-font);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.console-account { position: relative; }
.console-account-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 4px 8px 4px 5px;
  border: 1px solid var(--fa-header-line);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #f8fafc;
}
.console-account-initial {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--console-gold), #8a6d2f);
  color: #10151c;
  font: 800 11px/1 var(--console-font);
}
.console-account-toggle > span:last-child { max-width: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 650 12px/1 var(--console-font); }
.console-account-toggle > b { color: #b9c2d0; font: 600 12px/1 var(--console-font); }
.console-account-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 1005;
  width: min(260px, calc(100vw - 28px));
  padding: 8px;
  border: 1px solid rgba(206, 218, 235, .16);
  border-radius: 14px;
  background: #111b29;
  box-shadow: 0 20px 42px rgba(0,0,0,.32);
}
.console-account-menu-head { padding: 9px 10px 11px; }
.console-account-menu-head strong, .console-account-menu-head small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.console-account-menu-head strong { font-size: 13px; }
.console-account-menu-head small { margin-top: 2px; color: #9fabbc; font-size: 11px; }
.console-account-menu a, .console-account-menu button { display: flex; width: 100%; align-items: center; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 9px; background: transparent; color: #e5eaf2; text-align: left; text-decoration: none; font-size: 13px; }
.console-account-menu a:hover, .console-account-menu a:focus-visible, .console-account-menu button:hover, .console-account-menu button:focus-visible { background: rgba(255,255,255,.07); }
.console-account-menu button { color: #f2a3a8; }
.console-account-login { display: inline-flex; min-height: 34px; align-items: center; padding: 8px 12px; border: 1px solid rgba(201,168,76,.42); border-radius: 999px; background: rgba(201,168,76,.1); color: #f5d780; text-decoration: none; font: 700 12px/1 var(--console-font); }
.fa-site-menu-button { font-size: 21px; }

.console-toast {
  position: fixed;
  z-index: 3000;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  width: min(392px, calc(100vw - 32px));
  padding: 12px 15px;
  border: 1px solid rgba(201,168,76,.3);
  border-radius: 13px;
  background: #182332;
  box-shadow: 0 16px 38px rgba(0,0,0,.3);
  color: #f2f4f7;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .2s ease, transform .2s ease;
}
.console-toast.is-visible { opacity: 1; transform: translateY(0); }
.console-toast.is-error { border-color: rgba(238,125,133,.48); }

.console-state {
  display: grid;
  width: min(720px, calc(100% - 40px));
  min-height: 100vh;
  place-content: center;
  margin: 0 auto;
  padding: 130px 0 72px;
  text-align: center;
}
.console-state h1 { max-width: 16ch; margin: 8px auto 14px; font: 700 clamp(32px, 6vw, 56px)/1.04 var(--console-display); letter-spacing: -.055em; }
.console-state > p:not(.console-eyebrow) { max-width: 630px; margin: 0 auto; color: var(--console-muted); }
.console-eyebrow { margin: 0; color: var(--console-gold-light); font: 800 10px/1.3 var(--console-font); letter-spacing: .12em; text-transform: uppercase; }
.console-state--error .console-state-icon { display: grid; width: 48px; height: 48px; place-items: center; margin: 0 auto 20px; border: 1px solid rgba(238,125,133,.38); border-radius: 50%; background: rgba(238,125,133,.1); color: #ffb3b7; font: 800 24px/1 var(--console-font); }
.console-state-kicker { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 18px; color: #e8d389; font-size: 12px; }
.console-state-actions, .console-dialog-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px; }
.console-empty-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 34px 0 0; text-align: left; }
.console-empty-steps > div { padding: 15px; border: 1px solid var(--console-line); border-radius: 13px; background: rgba(255,255,255,.03); }
.console-empty-steps b { display: grid; width: 24px; height: 24px; place-items: center; margin-bottom: 10px; border-radius: 50%; background: var(--console-gold-dim); color: var(--console-gold-light); font-size: 12px; }
.console-empty-steps span { color: #cbd4df; font-size: 13px; line-height: 1.45; }
.console-state-orbit { position: relative; width: 75px; height: 75px; margin: 0 auto 26px; border: 1px solid rgba(201,168,76,.22); border-radius: 50%; animation: console-spin 6s linear infinite; }
.console-state-orbit::after { content: ""; position: absolute; inset: 23px; border-radius: 50%; background: var(--console-gold); box-shadow: 0 0 24px rgba(201,168,76,.55); }
.console-state-orbit i { position: absolute; display: block; width: 7px; height: 7px; border-radius: 50%; background: #7daef7; box-shadow: 0 0 12px rgba(104,160,248,.85); }
.console-state-orbit i:nth-child(1) { top: 3px; left: 31px; }.console-state-orbit i:nth-child(2) { right: 7px; bottom: 16px; }.console-state-orbit i:nth-child(3) { bottom: 9px; left: 13px; }
@keyframes console-spin { to { transform: rotate(360deg); } }
.console-skeleton-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 38px; }
.console-skeleton-grid span { min-height: 78px; border: 1px solid rgba(255,255,255,.04); border-radius: 13px; background: linear-gradient(110deg, rgba(255,255,255,.025) 8%, rgba(255,255,255,.09) 18%, rgba(255,255,255,.025) 33%); background-size: 230% 100%; animation: console-shimmer 1.8s linear infinite; }
@keyframes console-shimmer { to { background-position-x: -230%; } }

.console-app { padding: 108px 0 72px; }
.console-shell { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.console-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .36fr); gap: clamp(32px, 7vw, 110px); align-items: end; padding: 50px 0 35px; }
.console-breadcrumb { display: flex; gap: 8px; color: #91a0b3; font-size: 12px; }
.console-breadcrumb a { color: #c8d0dc; text-decoration: none; }.console-breadcrumb a:hover { color: var(--console-gold-light); }
.console-hero h1 { max-width: 11.5ch; margin: 12px 0 13px; font: 700 clamp(42px, 6vw, 74px)/.96 var(--console-display); letter-spacing: -.07em; }
.console-hero h1 em { color: var(--console-gold-light); font-style: normal; }
.console-hero-copy > p:last-child { max-width: 610px; margin: 0; color: var(--console-muted); font-size: 15px; }
.console-org-switcher { padding: 18px; border: 1px solid rgba(201,168,76,.23); border-radius: var(--console-radius); background: linear-gradient(145deg, rgba(36, 33, 23, .72), rgba(16, 25, 36, .78)); box-shadow: var(--console-shadow); }
.console-org-switcher > label { display: block; margin-bottom: 7px; color: #dce4ee; font-size: 12px; font-weight: 700; }
.console-select-wrap { position: relative; }.console-select-wrap::after { content: "⌄"; position: absolute; top: 50%; right: 13px; color: #d7bd69; pointer-events: none; transform: translateY(-55%); }
.console-org-switcher select { width: 100%; appearance: none; min-height: 45px; padding: 10px 36px 10px 12px; border: 1px solid rgba(228,235,246,.17); border-radius: 10px; background: rgba(6,11,18,.7); color: #f8fafc; outline: none; font-size: 14px; font-weight: 650; }
.console-org-switcher select:focus-visible { border-color: var(--console-gold); box-shadow: 0 0 0 3px rgba(201,168,76,.14); }
.console-org-switcher small { display: block; margin-top: 9px; color: #9aa8ba; font-size: 11px; line-height: 1.4; }

.console-status-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: center; min-height: 80px; overflow: hidden; border: 1px solid var(--console-line); border-radius: var(--console-radius); background: rgba(13, 22, 33, .75); }
.console-status-strip-item { display: flex; align-items: center; gap: 10px; min-height: 80px; padding: 14px 18px; border-right: 1px solid var(--console-line); }
.console-status-strip-item span:not(.console-status-dot) { display: block; color: var(--console-faint); font-size: 11px; line-height: 1.1; }.console-status-strip-item strong { display: block; margin-top: 4px; color: #eaf0f7; font-size: 13px; line-height: 1.2; }
.console-status-dot { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--console-success); box-shadow: 0 0 0 4px rgba(89,212,154,.11); }.console-status-dot--gold { background: var(--console-gold); box-shadow: 0 0 0 4px rgba(201,168,76,.12); }.console-status-dot--muted { background: #8592a5; box-shadow: none; }.console-status-dot--warning { background: var(--console-warning); box-shadow: 0 0 0 4px rgba(242,189,93,.12); }.console-status-dot--danger { background: var(--console-danger); box-shadow: 0 0 0 4px rgba(238,125,133,.12); }
.console-refresh { min-height: 80px; padding: 0 22px; border: 0; background: transparent; color: #d9e0e9; font-size: 12px; font-weight: 700; }.console-refresh:hover, .console-refresh:focus-visible { background: rgba(255,255,255,.05); color: var(--console-gold-light); }.console-refresh.is-loading span { display: inline-block; animation: console-spin 1s linear infinite; }

.console-tabs { display: flex; gap: 4px; margin: 29px 0 31px; overflow-x: auto; border-bottom: 1px solid var(--console-line); scrollbar-width: thin; }
.console-tabs button { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 45px; padding: 10px 13px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #91a0b2; font: 700 12px/1 var(--console-font); white-space: nowrap; }.console-tabs button b { display: grid; min-width: 19px; height: 19px; place-items: center; padding: 0 5px; border-radius: 999px; background: rgba(255,255,255,.07); color: #b9c5d4; font-size: 10px; }.console-tabs button:hover, .console-tabs button:focus-visible { color: #e5ebf2; }.console-tabs button[aria-selected="true"] { border-bottom-color: var(--console-gold); color: var(--console-gold-light); }.console-tabs button[aria-selected="true"] b { background: var(--console-gold-dim); color: var(--console-gold-light); }

.console-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 20px; }.console-panel-heading h2 { max-width: 19ch; margin: 8px 0 0; font: 700 clamp(25px, 3vw, 35px)/1.08 var(--console-display); letter-spacing: -.05em; }.console-panel-heading p:not(.console-eyebrow) { max-width: 650px; margin: 10px 0 0; color: var(--console-muted); font-size: 14px; }.console-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.console-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 9px 14px; border: 1px solid transparent; border-radius: 10px; text-decoration: none; font: 750 12px/1 var(--console-font); transition: transform .18s ease, background .18s ease, border-color .18s ease; }.console-button:hover, .console-button:focus-visible { transform: translateY(-1px); }.console-button--primary { border-color: rgba(222,190,99,.74); background: linear-gradient(135deg, #d5b55d, #af8d3d); color: #141009; box-shadow: 0 7px 16px rgba(0,0,0,.17); }.console-button--primary:hover, .console-button--primary:focus-visible { background: linear-gradient(135deg, #e5c875, #b99543); }.console-button--quiet { border-color: rgba(213,223,236,.17); background: rgba(255,255,255,.04); color: #e5eaf1; }.console-button--quiet:hover, .console-button--quiet:focus-visible { border-color: rgba(201,168,76,.45); background: rgba(201,168,76,.09); color: #f6dda0; }.console-button--danger { border-color: rgba(238,125,133,.55); background: rgba(183,61,72,.18); color: #ffd0d3; }.console-button--danger:hover, .console-button--danger:focus-visible { border-color: rgba(255,171,177,.82); background: rgba(206,75,86,.31); color: #fff0f1; }

.console-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.console-metric { min-height: 150px; padding: 19px; border: 1px solid var(--console-line); border-radius: 17px; background: var(--console-card-muted); }.console-metric--gold { border-color: rgba(201,168,76,.25); background: linear-gradient(145deg, rgba(201,168,76,.1), rgba(255,255,255,.025)); }.console-metric > span { color: var(--console-faint); font-size: 11px; font-weight: 700; }.console-metric strong { display: block; margin: 18px 0 5px; font: 700 clamp(29px, 3vw, 39px)/1 var(--console-display); letter-spacing: -.06em; }.console-metric small { display: block; color: #aab5c4; font-size: 11px; line-height: 1.4; }.console-metric .console-status-dot { display: inline-block; margin-right: 6px; vertical-align: middle; }
.console-overview-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 12px; margin-top: 12px; }.console-card { min-width: 0; padding: 21px; border: 1px solid var(--console-line); border-radius: var(--console-radius); background: var(--console-card); box-shadow: 0 1px 0 rgba(255,255,255,.025) inset; }.console-card--focus { border-color: rgba(201,168,76,.28); background: linear-gradient(145deg, rgba(94,75,31,.42), rgba(19,30,44,.85) 55%); }.console-card--wide { margin-top: 12px; }.console-card-title { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.console-card h3 { margin: 7px 0 0; font: 700 19px/1.14 var(--console-display); letter-spacing: -.035em; }.console-focus-mark { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: rgba(201,168,76,.15); color: var(--console-gold-light); font-size: 20px; }.console-text-button { padding: 4px 0; border: 0; background: transparent; color: #d5bd71; font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }.console-text-button:hover, .console-text-button:focus-visible { color: #f3dc97; }
.console-next-step { margin-top: 25px; }.console-next-step > div { display: flex; gap: 13px; align-items: start; }.console-next-step > div > span { display: grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center; border: 1px solid rgba(201,168,76,.3); border-radius: 50%; color: var(--console-gold-light); font-size: 12px; }.console-next-step strong, .console-next-step small { display: block; }.console-next-step strong { color: #f1f3f5; font-size: 14px; }.console-next-step small { margin-top: 3px; color: var(--console-muted); font-size: 12px; line-height: 1.45; }
.console-list { display: grid; gap: 8px; margin-top: 19px; }.console-attention-row { display: flex; gap: 10px; align-items: start; padding: 11px 0; border-bottom: 1px solid rgba(216,226,239,.08); }.console-attention-row:last-child { border-bottom: 0; }.console-attention-row > span { display: grid; flex: 0 0 23px; width: 23px; height: 23px; place-items: center; border-radius: 7px; background: rgba(242,189,93,.13); color: #f7cf76; font-size: 12px; }.console-attention-row.is-danger > span { background: rgba(238,125,133,.12); color: #ffa9af; }.console-attention-row strong, .console-attention-row small { display: block; }.console-attention-row strong { color: #e9edf2; font-size: 13px; }.console-attention-row small { margin-top: 2px; color: #95a2b4; font-size: 11px; line-height: 1.4; }.console-empty-inline { padding: 17px 0; color: #a6b2c1; font-size: 13px; }.console-empty-inline strong { color: #edf0f4; }

.console-timeline { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }.console-timeline > li { position: relative; display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 11px; padding: 0 0 17px; }.console-timeline > li::before { content: ""; position: absolute; top: 10px; bottom: -1px; left: 4px; width: 1px; background: rgba(202,214,231,.14); }.console-timeline > li:last-child { padding-bottom: 0; }.console-timeline > li:last-child::before { display: none; }.console-timeline-dot { position: relative; z-index: 1; width: 9px; height: 9px; margin-top: 4px; border: 2px solid #1a2837; border-radius: 50%; background: #7790ae; }.console-timeline-dot.is-success { background: var(--console-success); }.console-timeline-dot.is-gold { background: var(--console-gold); }.console-timeline-dot.is-warning { background: var(--console-warning); }.console-timeline-dot.is-danger { background: var(--console-danger); }.console-timeline strong, .console-timeline small { display: block; }.console-timeline strong { color: #e7ebf1; font-size: 13px; }.console-timeline small { margin-top: 2px; color: #95a3b4; font-size: 11px; line-height: 1.4; }.console-timeline time { color: #7f8da0; font-size: 10px; white-space: nowrap; }.console-timeline--full { margin-top: 2px; }.console-timeline--full > li { grid-template-columns: 10px minmax(0, 1fr) minmax(92px, auto); padding-bottom: 21px; }.console-timeline--full strong { font-size: 14px; }

.console-server-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.console-server-card { position: relative; padding: 20px; border: 1px solid var(--console-line); border-radius: var(--console-radius); background: var(--console-card); overflow: hidden; }.console-server-card::after { content: ""; position: absolute; inset: auto -30px -55px auto; width: 135px; height: 135px; border-radius: 50%; background: radial-gradient(circle, rgba(93,150,242,.13), transparent 68%); pointer-events: none; }.console-server-card.is-attention::after { background: radial-gradient(circle, rgba(242,189,93,.14), transparent 68%); }.console-server-head { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.console-server-kind { display: inline-flex; align-items: center; min-height: 21px; padding: 4px 7px; border: 1px solid rgba(166,189,219,.17); border-radius: 999px; color: #afbed1; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.console-server-card h3 { margin: 9px 0 0; font: 700 20px/1.14 var(--console-display); letter-spacing: -.04em; }.console-server-state { display: inline-flex; align-items: center; gap: 6px; color: #bdc8d6; font-size: 11px; font-weight: 700; white-space: nowrap; }.console-server-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 24px; }.console-server-details > div { padding: 9px 0; border-top: 1px solid rgba(218,228,240,.09); }.console-server-details span, .console-server-details strong { display: block; }.console-server-details span { color: #8190a2; font-size: 10px; }.console-server-details strong { margin-top: 4px; overflow: hidden; color: #e9edf3; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.console-server-foot { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: 9px; color: #8fa0b3; font-size: 11px; }.console-server-foot button { padding: 0; border: 0; background: transparent; color: #d6bd70; font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }.console-server-foot button:hover { color: #f2dc99; }
.console-installation-list { display: grid; gap: 0; margin-top: 15px; padding: 12px; border: 1px solid rgba(218,228,240,.09); border-radius: 12px; background: rgba(7,13,21,.17); }.console-installation-list > span { margin-bottom: 5px; color: #8e9db0; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.console-installation-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 9px 0; border-top: 1px solid rgba(218,228,240,.08); }.console-installation-row > div { min-width: 0; }.console-installation-row strong, .console-installation-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.console-installation-row strong { color: #dfe7f0; font-size: 11px; }.console-installation-row small { margin-top: 3px; color: #8999ab; font-size: 10px; }.console-installation-row button { flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: #f0aab0; font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }.console-installation-row button:hover, .console-installation-row button:focus-visible { color: #ffd1d5; }.console-server-actions { display: inline-flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }.console-server-foot .console-server-revoke { color: #f0aab0; }.console-server-foot .console-server-revoke:hover, .console-server-foot .console-server-revoke:focus-visible { color: #ffd1d5; }
.console-empty-card { display: grid; min-height: 250px; place-content: center; grid-column: 1 / -1; padding: 34px; border: 1px dashed rgba(201,168,76,.35); border-radius: var(--console-radius); background: rgba(201,168,76,.035); text-align: center; }.console-empty-card h3 { margin: 10px 0 6px; font: 700 20px/1.1 var(--console-display); }.console-empty-card p { max-width: 430px; margin: 0; color: var(--console-muted); font-size: 13px; }.console-empty-card .console-button { margin: 20px auto 0; }

.console-team-layout, .console-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.console-settings-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.console-member-list, .console-invite-list { display: grid; gap: 0; margin-top: 17px; }.console-member-row, .console-invite-row { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(218,228,240,.08); }.console-member-row:last-child, .console-invite-row:last-child { border-bottom: 0; }.console-avatar { display: grid; flex: 0 0 31px; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(210,224,242,.16); border-radius: 50%; background: #233249; color: #e9d186; font-size: 11px; font-weight: 800; }.console-member-row > div:nth-child(2), .console-invite-row > div:nth-child(2) { min-width: 0; flex: 1; }.console-member-row strong, .console-member-row small, .console-invite-row strong, .console-invite-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.console-member-row strong, .console-invite-row strong { color: #e8edf3; font-size: 13px; }.console-member-row small, .console-invite-row small { margin-top: 2px; color: #8999aa; font-size: 11px; }.console-role-chip, .console-count-chip { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(201,168,76,.22); border-radius: 999px; background: rgba(201,168,76,.08); color: #e8cf81; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.console-count-chip { min-width: 25px; color: #cad5e3; border-color: rgba(201,214,232,.14); background: rgba(255,255,255,.05); text-align: center; }
.console-setting-list { display: grid; gap: 0; margin: 17px 0 0; padding: 0; list-style: none; }.console-setting-list > li { display: flex; gap: 9px; align-items: start; padding: 12px 0; border-bottom: 1px solid rgba(218,228,240,.08); }.console-setting-list > li:last-child { border-bottom: 0; }.console-setting-list > li > span { display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: rgba(89,212,154,.12); color: #75e0a9; font-size: 10px; }.console-setting-list strong, .console-setting-list small { display: block; }.console-setting-list strong { color: #e5eaf1; font-size: 12px; }.console-setting-list small { margin-top: 2px; color: #91a0b2; font-size: 11px; line-height: 1.4; }.console-card--support { border-color: rgba(201,168,76,.24); background: linear-gradient(145deg, rgba(72,59,30,.32), rgba(19,30,44,.81)); }.console-card--support > p:not(.console-eyebrow) { margin: 12px 0 0; color: #b5c0cd; font-size: 13px; line-height: 1.55; }.console-card--support .console-button { margin-top: 20px; }

.console-dialog { width: min(530px, calc(100% - 28px)); max-height: min(760px, calc(100% - 28px)); padding: 0; border: 1px solid rgba(201,168,76,.29); border-radius: 20px; background: #121c29; color: var(--console-ink); box-shadow: 0 28px 90px rgba(0,0,0,.55); }.console-dialog::backdrop { background: rgba(4, 8, 13, .78); backdrop-filter: blur(5px); }.console-dialog-card { position: relative; padding: 27px; }.console-dialog h2 { max-width: 19ch; margin: 8px 0 10px; font: 700 28px/1.08 var(--console-display); letter-spacing: -.05em; }.console-dialog-card > p:not(.console-eyebrow):not(.console-form-message):not(.console-form-note):not(.console-code) { margin: 0; color: var(--console-muted); font-size: 13px; line-height: 1.55; }.console-dialog-close { position: absolute; top: 13px; right: 13px; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(218,228,240,.14); border-radius: 8px; background: rgba(255,255,255,.04); color: #d8e0eb; font-size: 21px; line-height: 1; }.console-dialog-close:hover, .console-dialog-close:focus-visible { border-color: rgba(201,168,76,.5); color: #f5db8b; }.console-field { display: grid; gap: 6px; margin-top: 18px; }.console-field > span { color: #ced7e2; font-size: 12px; font-weight: 700; }.console-field input, .console-field select { width: 100%; min-height: 44px; padding: 10px 11px; border: 1px solid rgba(218,228,240,.16); border-radius: 10px; background: #0d1520; color: #f7f9fc; outline: none; font-size: 14px; }.console-field input:focus, .console-field select:focus { border-color: var(--console-gold); box-shadow: 0 0 0 3px rgba(201,168,76,.13); }.console-form-note { margin: 12px 0 0; color: #9daabc; font-size: 11px; line-height: 1.45; }.console-form-message { min-height: 20px; margin: 14px 0 0; color: #f2c573; font-size: 12px; }.console-form-message.is-error { color: #ffafb5; }.console-form-message.is-success { color: #8ce1b3; }.console-dialog-actions { justify-content: flex-start; margin-top: 14px; }.console-dialog-result { min-height: 346px; }.console-code { margin: 26px 0 9px; padding: 17px 13px; border: 1px dashed rgba(201,168,76,.5); border-radius: 12px; background: rgba(201,168,76,.08); color: #fde8a2; font: 800 clamp(21px, 5vw, 31px)/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .13em; text-align: center; word-break: break-all; }

.console-member-actions { display: inline-flex; flex: 0 0 auto; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }.console-member-row.is-suspended { opacity: .68; }.console-status-chip { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(242,189,93,.28); border-radius: 999px; background: rgba(242,189,93,.08); color: #f6ca72; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.console-member-manage, .console-danger-link { padding: 0; border: 0; background: transparent; color: #d8be6b; font: 750 11px/1 var(--console-font); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }.console-member-manage:hover, .console-member-manage:focus-visible { color: #f4dd98; }.console-member-target { display: flex; align-items: center; gap: 10px; margin-top: 19px; padding: 11px; border: 1px solid rgba(201,168,76,.2); border-radius: 11px; background: rgba(201,168,76,.055); }.console-member-target > div { min-width: 0; }.console-member-target strong, .console-member-target small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.console-member-target strong { color: #eef2f7; font-size: 13px; }.console-member-target small { margin-top: 3px; color: #9facbc; font-size: 11px; }.console-danger-link { display: inline-flex; margin-top: 20px; color: #f0aab0; }.console-danger-link:hover, .console-danger-link:focus-visible { color: #ffd1d5; }.console-eyebrow--danger { color: #efabb1; }.console-revoke-target { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 19px; }.console-revoke-target > div { min-width: 0; padding: 11px; border: 1px solid rgba(238,125,133,.2); border-radius: 11px; background: rgba(238,125,133,.055); }.console-revoke-target span, .console-revoke-target strong { display: block; }.console-revoke-target span { color: #aab5c4; font-size: 10px; }.console-revoke-target strong { margin-top: 4px; overflow: hidden; color: #f3edf0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.fa-manager-console :focus-visible { outline: 2px solid #f2d47b; outline-offset: 3px; }
@media (max-width: 1040px) { .console-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.console-settings-grid { grid-template-columns: 1fr; }.console-hero { grid-template-columns: 1fr; gap: 22px; }.console-org-switcher { max-width: 500px; }.console-status-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }.console-refresh { grid-column: 1 / -1; min-height: 44px; border-top: 1px solid var(--console-line); }.console-server-details { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .fa-console-header .fa-site-desktop-nav { display: none; }.console-pilot-badge { display: none; }.console-app { padding-top: 82px; }.console-shell { width: min(100% - 30px, 1220px); }.console-hero { padding: 37px 0 27px; }.console-hero h1 { max-width: 12ch; font-size: clamp(39px, 11vw, 61px); }.console-status-strip { grid-template-columns: 1fr 1fr; }.console-status-strip-item { min-height: 68px; padding: 12px; }.console-status-strip-item:nth-child(2) { border-right: 0; }.console-status-strip-item:nth-child(3) { grid-column: 1 / -1; min-height: 55px; border-top: 1px solid var(--console-line); border-right: 0; }.console-refresh { grid-column: 1 / -1; }.console-panel-heading { display: block; }.console-heading-actions { justify-content: flex-start; margin-top: 18px; }.console-overview-grid, .console-team-layout, .console-server-grid { grid-template-columns: 1fr; }.console-empty-steps { grid-template-columns: 1fr; }.console-empty-steps > div { display: flex; gap: 10px; align-items: center; }.console-empty-steps b { flex: 0 0 24px; margin: 0; }.console-state { width: min(100% - 30px, 720px); padding-top: 106px; }.console-state h1 { font-size: clamp(32px, 10vw, 48px); }.console-tabs { margin-top: 23px; }.console-metrics { grid-template-columns: 1fr 1fr; }.console-metric { min-height: 128px; padding: 16px; }.console-server-details { grid-template-columns: 1fr 1fr; }.console-server-details > div:last-child { display: none; }.console-timeline > li, .console-timeline--full > li { grid-template-columns: 10px minmax(0, 1fr); }.console-timeline time { grid-column: 2; }.console-account-toggle > span:last-child { display: none; } }
@media (max-width: 430px) { .console-metrics { grid-template-columns: 1fr; }.console-metric { min-height: 105px; }.console-metric strong { margin-top: 11px; }.console-heading-actions { display: grid; grid-template-columns: 1fr; }.console-heading-actions .console-button { width: 100%; }.console-status-strip-item:nth-child(3) { display: none; }.console-dialog-card { padding: 23px 19px; }.console-dialog-actions { display: grid; grid-template-columns: 1fr; }.console-dialog-actions .console-button { width: 100%; }.console-state-actions { display: grid; grid-template-columns: 1fr; }.console-state-actions .console-button { width: 100%; } }
@media (max-width: 430px) { .console-revoke-target { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .console-member-row { align-items: flex-start; flex-wrap: wrap; }.console-member-row > div:nth-child(2) { min-width: calc(100% - 45px); }.console-member-actions { width: 100%; justify-content: flex-start; padding-left: 41px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }