@font-face { font-family:"Archivo"; src:url(/archivo.woff2) format("woff2"); font-weight:100 900; font-stretch:62% 125%; font-style:normal; font-display:swap; }
:root {
  color-scheme: dark;
  --ink:#171512; --paper:#f1ece1;
  --bg:#171512; --panel:#1f1d19; --panel2:#2a2722; --line:#39352e; --line-strong:#5a5447;
  --text:#f0eadd; --muted:#a79f8e; --accent:#ff6a2b; --accent-ink:#ff936a; --primary:#ff6a2b; --on-accent:#171512;
  --soft:#3b2517; --success:#a3c785; --warning:#ebb94f; --danger:#f0806f;
  --shadow:6px 6px 0 #0007; --hard:4px 4px 0 var(--text);
  --purple:var(--accent); --cyan:var(--success); --pink:var(--warning);
  --surface:var(--panel); --card:var(--panel2); --border:var(--line);
  --ui-bg:var(--bg); --ui-text:var(--text); --ui-muted:var(--muted); --ui-line:var(--line); --ui-accent:var(--accent);
  --font:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --r:3px;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f1ece1; --panel:#faf7ef; --panel2:#e7e0d0; --line:#d2c9b4; --line-strong:#8f8670;
  --text:#1c1a16; --muted:#645d4d; --accent:#d4470f; --accent-ink:#b23a0a; --primary:#d4470f; --on-accent:#fffaf2;
  --soft:#f7d9c6; --success:#4c7a2c; --warning:#86600a; --danger:#b03527;
  --shadow:6px 6px 0 #1c1a1614; --hard:4px 4px 0 var(--text);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.6 var(--font); font-stretch:100%; min-width:320px; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; }
a,button { touch-action:manipulation; }
img { max-width:100%; }
h1,h2,h3,h4,p { margin-top:0; }
h1,h2,h3,h4 { line-height:1.05; letter-spacing:-.025em; font-weight:800; font-stretch:112%; }
p { color:var(--muted); }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.45; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
::selection { background:var(--accent); color:var(--on-accent); }
.ui-icon { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:square; stroke-linejoin:miter; vertical-align:middle; }
.brand { display:inline-flex; align-items:center; gap:12px; flex:none; }
.brand-mark,.login-logo { display:grid; place-items:center; width:38px; height:38px; background:var(--ink); color:var(--paper); border-radius:var(--r); font-weight:800; flex:none; }
.brand-logo { object-fit:contain; background:#141210; display:block; }
.brand-word { display:flex; flex-direction:column; line-height:1.1; font-size:17px; font-weight:800; font-stretch:115%; letter-spacing:-.02em; }
.brand-dim { display:block; color:var(--muted); font-size:11px; letter-spacing:.14em; font-weight:600; font-stretch:100%; text-transform:uppercase; margin-top:3px; }
.eyebrow,.card-kicker,.sidebar-label,.rail-label { font:700 11px/1.4 var(--font); font-stretch:100%; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-ink); }
.eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.eyebrow:before { content:""; width:22px; height:2px; background:currentColor; flex:none; }
.eyebrow .pulse { display:none; }
.pulse,.live-dot i { width:8px; height:8px; background:var(--success); display:inline-block; border-radius:0; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 22px; border:2px solid var(--ink); border-radius:var(--r); background:var(--accent); color:var(--on-accent); font-size:14px; font-weight:800; letter-spacing:.01em; line-height:1.2; box-shadow:4px 4px 0 var(--text); transition:transform .1s,box-shadow .1s; }
:root[data-theme="light"] .button { border-color:var(--text); }
.button:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--text); }
.button:active { transform:translate(4px,4px); box-shadow:0 0 0 var(--text); }
.button-small { min-height:40px; padding:8px 15px; font-size:13px; box-shadow:3px 3px 0 var(--text); }
.button.secondary { background:transparent; color:var(--text); border-color:var(--line-strong); box-shadow:none; }
.button.secondary:hover { background:var(--panel2); transform:none; box-shadow:none; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--text); font-size:14px; font-weight:700; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; text-decoration-color:var(--line-strong); }
.text-link:hover { text-decoration-color:var(--accent); }
.theme-toggle,.icon-button,.menu-button,.public-menu-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line-strong); background:transparent; color:var(--text); border-radius:var(--r); min-height:40px; padding:8px 12px; font-size:12px; font-weight:700; line-height:1.1; }
.theme-toggle:hover,.icon-button:hover,.menu-button:hover { background:var(--panel2); }
.theme-toggle-glyph { font-size:16px; line-height:1; }
.icon-button { width:40px; padding:0; }
.public-nav { position:sticky; top:0; z-index:40; width:100%; background:var(--bg); border-bottom:2px solid var(--text); }
.public-nav-inner { display:flex; align-items:center; gap:30px; max-width:1280px; padding:14px 32px; margin:0 auto; }
.public-nav nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.public-nav nav a { font-size:14px; font-weight:600; color:var(--muted); padding:6px 0; }
.public-nav nav a.current,.public-nav nav a:hover { color:var(--text); }
.public-nav nav a.current { text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:9px; text-decoration-color:var(--accent); }
.nav-tools { display:flex; align-items:center; gap:10px; }
.public-menu-button { display:none; }
.public-main { max-width:1280px; padding:0 32px; margin:0 auto; }
.editorial-hero { display:block; padding:84px 0 0; animation:rise .4s ease-out both; }
.hero-copy { min-width:0; }
.hero-index { display:inline-block; padding:5px 12px; border:2px solid var(--accent); color:var(--accent-ink); margin-bottom:34px; font-size:12px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; transform:rotate(-2deg); }
.hero-index .pulse { display:none; }
.hero-copy h1 { font-size:clamp(46px,7.5vw,112px); font-weight:850; font-stretch:122%; letter-spacing:-.045em; line-height:.88; margin:0 0 38px; max-width:none; text-transform:none; }
.hero-copy h1 span { display:inline-block; color:var(--on-accent); background:var(--accent); padding:0 .12em .04em; margin-top:.06em; }
.hero-lead { max-width:560px; font-size:19px; line-height:1.55; color:var(--text); opacity:.82; margin-bottom:34px; }
.hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.hero-footnote { display:flex; align-items:center; gap:8px; margin-top:26px; color:var(--muted); font-size:13px; }
.hero-footnote .ui-icon { width:15px; height:15px; }
.product-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:76px; border-top:2px solid var(--text); border-bottom:1px solid var(--line); background:transparent; }
.directory-head { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); }
.directory-head>span { display:flex; align-items:center; gap:10px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.directory-head .ui-icon { width:15px; height:15px; color:var(--accent-ink); }
.directory-head small { display:none; }
.directory-row { display:grid; grid-template-columns:1fr auto; grid-template-areas:"icon arrow" "text text"; row-gap:46px; padding:26px 28px 32px 0; border-right:1px solid var(--line); transition:background .15s,padding .15s; }
.directory-row:nth-child(n+2) { padding-left:28px; }
.directory-row:last-child { border-right:0; }
.directory-row:hover { background:var(--panel); }
.directory-row>span { grid-area:icon; display:block; width:auto; height:auto; color:var(--accent-ink); border:0; }
.directory-row>span .ui-icon { width:34px; height:34px; stroke-width:1.5; }
.directory-row>div { grid-area:text; }
.directory-row h3 { font-size:24px; margin:0 0 8px; font-stretch:108%; }
.directory-row p { font-size:15px; margin:0; line-height:1.5; }
.directory-row>.ui-icon { grid-area:arrow; width:22px; height:22px; color:var(--muted); transition:transform .15s,color .15s; }
.directory-row:hover>.ui-icon { transform:translate(4px,0); color:var(--accent-ink); }
.editorial-section { padding:110px 0 40px; }
.section-heading { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:end; gap:40px; margin-bottom:46px; }
.section-heading h2 { font-size:clamp(34px,4.6vw,64px); font-stretch:118%; line-height:.95; margin:0; }
.section-heading p { max-width:400px; margin:0; font-size:16px; }
.module-list { border-top:2px solid var(--text); }
.module-line { display:grid; grid-template-columns:130px minmax(0,1fr) minmax(0,1.1fr) 32px; gap:28px; padding:34px 0; border-bottom:1px solid var(--line); align-items:center; transition:background .15s,padding .15s; }
.module-line:hover { background:var(--panel); padding-left:16px; padding-right:16px; }
.module-number { white-space:nowrap; font-size:52px; font-weight:850; font-stretch:125%; line-height:1; letter-spacing:-.05em; color:var(--line-strong); transition:color .15s; }
.module-line:hover .module-number { color:var(--accent); }
.module-line h3 { margin:0; font-size:28px; font-stretch:112%; }
.module-line p { margin:0; font-size:15px; max-width:480px; }
.module-line .ui-icon { color:var(--muted); width:24px; height:24px; }
.module-line:hover .ui-icon { color:var(--accent-ink); }
.setup-band { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:54px 56px; border:2px solid var(--ink); border-radius:0; background:var(--accent); color:var(--ink); margin:90px 0 110px; box-shadow:10px 10px 0 var(--text); }
.setup-band .eyebrow { color:var(--ink); }
.setup-band h2 { font-size:clamp(34px,4.6vw,60px); font-stretch:118%; margin:0 0 12px; color:var(--ink); }
.setup-band p { font-size:17px; margin:0; color:var(--ink); opacity:.82; }
.setup-band .button { background:var(--ink); color:var(--paper); border-color:var(--ink); box-shadow:4px 4px 0 var(--paper); flex:none; }
.public-footer { max-width:none; border-top:2px solid var(--text); background:var(--bg); }
.footer-inner { max-width:1280px; margin:auto; padding:40px 32px; display:flex; gap:30px; justify-content:space-between; align-items:center; }
.footer-inner>p { font-size:14px; margin:0; }
.footer-links { display:flex; gap:24px; font-size:14px; font-weight:600; color:var(--muted); }
.footer-links a:hover { color:var(--text); text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:2px; text-underline-offset:5px; }
.inner-page { padding-top:80px; padding-bottom:100px; min-height:calc(100vh - 180px); }
.inner-hero { max-width:980px; margin:0 0 64px; text-align:left; }
.inner-hero h1 { font-size:clamp(44px,8vw,112px); font-stretch:120%; font-weight:850; letter-spacing:-.04em; line-height:.9; margin:0 0 28px; }
.inner-hero h1 em { font-style:normal; color:var(--accent); }
.inner-hero p { max-width:600px; font-size:19px; line-height:1.6; color:var(--text); opacity:.82; }
.feature-grid,.support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border-top:2px solid var(--text); border-left:1px solid var(--line); }
.feature-card,.support-card { position:relative; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:transparent; padding:40px 38px 42px; transition:background .15s; }
.feature-card:hover,a.support-card:hover { background:var(--panel); }
.feature-card h3,.support-card h3 { margin:28px 0 14px; font-size:28px; font-stretch:110%; }
.feature-card p,.support-card p { font-size:16px; line-height:1.65; max-width:500px; }
.feature-icon,.support-card>span { display:block; width:auto; height:auto; color:var(--accent-ink); font-size:30px; font-weight:850; font-stretch:125%; line-height:1; }
.feature-icon .ui-icon { width:36px; height:36px; stroke-width:1.5; }
.feature-card.accent-pink .feature-icon,.feature-card.accent-gold .feature-icon { color:var(--warning); }
.feature-tag { display:inline-flex; color:var(--muted); font:700 11px/1.4 var(--font); letter-spacing:.14em; margin-top:14px; padding:4px 9px; border:1px solid var(--line-strong); }
.support-card b { display:block; font-size:13px; font-weight:700; color:var(--accent-ink); margin-top:6px; }
.login-page { min-height:calc(100vh - 180px); display:flex; align-items:center; justify-content:center; padding:72px 24px; }
.login-card { width:min(500px,100%); background:var(--panel); border:2px solid var(--text); border-radius:0; padding:44px; text-align:left; box-shadow:10px 10px 0 var(--accent); }
.login-logo { width:48px; height:48px; margin-bottom:30px; }
.login-card h1 { font-size:42px; margin-bottom:16px; line-height:.98; }
.login-card p { font-size:16px; }
.login-button { width:100%; margin:18px 0 20px; }
.login-note { display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:13px; padding:16px 0 4px; border-top:1px solid var(--line); }
.login-note .ui-icon { width:16px; height:16px; margin-top:2px; }
.back-link { display:inline-flex; gap:8px; color:var(--text); font-size:13px; font-weight:700; margin-top:10px; text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--line-strong); }
.warning { padding:14px 16px; border:2px solid var(--warning); border-radius:var(--r); background:transparent; color:var(--warning); font-size:13px; }
.app-shell { display:flex; min-height:100vh; background:var(--bg); }
.sidebar { width:268px; flex:none; display:flex; flex-direction:column; border-right:2px solid var(--text); background:var(--panel); padding:26px 16px; position:sticky; top:0; height:100vh; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; z-index:30; }
.sidebar .brand { margin:0 8px 28px; }
.workspace-back { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13px; font-weight:600; margin:0 0 18px; padding:11px 8px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.workspace-back .ui-icon { width:16px; height:16px; }
.workspace-back:hover { color:var(--text); }
.sidebar-label { padding:0 8px; margin:10px 0 10px; color:var(--muted); }
.guild-list { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.guild-item { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:12px; row-gap:2px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:var(--r); }
.guild-item:hover { border-color:var(--line-strong); }
.guild-item.active { background:var(--panel2); border-color:var(--text); }
.guild-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:700; }
.guild-item small { grid-column:2; color:var(--muted); font-size:12px; }
.guild-item small i,.server-card small i { display:inline-block; width:8px; height:8px; background:var(--warning); margin-right:6px; }
.guild-item small i.online,.server-card small i.online { background:var(--success); }
.guild-avatar { grid-row:span 2; position:relative; width:38px; height:38px; flex:none; border-radius:var(--r); background:var(--soft); overflow:hidden; display:grid; place-items:center; }
.guild-avatar .guild-icon { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.guild-avatar.icon-missing .guild-icon { display:none; }
.guild-fallback { position:absolute; inset:0; display:none; place-items:center; background:var(--soft); color:var(--accent-ink); }
.guild-avatar.icon-missing .guild-fallback { display:grid; }
.guild-fallback svg { width:18px; height:18px; fill:currentColor; }
.guild-fallback b { position:absolute; right:3px; bottom:2px; font:800 8px var(--font); color:var(--text); }
.guild-avatar.large { width:52px; height:52px; }
.guild-avatar.big { width:60px; height:60px; font-size:20px; }
.sidebar nav { display:flex; flex-direction:column; gap:2px; }
.dash-link { display:flex; align-items:center; gap:12px; padding:10px 12px; border-left:3px solid transparent; color:var(--muted); font-size:14px; font-weight:600; min-height:42px; position:relative; transition:background .12s,color .12s; }
.dash-link>span:first-child { display:grid; place-items:center; width:20px; height:20px; }
.dash-link .ui-icon { width:19px; height:19px; }
.dash-link:hover { background:var(--panel2); color:var(--text); }
.dash-link.active { background:var(--panel2); color:var(--text); border-left-color:var(--accent); font-weight:800; }
.dash-link.active .ui-icon { color:var(--accent-ink); }
.sidebar-bottom { margin-top:auto; padding-top:28px; }
.user-mini { display:flex; align-items:center; gap:11px; margin-top:14px; padding:14px 4px 2px 8px; border-top:1px solid var(--line); }
.user-mini-avatar { position:relative; flex:none; width:38px; height:38px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:var(--panel2); border:1px solid var(--line); color:var(--text); font-size:15px; font-weight:700; }
.user-mini-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.user-mini-name { flex:1; min-width:0; display:grid; gap:1px; line-height:1.25; }
.user-mini-name b { font-size:13.5px; font-weight:700; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-mini-name small { font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-mini-out { flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; color:var(--muted); border:1px solid transparent; transition:color .15s,background .15s,border-color .15s; }
.user-mini-out:hover,.user-mini-out:focus-visible { color:var(--danger,#e5484d); background:color-mix(in srgb,var(--danger,#e5484d) 10%,transparent); border-color:color-mix(in srgb,var(--danger,#e5484d) 30%,transparent); }
.user-mini-out svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.user-avatar { width:32px; height:32px; display:grid; place-items:center; background:var(--accent); color:var(--on-accent); border-radius:var(--r); font-size:13px; font-weight:800; }
.dashboard { flex:1; min-width:0; }
.dash-header { height:68px; position:sticky; top:0; z-index:15; display:flex; align-items:center; justify-content:space-between; padding:0 36px; border-bottom:1px solid var(--line-strong); background:var(--bg); gap:14px; }
.breadcrumb { display:flex; gap:12px; align-items:center; font-size:13px; min-width:0; color:var(--muted); }
.breadcrumb b { font-weight:700; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:300px; }
.breadcrumb a:hover { color:var(--accent-ink); }
.header-actions { display:flex; align-items:center; gap:10px; flex:none; }
.live-dot { display:flex; align-items:center; gap:7px; font:700 11px var(--font); color:var(--muted); letter-spacing:.12em; text-transform:uppercase; margin-right:6px; }
.dash-content { padding:44px 36px 64px; max-width:1400px; min-width:0; margin:0 auto; }
.page-title { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:36px; padding-bottom:30px; border-bottom:2px solid var(--text); animation:rise .3s ease-out both; }
.page-title .eyebrow { margin-bottom:14px; }
.page-title h1 { font-size:clamp(34px,4.6vw,60px); font-stretch:116%; margin:0 0 14px; letter-spacing:-.04em; line-height:.95; }
.page-title p { font-size:16px; max-width:640px; margin:0; }
.module-pill,.date-pill { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; background:transparent; border:1px solid var(--line-strong); border-radius:var(--r); color:var(--text); font:700 11px/1.4 var(--font); letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
a.date-pill:hover { background:var(--panel2); }
.metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:26px 0; border:1px solid var(--line); background:var(--panel); }
.metrics>div { min-width:0; padding:26px 28px; border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; }
.metrics>div:last-child { border-right:0; }
.metrics small { font:700 11px/1.4 var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.metrics strong { font-size:48px; font-weight:850; font-stretch:120%; line-height:1; letter-spacing:-.04em; margin:16px 0 8px; font-variant-numeric:tabular-nums; }
.metrics span { color:var(--muted); font-size:13px; }
.metrics .metric-up { color:var(--success); }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr); gap:22px; }
.activity-card,.health-card,.settings-card,.verification-hero,.info-card,.guide-list { background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:28px; min-width:0; }
.card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.card-heading h2 { font-size:24px; margin:8px 0 0; }
.card-heading p { font-size:14px; margin:10px 0 0; }
.settings-icon,.activity-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--line-strong); border-radius:var(--r); color:var(--accent-ink); flex:none; }
.activity-row { display:flex; gap:14px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.activity-row:last-child { border-bottom:0; padding-bottom:0; }
.activity-row>div { flex:1; min-width:0; display:grid; gap:4px; }
.activity-row b { font-size:14px; font-weight:700; }
.activity-row small { color:var(--muted); font-size:12px; }
.activity-row a { font-size:13px; font-weight:700; color:var(--accent-ink); white-space:nowrap; text-decoration:underline; text-underline-offset:4px; }
.health-ring { display:grid; place-items:center; width:46px; height:46px; border:2px solid var(--success); border-radius:var(--r); color:var(--success); margin:24px 0 16px; font-size:21px; }
.health-card h3 { font-size:21px; margin:0 0 10px; }
.health-card p { font-size:14px; line-height:1.65; margin:0; }
.workspace-intro { display:flex; align-items:center; gap:18px; padding:24px 26px; background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:var(--r); margin-bottom:26px; }
.workspace-intro>div { flex:1; min-width:0; }
.workspace-intro h2 { font-size:21px; margin:0 0 6px; }
.workspace-intro p { font-size:13px; margin:0; }
.workspace-intro>span:last-child { font:700 11px var(--font); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.server-toolbar { display:flex; align-items:center; gap:12px; margin-bottom:26px; }
.server-search { display:flex; align-items:center; gap:10px; flex:1; max-width:440px; padding:0 14px; background:var(--panel); border:1px solid var(--line-strong); border-radius:var(--r); margin:0; font-weight:400; }
.server-search:focus-within { border-color:var(--accent); }
.server-search .ui-icon { color:var(--muted); width:18px; }
.server-search input { border:0; background:transparent!important; box-shadow:none!important; margin:0; padding:12px 0; min-width:0; font-size:14px; width:100%; }
.server-filter { border:1px solid var(--line-strong); border-radius:var(--r); background:transparent; color:var(--muted); font-size:13px; font-weight:700; min-height:44px; padding:8px 15px; }
.server-filter[aria-pressed="true"] { background:var(--text); color:var(--bg); border-color:var(--text); }
.server-picker { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:18px; }
.server-card { display:flex; flex-direction:column; min-width:0; gap:14px; padding:24px; border:1px solid var(--line); border-radius:var(--r); background:var(--panel); transition:transform .1s,box-shadow .1s,border-color .1s; }
.server-card:hover { border-color:var(--text); transform:translate(-3px,-3px); box-shadow:var(--hard); }
.server-card-top { display:flex; align-items:center; justify-content:space-between; }
.server-card-arrow { color:var(--muted); }
.server-card:hover .server-card-arrow { color:var(--accent-ink); }
.server-card strong { font-size:18px; font-weight:800; font-stretch:106%; overflow-wrap:anywhere; letter-spacing:-.01em; }
.server-card small { display:flex; align-items:center; color:var(--muted); font-size:12px; }
.server-card-footer { display:flex; justify-content:space-between; align-items:center; padding-top:16px; margin-top:4px; border-top:1px solid var(--line); color:var(--accent-ink); font-size:13px; font-weight:700; }
.server-card-footer .ui-icon { width:16px; height:16px; }
.filter-empty { padding:36px; color:var(--muted); font-size:14px; text-align:center; border:2px dashed var(--line-strong); border-radius:var(--r); }
[hidden] { display:none!important; }
.settings-card { margin:22px 0; }
.form-grid,.info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }
.form-grid { margin-top:18px; }
label { display:block; margin:16px 0; color:var(--text); font-size:13px; font-weight:700; }
input,textarea,select { display:block; width:100%; margin-top:8px; padding:12px 14px; border:1px solid var(--line-strong); border-radius:var(--r); background:var(--bg); color:var(--text); outline:none; font-weight:400; }
input:focus,textarea:focus,select:focus { border-color:var(--accent); box-shadow:3px 3px 0 var(--accent); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.7; }
input[type="hidden"] { display:none; }
input[type="checkbox"] { width:18px; height:18px; padding:0; display:inline-block; accent-color:var(--accent); }
label small,.settings-help { display:block; font-size:12px; color:var(--muted); font-weight:400; margin-top:6px; }
textarea { min-height:100px; resize:vertical; }
.form-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; margin-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.check-row { display:flex; align-items:center; gap:10px; }
.check-row input { margin:0; }
.advanced-heading { display:flex; justify-content:space-between; gap:15px; padding-top:24px; margin-top:26px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
.verification-hero { display:flex; align-items:center; gap:22px; margin-bottom:22px; border-left:4px solid var(--accent); }
.verify-symbol { width:64px; height:64px; flex:none; display:grid; place-items:center; border-radius:var(--r); background:var(--accent); color:var(--on-accent); font-size:28px; }
.verification-hero h2 { font-size:24px; margin:0 0 10px; }
.verification-hero p { font-size:15px; line-height:1.65; margin:0; }
.inline-actions { margin-top:18px; }
.info-grid { gap:18px; }
.info-card>span { font:800 12px var(--font); letter-spacing:.14em; color:var(--accent-ink); }
.info-card h3 { font-size:20px; margin:18px 0 10px; }
.info-card p { font-size:14px; margin:0; line-height:1.65; }
.server-profile { display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--line); padding-bottom:24px; }
.server-profile h2 { margin:0 0 5px; font-size:24px; }
.server-profile p { margin:0; font-size:13px; }
.server-profile>div { flex:1; min-width:0; }
.server-checks>div { display:flex; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); align-items:center; }
.server-checks>div:last-child { border:0; }
.server-checks i { font-style:normal; width:30px; height:30px; display:grid; place-items:center; border:2px solid var(--success); border-radius:var(--r); color:var(--success); font-weight:800; }
.server-checks span { display:grid; font-size:14px; font-weight:700; }
.server-checks small { font-size:12px; color:var(--muted); font-weight:400; }
.guide-list>div { display:flex; gap:24px; padding:24px 0; border-bottom:1px solid var(--line); }
.guide-list>div:last-child { border:0; }
.guide-list>div>b { color:var(--accent-ink); font:850 22px/1 var(--font); font-stretch:125%; min-width:38px; }
.guide-list h3 { font-size:19px; margin:0 0 8px; }
.guide-list p { font-size:14px; margin:0; }
code { font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; background:var(--panel2); color:var(--text); padding:2px 6px; border-radius:2px; overflow-wrap:anywhere; }
pre { overflow:auto; max-width:100%; }
.empty-state { padding:72px 24px; text-align:center; border:2px dashed var(--line-strong); border-radius:var(--r); }
.empty-icon { color:var(--accent-ink); font-size:30px; margin-bottom:16px; }
.empty-state h2 { font-size:26px; }
.empty-state p { font-size:15px; }
.toast,#live-update-note { position:fixed; right:22px; bottom:22px; max-width:min(480px,calc(100vw - 40px)); padding:15px 20px; z-index:90; border:2px solid var(--text); border-radius:0; background:var(--panel); color:var(--text); box-shadow:6px 6px 0 var(--accent); font-size:14px; font-weight:600; }
.toast.error { border-color:var(--danger); color:var(--danger); box-shadow:6px 6px 0 var(--danger); }
.nav-toggle { position:absolute; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(50%); }
.menu-button,.nav-backdrop,.mobile-brand { display:none; }
.status-page { max-width:1000px; margin:auto; padding:72px 32px 96px; min-height:calc(100vh - 180px); }
.status-hero { padding:0 0 34px; }
.status-hero h1 { font-size:clamp(42px,7vw,88px); font-stretch:120%; line-height:.92; margin:12px 0 18px; }
.status-hero p { font-size:17px; max-width:600px; }
.status-banner { display:flex; gap:20px; align-items:center; padding:28px; border:2px solid var(--text); border-left:10px solid var(--success); border-radius:0; background:var(--panel); }
.status-banner-mark { display:grid; place-items:center; width:46px; height:46px; flex:none; background:var(--success); border-radius:var(--r); color:var(--ink); font-size:20px; font-weight:800; }
.status-banner strong { display:block; font-size:20px; line-height:1.3; font-weight:800; font-stretch:108%; }
.status-banner small { display:block; color:var(--muted); font-size:13px; margin-top:5px; }
.status-components { margin-top:26px; display:grid; gap:0; border:1px solid var(--line); border-top:2px solid var(--text); }
.status-component { display:flex; gap:16px; align-items:center; padding:24px 26px; background:var(--panel); border-bottom:1px solid var(--line); }
.status-component:last-child { border-bottom:0; }
.status-component>div { flex:1; display:grid; gap:4px; }
.status-component strong { font-size:16px; font-weight:700; }
.status-component small { font-size:13px; color:var(--muted); }
.status-indicator { width:10px; height:10px; background:var(--success); flex:none; }
.status-indicator.degraded { background:var(--warning); }
.status-check { color:var(--success); font:800 11px var(--font); letter-spacing:.12em; text-transform:uppercase; }
.status-component:has(.degraded) .status-check { color:var(--warning); }
.status-updated { color:var(--muted); font-size:13px; margin-top:22px; }
.status-refresh { color:var(--text); border:0; background:none; padding:5px 8px; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.embed-editor-intro { display:grid; gap:6px; margin:14px 0 22px; padding:18px; border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:var(--r); background:var(--panel); color:var(--muted); font-size:14px; }
.embed-editor-intro b { color:var(--text); }
.embed-edit-section { margin:16px 0; border:1px solid var(--line); border-radius:var(--r); background:var(--panel); overflow:hidden; }
.embed-edit-section summary { padding:20px; cursor:pointer; list-style:none; display:grid; gap:5px; position:relative; padding-right:50px; }
.embed-edit-section summary::-webkit-details-marker { display:none; }
.embed-edit-section summary span { font-size:15px; font-weight:800; color:var(--text); }
.embed-edit-section summary small { font-size:12px; color:var(--muted); }
.embed-edit-section summary:after { content:"+"; color:var(--accent-ink); position:absolute; right:22px; top:16px; font-size:24px; font-weight:800; }
.embed-edit-section[open] summary:after { content:"\2212"; }
.embed-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; padding:0 20px 20px; border-top:1px solid var(--line); }
.embed-field:has(textarea) { grid-column:1/-1; }
.embed-editor-form .form-footer { background:var(--panel); position:sticky; bottom:0; z-index:2; padding-bottom:12px; }
.channel-preview { padding:12px 14px; border:1px solid var(--line-strong); border-radius:var(--r); background:var(--bg); color:var(--muted); font-size:13px; margin:0 0 10px; }
.channel-preview.valid { border-color:var(--success); color:var(--success); }
.channel-preview.invalid { border-color:var(--danger); color:var(--danger); }
body[data-dashboard-guild] .settings-card,body[data-dashboard-guild] .metrics>div { background:var(--panel)!important; color:var(--text)!important; border-color:var(--line)!important; }
body[data-dashboard-guild] .settings-card input,body[data-dashboard-guild] .settings-card textarea,body[data-dashboard-guild] .settings-card select { background:var(--bg)!important; color:var(--text)!important; border-color:var(--line-strong)!important; }
table { width:100%; border-collapse:collapse; }
th,td { text-align:left; padding:13px 12px; border-bottom:1px solid var(--line); font-size:14px; }
th { font:800 11px/1.4 var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); border-bottom:2px solid var(--text); }
#site-pointer { display:none!important; }
@media(min-width:1700px) { .dash-content { padding-top:52px; } }
@media(max-width:1100px) {
 .sidebar { width:236px; padding-inline:12px; }.dash-header { padding-inline:26px; }.dash-content { padding-inline:26px; }.theme-toggle-label { display:none; }
 .overview-grid { grid-template-columns:minmax(0,1fr); }
 .module-line { grid-template-columns:100px minmax(0,1fr) minmax(0,1fr) 28px; gap:20px; }.module-number { font-size:40px; }
}
@media(max-width:900px) {
 .app-shell { display:block; }.sidebar { position:fixed; left:0; top:0; bottom:0; width:min(290px,86vw); height:100dvh; transform:translateX(-105%); transition:transform .2s; z-index:70; }
 .nav-toggle:checked~.sidebar { transform:none; box-shadow:0 0 0 100vmax #0008; }
 .nav-backdrop { display:block; position:fixed; inset:0; z-index:60; background:#0008; opacity:0; pointer-events:none; transition:opacity .2s; }
 .nav-toggle:checked~.nav-backdrop { opacity:1; pointer-events:auto; }
 .menu-button { display:flex; width:42px; height:42px; margin:0; flex:none; }
 .mobile-brand { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:800; }
 .mobile-brand .brand-mark { width:32px; height:32px; font-size:11px; }
 .breadcrumb { display:none; }.dash-header { height:64px; justify-content:flex-start; gap:11px; }.header-actions { margin-left:auto; }
 .public-nav-inner { gap:18px; }.public-nav nav { gap:18px; }
 .product-directory { grid-template-columns:1fr; }
 .directory-row { border-right:0; border-bottom:1px solid var(--line); padding:24px 0!important; row-gap:26px; }.directory-row:last-child { border-bottom:0; }
 .section-heading { grid-template-columns:1fr; gap:22px; }
 .setup-band { padding:40px 34px; }
}
@media(max-width:720px) {
 .public-nav-inner { padding:12px 20px; flex-wrap:wrap; gap:12px; }.public-nav .brand { margin-right:auto; }.public-menu-button { display:flex; width:42px; height:42px; }
 .public-nav nav { display:none; order:4; width:100%; margin:0; padding:14px 0 4px; border-top:1px solid var(--line); justify-content:space-between; gap:12px; flex-wrap:wrap; }
 .public-nav[data-menu-open="true"] nav { display:flex; }.public-nav nav a.current { text-underline-offset:6px; }
 .public-main { padding:0 22px; }.editorial-hero { padding:52px 0 0; }
 .hero-copy h1 { font-size:clamp(38px,12.2vw,84px); }.hero-lead { font-size:16px; }.hero-index { margin-bottom:26px; }.product-directory { margin-top:52px; }
 .editorial-section { padding:64px 0 24px; }
 .module-line { grid-template-columns:72px minmax(0,1fr); gap:6px 14px; padding:26px 0; align-items:start; }.module-number { font-size:28px; grid-row:span 2; }
 .module-line h3 { font-size:23px; }.module-line p { grid-column:2; }.module-line>.ui-icon { display:none; }.module-line:hover { padding-left:0; padding-right:0; }
 .setup-band { padding:30px 24px; flex-direction:column; align-items:flex-start; gap:24px; margin:56px 0 64px; box-shadow:6px 6px 0 var(--text); }
 .footer-inner { padding:30px 22px; flex-wrap:wrap; gap:22px; }.footer-inner>p { display:none; }.footer-links { flex-wrap:wrap; gap:16px; }
 .inner-page { padding-top:48px; padding-bottom:60px; }.feature-grid,.support-grid { grid-template-columns:1fr; }.feature-card,.support-card { padding:30px 24px; }
 .dash-content { padding:30px 20px 48px; }.dash-header { padding:0 16px; }.live-dot { display:none; }.mobile-brand>span:last-child { display:none; }
 .page-title { align-items:flex-start; padding-bottom:22px; margin-bottom:26px; }.page-title>.module-pill,.page-title>.date-pill { display:none; }
 .metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.metrics>div { padding:18px 14px; }.metrics strong { font-size:32px; }.metrics small { font-size:9px; letter-spacing:.08em; }
 .metrics span { font-size:11px; }.activity-card,.health-card,.settings-card,.info-card,.guide-list,.verification-hero { padding:22px; }
 .form-grid,.info-grid,.embed-edit-grid { grid-template-columns:1fr; }.verification-hero { align-items:flex-start; }.verify-symbol { width:48px; height:48px; }
 .workspace-intro { padding:18px; }.workspace-intro>span:last-child { display:none; }.server-toolbar { align-items:stretch; }.server-search { max-width:none; }
 .status-page { padding:48px 22px 64px; }.status-banner { padding:20px; }.status-component { padding:20px; }.status-banner strong { font-size:17px; }
 .toast,#live-update-note { left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); max-width:none; }
}
@media(max-width:480px) {
 .brand-word { font-size:15px; }.brand-mark { width:34px; height:34px; }.public-nav-inner { gap:9px; padding-inline:16px; }
 .nav-tools .button-small { display:none; }.theme-toggle { padding:8px; width:42px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }
 .metrics { grid-template-columns:1fr; }.metrics>div { display:grid; grid-template-columns:1fr auto; gap:5px 15px; padding:20px; border-right:0; border-bottom:1px solid var(--line); }.metrics>div:last-child { border-bottom:0; }
 .metrics small { font-size:10px; }.metrics strong { grid-column:2; grid-row:1/3; margin:0; font-size:34px; }.metrics span { font-size:12px; }
 .form-footer { align-items:stretch; flex-direction:column; gap:12px; }.form-footer .button { width:100%; }.activity-row { flex-wrap:wrap; }.activity-row>a { margin-left:47px; }
 .server-toolbar { flex-wrap:wrap; }.server-search { flex-basis:100%; }
 .header-actions>.icon-button:last-child { display:none; }.workspace-intro { gap:12px; }.workspace-intro h2 { font-size:17px; }
 .login-card { padding:30px 24px; box-shadow:6px 6px 0 var(--accent); }.login-card h1 { font-size:34px; }.login-page { padding:45px 18px; }.verification-hero { flex-direction:column; }
 input,textarea,select { font-size:16px; }.server-search input { font-size:16px; }
}
@media(hover:none) { .button:hover { transform:none; box-shadow:4px 4px 0 var(--text); } .server-card:hover { transform:none; box-shadow:none; } }
@keyframes rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* ===== Refinamento: sobrio e profissional ===== */
:root { --ink:#0f1012; --paper:#fafaf9; --bg:#0f1012; --panel:#15171a; --panel2:#1c1f23; --line:#25282d; --line-strong:#353a41; --text:#e9eaec; --muted:#8f96a0; --accent:#4fb286; --accent-ink:#6cc9a0; --primary:#e9eaec; --on-accent:#0f1012; --soft:#18271f; --success:#5bbf8a; --warning:#d6a550; --danger:#e07a6c; --r:6px; --hard:none; --shadow:none; }
:root[data-theme="light"] { --ink:#111214; --bg:#fafaf9; --panel:#ffffff; --panel2:#f1f1ef; --line:#e4e3df; --line-strong:#c9c8c2; --text:#16171a; --muted:#666a72; --accent:#2f7f5c; --accent-ink:#2a7352; --primary:#16171a; --on-accent:#ffffff; --soft:#e5f1ea; --success:#2f7f5c; --warning:#92620b; --danger:#b3392b; }
body { font-size:15px; font-stretch:100%; }
h1,h2,h3,h4 { font-stretch:100%; font-weight:650; letter-spacing:-.02em; line-height:1.15; }
.eyebrow,.card-kicker,.sidebar-label,.rail-label { font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:none; color:var(--muted); }
.eyebrow:before { display:none; }
.eyebrow { margin-bottom:12px; }
.button { border:1px solid var(--text); background:var(--text); color:var(--bg); box-shadow:none; border-radius:var(--r); font-weight:600; min-height:42px; padding:10px 18px; font-size:14px; }
:root[data-theme="light"] .button { border-color:var(--text); }
.button:hover { transform:none; box-shadow:none; opacity:.88; }
.button:active { transform:none; box-shadow:none; opacity:.78; }
.button-small { min-height:36px; padding:7px 13px; font-size:13px; box-shadow:none; }
.button.secondary { background:transparent; color:var(--text); border-color:var(--line-strong); }
.button.secondary:hover { background:var(--panel2); opacity:1; }
.text-link { text-decoration:none; font-weight:500; color:var(--muted); }
.text-link:hover { color:var(--text); }
.theme-toggle,.icon-button,.menu-button,.public-menu-button { min-height:36px; font-weight:500; }
.public-nav { border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--bg) 92%,transparent); backdrop-filter:blur(8px); }
.public-nav-inner { padding:12px 32px; }
.public-nav nav a { font-size:14px; font-weight:500; }
.public-nav nav a.current { text-decoration:none; }
.brand-word { font-stretch:100%; font-weight:650; font-size:16px; letter-spacing:-.01em; }
.brand-dim { letter-spacing:0; text-transform:none; font-size:12px; font-weight:400; }
.brand-mark,.login-logo,.brand-logo { border-radius:8px; }
.editorial-hero { padding:96px 0 0; }
.hero-index { transform:none; border:1px solid var(--line-strong); color:var(--muted); font-size:12px; font-weight:500; letter-spacing:.04em; text-transform:none; padding:4px 11px; border-radius:99px; margin-bottom:26px; }
.hero-copy h1 { font-size:clamp(38px,5.6vw,68px); font-weight:650; font-stretch:100%; letter-spacing:-.035em; line-height:1.05; margin:0 0 22px; max-width:14ch; }
.hero-copy h1 span { background:none; color:var(--accent-ink); padding:0; margin:0; display:inline; }
.hero-lead { font-size:18px; max-width:520px; opacity:1; color:var(--muted); line-height:1.6; margin-bottom:30px; }
.hero-actions { gap:20px; }
.product-directory { margin-top:88px; border:1px solid var(--line); border-radius:10px; background:var(--panel); overflow:hidden; }
.directory-head { padding:14px 22px; border-bottom:1px solid var(--line); }
.directory-head>span { font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; }
.directory-row { row-gap:30px; padding:24px 22px 26px!important; }
.directory-row:nth-child(n+2) { padding-left:22px!important; }
.directory-row:hover { background:var(--panel2); }
.directory-row>span .ui-icon { width:22px; height:22px; stroke-width:1.6; }
.directory-row h3 { font-size:17px; font-stretch:100%; font-weight:600; margin-bottom:6px; }
.directory-row p { font-size:14px; }
.editorial-section { padding:104px 0 30px; }
.section-heading { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); margin-bottom:34px; }
.section-heading h2 { font-size:clamp(28px,3.4vw,40px); font-stretch:100%; line-height:1.12; letter-spacing:-.03em; }
.section-heading p { font-size:15px; }
.module-list { border-top:1px solid var(--line); }
.module-line { grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr) 24px; padding:26px 0; gap:24px; }
.module-line:hover { padding-left:0; padding-right:0; background:transparent; }
.module-line:hover h3 { color:var(--accent-ink); }
.module-number { font-size:13px; font-weight:500; font-stretch:100%; letter-spacing:0; color:var(--muted); }
.module-line:hover .module-number { color:var(--muted); }
.module-line h3 { font-size:20px; font-stretch:100%; font-weight:600; }
.module-line p { font-size:14px; }
.module-line .ui-icon { width:18px; height:18px; }
.setup-band { background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:10px; box-shadow:none; padding:36px 40px; margin:72px 0 96px; }
.setup-band .eyebrow,.setup-band h2 { color:var(--text); }
.setup-band .eyebrow { color:var(--muted); }
.setup-band h2 { font-size:clamp(24px,2.8vw,32px); font-stretch:100%; margin-bottom:8px; }
.setup-band p { color:var(--muted); opacity:1; font-size:15px; }
.setup-band .button { background:var(--text); color:var(--bg); border-color:var(--text); box-shadow:none; }
.public-footer { border-top:1px solid var(--line); }
.footer-links a:hover { text-decoration:none; color:var(--text); }
.inner-page { padding-top:72px; }
.inner-hero { margin-bottom:48px; }
.inner-hero h1 { font-size:clamp(34px,4.6vw,54px); font-stretch:100%; font-weight:650; letter-spacing:-.035em; line-height:1.08; margin-bottom:18px; }
.inner-hero h1 em { color:var(--accent-ink); }
.inner-hero p { font-size:17px; opacity:1; color:var(--muted); }
.feature-grid,.support-grid { border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--panel); }
.feature-card,.support-card { padding:30px; }
.feature-card:hover,a.support-card:hover { background:var(--panel2); }
.feature-card h3,.support-card h3 { font-size:19px; font-stretch:100%; font-weight:600; margin:20px 0 10px; }
.feature-card p,.support-card p { font-size:14px; }
.feature-icon,.support-card>span { font-size:14px; font-weight:600; font-stretch:100%; }
.feature-icon .ui-icon { width:26px; height:26px; }
.feature-tag { font-size:11px; font-weight:500; letter-spacing:.04em; border-radius:99px; padding:3px 10px; }
.support-card b { font-weight:500; }
.login-card { border:1px solid var(--line); border-radius:12px; box-shadow:none; padding:38px; }
.login-card h1 { font-size:30px; font-stretch:100%; line-height:1.15; }
.login-card p { font-size:15px; }
.sidebar { border-right:1px solid var(--line); }
.dash-link { font-weight:500; border-left:0; border-radius:var(--r); min-height:38px; font-size:14px; }
.dash-link.active { border-left:0; background:var(--panel2); font-weight:600; }
.dash-link.active .ui-icon { color:var(--text); }
.dash-header { border-bottom:1px solid var(--line); }
.page-title { border-bottom:1px solid var(--line); padding-bottom:26px; margin-bottom:30px; }
.page-title h1 { font-size:clamp(28px,3.2vw,38px); font-stretch:100%; margin-bottom:10px; line-height:1.1; }
.page-title p { font-size:15px; }
.module-pill,.date-pill { text-transform:none; letter-spacing:0; font-size:13px; font-weight:500; }
.metrics { border-radius:10px; overflow:hidden; }
.metrics small { text-transform:none; letter-spacing:0; font-size:13px; font-weight:500; }
.metrics strong { font-size:34px; font-weight:650; font-stretch:100%; letter-spacing:-.03em; margin:10px 0 6px; }
.activity-card,.health-card,.settings-card,.verification-hero,.info-card,.guide-list { border-radius:10px; }
.card-heading h2 { font-size:19px; font-stretch:100%; }
.settings-icon,.activity-icon { border-color:var(--line); color:var(--muted); }
.activity-row a { text-decoration:none; color:var(--accent-ink); font-weight:500; }
.health-ring { border-width:1px; border-radius:99px; }
.health-card h3,.verification-hero h2,.workspace-intro h2,.server-profile h2,.empty-state h2 { font-stretch:100%; font-size:18px; }
.workspace-intro { border-left:1px solid var(--line); border-radius:10px; }
.workspace-intro>span:last-child { text-transform:none; letter-spacing:0; font-weight:500; }
.server-filter[aria-pressed="true"] { background:var(--panel2); color:var(--text); border-color:var(--line-strong); }
.server-card { border-radius:10px; }
.server-card:hover { transform:none; box-shadow:none; border-color:var(--line-strong); background:var(--panel2); }
.server-card strong { font-size:16px; font-stretch:100%; font-weight:600; }
.server-card-footer { color:var(--muted); font-weight:500; }
.verification-hero { border-left:1px solid var(--line); }
.verify-symbol { background:var(--soft); color:var(--accent-ink); border-radius:10px; }
.info-card>span { letter-spacing:.04em; }
.info-card h3,.guide-list h3 { font-size:16px; font-stretch:100%; font-weight:600; }
.guide-list>div>b { font-size:14px; font-stretch:100%; }
.server-checks i { border-width:1px; border-radius:99px; }
label { font-weight:600; }
input:focus,textarea:focus,select:focus { box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent); border-color:var(--accent); }
input,textarea,select { border-radius:var(--r); }
.user-avatar { background:var(--panel2); color:var(--text); border:1px solid var(--line); border-radius:99px; }
.toast,#live-update-note { border:1px solid var(--line-strong); border-radius:var(--r); box-shadow:0 8px 24px #0005; font-weight:500; }
.toast.error { box-shadow:0 8px 24px #0005; }
.status-page { padding-top:64px; }
.status-hero h1 { font-size:clamp(32px,4.4vw,48px); font-stretch:100%; line-height:1.1; }
.status-hero p { font-size:16px; }
.status-banner { border:1px solid var(--line); border-left:1px solid var(--line); border-radius:10px; padding:22px; }
.status-banner-mark { border-radius:99px; width:38px; height:38px; font-size:16px; }
.status-banner strong { font-size:17px; font-stretch:100%; font-weight:600; }
.status-components { border-radius:10px; overflow:hidden; border-top:1px solid var(--line); }
.status-indicator { border-radius:99px; width:8px; height:8px; }
.status-check { text-transform:none; letter-spacing:0; font-size:13px; font-weight:500; }
th { border-bottom:1px solid var(--line); text-transform:none; letter-spacing:0; font-size:13px; font-weight:600; }
.pulse,.live-dot i,.guild-item small i,.server-card small i { border-radius:99px; }
.live-dot { text-transform:none; letter-spacing:0; font-weight:500; font-size:12px; }
.embed-editor-intro { border-left:1px solid var(--line); }
@media(max-width:900px){ .nav-toggle:checked~.sidebar { box-shadow:none; } }
@media(max-width:720px){ .hero-copy h1 { font-size:clamp(34px,10vw,48px); }.setup-band { padding:26px 22px; box-shadow:none; margin:48px 0 56px; }.module-line { grid-template-columns:36px minmax(0,1fr); }.module-number { font-size:13px; grid-row:auto; }.directory-row { padding:20px 18px!important; } }
@media(hover:none){ .button:hover { box-shadow:none; } }

/* ===== Compatibilidade: modulos com CSS proprio (Bate Ponto, boas-vindas, Roblox, embeds, transcripts) ===== */
html body { background:var(--bg); color:var(--text); font-family:var(--font); }
html body .point-shell { max-width:1440px; }
html body .point-nav { border-bottom:1px solid var(--line); padding:18px 0; font-size:14px; }
html body .point-nav a { color:var(--text); font-weight:700; text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:5px; text-decoration-thickness:2px; }
html body .point-nav small,html body .point-boundary { color:var(--muted); }
html body .point-nav img { border-radius:var(--r)!important; }
html body .time-dashboard { --time-bg:var(--bg); --time-panel:var(--panel); --time-panel-2:var(--panel); --time-line:var(--line); --time-text:var(--text); --time-muted:var(--muted); --time-violet:var(--accent); --time-violet-2:var(--accent-ink); font-family:var(--font); font-size:15px; }
html body .time-dashboard h1,html body .time-dashboard h2 { font-stretch:100%; letter-spacing:-.02em; font-weight:650; }
html body .time-kicker { color:var(--accent-ink); letter-spacing:.16em; font-weight:700; }
html body .time-subnav { background:transparent; border-radius:0; border:0; border-bottom:1px solid var(--line); padding:0; gap:0; }
html body .time-tab { border-radius:0; border-bottom:3px solid transparent; margin-bottom:-2px; padding:13px 16px; }
html body .time-tab:hover { background:var(--panel2); }
html body .time-tab.is-active { background:transparent; color:var(--text)!important; border-bottom-color:var(--accent); }
html body .time-filters,html body .time-metric,html body .time-panel { background:var(--panel); border:1px solid var(--line); border-radius:var(--r); }

html body .time-dashboard input,html body .time-dashboard select { background:var(--bg); border:1px solid var(--line-strong); border-radius:var(--r); color:var(--text); }
html body .time-dashboard input:focus,html body .time-dashboard select:focus { outline:0; border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent); }
html body .time-button { background:var(--text); border:1px solid var(--text); border-radius:var(--r); color:var(--bg)!important; box-shadow:none; font-weight:600; }
html body .time-button.secondary { background:transparent; border-color:var(--line-strong); color:var(--text)!important; box-shadow:none; }
html body .time-button.danger { background:transparent; border-color:var(--danger); color:var(--danger)!important; box-shadow:none; }
html body .time-notice { background:var(--soft); border:1px solid var(--accent); color:var(--text); border-radius:var(--r); }
html body .time-notice strong { color:var(--accent-ink); }
html body .time-chart line { stroke:var(--line); }
html body .time-chart text { fill:var(--muted); }
html body .time-empty { border:2px dashed var(--line-strong); border-radius:var(--r); }
html body .time-heat-cell { background:var(--panel2); border-radius:0; }
html body .time-heat-cell.level-1 { background:color-mix(in srgb,var(--accent) 28%,var(--panel2)); }
html body .time-heat-cell.level-2 { background:color-mix(in srgb,var(--accent) 55%,var(--panel2)); }
html body .time-heat-cell.level-3 { background:color-mix(in srgb,var(--accent) 80%,var(--panel2)); }
html body .time-heat-cell.level-4 { background:var(--accent); }
html body .time-table-wrap { border:1px solid var(--line); border-radius:var(--r); }
html body .time-table th,html body .time-table td { border-bottom:1px solid var(--line); }
html body .time-bar { background:var(--panel2); border-radius:0; }
html body .time-page { border:1px solid var(--line-strong); border-radius:var(--r); color:var(--text)!important; }
html body .time-page.is-current { background:var(--text); border-color:var(--text); color:var(--bg)!important; }
html body .time-switch { background:var(--panel); border:1px solid var(--line); border-radius:var(--r); }
html body .time-form-footer code { color:var(--text); }
html body .welcome-dashboard { --w-bg:var(--bg); --w-card:var(--panel); --w-text:var(--text); --w-muted:var(--muted); --w-line:var(--line); --w-accent:var(--accent); --w-good:var(--success); font-family:var(--font); }
html body .welcome-dashboard code { background:var(--panel2); border-radius:2px; }
html body .welcome-tab,html body .welcome-template,html body .welcome-button { background:transparent; border:1px solid var(--line-strong); border-radius:var(--r); color:var(--text); font-weight:700; }
html body .welcome-tab:hover,html body .welcome-template:hover { background:var(--panel2); }
html body .welcome-dashboard input,html body .welcome-dashboard textarea { background:var(--bg); border:1px solid var(--line-strong); border-radius:var(--r); color:var(--text); }
html body .welcome-button.danger { background:transparent; border-color:var(--danger); color:var(--danger); }
html body .welcome-error { color:var(--danger); }
html body .settings-card,html body .roblox-account-card { border-radius:var(--r); }
html body .roblox-personal h1 { font-size:clamp(34px,4.6vw,56px); font-stretch:100%; letter-spacing:-.03em; font-weight:650; }
html body .all-embed-tabs [aria-selected="true"] { background:var(--text); color:var(--bg); border-color:var(--text); }
html body .embed-editor-field-row input[type="checkbox"] { accent-color:var(--accent); }
html body .all-embed-error { color:var(--danger); }
html body .transcripts-hero,html body .ticket-overview { background:var(--panel); border:1px solid var(--line); border-radius:10px; box-shadow:none; }
html body .transcripts-hero h1,html body .ticket-overview h1 { font-stretch:100%; letter-spacing:-.03em; color:var(--text); }
html body .transcripts-hero .eyebrow,html body .ticket-overview .eyebrow { color:var(--accent-ink); }
html body .transcripts-section .section-heading h2 { color:var(--text); }
html body .back-link { color:var(--text); }