:root {
  --red: #ef1212;
  --red-dark: #a40000;
  --red-soft: rgba(239,18,18,.12);
  --black: #050505;
  --black-2: #090909;
  --panel: #101010;
  --panel-2: #151515;
  --line: #292929;
  --line-soft: #1d1d1d;
  --white: #f7f7f7;
  --muted: #a0a0a0;
  --muted-2: #707070;
  --green: #35d07f;
  --yellow: #e7b743;
  --danger: #ff3e3e;
  --shadow: 0 20px 70px rgba(0,0,0,.38);
  --container: 1240px;
  --sidebar: 272px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body { margin: 0; background: var(--black); color: var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body, input, textarea, select, button { font: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; }
::selection { background: var(--red); color: #fff; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.noise { position: fixed; inset: 0; z-index: 1000; pointer-events: none; opacity: .04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
.eyebrow, .kicker { color: var(--red); font-size: .76rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.kicker { display: inline-flex; align-items: center; gap: 10px; }
.kicker i { width: 28px; height: 2px; background: var(--red); display: inline-block; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 7vw, 6.8rem); }
h2 { font-size: clamp(2rem, 4vw, 3.8rem); }
h3 { font-size: 1.35rem; }
p { color: #bdbdbd; }
.btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 50px; padding: 13px 24px; border: 1px solid var(--red); background: var(--red); color: #fff; font-size: .82rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; border-radius: 1px; transition: .22s ease; box-shadow: 0 0 0 rgba(239,18,18,0); }
.btn:hover { transform: translateY(-2px); background: #ff2222; box-shadow: 0 13px 35px rgba(239,18,18,.22); }
.btn-ghost { background: transparent; border-color: #464646; color: #fff; }
.btn-ghost:hover { border-color: var(--red); background: var(--red-soft); }
.btn-small { min-height: 38px; padding: 8px 14px; font-size: .7rem; }
.btn-wide { width: 100%; }
.text-link { color: #fff; font-weight: 800; border-bottom: 1px solid var(--red); padding-bottom: 3px; transition: color .2s; }
.text-link:hover { color: var(--red); }
.flash { margin-top: 20px; padding: 14px 18px; border-left: 3px solid; background: #111; position: relative; z-index: 2; }
.flash.success { border-color: var(--green); color: #d9ffeb; }
.flash.error { border-color: var(--danger); color: #ffdede; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; background: linear-gradient(to bottom, rgba(5,5,5,.98), rgba(5,5,5,.76), transparent); transition: .25s; }
.site-header.scrolled { background: rgba(5,5,5,.96); border-bottom: 1px solid #202020; backdrop-filter: blur(16px); }
.header-inner { height: 94px; display: flex; align-items: center; justify-content: space-between; }
.brand { width: 190px; height: 73px; overflow: hidden; display: flex; align-items: center; }
.brand img { width: 190px; height: auto; }
.main-nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); }
.main-nav > a:not(.btn) { font-size: .78rem; font-weight: 750; color: #bbb; position: relative; }
.main-nav > a:not(.btn)::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: var(--red); transition: width .2s; }
.main-nav > a:hover, .main-nav > a.active { color: #fff; }
.main-nav > a:hover::after, .main-nav > a.active::after { width: 100%; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid #333; background: #0c0c0c; padding: 10px; }
.menu-toggle span { display:block; height:2px; background:#fff; margin:5px 0; }

/* Hero */
.hero { min-height: 100svh; padding: 145px 0 90px; position: relative; overflow: hidden; display:flex; align-items:center; }
.hero::before { content:''; position:absolute; width:600px; height:600px; border:1px solid rgba(239,18,18,.13); border-radius:50%; right:-210px; top:80px; box-shadow:0 0 120px rgba(239,18,18,.07); }
.hero::after { content:''; position:absolute; inset:auto 0 0; height:220px; background:linear-gradient(transparent,var(--black)); }
.hero-grid { position:absolute; inset:0; opacity:.2; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 84%); }
.hero-inner { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:70px; position:relative; z-index:2; }
.hero-copy h1 { max-width: 900px; margin: 24px 0 24px; }
.hero-copy h1 em { color:var(--red); font-style:normal; display:block; }
.hero-copy > p { max-width:680px; font-size:clamp(1.06rem,1.6vw,1.35rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.trust-row { display:flex; flex-wrap:wrap; gap:30px; margin-top:38px; color:#8b8b8b; font-size:.77rem; text-transform:uppercase; letter-spacing:.08em; }
.trust-row span::before { content:'✓'; color:var(--red); margin-right:8px; font-weight:900; }
.hero-visual { position:relative; display:flex; justify-content:center; }
.focus-frame { width:min(470px,100%); aspect-ratio:1; position:relative; display:grid; place-items:center; background:radial-gradient(circle,rgba(239,18,18,.09),transparent 58%); }
.focus-frame::before,.focus-frame::after { content:''; position:absolute; inset:50% auto auto 0; width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--red),transparent); opacity:.45; animation:scanHorizontal 4s ease-in-out infinite; }
.focus-frame::after { inset:0 auto auto 50%; width:1px; height:100%; background:linear-gradient(transparent,var(--red),transparent); animation:scanVertical 4s ease-in-out infinite; }
.focus-frame img { width:88%; filter:drop-shadow(0 20px 55px rgba(0,0,0,.7)); animation:floatLogo 6s ease-in-out infinite; }
.focus-corner { position:absolute; width:55px; height:55px; border-color:var(--red); border-style:solid; }
.c1 { top:0; left:0; border-width:2px 0 0 2px; }.c2 { top:0;right:0;border-width:2px 2px 0 0}.c3{bottom:0;left:0;border-width:0 0 2px 2px}.c4{bottom:0;right:0;border-width:0 2px 2px 0}
.signal { position:absolute; right:-10px; bottom:30px; background:#0a0a0a; border:1px solid #303030; padding:10px 14px; font-size:.65rem; letter-spacing:.12em; font-weight:900; }
.signal b { display:inline-block; width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--green); }
.scroll-cue { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:3; color:#777; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; display:flex; flex-direction:column; align-items:center; }
.scroll-cue span { color:var(--red); font-size:1.2rem; animation:bounce 2s infinite; }
@keyframes floatLogo { 0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)} }
@keyframes bounce { 0%,100%{transform:translateY(0)}50%{transform:translateY(6px)} }
@keyframes scanHorizontal { 0%,100%{transform:translateY(-90px);opacity:.1}50%{transform:translateY(90px);opacity:.6} }
@keyframes scanVertical { 0%,100%{transform:translateX(-90px);opacity:.1}50%{transform:translateX(90px);opacity:.6} }

/* Public sections */
.section { padding: clamp(85px,10vw,145px) 0; position:relative; }
.section-dark { background:#090909; border-block:1px solid #161616; }
.section-heading { max-width:780px; margin-bottom:55px; }
.section-heading h2 { margin:16px 0 18px; }
.section-heading p { font-size:1.12rem; }
.section-heading.centered { margin-inline:auto; text-align:center; }
.split-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,8vw,130px); align-items:start; }
.large-copy p { font-size:clamp(1.08rem,1.8vw,1.34rem); line-height:1.8; }
.large-copy strong { color:#fff; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.angle-card { background:linear-gradient(135deg,#151515,#0d0d0d); border:1px solid #252525; padding:36px 28px; min-height:300px; clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%); position:relative; transition:.25s; }
.angle-card::before { content:''; position:absolute; top:0;left:0;width:55px;height:3px;background:var(--red);transition:width .25s; }
.angle-card:hover { border-color:#4a1717; transform:translateY(-6px); }
.angle-card:hover::before { width:100%; }
.feature-number { color:var(--red); font-weight:900; font-size:.75rem; letter-spacing:.15em; }
.angle-card h3 { margin:40px 0 16px; }
.center-action { text-align:center; margin-top:48px; }
.stats-section { background:var(--red); padding:55px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat { padding:20px 30px; border-right:1px solid rgba(255,255,255,.28); }
.stat:last-child { border-right:0; }
.stat strong { display:block; font-size:clamp(2.4rem,5vw,4.6rem); line-height:1; }
.stat span { display:block; margin-top:13px; font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; }
.creator-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.creator-grid-full { grid-template-columns:repeat(3,1fr); }
.creator-card { background:#101010; border:1px solid #242424; overflow:hidden; transition:.25s; position:relative; }
.creator-card:hover { transform:translateY(-5px); border-color:var(--red); }
.creator-image { aspect-ratio:1; background:#171717; position:relative; overflow:hidden; }
.creator-image img { width:100%;height:100%;object-fit:cover;transition:transform .35s; }
.creator-card:hover img { transform:scale(1.04); }
.creator-placeholder { width:100%;height:100%;display:grid;place-items:center;font-size:5rem;font-weight:950;color:var(--red);background:radial-gradient(circle at center,#231111,#0d0d0d); }
.creator-placeholder.huge { min-height:360px; }
.live-badge { position:absolute; top:14px;left:14px;background:var(--red);color:#fff;padding:7px 10px;font-size:.66rem;font-weight:900;letter-spacing:.06em; }
.live-badge.big { font-size:.75rem;padding:9px 12px; }
.live-badge.inline { position:static; display:inline-flex; margin-bottom:12px; }
.creator-card-body { padding:25px; }
.creator-card-body > span { color:var(--red);font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em; }
.creator-card-body h2,.creator-card-body h3 { margin:9px 0 12px; }
.creator-card-body p { min-height:48px;font-size:.9rem; }
.creator-card-body b { font-size:.72rem;text-transform:uppercase;letter-spacing:.07em; }
.creator-meta { display:flex;justify-content:space-between;gap:8px;color:#777;margin:16px 0; }
.process-section { overflow:hidden; }
.process-line { display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:40px; }
.process-line::before { content:'';position:absolute;top:35px;left:13%;right:13%;height:1px;background:linear-gradient(90deg,var(--red),#3b3b3b,var(--red)); }
.process-step { text-align:center;position:relative;z-index:1; }
.process-step > span { width:70px;height:70px;display:grid;place-items:center;background:#090909;border:2px solid var(--red);font-weight:900;font-size:1.4rem;margin:0 auto 25px;transform:rotate(45deg); }
.process-step > span::first-line { transform:rotate(-45deg); }
.process-step h3 { margin-bottom:10px; }
.cta-section { padding:80px 0;background:linear-gradient(90deg,#1b0505,#080808 70%);border-block:1px solid #351010; }
.cta-inner { display:flex;align-items:center;justify-content:space-between;gap:50px; }
.cta-inner h2 { margin:14px 0 12px;max-width:850px; }
.cta-inner p { max-width:780px;margin-bottom:0; }
.page-hero { padding:190px 0 95px;background:radial-gradient(circle at 80% 30%,rgba(239,18,18,.11),transparent 33%),linear-gradient(to bottom,#0b0b0b,#050505);border-bottom:1px solid #191919; }
.page-hero.compact { padding-bottom:65px; }
.page-hero h1 { margin:20px 0 18px;font-size:clamp(3.5rem,7vw,6.7rem);max-width:1050px; }
.page-hero p { font-size:1.2rem;max-width:760px; }
.vision-grid,.team-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.team-grid { grid-template-columns:repeat(4,1fr); }
.team-card { padding:30px;background:#0d0d0d;border-top:3px solid var(--red);border-inline:1px solid #232323;border-bottom:1px solid #232323; }
.team-avatar { width:74px;height:74px;display:grid;place-items:center;background:var(--red);font-weight:950;font-size:2rem;margin-bottom:35px;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%); }
.team-card > span { font-size:.68rem;color:var(--red);text-transform:uppercase;font-weight:900;letter-spacing:.1em; }
.team-card h3 { margin:8px 0 15px; }
.values-section { padding-top:60px; }
.value-list { border-top:1px solid #262626; }
.value-list > div { display:grid;grid-template-columns:90px 250px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid #222;align-items:center; }
.value-list strong { color:var(--red); }
.value-list h3,.value-list p { margin:0; }
.services-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.service-detail { display:grid;grid-template-columns:72px 1fr;gap:25px;padding:42px;background:#0e0e0e;border:1px solid #252525;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%); }
.service-detail > span { color:var(--red);font-weight:950;font-size:1.25rem; }
.service-detail h2 { font-size:2rem; }
.service-detail ul,.check-list { padding:0;margin:25px 0 0;list-style:none; }
.service-detail li,.check-list li { margin:10px 0;color:#bbb; }
.service-detail li::before,.check-list li::before { content:'+';color:var(--red);font-weight:950;margin-right:10px; }
.notice-box { border:1px solid #351414;border-left:5px solid var(--red);padding:50px;background:#0d0808; }
.notice-box > span { color:var(--red);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900; }
.notice-box h2 { margin:12px 0; }
.empty-state { text-align:center;padding:100px 30px;background:#0b0b0b;border:1px solid #242424; }
.empty-state.small { padding:60px 25px; }
.empty-state > span { color:var(--red);font-size:3rem; }
.empty-state p { max-width:550px;margin-inline:auto; }
.creator-profile-hero { padding:170px 0 90px;background:radial-gradient(circle at 20% 30%,rgba(239,18,18,.13),transparent 28%); }
.creator-profile-grid { display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:70px;align-items:center; }
.profile-image-wrap { position:relative;border:1px solid #292929;padding:10px;background:#0b0b0b;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%); }
.profile-image-wrap > img { width:100%;aspect-ratio:1;object-fit:cover; }
.creator-profile-grid h1 { margin:16px 0;font-size:clamp(3.5rem,7vw,6.5rem); }
.profile-lead { font-size:1.2rem;max-width:760px; }
.profile-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:25px; }
.profile-tags span { border:1px solid #383838;padding:7px 11px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em; }
.stream-frame { aspect-ratio:16/9;background:#000;border:1px solid #2d2d2d; }
.stream-frame iframe { width:100%;height:100%;border:0; }
.stream-info { display:flex;align-items:center;gap:14px;padding:18px;background:#101010;border:1px solid #222;border-top:0; }
.stream-info strong,.stream-info small { display:block; }
.live-dot { width:10px;height:10px;background:var(--red);border-radius:50%;box-shadow:0 0 14px var(--red);animation:pulse 1.3s infinite; }
@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}
.profile-content-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:80px; }
.profile-content-grid > div p { font-size:1.1rem;line-height:1.85; }
.profile-facts { border-top:3px solid var(--red);background:#0d0d0d;padding:10px 30px; }
.profile-facts div { padding:22px 0;border-bottom:1px solid #292929; }
.profile-facts span,.profile-facts strong { display:block; }
.profile-facts span { color:#777;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.profile-facts strong { margin-top:4px; }
.social-link-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px; }
.social-link-grid a { padding:24px;border:1px solid #2a2a2a;background:#101010;font-weight:850;display:flex;justify-content:space-between;transition:.2s; }
.social-link-grid a:hover { border-color:var(--red);color:var(--red); }
.faq-wrap { max-width:980px;margin-inline:auto; }
.faq-item { border-bottom:1px solid #292929; }
.faq-item summary { list-style:none;display:grid;grid-template-columns:55px 1fr 30px;gap:18px;align-items:center;padding:27px 0;font-weight:800;font-size:1.1rem;cursor:pointer; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary > span { color:var(--red);font-size:.72rem; }
.faq-item summary i { color:var(--red);font-style:normal;font-size:1.6rem;transition:transform .2s; }
.faq-item[open] summary i { transform:rotate(45deg); }
.faq-item > div { padding:0 45px 30px 73px;color:#aaa; }
.form-layout,.application-layout { display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start; }
.application-layout { grid-template-columns:.52fr 1.48fr; }
.contact-aside h2,.application-aside h2 { margin:15px 0; }
.contact-detail { padding:22px 0;border-bottom:1px solid #242424; }
.contact-detail span,.contact-detail strong,.contact-detail a { display:block; }
.contact-detail span { color:#777;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.contact-detail a,.contact-detail strong { margin-top:5px; }
.sticky { position:sticky;top:130px; }
.zero-box { margin-top:35px;padding:25px;background:var(--red);display:flex;gap:20px;align-items:center; }
.zero-box strong { font-size:4rem;line-height:1; }
.zero-box span { font-weight:750; }
.form-panel { background:#0d0d0d;border:1px solid #272727;border-top:4px solid var(--red);padding:clamp(25px,4vw,50px);box-shadow:var(--shadow); }
.form-section { display:flex;align-items:center;gap:18px;margin:20px 0 28px;padding-top:28px;border-top:1px solid #252525; }
.form-section:first-of-type { border-top:0;padding-top:0; }
.form-section > span { width:44px;height:44px;display:grid;place-items:center;background:var(--red);font-weight:900; }
.form-section h2,.form-section p { margin:0; }
.form-section h2 { font-size:1.5rem; }
.form-section p { font-size:.85rem; }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.form-row.three { grid-template-columns:repeat(3,1fr); }
.field { margin-bottom:18px; }
.field label { display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;color:#d6d6d6; }
.field label small,.field > small { color:#747474;text-transform:none;letter-spacing:0;font-weight:500; }
input,textarea,select { width:100%;background:#080808;color:#fff;border:1px solid #303030;border-radius:0;padding:13px 14px;outline:0;transition:border-color .18s,box-shadow .18s; }
textarea { resize:vertical; }
input:focus,textarea:focus,select:focus { border-color:var(--red);box-shadow:0 0 0 3px rgba(239,18,18,.09); }
input[type=file] { padding:10px; }
input[type=range] { padding:0;accent-color:var(--red); }
.checkbox { display:flex;gap:12px;align-items:flex-start;margin:17px 0;color:#aaa; }
.checkbox input { width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--red); }
.checkbox a { color:#fff;text-decoration:underline; }
.form-privacy { font-size:.75rem;color:#777; }
.form-errors { border-left:3px solid var(--danger);background:#1b0b0b;padding:14px 17px;margin-bottom:20px;color:#ffd7d7; }
.form-errors p,.form-errors ul { margin:0; }
.honeypot { position:absolute!important;left:-9999px!important;opacity:0!important; }
.success-page,.error-page { min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 20px 80px; }
.success-page p,.error-page p { max-width:620px;font-size:1.15rem; }
.success-mark { width:90px;height:90px;display:grid;place-items:center;background:var(--red);font-size:2.5rem;font-weight:950;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);margin-bottom:25px; }
.error-page > span { font-size:clamp(5rem,13vw,12rem);font-weight:950;color:var(--red);line-height:.8; }
.legal-content { max-width:900px; }
.legal-content h2 { font-size:1.6rem;margin-top:45px; }
.legal-content p { line-height:1.85; }
.legal-warning { padding:18px;border-left:4px solid var(--yellow);background:#171309;color:#e9dfbe;margin-bottom:45px; }

/* Footer */
.site-footer { padding:75px 0 25px;background:#070707;border-top:1px solid #1c1c1c; }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:60px; }
.footer-logo { width:200px;margin-bottom:18px; }
.footer-grid p { max-width:390px;font-size:.9rem; }
.footer-grid h3 { font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:20px; }
.footer-grid a { display:block;color:#888;margin:9px 0;font-size:.88rem; }
.footer-grid a:hover { color:var(--red); }
.footer-bottom { border-top:1px solid #1d1d1d;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:#555;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em; }

/* Auth / setup */
.auth-body,.setup-body { min-height:100vh;background:radial-gradient(circle at 50% 10%,#1e0909,#050505 42%); }
.auth-shell { width:min(520px,calc(100% - 30px));margin:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;position:relative;z-index:2; }
.auth-logo { width:210px;margin:0 auto 25px; }
.auth-card { background:#0d0d0d;border:1px solid #292929;border-top:4px solid var(--red);padding:42px;box-shadow:var(--shadow); }
.auth-card h1 { font-size:2.5rem;margin:12px 0; }
.auth-link,.auth-back { display:block;text-align:center;color:#888;margin-top:20px;font-size:.85rem; }
.auth-link:hover,.auth-back:hover { color:var(--red); }
.success-message { padding:18px;border-left:3px solid var(--green);background:#07150e;margin:25px 0; }
.success-message p { margin-bottom:0; }
.setup-shell { width:min(980px,calc(100% - 30px));margin:auto;padding:60px 0 100px;position:relative;z-index:2; }
.setup-shell header { text-align:center;max-width:750px;margin:0 auto 45px; }
.setup-shell header img { width:240px;margin:0 auto 25px; }
.setup-shell h1 { font-size:4rem;margin:15px 0; }
.requirements { background:#0c0c0c;border:1px solid #282828;padding:25px;margin-bottom:20px; }
.requirements h2 { font-size:1.3rem; }
.requirements > div { display:grid;grid-template-columns:30px 1fr auto;padding:9px 0;border-bottom:1px solid #202020; }
.requirements > div span { color:var(--red);font-weight:950; }
.requirements > div strong { color:#8d8d8d;font-size:.75rem; }
.setup-form { background:#0d0d0d;border-top:4px solid var(--red);border-inline:1px solid #292929;border-bottom:1px solid #292929;padding:45px; }
.setup-section { display:flex;align-items:center;gap:15px;border-top:1px solid #282828;padding-top:35px;margin:35px 0 22px; }
.setup-section:first-child { border-top:0;margin-top:0;padding-top:0; }
.setup-section span { background:var(--red);width:42px;height:42px;display:grid;place-items:center;font-weight:900; }
.setup-section h2 { font-size:1.5rem;margin:0; }
code,.code-block { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }

/* Dashboards */
.dashboard-body { overflow-x:hidden;background:#080808; }
.dashboard-shell { display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh; }
.sidebar { position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#090909;border-right:1px solid #222;padding:18px;display:flex;flex-direction:column;z-index:200;overflow-y:auto; }
.sidebar-logo { display:block;width:190px;margin:0 auto 16px; }
.sidebar-label { color:#555;font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin:18px 11px 8px; }
.sidebar-nav { display:flex;flex-direction:column;gap:3px; }
.sidebar-nav a { display:flex;align-items:center;gap:12px;padding:10px 12px;color:#8f8f8f;font-size:.82rem;font-weight:680;border-left:2px solid transparent;transition:.18s; }
.sidebar-nav a span { width:20px;color:#666;text-align:center; }
.sidebar-nav a:hover { color:#fff;background:#111; }
.sidebar-nav a.active { color:#fff;background:linear-gradient(90deg,rgba(239,18,18,.16),transparent);border-left-color:var(--red); }
.sidebar-nav a.active span { color:var(--red); }
.sidebar-user { display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px;border-top:1px solid #222; }
.avatar-initial,.big-initial,.mini-avatar { display:grid;place-items:center;background:var(--red);font-weight:950;flex:0 0 auto;overflow:hidden; }
.avatar-initial { width:38px;height:38px; }
.big-initial { width:72px;height:72px;font-size:1.8rem; }
.mini-avatar { width:42px;height:42px; }
.mini-avatar img { width:100%;height:100%;object-fit:cover; }
.sidebar-user strong,.sidebar-user span { display:block; }
.sidebar-user strong { font-size:.82rem; }
.sidebar-user span { color:#666;font-size:.7rem; }
.sidebar-logout { width:100%;background:transparent;color:#777;border:1px solid #292929;padding:9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em; }
.sidebar-logout:hover { border-color:var(--red);color:#fff; }
.dashboard-main { grid-column:2;min-width:0; }
.dashboard-topbar { height:94px;padding:0 34px;border-bottom:1px solid #222;background:rgba(8,8,8,.93);position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:18px;backdrop-filter:blur(14px); }
.dashboard-topbar h1 { font-size:1.6rem;margin:1px 0 0;letter-spacing:-.025em; }
.dashboard-topbar .eyebrow { font-size:.59rem; }
.topbar-site { margin-left:auto;border:1px solid #303030;padding:8px 12px;color:#aaa;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }
.topbar-site:hover { border-color:var(--red);color:#fff; }
.sidebar-toggle { display:none;background:#121212;color:#fff;border:1px solid #303030;width:42px;height:42px; }
.dashboard-content { padding:30px 34px 60px;max-width:1600px;margin-inline:auto; }
.dashboard-content > .flash { margin:0 0 18px; }
.dash-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px; }
.dash-stat { background:linear-gradient(145deg,#121212,#0c0c0c);border:1px solid #252525;border-top:2px solid #383838;padding:22px;min-height:150px;display:flex;flex-direction:column;transition:.2s; }
a.dash-stat:hover { border-top-color:var(--red);transform:translateY(-2px); }
.dash-stat span { color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800; }
.dash-stat strong { font-size:2.8rem;line-height:1.1;margin:13px 0; }
.dash-stat small { color:#666;margin-top:auto; }
.dash-panel { background:#0f0f0f;border:1px solid #242424;padding:24px;margin-bottom:18px;box-shadow:0 12px 40px rgba(0,0,0,.14); }
.panel-head { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px; }
.panel-head h2 { font-size:1.45rem;margin:3px 0 0; }
.panel-head p { font-size:.83rem;margin:5px 0 0; }
.panel-head > a,.table-action { color:#aaa;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;background:transparent;border:0;padding:0; }
.panel-head > a:hover,.table-action:hover { color:var(--red); }
.dash-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start; }
.dash-grid.two-thirds { grid-template-columns:1.55fr .75fr; }
.table-wrap { overflow:auto; }
table { width:100%;border-collapse:collapse;white-space:nowrap; }
th { color:#666;text-align:left;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid #282828; }
td { padding:13px 12px;border-bottom:1px solid #1f1f1f;color:#aaa;font-size:.8rem;vertical-align:middle; }
td strong,td small { display:block; }
td strong,.table-main { color:#eee; }
td small { color:#666;margin-top:2px; }
.wide-table { min-width:900px; }
.empty-cell { text-align:center!important;color:#666!important;padding:30px!important; }
.status { display:inline-flex;padding:4px 8px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border:1px solid #353535;color:#aaa;background:#121212; }
.status-new,.status-open,.status-invited { color:#ffcb62;border-color:#5c471d;background:#1b160a; }
.status-reviewing,.status-in_progress,.status-active { color:#70baff;border-color:#234a6d;background:#091522; }
.status-interview { color:#c495ff;border-color:#513175;background:#160a21; }
.status-accepted,.status-done,.status-completed { color:#5ee5a1;border-color:#236244;background:#071a10; }
.status-rejected,.status-disabled { color:#ff7777;border-color:#6b2828;background:#210a0a; }
.status-archived,.status-paused { color:#888; }
.status-live { color:#fff;background:var(--red);border-color:var(--red); }
.status-dot { width:8px;height:8px;background:#555;display:block; }
.status-dot.new { background:var(--red);box-shadow:0 0 9px var(--red); }
.status-dot.in_progress { background:var(--yellow); }
.status-dot.done { background:var(--green); }
.compact-list a { display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #202020; }
.compact-list strong,.compact-list small { display:block; }
.compact-list strong { font-size:.82rem; }
.compact-list small,.compact-list time { color:#666;font-size:.69rem; }
.announcement-strip article { display:grid;grid-template-columns:50px 1fr auto;gap:14px;padding:13px 0;border-top:1px solid #202020;align-items:start; }
.announcement-strip article > span { color:var(--red);font-size:.62rem;font-weight:900; }
.announcement-strip article p { margin:3px 0 0;font-size:.82rem; }
.announcement-strip article small { color:#666; }
.creator-status-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.creator-status-grid a { display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;background:#0b0b0b;border:1px solid #1f1f1f; }
.creator-status-grid strong,.creator-status-grid span { display:block; }
.creator-status-grid strong { font-size:.8rem; }
.creator-status-grid span,.creator-status-grid b { font-size:.65rem;color:#666; }
.live-text { color:var(--red)!important;font-weight:900; }
.toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px; }
.filter-form { display:flex;gap:8px; }
.filter-form input { min-width:260px; }
.filter-form input,.filter-form select { padding:9px 11px;font-size:.78rem; }
.record-count { color:#777;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em; }
.toolbar-note { margin:3px 0 0;font-size:.75rem; }
.detail-top { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px; }
.back-link { color:#888;font-size:.78rem; }
.back-link:hover { color:var(--red); }
.record-id { color:#666;font-size:.72rem;margin-left:10px; }
.detail-grid { display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start; }
.sticky-panel { position:sticky;top:112px; }
.profile-header-panel,.creator-admin-header { display:flex;align-items:center;gap:22px; }
.profile-header-panel h2,.creator-admin-header h2 { margin:5px 0;font-size:2rem; }
.profile-header-panel p,.creator-admin-header p { margin:0; }
.profile-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px; }
.info-pill { border:1px solid #333;padding:7px 10px;color:#999;font-size:.68rem; }
.answer-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.answer-grid .full { grid-column:1/-1; }
.answer-grid span,.answer-stack span { color:var(--red);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900; }
.answer-grid p,.answer-stack p { margin:6px 0 0;color:#d0d0d0; }
.answer-stack > div { padding:17px 0;border-bottom:1px solid #222; }
.inline-form textarea { margin-bottom:10px; }
.timeline article { display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #222; }
.timeline article > span { width:36px;height:36px;display:grid;place-items:center;background:#202020;color:var(--red);font-weight:900; }
.timeline strong,.timeline small { display:block; }
.timeline small { color:#666;font-size:.67rem; }
.timeline p { margin:8px 0 0;font-size:.85rem;color:#bbb; }
.decision-buttons { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.success-btn { background:#167a48;border-color:#167a48; }
.danger-btn { background:#9d1717;border-color:#9d1717; }
.detail-side hr { border:0;border-top:1px solid #282828;margin:24px 0; }
.meta-list { margin-top:25px;border-top:1px solid #272727; }
.meta-list div { display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #202020;font-size:.72rem; }
.meta-list span { color:#666; }
.sender-line { display:flex;gap:18px;flex-wrap:wrap;color:#777;font-size:.8rem;margin:15px 0 25px; }
.message-body { padding:25px;background:#090909;border-left:3px solid var(--red);color:#ddd;line-height:1.85; }
.collapsible-panel.is-hidden { display:none; }
.user-cell { display:flex;align-items:center;gap:10px; }
.creator-admin-avatar { width:84px;height:84px;background:#171717;display:grid;place-items:center;font-size:2rem;font-weight:950;color:var(--red);overflow:hidden;flex:0 0 auto; }
.creator-admin-avatar img { width:100%;height:100%;object-fit:cover; }
.creator-admin-header > .btn { margin-left:auto; }
.tabs { display:flex;gap:2px;overflow:auto;margin-bottom:18px;border-bottom:1px solid #272727; }
.tabs button { background:#0d0d0d;color:#777;border:0;border-top:2px solid transparent;padding:12px 17px;white-space:nowrap;font-size:.75rem;font-weight:800; }
.tabs button.active { color:#fff;border-top-color:var(--red);background:#151515; }
.tab-panel { display:none; }
.tab-panel.active { display:block;animation:fadeIn .25s ease; }
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.stream-summary { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.stream-summary > div { padding:15px;background:#090909;border:1px solid #202020; }
.stream-summary .full { grid-column:1/-1; }
.stream-summary span,.stream-summary strong { display:block; }
.stream-summary span { color:#666;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em; }
.stream-summary strong { margin-top:4px; }
.action-list a { display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #232323;font-size:.8rem; }
.action-list a:hover { color:var(--red); }
.large-dashboard-copy { color:#ccc;line-height:1.8; }
.dashboard-form .field { margin-bottom:15px; }
.dashboard-check { padding:11px;background:#0a0a0a;border:1px solid #222;align-items:center; }
.input-prefix { display:flex;align-items:center;background:#080808;border:1px solid #303030; }
.input-prefix span { color:#666;padding-left:12px;font-size:.8rem; }
.input-prefix input { border:0; }
.task-list article { display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #222;align-items:center; }
.task-list article > div { min-width:0; }
.task-list strong { display:block;margin:7px 0 4px; }
.task-list p { margin:0;font-size:.8rem; }
.task-list small { color:#666; }
.task-list form { flex:0 0 145px; }
.task-list form label { display:block;color:#666;font-size:.62rem;text-transform:uppercase; }
.task-list select { padding:8px;font-size:.72rem; }
.task-list.compact article { align-items:flex-start; }
.priority { font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;border-left:2px solid;padding-left:6px;color:#888; }
.priority-urgent { color:#ff6161;border-color:#ff3333; }.priority-high{color:#ffb45a;border-color:#ff8b21}.priority-normal{color:#72b9ff;border-color:#398ada}.priority-low{color:#8c8c8c;border-color:#555}
.goal-list article { padding:16px 0;border-bottom:1px solid #222; }
.goal-list.large article { padding:24px 0; }
.goal-head { display:flex;justify-content:space-between;gap:20px;align-items:flex-start; }
.goal-head strong { display:block;margin:5px 0; }
.goal-head p { margin:0;font-size:.82rem; }
.goal-head b { color:var(--red);font-size:1.35rem; }
.progress { height:5px;background:#252525;margin:13px 0;overflow:hidden; }
.progress i { display:block;height:100%;background:var(--red);box-shadow:0 0 10px rgba(239,18,18,.5); }
.goal-controls { display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:center; }
.goal-controls select { padding:8px; }
.range-wrap { display:flex;align-items:center;gap:10px; }
.range-wrap output { min-width:42px;color:var(--red);font-weight:900; }
.document-list a { display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #232323; }
.document-list > a > span { width:34px;height:34px;display:grid;place-items:center;background:#181818;color:var(--red); }
.document-list strong,.document-list small { display:block; }
.document-list small { color:#666;font-size:.68rem; }
.document-list b { font-size:.66rem;color:#888; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px; }
.metric-grid > div { background:#090909;border:1px solid #202020;padding:18px; }
.metric-grid span,.metric-grid strong { display:block; }
.metric-grid span { color:#666;font-size:.65rem;text-transform:uppercase; }
.metric-grid strong { margin-top:5px;font-size:1.2rem; }
.role-badge { color:#d9d9d9;border-left:2px solid var(--red);padding-left:7px;font-size:.7rem;text-transform:uppercase; }
.muted { color:#555;font-size:.7rem; }
.thread-list > a { display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:16px;border-bottom:1px solid #222;transition:.18s; }
.thread-list > a:hover { background:#121212; }
.thread-list strong,.thread-list small { display:block; }
.thread-list p { margin:3px 0;font-size:.8rem; }
.thread-list small { color:#666;font-size:.68rem; }
.thread-meta { text-align:right;display:flex;align-items:center;gap:12px; }
.thread-meta b { width:24px;height:24px;display:grid;place-items:center;background:var(--red);font-size:.68rem; }
.thread-meta time { color:#666;font-size:.68rem; }
.chat-panel { background:#0d0d0d;border:1px solid #262626;max-width:1000px;margin:0 auto; }
.chat-panel > header { display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #252525;background:#111; }
.chat-panel header strong,.chat-panel header span { display:block; }
.chat-panel header span { color:#666;font-size:.7rem; }
.chat-messages { height:min(65vh,650px);overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at center,rgba(239,18,18,.025),transparent 45%); }
.chat-messages article { display:flex; }
.chat-messages article.from-team { justify-content:flex-end; }
.chat-messages article > div { max-width:min(75%,680px);padding:13px 15px;background:#171717;border-left:2px solid #444; }
.chat-messages article.from-team > div { background:#210b0b;border-left-color:var(--red); }
.chat-messages strong { display:block;font-size:.68rem;color:#888;margin-bottom:4px; }
.chat-messages p { color:#eee;margin:0;font-size:.88rem; }
.chat-messages time { display:block;color:#555;font-size:.6rem;margin-top:6px; }
.chat-empty { margin:auto;text-align:center;color:#666; }
.chat-empty span { color:var(--red);font-size:2.5rem; }
.chat-compose { display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #252525; }
.chat-compose textarea { min-height:52px;max-height:150px; }
.chat-note { max-width:1000px;margin:10px auto;color:#555;font-size:.7rem; }
.resource-admin-list article,.announcement-admin-list article { display:grid;grid-template-columns:1fr auto;gap:15px;padding:16px 0;border-bottom:1px solid #222; }
.resource-admin-list span,.announcement-admin-list span { color:var(--red);font-size:.62rem;text-transform:uppercase; }
.resource-admin-list strong,.announcement-admin-list strong { display:block;margin:4px 0; }
.resource-admin-list p,.announcement-admin-list p { margin:0;font-size:.8rem; }
.resource-admin-list small,.announcement-admin-list small { color:#666; }
.icon-button { width:30px;height:30px;border:1px solid #333;background:transparent;color:#aaa; }
.icon-button.danger:hover { border-color:var(--red);color:var(--red); }
.announcement-admin-list article { grid-template-columns:45px 1fr auto; }
.announcement-flag { color:var(--red);font-weight:950;font-size:.65rem; }
.integration-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.integration-grid > div,.integration-status { display:flex;align-items:center;gap:14px;padding:17px;background:#090909;border:1px solid #202020; }
.integration-icon { width:45px;height:45px;display:grid;place-items:center;background:#1a0b0b;color:var(--red);font-size:.7rem;font-weight:950;flex:0 0 auto; }
.integration-grid strong,.integration-grid p { margin:0; }
.integration-grid p { font-size:.72rem;margin-top:3px; }
.integration-grid b { margin-left:auto;font-size:.62rem; }
.integration-grid b.ok { color:var(--green); }.integration-grid b.warn { color:var(--yellow); }
.webhook-grid { display:grid;grid-template-columns:1fr 1fr;gap:0 15px; }
.code-block { background:#060606;border:1px solid #222;padding:12px;margin-top:10px;color:#aaa;font-size:.75rem;overflow:auto; }
.warning-panel { border-left:4px solid var(--yellow);background:#121008; }
.warning-panel > span { color:var(--yellow);font-size:.65rem;text-transform:uppercase;font-weight:900; }
.warning-panel h2 { margin:6px 0; }
.email-template-list details { padding:0; }
.email-template-list summary { list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px;cursor:pointer; }
.email-template-list summary::-webkit-details-marker { display:none; }
.email-template-list summary h2 { font-size:1.2rem;margin:3px 0; }
.email-template-list details form { border-top:1px solid #252525;padding:22px; }
.metadata-cell { display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis; }
.creator-welcome { background:linear-gradient(110deg,#250909,#0d0d0d 65%);border:1px solid #3a1616;border-left:4px solid var(--red);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px; }
.creator-welcome h2 { font-size:2rem;margin:6px 0; }
.creator-welcome p { margin:0; }
.manager-card { text-align:center; }
.manager-card .big-initial { margin:10px auto 17px; }
.sync-note { display:block;color:#555;margin-top:12px; }
.notification-list a { display:grid;grid-template-columns:8px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #222;align-items:start; }
.notification-list a > span { width:6px;height:6px;background:#333;margin-top:7px; }
.notification-list a.unread > span { background:var(--red);box-shadow:0 0 8px var(--red); }
.notification-list strong { font-size:.8rem; }
.notification-list p { margin:2px 0;font-size:.75rem; }
.notification-list time { color:#555;font-size:.65rem; }
.resource-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.resource-grid article { border:1px solid #242424;background:#0a0a0a;padding:22px; }
.resource-grid article > span { color:var(--red);font-size:.63rem;text-transform:uppercase;font-weight:900; }
.resource-grid h3 { margin:8px 0; }
.resource-grid p { font-size:.82rem; }
.resource-grid details { border-top:1px solid #222;margin-top:15px;padding-top:12px; }
.resource-grid summary { cursor:pointer;color:#ddd;font-size:.75rem;font-weight:800; }
.resource-grid details div { color:#aaa;font-size:.8rem;padding-top:12px; }
.resource-grid small { display:block;color:#555;margin-top:18px; }
.integration-status { margin-bottom:18px; }
.integration-status p { margin:4px 0 0;font-size:.8rem; }

/* Reveal */
.reveal { opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease; }
.reveal.visible { opacity:1;transform:none; }
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

/* Responsive */
@media (max-width: 1150px) {
  .main-nav { gap:16px; }
  .feature-grid,.creator-grid { grid-template-columns:repeat(2,1fr); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .creator-status-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-shell { grid-template-columns:240px minmax(0,1fr); --sidebar:240px; }
  .dash-stats { grid-template-columns:repeat(2,1fr); }
  .detail-grid { grid-template-columns:minmax(0,1fr) 310px; }
}
@media (max-width: 900px) {
  .menu-toggle { display:block; }
  .main-nav { position:fixed;top:78px;left:15px;right:15px;background:#0b0b0b;border:1px solid #2a2a2a;border-top:3px solid var(--red);padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow); }
  .main-nav.open { display:flex; }
  .main-nav > a { padding:12px 5px; }
  .main-nav .btn { margin-top:10px; }
  .hero-inner,.split-grid,.creator-profile-grid,.profile-content-grid,.form-layout,.application-layout { grid-template-columns:1fr; }
  .hero { min-height:auto;padding-top:145px; }
  .hero-visual { max-width:520px;margin:20px auto 0; }
  .feature-grid,.creator-grid,.creator-grid-full,.vision-grid,.services-detail-grid { grid-template-columns:1fr 1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.25)}
  .process-line { grid-template-columns:1fr; }
  .process-line::before { display:none; }
  .cta-inner { flex-direction:column;align-items:flex-start; }
  .footer-grid { grid-template-columns:1.5fr 1fr; }
  .social-link-grid { grid-template-columns:1fr 1fr; }
  .sidebar { transform:translateX(-102%);transition:transform .25s;width:270px;box-shadow:20px 0 50px rgba(0,0,0,.55); }
  .sidebar.open { transform:none; }
  .dashboard-shell { display:block; }
  .dashboard-main { width:100%; }
  .sidebar-toggle { display:block; }
  .dashboard-topbar { padding:0 20px; }
  .dashboard-content { padding:22px 20px 50px; }
  .detail-grid,.dash-grid.two-thirds { grid-template-columns:1fr; }
  .sticky-panel { position:static; }
  .creator-admin-header { flex-wrap:wrap; }
  .creator-admin-header > .btn { margin-left:0; }
}
@media (max-width: 680px) {
  .container { width:min(100% - 28px,var(--container)); }
  .header-inner { height:78px; }
  .brand,.brand img { width:155px; }
  h1 { font-size:clamp(2.8rem,14vw,4.6rem); }
  h2 { font-size:clamp(1.8rem,9vw,2.8rem); }
  .hero { padding:120px 0 85px; }
  .hero-actions .btn { width:100%; }
  .trust-row { gap:12px;flex-direction:column; }
  .focus-frame { max-width:360px; }
  .section { padding:75px 0; }
  .feature-grid,.creator-grid,.creator-grid-full,.team-grid,.vision-grid,.services-detail-grid,.stats-grid,.social-link-grid,.resource-grid,.integration-grid,.webhook-grid { grid-template-columns:1fr; }
  .stat { border-right:0!important;border-bottom:1px solid rgba(255,255,255,.25)!important; }
  .stat:last-child { border-bottom:0!important; }
  .value-list > div { grid-template-columns:45px 1fr;gap:15px; }
  .value-list p { grid-column:2; }
  .service-detail { grid-template-columns:45px 1fr;padding:27px 20px; }
  .page-hero { padding:135px 0 65px; }
  .creator-profile-hero { padding:120px 0 60px; }
  .profile-image-wrap { max-width:360px; }
  .form-row,.form-row.three { grid-template-columns:1fr; }
  .form-panel,.setup-form,.auth-card { padding:25px 20px; }
  .footer-grid { grid-template-columns:1fr;gap:30px; }
  .footer-bottom { flex-direction:column;gap:8px; }
  .dash-stats,.dash-grid { grid-template-columns:1fr; }
  .dashboard-topbar { height:78px; }
  .dashboard-topbar h1 { font-size:1.15rem; }
  .topbar-site { display:none; }
  .dashboard-content { padding-inline:12px; }
  .dash-panel { padding:17px; }
  .toolbar { align-items:stretch;flex-direction:column; }
  .filter-form { flex-direction:column; }
  .filter-form input { min-width:0; }
  .detail-top { align-items:flex-start;flex-direction:column; }
  .profile-header-panel { align-items:flex-start;flex-direction:column; }
  .answer-grid { grid-template-columns:1fr; }
  .answer-grid .full { grid-column:auto; }
  .decision-buttons { grid-template-columns:1fr; }
  .creator-status-grid { grid-template-columns:1fr; }
  .tabs { margin-inline:-17px;padding-inline:17px; }
  .stream-summary,.metric-grid { grid-template-columns:1fr 1fr; }
  .goal-controls { grid-template-columns:1fr; }
  .task-list article { align-items:flex-start;flex-direction:column; }
  .task-list form { width:100%;flex-basis:auto; }
  .thread-list > a { grid-template-columns:42px 1fr; }
  .thread-meta { grid-column:2;justify-content:flex-start; }
  .chat-messages { height:55vh;padding:14px; }
  .chat-messages article > div { max-width:90%; }
  .chat-compose { grid-template-columns:1fr; }
  .creator-welcome { align-items:flex-start;flex-direction:column; }
  .creator-welcome .btn { width:100%; }
  .announcement-strip article { grid-template-columns:40px 1fr; }
  .announcement-strip article small { grid-column:2; }
  .announcement-admin-list article { grid-template-columns:38px 1fr; }
  .announcement-admin-list form { grid-column:2; }
  .setup-shell h1 { font-size:2.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
  .reveal { opacity:1;transform:none; }
}

.table-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.table-actions form{margin:0}
.resource-admin-list .table-action,.resource-grid .text-link{display:inline-flex;margin-top:10px}

/* Discord webhook settings groups */
.webhook-section{border-top:1px solid #2a2a2a;padding-top:22px;margin-top:28px}
.webhook-section:first-of-type{margin-top:8px}
.webhook-section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;padding-left:12px;border-left:3px solid #ef1212}
.webhook-section-title strong{font-size:.92rem;letter-spacing:.09em}
.webhook-section-title span{color:#858585;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}

/* ========================================================================== 
   FOKUS MANAGEMENT V5 — VISUAL SYSTEM
   Clean black surfaces, straight typography, sharp geometry and red motion.
   ========================================================================== */
:root{
  --red:#ff1717;
  --red-2:#b4070f;
  --red-glow:rgba(255,23,23,.22);
  --black:#030303;
  --black-2:#070707;
  --panel:#0b0b0c;
  --panel-2:#101012;
  --panel-3:#151517;
  --line:#27272b;
  --line-soft:#18181b;
  --white:#f5f5f7;
  --muted:#a3a3aa;
  --muted-2:#696970;
  --green:#43e390;
  --yellow:#ffc04a;
  --shadow:0 24px 80px rgba(0,0,0,.55);
  --font:"Segoe UI Variable Display","Segoe UI",Arial,Helvetica,sans-serif;
  --font-body:"Segoe UI Variable Text","Segoe UI",Arial,Helvetica,sans-serif;
}
html{background:#030303;scroll-padding-top:100px;scrollbar-color:var(--red) #080808;scrollbar-width:thin}
html.menu-locked,html.menu-locked body{overflow:hidden}
*{scrollbar-width:thin;scrollbar-color:#a80e14 #080808}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#080808}
*::-webkit-scrollbar-thumb{background:linear-gradient(var(--red),#8f0c12);border:2px solid #080808}
*::-webkit-scrollbar-thumb:hover{background:var(--red)}
body,body input,body textarea,body select,body button{font-family:var(--font-body)!important}
body{background:#030303;color:var(--white);font-size:16px;letter-spacing:0;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.btn,.eyebrow,.kicker,.sidebar-label,.sidebar-nav,.main-nav,.stat strong,.dash-stat strong{font-family:var(--font)!important;font-style:normal!important}
h1,h2,h3,h4{font-weight:800!important;letter-spacing:-.045em!important}
p{color:#aaaab1}
.noise{display:none!important}
.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  #030303;background-size:74px 74px}
.ambient-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 0,rgba(255,23,23,.085),transparent 31%),radial-gradient(circle at 4% 60%,rgba(255,23,23,.045),transparent 25%)}
.ambient-bg span{position:absolute;width:520px;height:520px;border:1px solid rgba(255,23,23,.06);transform:rotate(45deg);animation:ambientMove 18s ease-in-out infinite}
.ambient-bg span:nth-child(1){right:-340px;top:12%}.ambient-bg span:nth-child(2){left:-410px;bottom:-90px;animation-delay:-7s}.ambient-bg span:nth-child(3){right:24%;bottom:-480px;animation-delay:-12s}
@keyframes ambientMove{0%,100%{transform:rotate(45deg) translate3d(0,0,0)}50%{transform:rotate(52deg) translate3d(20px,-30px,0)}}
.container{width:min(1320px,calc(100% - 48px))}
.eyebrow,.kicker{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.kicker{gap:12px}.kicker i{width:35px;height:2px;box-shadow:0 0 12px var(--red-glow)}
.btn{position:relative;overflow:hidden;min-height:50px;padding:13px 23px;border:1px solid var(--red);border-radius:0!important;background:var(--red);font-size:.74rem;letter-spacing:.08em;font-weight:900;box-shadow:none;transform:none}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px);background:#ff2b2b;box-shadow:0 12px 34px rgba(255,23,23,.17)}
.btn i{position:relative;z-index:1}.btn-ghost{background:#09090a;border-color:#343438}.btn-ghost:hover{background:#121214;border-color:var(--red)}
.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:0;color:#eee;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.text-link::after{content:"\f061";font:900 .78rem/1 "Font Awesome 6 Free";color:var(--red);transition:.2s}.text-link:hover::after{transform:translateX(4px)}
.flash{display:flex;align-items:center;gap:11px;border:1px solid #242428;border-left:3px solid;padding:14px 17px;background:#0b0b0c}

/* Header and navigation */
.site-header{background:linear-gradient(to bottom,rgba(3,3,3,.98),rgba(3,3,3,.84),transparent);height:auto}
.site-header.scrolled{background:rgba(4,4,5,.93);border-bottom:1px solid #1e1e21;backdrop-filter:blur(18px)}
.header-inner{height:82px}
.brand{width:218px;height:62px;overflow:visible}.brand img{width:218px;height:auto;filter:drop-shadow(0 7px 18px rgba(0,0,0,.6))}
.main-nav{gap:30px}.main-nav>a:not(.btn){font-family:var(--font)!important;font-size:.76rem;font-weight:720;color:#a8a8ae;letter-spacing:.015em}.main-nav>a:not(.btn)::after{bottom:-11px}
.menu-toggle{position:relative;z-index:310;display:none;border:1px solid #333338;background:#0b0b0d;padding:10px;border-radius:0}
.menu-toggle span{transition:transform .25s,opacity .2s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-backdrop{display:none;position:fixed;inset:0;z-index:279;border:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.menu-backdrop.open{display:block}

/* Hero */
.hero{padding:145px 0 85px;background:linear-gradient(115deg,rgba(255,23,23,.035),transparent 43%);min-height:100svh}
.hero::before{width:720px;height:720px;border-radius:0;right:-460px;top:5%;transform:rotate(45deg);border-color:rgba(255,23,23,.08);box-shadow:none}
.hero-grid{opacity:.35;background-size:86px 86px;mask-image:linear-gradient(to bottom,#000 15%,transparent 92%)}
.hero-inner{grid-template-columns:1.1fr .9fr;gap:70px}
.hero-copy h1{font-size:clamp(3.35rem,6.4vw,6.65rem);max-width:830px;margin:25px 0 27px;line-height:.98}
.hero-copy h1 em{color:var(--red);text-shadow:0 0 42px rgba(255,23,23,.12)}
.hero-copy>p{max-width:660px;font-size:clamp(1.02rem,1.4vw,1.25rem);line-height:1.7}
.hero-actions{margin-top:31px}.trust-row{font-weight:650}.trust-row span::before{content:"\f00c";font:900 .75rem/1 "Font Awesome 6 Free"}
.hero-visual{min-height:560px;align-items:center}
.focus-frame{width:min(500px,100%);background:transparent;border:1px solid rgba(255,23,23,.36);transform:rotate(0);isolation:isolate}
.focus-frame::before,.focus-frame::after{z-index:0}
.focus-frame img{display:none}
.focus-frame .hero-symbol{position:relative;z-index:3;width:210px;height:210px;display:grid;place-items:center;border:1px solid rgba(255,23,23,.5);background:radial-gradient(circle,rgba(255,23,23,.13),#070708 66%);box-shadow:0 0 0 35px rgba(255,23,23,.025),0 0 0 70px rgba(255,23,23,.015);animation:heroSymbol 7s ease-in-out infinite}
.focus-frame .hero-symbol::before,.focus-frame .hero-symbol::after{content:"";position:absolute;border:1px solid rgba(255,23,23,.3);inset:-26px;animation:spinFrame 18s linear infinite}.focus-frame .hero-symbol::after{inset:-55px;border-style:dashed;animation-direction:reverse;animation-duration:25s}
.focus-frame .hero-symbol i{font-size:4.8rem;color:var(--red);filter:drop-shadow(0 0 20px rgba(255,23,23,.35))}
@keyframes spinFrame{to{transform:rotate(360deg)}}@keyframes heroSymbol{50%{transform:translateY(-12px)}}
.focus-corner{width:68px;height:68px}.signal{right:16px;bottom:35px;border:1px solid #36363a;background:#09090b;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.scroll-cue span{font-family:var(--font)!important}

/* Public sections and top-right page art */
.section{padding:clamp(82px,9vw,132px) 0}.section-dark{background:rgba(8,8,9,.88);border-color:#18181b}
.section-heading{margin-bottom:48px}.section-heading h2{margin:13px 0 17px}.section-heading p{font-size:1.05rem;line-height:1.75}
.page-hero{position:relative;overflow:hidden;padding:180px 0 100px;background:linear-gradient(120deg,#080809,#030303 70%);border-bottom:1px solid #202024}
.page-hero::before{content:"";position:absolute;inset:0;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:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(3.1rem,6.5vw,6.4rem);line-height:.98;max-width:920px}.page-hero p{max-width:710px;line-height:1.75}
.page-art{position:absolute;right:max(4vw,30px);top:50%;width:min(30vw,410px);aspect-ratio:1;transform:translateY(-42%);display:grid;place-items:center;z-index:1;color:var(--red)}
.page-art::before,.page-art::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,23,23,.28);animation:pageArtRotate 18s linear infinite}.page-art::after{inset:27%;border-style:dashed;animation-direction:reverse;animation-duration:12s}
.page-art i{font-size:clamp(3rem,7vw,7rem);filter:drop-shadow(0 0 25px rgba(255,23,23,.25));animation:pageIconFloat 5s ease-in-out infinite}
.page-art .orbit-dot{position:absolute;width:10px;height:10px;background:var(--red);box-shadow:0 0 15px var(--red);animation:orbitDot 7s linear infinite}
@keyframes pageArtRotate{to{transform:rotate(360deg)}}@keyframes pageIconFloat{50%{transform:translateY(-12px) scale(1.03)}}@keyframes orbitDot{0%{transform:rotate(0) translateX(145px) rotate(0)}100%{transform:rotate(360deg) translateX(145px) rotate(-360deg)}}
.large-copy p{font-size:clamp(1.02rem,1.4vw,1.22rem)}
.angle-card,.team-card,.service-detail,.form-panel,.dash-panel,.dash-stat,.creator-card,.notice-box,.empty-state{border-radius:0!important;clip-path:none!important}
.angle-card{min-height:270px;background:linear-gradient(145deg,#111113,#09090a);padding:34px 29px;border-color:#26262a}.angle-card::after{content:"";position:absolute;right:0;top:0;border-top:22px solid #030303;border-left:22px solid transparent}.angle-card h3{margin:31px 0 13px}.angle-card p{line-height:1.75}
.feature-icon{width:47px;height:47px;border:1px solid #36363a;display:grid;place-items:center;color:var(--red);font-size:1.1rem;margin-bottom:27px}.feature-number{position:absolute;right:24px;top:23px;color:#525258}
.stats-section{background:linear-gradient(105deg,#cf0b12,var(--red) 48%,#b00910);position:relative;overflow:hidden}.stats-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:translateX(-100%);animation:statsSweep 8s ease-in-out infinite}@keyframes statsSweep{60%,100%{transform:translateX(100%)}}
.stat strong{font-style:normal!important;transform:none!important}.stat{position:relative;z-index:1}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:45px}.process-line::before{top:38px}.process-step>span{width:76px;height:76px;border:1px solid var(--red);background:#09090a;display:grid;place-items:center;font-weight:900;font-size:1.35rem;margin:0 auto 25px;transform:none!important;clip-path:none!important}.process-step>span::first-line{transform:none!important}.process-step h3{font-size:1.25rem}.process-step p{max-width:360px;margin-inline:auto}
.vision-grid .angle-card{min-height:380px;display:flex;flex-direction:column}.vision-grid .angle-card h3{font-size:1.65rem}.vision-grid .angle-card p{font-size:.98rem;line-height:1.85}.vision-grid .angle-card ul{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid #29292d;padding-top:18px}.vision-grid .angle-card li{color:#9e9ea5;margin:10px 0;padding-left:20px;position:relative}.vision-grid .angle-card li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:2px;background:var(--red)}
.team-card{position:relative;overflow:hidden;background:#0b0b0c;border:1px solid #26262a;padding:28px}.team-card::before{content:"";position:absolute;top:0;left:0;width:70px;height:3px;background:var(--red)}.team-avatar{width:76px;height:76px;clip-path:none!important;background:#151518;border:1px solid #333338;color:var(--red);overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:1.5rem}.team-card p{line-height:1.75}
.value-list>div{grid-template-columns:65px 260px 1fr}.value-list strong{font-size:1rem}.value-list h3{font-size:1.25rem}
.zero-box{background:linear-gradient(110deg,#be0d13,var(--red));position:relative;overflow:hidden}.zero-box strong{font-style:normal!important;transform:none!important}.zero-box::after{content:"\f140";font:900 7rem/1 "Font Awesome 6 Free";position:absolute;right:-10px;bottom:-24px;color:rgba(255,255,255,.1)}
.application-aside-card{border:1px solid #28282c;border-top:3px solid var(--red);padding:30px;background:#09090b}.apply-point{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid #232327}.apply-point:last-child{border-bottom:0}.apply-point i{width:38px;height:38px;display:grid;place-items:center;background:#151518;color:var(--red);border:1px solid #2d2d32}.apply-point strong,.apply-point span{display:block}.apply-point span{font-size:.83rem;color:#8d8d94;margin-top:3px}
.form-panel{background:#0b0b0d;border-color:#29292d;padding:clamp(25px,4vw,48px)}.form-section>span{clip-path:none;background:#151518;border:1px solid #35353a;color:var(--red)}
input,textarea,select{background:#060607;border-color:#303035;min-height:48px}textarea{min-height:auto}.checkbox{background:#08080a;border:1px solid #25252a;padding:14px}.checkbox input{min-height:auto}
.privacy-required{border-left:3px solid var(--red)}
.faq-layout{display:grid;grid-template-columns:290px 1fr;gap:65px;align-items:start}.faq-nav{position:sticky;top:125px;padding:25px;border:1px solid #26262a;background:#09090a}.faq-nav h3{font-size:1.15rem}.faq-nav a{display:flex;gap:11px;align-items:center;padding:11px 0;color:#999;font-size:.86rem;border-bottom:1px solid #202024}.faq-nav a i{color:var(--red);width:18px}.faq-category{margin-bottom:60px}.faq-category-title{display:flex;align-items:center;gap:16px;margin-bottom:12px}.faq-category-title i{width:48px;height:48px;display:grid;place-items:center;background:#151518;border:1px solid #303035;color:var(--red)}.faq-category-title h2{font-size:1.7rem;margin:0}.faq-item{border:1px solid #28282d;margin-bottom:9px;background:#09090a}.faq-item summary{padding:20px 22px;grid-template-columns:38px 1fr 24px}.faq-item summary>span{width:30px;height:30px;display:grid;place-items:center;background:#151518}.faq-item summary i{font-family:"Font Awesome 6 Free"!important;font-weight:900;font-size:.9rem}.faq-item[open]{border-color:#4a2022;background:#0c090a}.faq-item>div{padding:0 62px 23px;line-height:1.8}

/* Creator cards / profile */
.creator-image{background:#0c0c0e}.creator-placeholder{background:#161619;color:var(--red)}.creator-card-body b{font-family:var(--font)!important}.creator-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.4)}
.creator-profile-hero{background:linear-gradient(110deg,#09090a,#030303)}.profile-image-wrap{clip-path:none;border-color:#303035}.profile-image-wrap::after{content:"";position:absolute;inset:-1px;border-top:3px solid var(--red);pointer-events:none}.profile-logo-badge{position:absolute;right:22px;bottom:22px;width:84px;height:84px;background:#08080a;border:1px solid #3a3a40;display:grid;place-items:center;padding:8px}.profile-logo-badge img{max-height:100%}

/* Footer */
.site-footer{padding:72px 0 24px;background:#050506;border-top:1px solid #212125}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:55px}.footer-brand-block{padding-right:30px}.footer-logo{width:215px;height:auto;margin-bottom:20px}.footer-brand-block p{max-width:430px;line-height:1.75}.footer-socials{display:flex;gap:9px;margin-top:22px}.footer-socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #2d2d31;color:#b0b0b5;transition:.2s}.footer-socials a:hover{border-color:var(--red);color:#fff;background:var(--red);transform:translateY(-2px)}.footer-nav-group h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px}.footer-nav-group a{display:block;color:#8c8c93;margin:11px 0;font-size:.88rem}.footer-nav-group a:hover{color:#fff}.footer-bottom{margin-top:50px}

/* Dashboard */
.dashboard-body{background:#050506;font-size:15px}.dashboard-ambient{z-index:0;background-size:60px 60px}.dashboard-shell{position:relative;z-index:1}.sidebar{width:286px;--sidebar:286px;padding:18px 15px;background:rgba(7,7,8,.97);border-right:1px solid #232327;box-shadow:15px 0 50px rgba(0,0,0,.2)}.dashboard-shell{grid-template-columns:286px minmax(0,1fr)}.sidebar-logo{width:194px;height:74px;display:flex;align-items:center;margin:0 auto 8px}.sidebar-logo img{width:100%;height:auto}.sidebar-label{margin:18px 13px 7px;color:#55555d;font-size:.58rem}.sidebar-nav{gap:2px}.sidebar-nav a{display:grid;grid-template-columns:22px 1fr;gap:11px;padding:9px 12px;border-left:2px solid transparent;color:#929299;font-size:.78rem}.sidebar-nav a i{width:20px;text-align:center;color:#686870;font-size:.82rem}.sidebar-nav a:hover{background:#111113;color:#fff}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(255,23,23,.14),rgba(255,23,23,.02));border-left-color:var(--red);color:#fff}.sidebar-nav a.active i{color:var(--red)}.sidebar-user{padding:14px 8px}.avatar-initial,.avatar-image{width:42px;height:42px;display:grid;place-items:center;background:#171719;border:1px solid #333338;color:var(--red);font-weight:900;object-fit:cover}.sidebar-logout{display:flex;justify-content:center;align-items:center;gap:8px}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:170;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.sidebar-backdrop.open{display:block}
.dashboard-main{grid-column:2}.dashboard-topbar{height:88px;padding:0 30px;background:rgba(6,6,7,.88);border-bottom:1px solid #242428}.dashboard-topbar h1{font-size:1.45rem!important;font-weight:780!important}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #303035;background:#0b0b0d;color:#a8a8ae}.icon-link:hover{color:#fff;border-color:var(--red)}.topbar-profile{display:flex;align-items:center;gap:9px;border:1px solid #303035;padding:5px 11px 5px 5px;background:#0b0b0d;font-size:.75rem}.topbar-profile img,.topbar-profile span{width:31px;height:31px;object-fit:cover;display:grid;place-items:center;background:#171719;color:var(--red)}
.dashboard-content{max-width:1720px;padding:27px 30px 60px}.dash-stats{gap:13px}.dash-stat{position:relative;background:linear-gradient(145deg,#111113,#0a0a0b);border-color:#29292e;border-top:1px solid #29292e;min-height:145px;padding:22px;overflow:hidden}.dash-stat::before{content:"";position:absolute;left:0;top:0;width:54px;height:3px;background:var(--red);transition:.25s}.dash-stat:hover{border-color:#493033;transform:translateY(-3px)}.dash-stat:hover::before{width:100%}.dash-stat strong{font-size:2.6rem;font-style:normal!important;transform:none!important}.dash-stat small{display:flex;align-items:center;gap:6px}.dash-stat small::after{content:"\f061";font:900 .65rem/1 "Font Awesome 6 Free";color:var(--red)}
.dash-panel{position:relative;background:rgba(13,13,15,.94);border-color:#29292e;padding:23px;box-shadow:0 14px 48px rgba(0,0,0,.17)}.dash-panel::after{content:"";position:absolute;right:-1px;top:-1px;border-top:14px solid #050506;border-left:14px solid transparent;pointer-events:none}.panel-head h2{font-size:1.35rem!important;margin:4px 0}.panel-head p{font-size:.8rem}.panel-head>a,.table-action{font-family:var(--font)!important}.table-wrap{border:1px solid #202024}.table-wrap table{background:#09090a}th{background:#0d0d0f;color:#777780;padding:11px 13px}td{padding:13px;border-color:#222226}.status{border-radius:0!important}.status-new,.status-open,.status-invited{color:#ffd06d}.status-reviewing,.status-in_progress,.status-active{color:#77beff}.status-accepted,.status-done,.status-completed,.status-published{color:#5ce6a0}.status-feedback,.status-negotiation{color:#d6a3ff}.status-cancelled,.status-rejected,.status-disabled{color:#ff7878}
.integration-icon{font-size:1rem;width:48px;height:48px}.integration-icon i{font-size:1.15rem}.integration-grid>div{min-height:92px;background:#09090b;border-color:#25252a}.integration-grid b{font-family:var(--font)!important}
.tabs{background:#09090b;border:1px solid #26262b;padding:6px;gap:5px}.tabs button{border:0;background:transparent;padding:11px 15px;color:#8f8f96;font-family:var(--font)!important}.tabs button.active{background:var(--red);color:#fff}
.creator-admin-avatar,.mini-avatar,.big-initial{border-radius:0!important;background:#151518;border:1px solid #303035;color:var(--red)}.creator-admin-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.creator-admin-logo{width:84px;height:84px;border:1px solid #303035;background:#08080a;display:grid;place-items:center;padding:9px}.creator-admin-logo img{max-width:100%;max-height:100%}
.stream-summary>div,.metric-grid>div{background:#08080a;border-color:#242429}.progress{background:#19191d}.progress i{background:linear-gradient(90deg,#a50c13,var(--red))}.priority{border-radius:0!important}
.avatar-upload-grid{display:grid;grid-template-columns:135px 1fr;gap:25px;align-items:center}.current-avatar{width:125px;height:125px;border:1px solid #303035;background:#09090a;display:grid;place-items:center;overflow:hidden;color:var(--red);font-size:2.4rem;font-weight:900}.current-avatar img{width:100%;height:100%;object-fit:cover}.brand-preview{width:220px;min-height:100px;border:1px dashed #38383d;background:#070708;display:grid;place-items:center;padding:15px}.brand-preview img{max-height:90px}
.dashboard-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.module-card{position:relative;border:1px solid #29292e;background:#0c0c0e;padding:21px;min-height:150px;transition:.2s}.module-card:hover{border-color:#5b272a;transform:translateY(-3px)}.module-card>i{font-size:1.25rem;color:var(--red);margin-bottom:24px}.module-card h3{font-size:1rem;margin:0 0 7px}.module-card p{font-size:.76rem;margin:0}.module-card span{position:absolute;right:18px;top:18px;color:#55555c;font-size:.7rem}
.kanban-grid{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.kanban-column{background:#09090a;border:1px solid #25252a;min-height:310px;padding:14px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #242428;margin-bottom:12px}.kanban-head h3{font-size:.82rem;margin:0;text-transform:uppercase;letter-spacing:.08em}.kanban-head span{color:var(--red);font-weight:900}.kanban-card{display:block;background:#111113;border:1px solid #29292e;padding:14px;margin-bottom:10px}.kanban-card strong,.kanban-card small{display:block}.kanban-card small{color:#707078;margin-top:7px}.kanban-card p{font-size:.75rem;margin:8px 0}.calendar-list article{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #242428}.calendar-date{background:#151518;border-left:3px solid var(--red);padding:9px;text-align:center}.calendar-date strong,.calendar-date span{display:block}.calendar-date strong{font-size:1.35rem}.calendar-date span{font-size:.61rem;text-transform:uppercase;color:#8b8b92}.calendar-list h3{font-size:.95rem;margin:0 0 4px}.calendar-list p{font-size:.76rem;margin:0}.calendar-list aside{text-align:right;font-size:.7rem;color:#77777e}
.logo-cell{display:flex;align-items:center;gap:10px}.logo-cell img,.logo-cell .avatar-initial{width:39px;height:39px}.inline-upload{display:flex;align-items:center;gap:7px}.inline-upload input[type=file]{max-width:170px;padding:7px;font-size:.7rem}

/* Responsive */
@media(max-width:1200px){.page-art{opacity:.5;right:-50px}.dashboard-module-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-nav-group:last-child{grid-column:2}.sidebar{width:260px}.dashboard-shell{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:900px){
  .container{width:min(100% - 34px,var(--container))}.menu-toggle{display:block}.main-nav{display:flex!important;position:fixed;z-index:300;top:0;right:0;bottom:0;left:auto;width:min(88vw,390px);padding:105px 25px 30px;background:#080809;border:0;border-left:1px solid #2a2a2e;box-shadow:-25px 0 70px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .28s ease;gap:0}.main-nav.open{transform:translateX(0)}.main-nav>a{padding:15px 8px!important;border-bottom:1px solid #202024}.main-nav>a:not(.btn)::after{display:none}.main-nav .btn{margin-top:22px;border-bottom:0}
  .hero-inner{grid-template-columns:1fr}.hero-visual{min-height:430px;max-width:480px;width:100%}.focus-frame{max-width:420px}.hero-copy h1{max-width:760px}.page-art{opacity:.3;right:-100px;width:420px}.page-hero h1{max-width:72%}.faq-layout{grid-template-columns:1fr}.faq-nav{position:static;display:none}.footer-top{grid-template-columns:1.5fr 1fr}.footer-nav-group:last-child{grid-column:auto}.process-line{grid-template-columns:1fr}.process-line::before{display:none}.application-layout,.form-layout{gap:35px}
  .sidebar{width:286px;transform:translateX(-105%)}.sidebar.open{transform:none}.dashboard-shell{display:block}.dashboard-main{width:100%}.sidebar-toggle{display:grid;place-items:center}.dashboard-content{padding:22px 18px 50px}.topbar-profile b{display:none}.dashboard-module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{width:min(100% - 26px,var(--container))}.brand,.brand img{width:174px}.header-inner{height:78px}.hero{padding-top:112px}.hero-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}.hero-visual{min-height:350px}.focus-frame{max-width:320px}.focus-frame .hero-symbol{width:145px;height:145px}.focus-frame .hero-symbol i{font-size:3.4rem}.signal{right:0;bottom:10px}.page-hero{padding:132px 0 65px}.page-hero h1{max-width:100%;font-size:clamp(2.75rem,13vw,4.15rem)}.page-art{display:none}.feature-grid,.creator-grid,.creator-grid-full,.vision-grid,.team-grid,.services-detail-grid{grid-template-columns:1fr}.vision-grid .angle-card{min-height:auto}.stats-grid{grid-template-columns:1fr}.stat{border-right:0!important}.footer-top{grid-template-columns:1fr}.footer-nav-group:last-child{grid-column:auto}.footer-brand-block{padding-right:0}.faq-item summary{grid-template-columns:32px 1fr 20px;padding:17px 14px}.faq-item>div{padding:0 18px 20px 54px}.application-aside .sticky{position:static}.avatar-upload-grid{grid-template-columns:1fr}.dashboard-module-grid{grid-template-columns:1fr}.dash-stats{grid-template-columns:1fr}.dashboard-topbar{padding:0 13px}.dashboard-content{padding-inline:10px}.dash-panel{padding:16px}.topbar-actions{gap:5px}.topbar-profile{display:none}.kanban-grid{grid-template-columns:repeat(5,260px)}.calendar-list article{grid-template-columns:70px 1fr}.calendar-list aside{grid-column:2;text-align:left}.integration-grid,.webhook-grid{grid-template-columns:1fr}.creator-admin-logo{display:none}.footer-bottom{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.ambient-bg span,.page-art::before,.page-art::after,.page-art i,.page-art .orbit-dot,.hero-symbol,.hero-symbol::before,.hero-symbol::after,.stats-section::after{animation:none!important}}

/* Fokus Management v5 finishing layer */
:root{--font:"Inter","Segoe UI",Arial,sans-serif;--font-display:"Inter","Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea,optgroup{font-family:var(--font)!important}
h1,h2,h3,h4,h5,h6,.hero-copy h1,.page-hero h1,.section-heading h2,.creator-welcome h2,.form-section h2{font-family:var(--font-display)!important;font-style:normal!important;letter-spacing:-.035em;font-weight:800!important}
body{background:#050506!important;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 82% 14%,rgba(242,20,29,.075),transparent 31%)!important;background-size:54px 54px,54px 54px,auto!important}
body::before{opacity:.16!important}
.brand img,.sidebar-logo img,.footer-logo{filter:none!important;background:transparent!important;mix-blend-mode:normal!important;object-fit:contain}
.dash-stat strong,.zero-box strong,.process-number,.metric-grid strong,.stat strong{font-style:normal!important;transform:none!important;rotate:0deg!important;font-family:var(--font)!important}

.branding-settings-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;padding:18px 0 28px}.brand-preview.large{width:250px;min-height:130px}.settings-subsection{margin-top:42px;padding-top:30px;border-top:1px solid #29292e}.warning-panel>i{font-size:1.5rem;color:var(--red);margin-bottom:12px}.branding-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.branding-upload-grid>div{border:1px solid #29292e;background:#09090b;padding:14px}.branding-upload-grid label{display:block;margin-bottom:9px;font-size:.75rem;font-weight:750}.branding-upload-grid input{margin-top:10px;width:100%}.banner-preview{height:125px;border:1px dashed #38383d;background:#070708;display:grid;place-items:center;overflow:hidden;color:#555}.banner-preview img{width:100%;height:100%;object-fit:cover}.creator-admin-copy{min-width:0;flex:1}

.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{background:#09090b;border:1px solid #29292e;padding:20px;position:relative}.account-card::before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;background:var(--red)}.account-card-head,.account-card-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.account-card-head small,.logo-cell small{display:block;color:#77777f;margin-top:3px}.account-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.account-meta span{display:flex;align-items:center;gap:7px;border:1px solid #29292e;background:#101012;padding:7px 9px;font-size:.69rem;color:#a3a3a9}.account-meta i{color:var(--red)}.account-card>p{font-size:.77rem;min-height:42px}.account-inline-form{padding:15px 0;margin-top:15px;border-top:1px solid #242428;border-bottom:1px solid #242428}.account-card-foot{align-items:center;padding-top:15px}.account-card-foot>small{color:#686870}.account-card .table-actions{flex-wrap:wrap;justify-content:flex-end}.account-card .table-action i{margin-right:5px}

.creator-profile-hero{position:relative;isolation:isolate;overflow:hidden;padding:170px 0 95px;border-bottom:1px solid #25252a;background:linear-gradient(110deg,#050506 15%,#0d0d0f 70%,color-mix(in srgb,var(--creator-accent) 10%,#070708))}.creator-banner{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.15;filter:saturate(.65) contrast(1.15)}.creator-profile-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050506 8%,rgba(5,5,6,.84) 50%,rgba(5,5,6,.55))}.creator-brand-logo{max-width:190px;max-height:78px;object-fit:contain;object-position:left center;margin-bottom:18px}.creator-focus{display:flex;align-items:center;gap:8px;color:var(--creator-accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}.creator-profile-hero .profile-image-wrap{border-color:color-mix(in srgb,var(--creator-accent) 65%,#333)}.creator-profile-hero .profile-image-wrap::after{background:var(--creator-accent)}.creator-profile-hero .btn{background:var(--creator-accent);border-color:var(--creator-accent)}.creator-profile-hero .btn-ghost{background:transparent}.creator-page-art{opacity:.45}.profile-facts>div{position:relative;padding-left:52px}.profile-facts>div>i{position:absolute;left:18px;top:22px;color:var(--creator-accent);font-size:1.05rem}.social-link-grid a{display:flex;justify-content:space-between;align-items:center}.social-link-grid a>span{display:flex;align-items:center;gap:10px}.social-link-grid a>span i{color:var(--red)}

.action-list a>span{display:flex;align-items:center;gap:9px}.action-list a>i{color:var(--red)}.document-list>a>i{width:32px;color:var(--red);font-size:1.1rem}.document-list>a>b{display:flex;align-items:center;gap:6px}.compact-list>a>i{width:28px;color:var(--red)}.announcement-strip article>i{width:25px;color:var(--red)}.tabs button i{margin-right:7px}.status-live i,.live-badge i{font-size:.58em;animation:pulseDot 1.2s infinite}.privacy-required{padding:15px!important;border:1px solid #3b2b2d!important;background:rgba(242,20,29,.035)!important}.privacy-required input{accent-color:var(--red)}

@media(max-width:1100px){.account-card-grid{grid-template-columns:1fr}.branding-upload-grid{grid-template-columns:1fr 1fr}.branding-upload-grid>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.branding-settings-grid{grid-template-columns:1fr}.brand-preview.large{width:100%}.branding-upload-grid{grid-template-columns:1fr}.branding-upload-grid>div:last-child{grid-column:auto}.account-card{padding:16px}.account-card-head,.account-card-foot{align-items:flex-start;flex-direction:column}.account-card .table-actions{justify-content:flex-start}.creator-profile-hero{padding-top:125px}.creator-brand-logo{max-width:155px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}.creator-admin-header{align-items:flex-start;flex-wrap:wrap}.creator-admin-copy{flex-basis:calc(100% - 90px)}}
.action-list>div{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-bottom:1px solid #232328}.action-list>div strong{font-size:.82rem}.action-list>div span{font-size:.73rem;color:#85858d}.empty-state>i,.chat-empty>i{font-size:2rem;color:var(--red);margin-bottom:14px}.document-list>a{align-items:center}.auth-logo img{background:transparent!important;max-height:95px;object-fit:contain}

/* ========================================================================== 
   FOKUS MANAGEMENT V6 — visual polish & dashboard usability
   ========================================================================== */
:root{--font-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{scrollbar-width:thin;scrollbar-color:#4b4b50 #080809}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080809}::-webkit-scrollbar-thumb{background:#38383d;border:2px solid #080809}::-webkit-scrollbar-thumb:hover{background:var(--red)}
body{background:#050506;background-image:radial-gradient(circle at 86% 2%,rgba(239,18,18,.08),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;background-attachment:fixed}
h1,h2,h3,.btn,.eyebrow,.kicker{font-family:var(--font-display);font-style:normal}
h1,h2,h3{font-weight:850;letter-spacing:-.045em}.public-body h1{font-weight:900}

/* Text wordmarks replace oversized image logos */
.brand-wordmark,.sidebar-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:.82;white-space:nowrap;text-transform:uppercase}
.brand-wordmark strong,.sidebar-wordmark strong{color:var(--red);font-size:1.62rem;font-weight:950;letter-spacing:.045em}
.brand-wordmark span,.sidebar-wordmark span{color:#fff;font-size:.64rem;font-weight:850;letter-spacing:.29em;margin-top:9px;padding-left:2px}
.header-inner>.brand-wordmark{min-width:190px}.footer-wordmark{margin-bottom:22px}.footer-wordmark strong{font-size:2rem}.footer-wordmark span{font-size:.76rem}
.header-apply{min-height:38px!important;padding:8px 15px!important;font-size:.65rem!important}

/* Hero: animated 3D browser laptop */
.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:clamp(45px,6vw,90px)}
.hero-visual{perspective:1350px;min-height:540px;align-items:center}
.laptop-scene{position:relative;width:min(650px,100%);transform-style:preserve-3d;animation:laptopFloat 7s ease-in-out infinite}
.laptop-glow{position:absolute;inset:12% 6% -5%;background:radial-gradient(ellipse,rgba(239,18,18,.22),transparent 65%);filter:blur(26px);transform:translateZ(-50px)}
.laptop-screen{position:relative;width:88%;margin-inline:auto;aspect-ratio:16/10;background:#070708;border:2px solid #3a3a3f;border-bottom-width:8px;padding:8px;box-shadow:0 32px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05) inset;transform:rotateY(-7deg) rotateX(2deg);transform-origin:center bottom;overflow:hidden}
.browser-bar{height:26px;background:#17171a;display:flex;align-items:center;gap:5px;padding:0 9px;color:#777}.browser-bar>span{width:6px;height:6px;border-radius:50%;background:#4d4d52}.browser-bar>span:first-child{background:var(--red)}.browser-bar>div{margin-left:8px;height:14px;line-height:14px;background:#0c0c0e;border:1px solid #26262a;flex:1;padding:0 7px;font-size:.37rem;white-space:nowrap;overflow:hidden}
.dashboard-preview{height:calc(100% - 26px);display:grid;grid-template-columns:21% 1fr;background:#080809;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:25px 25px;color:#fff}
.dashboard-preview aside{padding:11px 8px;background:#0b0b0d;border-right:1px solid #252529;display:flex;flex-direction:column}.dashboard-preview aside b{color:var(--red);font-size:.54rem;letter-spacing:.08em}.dashboard-preview aside small{font-size:.25rem;letter-spacing:.19em;margin:4px 0 15px}.dashboard-preview aside i{height:10px;background:#19191c;margin:4px 0;border-left:1px solid transparent}.dashboard-preview aside i:first-of-type{border-left-color:var(--red);background:#261012}
.dashboard-preview main{padding:11px;min-width:0}.dashboard-preview header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-preview header small,.dashboard-preview header strong{display:block}.dashboard-preview header small{color:var(--red);font-size:.28rem;letter-spacing:.12em}.dashboard-preview header strong{font-size:.68rem;margin-top:2px}.dashboard-preview header>span{width:18px;height:18px;border:1px solid #303035;display:grid;place-items:center;font-size:.4rem}.dashboard-preview main>section{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dashboard-preview main>section article,.preview-panels>article{background:#101012;border:1px solid #29292e;padding:8px}.dashboard-preview main>section small,.preview-panels small{display:block;color:#777;font-size:.25rem}.dashboard-preview main>section b{font-size:.82rem;line-height:1.2}
.preview-panels{display:grid;grid-template-columns:1.4fr .8fr;gap:6px;margin-top:6px;height:56%}.preview-panels strong{display:block;font-size:.43rem;margin:4px 0 9px}.preview-panels article>i{display:block;height:4px;background:#2a2a2e;margin:5px 0}.preview-panels article>i:nth-of-type(2){width:80%}.preview-panels article>i:nth-of-type(3){width:60%}.preview-chat span{display:block;width:75%;height:9px;background:#242429;margin:5px 0}.preview-chat span:last-child{margin-left:auto;background:#451518}
.laptop-base{position:relative;width:100%;height:24px;margin-top:-1px;background:linear-gradient(#a1a1a6,#4c4c52 38%,#202024);clip-path:polygon(8% 0,92% 0,100% 62%,96% 100%,4% 100%,0 62%);filter:drop-shadow(0 26px 24px rgba(0,0,0,.65));transform:rotateY(-3deg)}.laptop-base span{position:absolute;left:43%;top:0;width:14%;height:6px;background:#303034;border-radius:0 0 5px 5px}
.laptop-scene::before,.laptop-scene::after{content:"";position:absolute;z-index:-1;border:1px solid rgba(239,18,18,.26);inset:-8% 3% 2%;transform:translateZ(-80px) rotate(4deg);animation:laptopFrame 12s linear infinite}.laptop-scene::after{inset:5% 12% 10%;border-style:dashed;animation-direction:reverse;animation-duration:17s}
@keyframes laptopFloat{0%,100%{transform:translateY(0) rotateZ(-.35deg)}50%{transform:translateY(-14px) rotateZ(.35deg)}}@keyframes laptopFrame{to{transform:translateZ(-80px) rotate(364deg)}}

/* Dashboard sidebar */
.dashboard-shell{grid-template-columns:278px minmax(0,1fr);--sidebar:278px}.sidebar{width:278px;padding:17px 13px 12px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#303036 transparent}.sidebar-wordmark{padding:9px 12px 19px;border-bottom:1px solid #232328;margin:0 2px 6px}.sidebar-wordmark strong{font-size:1.42rem}.sidebar-wordmark span{font-size:.55rem;margin-top:8px}
.sidebar-label{margin:18px 12px 7px;font-size:.58rem;letter-spacing:.15em}.sidebar-nav{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-nav a{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;padding:10px 12px!important;font-size:.81rem!important;line-height:1.15!important;white-space:nowrap!important}.sidebar-nav a i{flex:0 0 21px;width:21px!important;font-size:.85rem!important}.sidebar-nav a span{display:block!important;min-width:0!important;width:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important;word-break:normal!important}.sidebar-user{flex:0 0 auto}.sidebar-logout{flex:0 0 auto}
.dashboard-main{min-height:100vh}.dashboard-content{padding:28px 30px 58px}.dashboard-topbar{height:84px}.dashboard-topbar h1{font-size:1.38rem!important}

/* Dashboard panels and alignment */
.dash-panel{display:flex;flex-direction:column;background:linear-gradient(145deg,#101012,#0a0a0c);border-color:#29292e;min-width:0}.dashboard-equal-row{align-items:stretch!important}.dashboard-equal-row>.dash-panel{height:100%;margin-bottom:18px}.panel-fill{flex:1;min-height:0}.panel-center-empty:has(.empty-cell:only-child),.panel-center-empty:has(>p.empty-cell:only-child),.panel-center-empty:has(>div.empty-cell:only-child){display:flex;align-items:center;justify-content:center;min-height:150px}.panel-center-empty .empty-cell:only-child{width:100%;margin:auto}.empty-cell{display:flex;align-items:center;justify-content:center;min-height:115px;margin:0;text-align:center!important}.table-wrap .empty-cell{display:table-cell;min-height:0}
.dash-grid.two-thirds{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr)}.dash-grid.two-thirds>.dash-panel{min-height:290px}.dashboard-equal-row:nth-of-type(2)>.dash-panel{min-height:360px}.panel-head{margin-bottom:22px}.panel-head h2{margin-top:5px!important}.panel-head p{max-width:780px;line-height:1.6}.dash-stat strong{font-variant-numeric:tabular-nums}.compact-list,.calendar-list,.creator-status-grid,.task-list,.goal-list,.notification-list{min-width:0}
.creator-status-grid{align-content:start}.creator-status-grid>a{min-width:0}.creator-status-grid strong,.creator-status-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-list article{min-width:0}
.dashboard-module-grid{align-items:stretch}.module-card{height:100%;display:flex;flex-direction:column}.module-card p{margin-top:auto}.module-card>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #38383d;background:#161619;margin-bottom:25px}
.manager-card .manager-profile{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:270px}.manager-profile>img,.manager-avatar{width:82px;height:82px;object-fit:cover;border:1px solid #34343a;background:#17171a;display:grid;place-items:center;color:var(--red);font-size:1.65rem;margin:3px auto 14px}.manager-profile strong{margin-bottom:8px}.manager-profile p{max-width:390px}.manager-profile .btn{margin-top:8px}
.creator-welcome{background:linear-gradient(110deg,#1d090b,#0b0b0d 70%);overflow:hidden;position:relative}.creator-welcome::after{content:"\f140";font:900 8rem/1 "Font Awesome 6 Free";position:absolute;right:30px;top:50%;transform:translateY(-50%);color:rgba(239,18,18,.055);pointer-events:none}
.form-row,.form-row.three{align-items:start}.field{min-width:0}.field label{margin-bottom:8px;line-height:1.25}.dashboard-form{gap:19px}.read-only-field{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #303035;background:#08080a;color:#aaa}.input-prefix{min-width:0}.input-prefix input{min-width:0}

/* Account cards */
.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{min-width:0}.account-card p{line-height:1.65}.account-inline-form{padding-top:17px;border-top:1px solid #27272c;margin-top:16px}.account-meta{display:flex;flex-wrap:wrap;gap:8px 15px}.account-meta span{display:flex;gap:7px;align-items:center;color:#8f8f97;font-size:.75rem}.account-meta i{color:var(--red)}

/* WhatsApp-style dashboard chat */
.chat-route .dashboard-main{height:100vh;overflow:hidden}.chat-route .dashboard-content{height:calc(100vh - 84px);padding:16px 20px 20px;overflow:hidden}.chat-workspace{height:100%;display:grid;grid-template-columns:310px minmax(0,1fr);background:#0b0b0d;border:1px solid #29292e;overflow:hidden}.chat-contacts{min-width:0;border-right:1px solid #29292e;background:#0d0d0f;display:flex;flex-direction:column}.chat-contacts-head{height:72px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #29292e;background:#111114}.chat-contacts-head>a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #33333a}.chat-contacts-head strong,.chat-contacts-head span{display:block}.chat-contact-scroll{overflow-y:auto;flex:1}.chat-contact-scroll>a{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #202024}.chat-contact-scroll>a.active{background:#211012;border-left:3px solid var(--red)}.chat-contact-scroll>a:hover{background:#151518}.chat-contact-scroll strong,.chat-contact-scroll small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact-scroll small{font-size:.68rem;color:#777}.chat-contact-scroll>a>b{width:21px;height:21px;display:grid;place-items:center;background:var(--red);font-size:.62rem}
.chat-panel.whatsapp-chat{max-width:none;width:100%;height:100%;margin:0;border:0;display:grid;grid-template-rows:72px minmax(0,1fr) auto;background:#08080a;overflow:hidden}.whatsapp-chat>header{height:72px;padding:0 18px;background:#111114;flex-shrink:0}.whatsapp-chat>header>.icon-link,.chat-online{margin-left:auto}.chat-online{display:flex!important;align-items:center;gap:7px;color:#929299!important}.chat-online i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.chat-messages{height:auto!important;min-height:0;overflow-y:auto;padding:24px clamp(15px,3vw,45px);gap:7px;background-color:#08080a;background-image:radial-gradient(circle at 20% 25%,rgba(239,18,18,.045),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.012) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.012) 50%,rgba(255,255,255,.012) 75%,transparent 75%,transparent);background-size:auto,34px 34px}.chat-messages article>div{position:relative;max-width:min(74%,720px);padding:9px 12px 7px;border:0;border-radius:4px;background:#1b1b1f;box-shadow:0 3px 12px rgba(0,0,0,.18)}.chat-messages article.from-team>div{background:#481115;border:0}.creator-whatsapp .chat-messages article.from-creator{justify-content:flex-end}.creator-whatsapp .chat-messages article.from-creator>div{background:#481115}.creator-whatsapp .chat-messages article.from-team{justify-content:flex-start}.creator-whatsapp .chat-messages article.from-team>div{background:#1b1b1f}.chat-messages strong{font-size:.61rem;color:#d2868a;margin-bottom:2px}.chat-messages p{font-size:.86rem;line-height:1.5}.chat-messages time{text-align:right;color:#777;font-size:.56rem}.chat-attachment{display:flex;align-items:center;gap:9px;margin:7px 0 3px;padding:9px;background:rgba(0,0,0,.22);color:#fff;font-size:.75rem}.chat-attachment.image{display:block;padding:4px}.chat-attachment img{max-width:340px;max-height:290px;object-fit:cover}.chat-empty{display:grid;place-items:center;align-content:center;min-height:100%;margin:0}
.chat-compose{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;align-items:end;padding:10px 12px!important;background:#111114;border-top:1px solid #29292e}.chat-compose textarea{min-height:42px!important;max-height:120px!important;resize:none;border:1px solid #303035;background:#19191d;padding:10px 13px;overflow-y:auto}.chat-file,.chat-send{width:42px;height:42px;border:1px solid #33333a;background:#18181c;color:#aaa;display:grid;place-items:center}.chat-file:hover,.chat-send:hover{color:#fff;border-color:var(--red)}.chat-file input{display:none}.chat-send{background:var(--red);border-color:var(--red);color:#fff}.chat-file-name{position:absolute;left:62px;bottom:58px;max-width:calc(100% - 125px);padding:4px 8px;background:#19191d;color:#aaa;font-size:.63rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-name:empty{display:none}.creator-whatsapp{height:calc(100vh - 120px)!important;min-height:540px}
.whatsapp-thread-list .empty-cell{min-height:260px}.whatsapp-thread-list .mini-avatar{border-radius:50%;background:#1c1c20}

/* Creator experience */
.creator-stats{align-items:stretch}.creator-stats>.dash-stat{height:100%}.checklist-list{display:flex;flex-direction:column}.checklist-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #26262b}.checklist-list article>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #37373d;background:#151518;color:var(--red)}.checklist-list strong,.checklist-list small{display:block}.checklist-list small{color:#777;margin-top:4px}.checklist-progress{display:flex;gap:14px;align-items:center;margin-bottom:22px}.checklist-progress .progress{flex:1;margin:0}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid #242429;color:#aaa}.check-list li::before{content:"\f00c";font:900 .72rem/1 "Font Awesome 6 Free";position:absolute;left:0;top:16px;color:var(--red)}
.metric-grid>div{position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end}.metric-grid>div>i{position:absolute;right:16px;top:16px;color:var(--red);font-size:1.1rem}.progress-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress-overview article{display:flex;gap:14px;align-items:center;padding:20px;background:#0b0b0d;border:1px solid #27272c}.progress-overview article>i{width:42px;height:42px;display:grid;place-items:center;background:#18181c;color:var(--red);border:1px solid #33333a}.progress-overview p{margin:3px 0 0;font-size:.75rem}.event-timeline article{display:grid;grid-template-columns:85px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #27272c}.event-date{border-left:3px solid var(--red);padding-left:15px}.event-date strong,.event-date span{display:block}.event-date strong{font-size:2rem}.event-date span{color:#777;font-size:.7rem}.event-timeline h3{margin:10px 0 7px}.event-timeline small{color:#85858e}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.resource-grid article{display:flex;flex-direction:column;min-width:0;border-top:2px solid #303035;transition:.2s}.resource-grid article:hover{border-top-color:var(--red);transform:translateY(-3px)}.resource-grid article .btn,.resource-grid article .text-link{margin-top:auto;align-self:flex-start}.resource-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--red);background:#18181c;border:1px solid #33333a;margin-bottom:20px}.deal-next{margin-top:auto;padding:12px;background:#131316;border-left:2px solid var(--red)}

/* Integration icons */
.integration-icon{font-size:0!important}.integration-icon i{display:none!important}.integration-icon::before{font:900 1.05rem/1 "Font Awesome 6 Free"}.integration-grid>div:nth-child(1) .integration-icon::before{font-family:"Font Awesome 6 Brands";content:"\f1e8"}.integration-grid>div:nth-child(2) .integration-icon::before{font-family:"Font Awesome 6 Brands";content:"\f392"}.integration-grid>div:nth-child(3) .integration-icon::before{content:"\f0e0"}.integration-grid>div:nth-child(4) .integration-icon::before{content:"\f1c0"}

/* Responsive V6 */
@media(max-width:1250px){.hero-inner{grid-template-columns:1fr 1fr}.account-card-grid{grid-template-columns:1fr}.progress-overview{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.dashboard-shell{grid-template-columns:260px minmax(0,1fr);--sidebar:260px}.sidebar{width:260px}.dash-grid.two-thirds{grid-template-columns:1fr}.dashboard-equal-row>.dash-panel{min-height:auto}.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero-visual{min-height:500px}.laptop-scene{max-width:650px}.chat-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:900px){.dashboard-shell{display:block}.sidebar{width:min(310px,88vw)}.sidebar-nav a{font-size:.86rem!important}.chat-route .dashboard-content{height:calc(100vh - 84px);padding:10px}.chat-workspace{grid-template-columns:1fr}.chat-contacts{display:none}.creator-whatsapp{height:calc(100vh - 113px)!important}.main-nav .header-apply{margin-top:12px}.header-inner>.brand-wordmark{min-width:0}.brand-wordmark strong{font-size:1.34rem}.brand-wordmark span{font-size:.52rem}.hero-visual{min-height:430px}.signal-live{right:4%;bottom:3%}}
@media(max-width:680px){.hero{padding-top:112px}.hero-inner{gap:28px}.hero-visual{min-height:330px}.laptop-screen{width:94%;padding:5px;border-bottom-width:5px}.browser-bar{height:19px}.dashboard-preview{height:calc(100% - 19px)}.laptop-base{height:17px}.dashboard-preview main{padding:6px}.dashboard-preview aside{padding:7px 5px}.signal-live{font-size:.54rem;padding:8px 9px}.progress-overview,.resource-grid{grid-template-columns:1fr}.chat-messages article>div{max-width:88%}.chat-attachment img{max-width:100%}.chat-compose{grid-template-columns:38px minmax(0,1fr) 38px!important}.chat-file,.chat-send{width:38px;height:38px}.dashboard-content{padding-inline:10px}.panel-head{gap:10px;flex-wrap:wrap}.panel-head>div{width:100%}.creator-welcome{align-items:flex-start;flex-direction:column}.creator-welcome::after{display:none}.checklist-list article{grid-template-columns:40px minmax(0,1fr)}.checklist-list article>form{grid-column:2}.event-timeline article{grid-template-columns:65px minmax(0,1fr);gap:14px}.sidebar-wordmark{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.laptop-scene,.laptop-scene::before,.laptop-scene::after{animation:none!important}}

/* Onboarding checklist cards */
.onboarding-checklist .panel-head>strong{font-size:1.5rem;color:var(--red);font-variant-numeric:tabular-nums}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:19px}.checklist-item{margin:0}.checklist-item button{width:100%;height:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;text-align:left;padding:17px;border:1px solid #29292e;background:#0b0b0d;color:#fff;transition:.2s}.checklist-item button:hover{border-color:#5b282b;background:#111113}.checklist-item button>i{width:34px;height:34px;display:grid;place-items:center;background:#18181c;border:1px solid #34343a;color:var(--red)}.checklist-item strong,.checklist-item small{display:block}.checklist-item strong{font-size:.84rem}.checklist-item small{margin-top:5px;color:#777;line-height:1.5}.checklist-item.done button{opacity:.64;border-color:#244a37}.checklist-item.done button>i{color:var(--green)}.checklist-item.done strong{text-decoration:line-through}
@media(max-width:720px){.checklist-grid{grid-template-columns:1fr}}


/* v7 focused refinements */
html, body, body *:not(input):not(textarea):not(select):not(option) { -webkit-user-select:none; user-select:none; }
input, textarea, select { -webkit-user-select:text; user-select:text; }
img { -webkit-user-drag:none; user-drag:none; }
.ambient-bg span,.page-art::before,.page-art::after,.page-art .orbit-dot,.laptop-scene::before,.laptop-scene::after{display:none!important;animation:none!important}
.ambient-bg{background:#050506!important}
.laptop-scene{animation:none!important;transform:none!important;pointer-events:none!important}
.laptop-screen,.dashboard-preview{pointer-events:none!important}
.hero-visual{background:radial-gradient(circle at 55% 42%,rgba(239,18,18,.12),transparent 48%)}
.required-mark{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-left:8px}
.creator-profile-hero{overflow:hidden;background:linear-gradient(120deg,#09090b 0%,#030304 58%,rgba(95,7,10,.16) 100%)}
.creator-profile-grid{position:relative;z-index:2}
.profile-image-wrap img{object-fit:cover;background:#0b0b0d}
.creator-profile-copy{max-width:850px}
.creator-profile-copy h1{font-size:clamp(3rem,6.4vw,6.2rem);overflow-wrap:anywhere;line-height:.94}
.creator-social-section{border-top:1px solid rgba(255,255,255,.08)}
.social-link-grid a{min-height:82px;background:linear-gradient(135deg,#101012,#080809);border-color:#29292e;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.social-link-grid a:hover{transform:translateY(-3px);border-color:var(--creator-accent,var(--red));background:#121214}
.team-grid-dynamic{grid-template-columns:repeat(auto-fit,minmax(260px,360px));justify-content:start}
.empty-public-state{padding:40px;border:1px solid #2b2b30;background:#0b0b0d;text-align:center}
.empty-public-state i{font-size:2rem;color:var(--red);margin-bottom:14px}
@media(max-width:760px){.creator-profile-copy h1{font-size:clamp(2.5rem,14vw,4.2rem)}.profile-image-wrap{max-width:430px;margin-inline:auto}.social-link-grid a{min-height:70px}}

/* v8: prevent the browser default white paint between dashboard navigations. */
html,body,.dashboard-body,.dashboard-shell,.dashboard-main{background-color:#050505}


/* V9: Team account form alignment */
.team-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:4px}
.team-profile-fields .field{margin-bottom:0}
.team-profile-fields .bio-field textarea{min-height:112px;display:block}
.team-profile-fields label{min-height:18px;display:flex;align-items:center}
@media(max-width:760px){.team-profile-fields{grid-template-columns:1fr}.team-profile-fields .bio-field textarea{min-height:126px}}

/* Discord-Bot-Steuerung: klare Abstände zwischen den Aktionen */
.bot-control-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.bot-control-actions form {
    margin: 0;
}

.bot-control-actions .btn {
    min-height: 52px;
    margin: 0;
}

@media (max-width: 720px) {
    .bot-control-actions,
    .bot-control-actions form,
    .bot-control-actions .btn {
        width: 100%;
    }

    .bot-control-actions .btn {
        justify-content: center;
    }
}


/* Discord Bot Center v12 */
.bot-overview-grid { align-items: stretch; }
.bot-overview-grid > .dash-panel { height: 100%; }
.bot-health-list { display: grid; margin: 18px 0 24px; border: 1px solid var(--line); }
.bot-health-list > div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.bot-health-list > div:last-child { border-bottom: 0; }
.bot-health-list span { color: var(--muted); }
.bot-kpi-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.bot-kpi-grid > div { min-height: 118px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.018); display: grid; align-content: center; gap: 7px; }
.bot-kpi-grid i { color: var(--red); font-size: 1.2rem; }
.bot-kpi-grid span { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.bot-kpi-grid strong { font-size: 1.55rem; }
.table-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.table-actions form { margin: 0; }
.btn-danger { background: rgba(255,17,24,.09); border-color: rgba(255,17,24,.65); color: #fff; }
.btn-danger:hover { background: var(--red); }
.bot-stack-list > div { align-items: center; gap: 18px; }
.bot-stack-list > div > div:first-child { min-width: 0; flex: 1; }
@media (max-width: 760px) {
  .bot-kpi-grid { grid-template-columns: 1fr; }
  .table-actions, .table-actions form, .table-actions .btn { width: 100%; }
  .bot-stack-list > div { align-items: stretch; flex-direction: column; }
}

/* Mobile navigation viewport fix */
html.menu-locked,
html.menu-locked body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

@media (max-width: 900px) {
  .site-header.scrolled {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body > .menu-backdrop,
  .menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    z-index: 9998 !important;
    background: rgba(0, 0, 0, .94) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  body > .main-nav,
  .main-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: min(88vw, 390px) !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 9999 !important;
    background: #080809 !important;
    background-image: none !important;
    opacity: 1 !important;
    isolation: isolate;
  }

  .menu-toggle {
    z-index: 10000 !important;
  }
}


/* Form success alignment fix */
.success-page .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.success-page .hero-actions {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.about-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.about-socials a{width:auto;min-width:150px;height:54px;padding:0 20px;gap:10px;border:1px solid rgba(255,255,255,.12);background:#111;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.about-socials a:hover{border-color:#ef1212;transform:translateY(-2px)}.about-socials a i{font-size:20px;color:#ef1212}.about-socials a span{display:inline}
.seo-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.seo-status-grid>div{background:#0b0b0b;border:1px solid rgba(255,255,255,.09);padding:14px 16px;display:flex;flex-direction:column;gap:5px}.seo-status-grid strong{color:#fff}.seo-status-grid span,.seo-status-grid a{color:#aaa;font-size:.9rem}.seo-status-grid a:hover{color:#fff}@media(max-width:760px){.seo-status-grid{grid-template-columns:1fr}}

/* Team account ordering controls */
.account-order-controls{position:absolute;right:18px;top:-14px;display:flex;gap:6px;z-index:2}.account-order-controls form{margin:0}.account-order-controls button{width:30px;height:30px;border:1px solid #35353b;background:#111114;color:#fff;cursor:pointer;display:grid;place-items:center}.account-order-controls button:hover{border-color:var(--red);color:var(--red)}


/* Discord-Bot Dashboard: gezielte Abstände */
.bot-stack-list > div{gap:18px;padding-block:16px}.bot-stack-list .table-actions{gap:12px;flex-wrap:wrap}.bot-stack-list .table-actions form{margin:0}.dashboard-form .form-row+.btn{margin-top:16px}@media(max-width:760px){.bot-stack-list>div{align-items:flex-start;gap:14px}.bot-stack-list .table-actions{width:100%;margin-top:4px}}

.chat-send:disabled,.chat-send[aria-disabled="true"]{opacity:.45;cursor:not-allowed;filter:saturate(.45)}


/* Creator-Profil: Logo-Darstellung und gefüllteres Profil-Layout */
.creator-visual-column{display:grid;gap:14px;min-width:0}
.creator-profile-hero .profile-image-wrap{box-shadow:0 28px 80px rgba(0,0,0,.38)}
.creator-profile-hero .profile-image-wrap>img{display:block;background:#111;object-position:center}
.profile-logo-badge{z-index:3;overflow:hidden;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.profile-logo-badge img{width:100%;height:100%;object-fit:contain!important;aspect-ratio:auto!important}
.creator-brand-logo{display:block;width:auto;max-width:min(260px,70%);height:auto;max-height:105px;object-fit:contain;object-position:left center;margin:0 0 22px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}
.creator-brand-panel{min-height:92px;padding:16px 18px;border:1px solid #29292e;border-left:3px solid var(--creator-accent);background:linear-gradient(100deg,#0d0d0f,#080809);display:flex;align-items:center;justify-content:space-between;gap:18px}
.creator-brand-panel span{color:#888;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.creator-brand-panel img{display:block;max-width:150px;max-height:58px;object-fit:contain}
.creator-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 4px}
.creator-quick-stats>div{min-height:98px;padding:17px;border:1px solid #29292e;background:rgba(15,15,17,.86);position:relative;overflow:hidden}
.creator-quick-stats>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--creator-accent);opacity:.8}
.creator-quick-stats i{color:var(--creator-accent);font-size:1rem;margin-bottom:12px}
.creator-quick-stats span,.creator-quick-stats strong{display:block}
.creator-quick-stats span{color:#777;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.creator-quick-stats strong{margin-top:4px;color:#fff;font-size:.82rem;overflow-wrap:anywhere}
@media(max-width:900px){.creator-quick-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.creator-brand-logo{max-width:210px;max-height:86px}.creator-brand-panel{align-items:flex-start;flex-direction:column}.creator-brand-panel img{max-width:180px}.creator-quick-stats{grid-template-columns:1fr}.creator-quick-stats>div{min-height:82px}.profile-logo-badge{width:70px;height:70px;right:14px;bottom:14px}}


/* Public Creator Profile: logo reliability and richer page layout */
.is-hidden{display:none!important}
.creator-profile-hero .profile-image-wrap>img{background:#0b0b0d;object-fit:contain;padding:18px}
.creator-profile-hero .profile-placeholder{display:grid}
.creator-profile-hero .profile-logo-badge img,
.creator-profile-hero .creator-brand-logo,
.creator-profile-hero .creator-brand-panel img{object-fit:contain;background:transparent}
.creator-profile-hero .creator-brand-logo{min-height:58px}
.creator-stream-section{border-top:1px solid #202025;border-bottom:1px solid #202025;background:linear-gradient(125deg,#08080a,#030304)}
.creator-section-heading{max-width:760px;margin-bottom:30px}
.creator-stream-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:stretch}
.creator-stream-card{border:1px solid #29292f;border-top:3px solid #9146ff;background:linear-gradient(145deg,#111116,#09090b);padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100%}
.creator-stream-card>i{font-size:2rem;color:#a970ff;margin-bottom:24px}
.creator-stream-card>span{font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8c8c95}
.creator-stream-card>strong{margin-top:8px;font-size:1rem;word-break:break-all}
.creator-stream-card>p{color:#91919a;line-height:1.65;margin:15px 0 24px}
.creator-stream-card .btn{width:100%;justify-content:center}
.stream-info.is-offline .live-dot{background:#666;box-shadow:none}
.creator-about-text{font-size:1.05rem;line-height:1.85;color:#b0b0b7}
.creator-schedule-box{margin-top:28px;padding:22px;border:1px solid #29292e;border-left:3px solid var(--creator-accent);display:flex;gap:18px;background:#0b0b0d}
.creator-schedule-box>i{color:var(--creator-accent);font-size:1.25rem;margin-top:3px}
.creator-schedule-box span,.creator-category-list>span{display:block;color:#8b8b94;font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.creator-schedule-box p{margin:0;color:#ddd;line-height:1.65}
.creator-category-list{margin-top:25px}
.creator-category-list>div{display:flex;flex-wrap:wrap;gap:9px}
.creator-category-list b{padding:9px 12px;border:1px solid #303036;background:#0d0d10;font-size:.72rem}
@media(max-width:900px){.creator-stream-grid{grid-template-columns:1fr}.creator-stream-card{min-height:260px}}
@media(max-width:620px){.creator-profile-hero .profile-image-wrap>img{padding:10px}.creator-stream-card{padding:23px}.creator-schedule-box{padding:18px}.creator-stream-section .stream-frame{min-height:230px}}


/* Öffentliche Creator-Seite: Logo und einheitlicher Stream-Player */
.creator-profile-hero .profile-image-wrap.shows-brand-logo>img{
  object-fit:contain;
  padding:clamp(22px,5vw,58px);
  background:radial-gradient(circle at center,rgba(255,255,255,.035),transparent 68%),#08080a;
}
.creator-profile-hero .profile-image-wrap.shows-brand-logo{
  display:grid;
  place-items:center;
  min-height:470px;
}
.creator-profile-hero .profile-image-wrap.shows-brand-logo>img{
  width:100%;
  height:100%;
  max-height:430px;
  aspect-ratio:auto;
}
.creator-stream-player{border:1px solid #2b2b30;background:#09090b;overflow:hidden}
.creator-stream-player .stream-frame{width:100%;aspect-ratio:16/9;border:0}
.creator-stream-player .stream-info{border-top:1px solid #29292e;display:flex;align-items:center;gap:14px;padding:18px 22px}
.creator-stream-player .stream-info>div{flex:1;min-width:0}
.creator-stream-player .stream-info>a{color:#fff;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.offline-player{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:430px;display:grid;place-items:center;overflow:hidden;background:#050506}
.offline-player::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--offline-bg,linear-gradient(135deg,#0d0d10,#050506));background-size:cover;background-position:center;filter:saturate(.65);opacity:.2;transform:scale(1.03)}
.offline-player::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(242,20,29,.15),transparent 36%),linear-gradient(120deg,rgba(0,0,0,.7),rgba(5,5,6,.92))}
.offline-player-content{max-width:660px;padding:45px;text-align:center;display:flex;flex-direction:column;align-items:center}
.offline-creator-mark{width:150px;height:150px;margin-bottom:22px;display:grid;place-items:center}
.offline-creator-mark img{max-width:100%;max-height:100%;object-fit:contain}
.offline-creator-mark .creator-placeholder{width:120px;height:120px;font-size:3rem}
.offline-badge{display:inline-flex;align-items:center;gap:8px;color:#aaa;font-size:.66rem;font-weight:900;letter-spacing:.15em;margin-bottom:14px}
.offline-badge i{font-size:.55rem;color:#666}
.offline-player h3{font-size:clamp(2rem,4vw,4rem);margin:0 0 12px}
.offline-player p{color:#aaa;max-width:540px;margin:0 0 25px}
@media(max-width:760px){
  .creator-profile-hero .profile-image-wrap.shows-brand-logo{min-height:330px}
  .creator-profile-hero .profile-image-wrap.shows-brand-logo>img{max-height:300px;padding:25px}
  .offline-player{min-height:360px;aspect-ratio:auto}
  .offline-player-content{padding:35px 22px}
  .offline-creator-mark{width:110px;height:110px}
  .creator-stream-player .stream-info{align-items:flex-start;flex-wrap:wrap;padding:16px}
  .creator-stream-player .stream-info>a{width:100%;padding-left:25px}
}

.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.proof-card{padding:30px;border:1px solid #29292e;background:#0d0d0f;min-height:300px}.proof-card>i{width:52px;height:52px;display:grid;place-items:center;background:rgba(242,20,29,.1);color:var(--red);font-size:1.25rem;margin-bottom:28px}.proof-card>span{display:block;color:var(--red);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.proof-card h3{font-size:1.45rem;line-height:1.15;margin:10px 0 14px}.proof-card p{color:#aaa;line-height:1.7}.team-project-note{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid #29292e;color:#8d8d96;font-size:.72rem}.team-project-note i{color:var(--red)}.team-work-section{padding-top:30px}.creator-admin-header-centered{display:grid!important;grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:16px!important;padding:28px!important}.creator-admin-header-centered .creator-admin-avatar{width:132px;height:132px;margin:0 auto;background:#09090b;border:1px solid #34343a;padding:8px}.creator-admin-header-centered .creator-admin-avatar img{width:100%;height:100%;object-fit:contain;background:#09090b}.creator-admin-header-centered .creator-admin-copy{display:flex;flex-direction:column;align-items:center;max-width:780px}.creator-admin-header-centered .creator-admin-copy p{text-align:center}.creator-admin-header-centered .profile-actions,.creator-admin-header-centered .info-pills{justify-content:center}.creator-admin-header-centered>.btn{margin:0!important}.chat-route .dashboard-content{height:calc(100vh - 84px);min-height:680px}.chat-workspace{width:100%;height:100%;max-height:820px;min-height:650px;margin:0 auto}.chat-panel header .mini-avatar,.chat-contact-scroll .mini-avatar{background:#09090b}.chat-panel header .mini-avatar img,.chat-contact-scroll .mini-avatar img{object-fit:contain;background:#09090b}.application-profile-centered{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;padding:28px!important}.application-profile-centered .big-initial{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 8px}.application-profile-copy{display:flex;flex-direction:column;align-items:center;width:min(100%,620px)}.application-profile-copy p{margin:4px 0 16px!important}.copy-data-list,.copy-link-stack{display:grid;gap:9px;width:100%;margin:4px 0 18px}.copy-data{width:100%;min-height:46px;padding:10px 13px;border:1px solid #303036;background:#0b0b0d;color:#ddd;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:10px;text-align:left;cursor:pointer}.copy-data span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-data>i:first-child{color:var(--red)}.copy-data>i:last-child{color:#81818b}.copy-data:hover,.copy-data.copied{border-color:var(--red);background:#171012}.copy-data.copied>i:last-child{color:#44df91}.creator-profile-hero .profile-image-wrap>img{object-fit:contain!important;padding:16px!important;background:#08080a!important}.creator-profile-hero .profile-image-wrap{background:#08080a!important}@media(max-width:900px){.proof-grid{grid-template-columns:1fr}.chat-route .dashboard-content{min-height:0;height:calc(100dvh - 74px)}.chat-workspace{min-height:0;max-height:none}}@media(max-width:620px){.creator-admin-header-centered .creator-admin-avatar{width:108px;height:108px}.application-profile-centered{padding:22px 16px!important}.copy-data span{white-space:normal;overflow-wrap:anywhere}}


/* Creator-Profilbild: neutraler Hintergrund statt rotem Platzhalterblock */
.creator-profile-hero .profile-image-wrap{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.055), transparent 58%),
    #08080a !important;
  display:grid;
  place-items:center;
  min-height:470px;
}
.creator-profile-hero .profile-image-wrap>img{
  display:block;
  width:100%;
  height:100%;
  max-height:470px;
  aspect-ratio:1;
  object-fit:contain !important;
  object-position:center;
  padding:clamp(16px,3vw,34px) !important;
  background:transparent !important;
}
.creator-profile-hero .profile-image-wrap .creator-placeholder{
  color:#fff !important;
  background:
    radial-gradient(circle at center, rgba(242,20,29,.12), transparent 55%),
    #08080a !important;
}
@media(max-width:760px){
  .creator-profile-hero .profile-image-wrap{min-height:330px}
  .creator-profile-hero .profile-image-wrap>img{max-height:330px;padding:14px !important}
}


/* Bestehende Creator: Profilbilder werden nach Twitch-Sync neutral dargestellt */
.creator-profile-hero .profile-image-wrap,
.creator-profile-hero .profile-image-wrap::before,
.creator-profile-hero .profile-image-wrap::after{
  background-color:#08080a!important;
}
.creator-profile-hero .profile-image-wrap>img{
  background:#08080a!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* Final: öffentliches Creator-Bild kommt aus dem Creator-Dashboard */
.creator-profile-hero .profile-image-wrap{
  background:#08080a !important;
  border:1px solid #242429 !important;
  border-top:3px solid var(--creator-accent,#f2141d) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.creator-profile-hero .profile-image-wrap::before,
.creator-profile-hero .profile-image-wrap::after{
  background:none !important;
  box-shadow:none !important;
}

.creator-profile-hero .profile-image-wrap > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:520px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:18px !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  background:#08080a !important;
  filter:none !important;
}

.creator-profile-hero .profile-image-wrap .creator-placeholder{
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:#08080a !important;
  font-size:clamp(4rem,12vw,8rem) !important;
}

.creator-profile-hero .profile-image-wrap .creator-placeholder.is-hidden{
  display:none !important;
}

.offline-player .offline-creator-mark img{
  object-fit:contain !important;
  background:#08080a !important;
}

@media(max-width:760px){
  .creator-profile-hero .profile-image-wrap > img{
    max-height:360px !important;
    padding:12px !important;
  }

  .creator-profile-hero .profile-image-wrap .creator-placeholder{
    min-height:300px !important;
  }
}


/* Finaler Medien-Fix für bestehende Creator-Accounts */
.creator-profile-hero .profile-image-wrap{
  background:#08080a !important;
  border-color:#28282d !important;
  border-top-color:var(--creator-accent,#f2141d) !important;
}
.creator-profile-hero .profile-image-wrap > img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#08080a !important;
  opacity:1 !important;
  visibility:visible !important;
}
.creator-profile-hero .creator-placeholder{
  background:#08080a !important;
  color:#fff !important;
}


/* Dashboard: aktiver Menüpunkt bleibt bei Routing-Fallback sichtbar */
.sidebar-nav a.active{
  position:relative;
  background:linear-gradient(90deg,rgba(242,20,29,.18),rgba(242,20,29,.045)) !important;
  color:#fff !important;
  border-color:rgba(242,20,29,.34) !important;
}

.sidebar-nav a.active::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:3px;
  background:#f2141d;
  box-shadow:0 0 14px rgba(242,20,29,.48);
}

.sidebar-nav a.active i{
  color:#f2141d !important;
}


/* Aufgaben-Prüfworkflow */
.verified-task-grid{display:grid;gap:16px}
.verified-task-card{position:relative;border:1px solid #2b2b30;border-left:3px solid #555;background:#0c0c0e;padding:20px}
.verified-task-card.is-pending{border-left-color:#f0aa2b}
.verified-task-card.is-approved{border-left-color:#38d98d}
.verified-task-card.is-rejected{border-left-color:#f2141d}
.verified-task-main{display:grid;gap:14px}
.verified-task-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.verified-task-title strong{font-size:1.03rem}
.verified-task-card p{margin:0;color:#b2b2b9;line-height:1.65}
.verified-task-card small{color:#7f7f89}
.task-review-state{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;padding:14px;border:1px solid #303036;background:#111114}
.task-review-state>i{width:42px;height:42px;display:grid;place-items:center;background:#19191d}
.task-review-state div{display:grid;gap:4px}
.task-review-state span{color:#92929c;font-size:.76rem;line-height:1.5}
.task-review-state.pending{border-color:rgba(240,170,43,.35)}
.task-review-state.pending>i{color:#f0aa2b;background:rgba(240,170,43,.1)}
.task-review-state.approved{border-color:rgba(56,217,141,.32)}
.task-review-state.approved>i{color:#38d98d;background:rgba(56,217,141,.09)}
.task-review-state.rejected{border-color:rgba(242,20,29,.35)}
.task-review-state.rejected>i{color:#f2141d;background:rgba(242,20,29,.09)}
.task-submission{padding:15px;border:1px dashed #3a3a41;background:#09090b}
.task-submission>span{display:block;margin-bottom:8px;color:#f2141d;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.task-creator-actions{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(280px,1fr);gap:16px;align-items:start}
.task-status-form,.task-submit-review,.task-review-actions form{display:grid;gap:8px}
.task-status-form label,.task-submit-review label{color:#9b9ba4;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.task-submit-review textarea,.task-review-actions textarea{width:100%;resize:vertical;min-height:76px;padding:11px 13px;border:1px solid #35353b;background:#08080a;color:#fff;font:inherit}
.task-submit-review textarea:focus,.task-review-actions textarea:focus{outline:none;border-color:#f2141d}
.task-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.task-review-actions .btn{width:100%;justify-content:center}
.task-approve{background:#148954!important;border-color:#20b970!important}
.task-approve:hover{background:#1a9d63!important}
.task-reject{border-color:rgba(242,20,29,.55)!important;color:#fff!important}
.onboarding-checklist .verified-task-card{padding:17px}
.onboarding-checklist .verified-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){
  .task-creator-actions,.task-review-actions{grid-template-columns:1fr}
  .onboarding-checklist .verified-task-grid{grid-template-columns:1fr}
}


/* Kompaktere Überschriften auf der öffentlichen Website */
.public-body .hero-copy h1{
  font-size:clamp(3rem,5.3vw,5.45rem) !important;
  line-height:.96 !important;
  max-width:760px !important;
}
.public-body .page-hero h1{
  font-size:clamp(2.8rem,5vw,5rem) !important;
  line-height:1 !important;
  max-width:860px !important;
}
.public-body .section-heading h2,
.public-body .cta-inner h2{
  font-size:clamp(2rem,3.6vw,3.65rem) !important;
  line-height:1.04 !important;
}
.public-body .hero{
  padding-top:clamp(105px,10vw,145px) !important;
  padding-bottom:clamp(70px,8vw,110px) !important;
}
.public-body .hero-inner{
  gap:clamp(38px,5vw,78px) !important;
}
.public-body .hero-copy>p{
  max-width:700px !important;
  font-size:clamp(1rem,1.25vw,1.18rem) !important;
}

/* Eigener Fokus-Bestätigungsdialog */
.confirm-dialog-open{overflow:hidden}
.fokus-confirm-overlay[hidden]{display:none!important}
.fokus-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(8px);
}
.fokus-confirm-dialog{
  position:relative;
  width:min(100%,470px);
  padding:34px;
  border:1px solid #34343a;
  border-top:3px solid #f2141d;
  background:
    radial-gradient(circle at 90% 5%,rgba(242,20,29,.12),transparent 40%),
    #0c0c0f;
  color:#fff;
  box-shadow:0 32px 100px rgba(0,0,0,.7);
}
.fokus-confirm-close{
  position:absolute;
  right:14px;
  top:12px;
  width:36px;
  height:36px;
  border:1px solid #34343a;
  background:#111114;
  color:#aaa;
  cursor:pointer;
  font-size:1.4rem;
}
.fokus-confirm-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  background:rgba(242,20,29,.1);
  color:#f2141d;
  font-size:1.35rem;
}
.fokus-confirm-kicker{
  display:block;
  margin-bottom:9px;
  color:#f2141d;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.17em;
}
.fokus-confirm-dialog h2{
  margin:0 0 12px;
  font-size:clamp(1.8rem,5vw,2.55rem);
  line-height:1;
}
.fokus-confirm-dialog p{
  margin:0;
  color:#aaa;
  line-height:1.65;
}
.fokus-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:27px;
}
.fokus-confirm-actions .btn{
  width:100%;
  justify-content:center;
}
.fokus-confirm-actions .danger-confirm{
  background:#b70f16!important;
  border-color:#f2141d!important;
}
@media(max-width:760px){
  .public-body .hero-copy h1{
    font-size:clamp(2.65rem,12vw,4rem)!important;
  }
  .public-body .page-hero h1{
    font-size:clamp(2.45rem,11vw,3.85rem)!important;
  }
  .public-body .section-heading h2,
  .public-body .cta-inner h2{
    font-size:clamp(1.9rem,9vw,3rem)!important;
  }
  .fokus-confirm-dialog{padding:28px 21px}
  .fokus-confirm-actions{grid-template-columns:1fr}
}

/* Public dashboard demo */
.skip-link{position:fixed;left:18px;top:14px;z-index:9999;transform:translateY(-160%);background:#fff;color:#050505;padding:12px 16px;font-weight:900;text-decoration:none;border-radius:6px;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0)}
.dashboard-demo-hero .container{max-width:850px}
.demo-intro-section{padding-bottom:40px}
.demo-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.demo-safety-card{display:flex;gap:18px;align-items:flex-start;padding:24px;border:1px solid rgba(255,255,255,.1);background:#0c0c0e;border-radius:14px}
.demo-safety-card>i{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:rgba(242,20,29,.12);color:#ff313a;border:1px solid rgba(242,20,29,.24);border-radius:12px;font-size:1.15rem}
.demo-safety-card strong{display:block;margin-bottom:6px;font-size:1rem}
.demo-safety-card p{margin:0;color:#9c9ca3;line-height:1.65}
.public-dashboard-section{overflow:hidden}
.public-dashboard-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:760px;margin-top:42px;background:#08080a;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.45)}
.public-dashboard-sidebar{display:flex;flex-direction:column;padding:26px 18px;background:#0c0c0f;border-right:1px solid rgba(255,255,255,.08)}
.public-dashboard-brand{display:flex;flex-direction:column;line-height:.86;text-decoration:none;padding:0 10px 24px}
.public-dashboard-brand strong{color:#f2141d;font-size:1.2rem;letter-spacing:.08em}
.public-dashboard-brand span{color:#fff;font-size:.72rem;letter-spacing:.25em}
.public-dashboard-sidebar>small{padding:0 10px 14px;color:#666873;font-size:.62rem;font-weight:900;letter-spacing:.14em}
.public-dashboard-sidebar nav{display:grid;gap:6px}
.public-dashboard-sidebar nav button{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;width:100%;padding:13px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a5a5ad;text-align:left;font-weight:800;cursor:pointer}
.public-dashboard-sidebar nav button:hover,.public-dashboard-sidebar nav button.active{background:rgba(242,20,29,.1);border-color:rgba(242,20,29,.2);color:#fff}
.public-dashboard-sidebar nav button i{color:#72727c}
.public-dashboard-sidebar nav button.active i{color:#ff3038}
.public-dashboard-sidebar nav button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#242429;color:#cfcfd4;border-radius:99px;font-size:.68rem}
.public-dashboard-sidebar nav button.active b{background:#f2141d;color:#fff}
.public-dashboard-demo-note{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ddd;background:#101014;font-size:.78rem;font-weight:800;line-height:1.4}
.public-dashboard-demo-note i{color:#ff3038}.public-dashboard-demo-note small{color:#707078;font-weight:700}
.public-dashboard-main{min-width:0;background:radial-gradient(circle at 92% 0,rgba(242,20,29,.07),transparent 28%),#09090b}
.public-dashboard-topbar{display:flex;justify-content:space-between;align-items:center;min-height:82px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,10,12,.9)}
.public-dashboard-topbar>div:first-child{display:flex;flex-direction:column;gap:3px}.public-dashboard-topbar>div:first-child span{font-size:.62rem;color:#707078;font-weight:900;letter-spacing:.16em}.public-dashboard-topbar>div:first-child strong{font-size:1rem}
.public-dashboard-user{display:flex;align-items:center;gap:12px}.public-dashboard-user>span{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#999}.public-dashboard-user>span b{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#f2141d}.public-dashboard-user>div{display:flex;flex-direction:column;text-align:right}.public-dashboard-user>div strong{font-size:.8rem}.public-dashboard-user>div small{font-size:.67rem;color:#777}.public-dashboard-user>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1c1c21;color:#aaa}
.public-dashboard-view{display:none;padding:28px}.public-dashboard-view.active{display:block;animation:demoViewIn .25s ease both}@keyframes demoViewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.demo-welcome-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px;background:linear-gradient(120deg,rgba(242,20,29,.14),rgba(242,20,29,.03));border:1px solid rgba(242,20,29,.2);border-radius:14px}.demo-welcome-card span,.public-demo-page-head span,.public-demo-panel-head span{color:#ff3038;font-size:.64rem;font-weight:900;letter-spacing:.15em}.demo-welcome-card h3{font-size:1.55rem;margin:6px 0}.demo-welcome-card p{margin:0;color:#a1a1a8}.demo-welcome-card .btn{white-space:nowrap}
.public-demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.public-demo-stats article{padding:18px;background:#101014;border:1px solid rgba(255,255,255,.08);border-radius:11px}.public-demo-stats span,.public-demo-stats small{display:block;color:#777982}.public-demo-stats span{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.public-demo-stats strong{display:block;margin:8px 0 4px;font-size:1.7rem}.public-demo-stats small{font-size:.68rem}
.public-demo-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:16px;margin-top:16px}.public-demo-panel{padding:22px;background:#101014;border:1px solid rgba(255,255,255,.08);border-radius:12px}.public-demo-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.public-demo-panel-head h3{margin:5px 0 0;font-size:1rem}.public-demo-panel-head button{border:0;background:transparent;color:#aaa;font-weight:800;cursor:pointer}.public-demo-panel-head button:hover{color:#fff}
.public-demo-task-list{display:grid;gap:9px}.public-demo-task-list article{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0b0e}.public-demo-task-list article>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 9px}.public-demo-task-list strong{font-size:.82rem}.public-demo-task-list small{grid-column:2;color:#6e6e76;font-size:.67rem}.public-demo-task-list article>span{font-size:.65rem;color:#bcbcc2;background:#1c1c21;padding:6px 8px;border-radius:99px;white-space:nowrap}.demo-priority{font-size:.55rem;padding:4px 6px;border-radius:4px}.demo-priority.high{color:#ff8d92;background:rgba(242,20,29,.15)}.demo-priority.normal{color:#9fb8ff;background:rgba(64,112,255,.13)}
.public-demo-manager{text-align:center}.public-demo-manager .public-demo-panel-head{text-align:left}.demo-manager-avatar{display:grid;place-items:center;width:70px;height:70px;margin:12px auto;border-radius:50%;background:linear-gradient(145deg,#25252c,#121216);border:1px solid rgba(255,255,255,.1);font-size:1.5rem;color:#d9d9dd}.demo-manager-avatar.small{width:42px;height:42px;margin:0;font-size:.95rem}.public-demo-manager>strong{display:block;margin-top:12px}.public-demo-manager>p{font-size:.82rem;color:#888891;line-height:1.6}.public-demo-manager .btn{margin-top:8px}
.public-demo-page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.public-demo-page-head h3{margin:6px 0 7px;font-size:1.45rem}.public-demo-page-head p{margin:0;color:#888891}.demo-readonly{display:inline-flex!important;gap:7px;align-items:center;white-space:nowrap;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:7px;color:#8b8b93!important;letter-spacing:0!important;font-size:.66rem!important}
.public-demo-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-demo-kanban>section{min-height:470px;padding:14px;background:#0d0d10;border:1px solid rgba(255,255,255,.08);border-radius:11px}.public-demo-kanban>section>header{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 14px;color:#777982;font-size:.66rem;font-weight:900;letter-spacing:.1em}.public-demo-kanban>section>header b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#1c1c21;color:#aaa}.public-demo-kanban article{padding:15px;margin-bottom:10px;background:#141418;border:1px solid rgba(255,255,255,.07);border-radius:9px}.public-demo-kanban article.done{opacity:.72}.public-demo-kanban article>b{font-size:.84rem}.public-demo-kanban article p{font-size:.74rem;color:#85858d;line-height:1.55}.public-demo-kanban footer{display:flex;justify-content:space-between;color:#696971;font-size:.64rem}.public-demo-kanban footer span{color:#d8d8dc}
.public-demo-goals{display:grid;gap:14px}.public-demo-goals article{display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding:22px;background:#101014;border:1px solid rgba(255,255,255,.08);border-radius:11px}.public-demo-goals article>div:first-child{display:flex;flex-direction:column}.public-demo-goals article span{font-size:.58rem;color:#ff3038;font-weight:900;letter-spacing:.12em}.public-demo-goals article strong{margin:6px 0 4px}.public-demo-goals article small,.public-demo-goals article p{color:#777982}.public-demo-goals article p{grid-column:1/-1;margin:0;font-size:.76rem}.public-demo-goals article>b{font-size:1.2rem}.demo-progress{grid-column:1/-1;height:7px;background:#202025;border-radius:99px;overflow:hidden}.demo-progress i{display:block;height:100%;background:linear-gradient(90deg,#d70d16,#ff3d45);border-radius:inherit}
.public-demo-calendar{padding:20px;background:#101014;border:1px solid rgba(255,255,255,.08);border-radius:12px}.demo-calendar-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px}.demo-calendar-head button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#17171b;color:#aaa}.demo-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.demo-calendar-week span{padding:10px;text-align:center;color:#66666e;font-size:.62rem;font-weight:900}.demo-calendar-days{border-top:1px solid rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.07)}.demo-calendar-days>span{position:relative;min-height:67px;padding:9px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);font-size:.7rem;color:#aaa}.demo-calendar-days>span.muted{color:#44444a}.demo-calendar-days small{display:block;margin-top:10px;padding:5px 6px;border-left:3px solid #f2141d;background:rgba(242,20,29,.1);color:#ddd;font-size:.58rem}.demo-calendar-days .video small{border-color:#7b61ff;background:rgba(123,97,255,.12)}.demo-calendar-days .idea small{border-color:#f0aa2f;background:rgba(240,170,47,.1)}
.public-demo-chat{max-width:780px;margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101014;overflow:hidden}.public-demo-chat>header{display:flex;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.public-demo-chat>header>div:last-child{display:flex;flex-direction:column}.public-demo-chat>header small{color:#777982;font-size:.66rem}.public-demo-chat>header small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#36c96b}.public-demo-chat-messages{display:grid;gap:12px;min-height:390px;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(242,20,29,.04),transparent 28%),#0b0b0e}.public-demo-chat-messages article{justify-self:start;max-width:72%}.public-demo-chat-messages article.mine{justify-self:end}.public-demo-chat-messages span{display:block;margin:0 0 5px 4px;color:#686870;font-size:.62rem}.public-demo-chat-messages p{margin:0;padding:12px 14px;border-radius:4px 14px 14px 14px;background:#1a1a1f;color:#ddd;font-size:.78rem;line-height:1.55}.public-demo-chat-messages .mine p{background:#a90d14;border-radius:14px 4px 14px 14px;color:#fff}.public-demo-chat-input{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 17px;border-top:1px solid rgba(255,255,255,.08);color:#6f6f77}.public-demo-chat-input span{font-size:.72rem}.public-demo-chat-input button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#242429;color:#777}
.demo-feature-grid{margin-top:32px}
@media(max-width:1100px){.public-dashboard-shell{grid-template-columns:205px minmax(0,1fr)}.public-demo-stats{grid-template-columns:repeat(2,1fr)}.public-demo-grid{grid-template-columns:1fr}.public-demo-manager{text-align:left}.public-demo-manager .demo-manager-avatar{margin:12px 0}.public-demo-kanban{grid-template-columns:1fr}.public-demo-kanban>section{min-height:auto}}
@media(max-width:800px){.demo-intro-grid{grid-template-columns:1fr}.public-dashboard-shell{display:block;min-height:0}.public-dashboard-sidebar{padding:14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.public-dashboard-brand,.public-dashboard-sidebar>small,.public-dashboard-demo-note{display:none}.public-dashboard-sidebar nav{display:flex;overflow-x:auto;padding-bottom:2px}.public-dashboard-sidebar nav button{display:flex;min-width:max-content;width:auto}.public-dashboard-sidebar nav button b{margin-left:2px}.public-dashboard-topbar{padding:0 16px}.public-dashboard-user>div{display:none}.public-dashboard-view{padding:16px}.demo-welcome-card{display:block}.demo-welcome-card .btn{margin-top:18px}.public-demo-page-head{display:block}.demo-readonly{margin-top:15px}.public-demo-stats{grid-template-columns:1fr 1fr}.public-demo-task-list article{align-items:flex-start}.public-demo-calendar{padding:10px}.demo-calendar-days>span{min-height:52px;padding:6px}.demo-calendar-days small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px;font-size:.5rem}.public-demo-chat-messages{padding:18px}.public-demo-chat-messages article{max-width:88%}}
@media(max-width:520px){.public-demo-stats{grid-template-columns:1fr}.public-dashboard-topbar>div:first-child span{display:none}.public-demo-page-head h3{font-size:1.18rem}.demo-calendar-week span{padding:7px 2px}.demo-calendar-days>span{min-height:44px}.demo-calendar-days small{display:none}}

/* 2026 public polish */
.laptop-static-preview{display:block;color:inherit;text-decoration:none}
.home-core-services{grid-template-columns:repeat(3,1fr);max-width:1080px;margin-inline:auto}
.home-dashboard-section{background:radial-gradient(circle at 85% 20%,rgba(242,20,29,.08),transparent 28%)}
.home-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.home-dashboard-checklist{display:grid;gap:12px}
.home-dashboard-checklist article{display:flex;gap:17px;align-items:flex-start;padding:20px;border:1px solid rgba(255,255,255,.09);background:#0c0c0f;border-radius:12px}
.home-dashboard-checklist article>i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:rgba(242,20,29,.12);color:#ff3038}
.home-dashboard-checklist article div{display:flex;flex-direction:column;gap:5px}.home-dashboard-checklist article strong{font-size:.92rem}.home-dashboard-checklist article span{color:#8e8e96;font-size:.78rem;line-height:1.55}
.team-role-focus{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:16px;color:#8b8b93;font-size:.72rem;font-weight:800}.team-role-focus i{color:#ff3038}
.service-result{display:inline-flex;margin-bottom:10px;color:#ff3038;font-size:.62rem;font-weight:900;letter-spacing:.13em}
.service-legal-note{margin-top:18px!important;padding:14px 16px;border-left:3px solid #f2141d;background:rgba(242,20,29,.07);color:#b7b7bd!important;font-size:.78rem!important}.service-legal-note i{margin-right:8px;color:#ff3038}
.dashboard-consent-check{margin:16px 0;padding:15px;border:1px solid rgba(242,20,29,.25);background:rgba(242,20,29,.07);border-radius:10px;align-items:flex-start}.dashboard-consent-check span{display:flex;flex-direction:column;gap:5px}.dashboard-consent-check small{color:#8e8e96;line-height:1.45}
.creator-offline-compact{padding-top:34px;padding-bottom:34px}.creator-offline-card{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(90deg,rgba(8,8,10,.96),rgba(8,8,10,.78)),var(--offline-bg),#0d0d10;background-position:center;background-size:cover;overflow:hidden}.creator-offline-card:after{content:"";position:absolute;inset:0;border-top:3px solid var(--creator-accent,#f2141d);pointer-events:none}.creator-offline-card>div,.creator-offline-card>a{position:relative;z-index:1}.creator-offline-card h2{max-width:700px;margin:12px 0 8px;font-size:clamp(1.35rem,2.2vw,2rem)}.creator-offline-card p{margin:0;color:#a1a1a8}.creator-offline-card .offline-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:99px;background:#202025;color:#c8c8cc;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.creator-offline-card .offline-badge i{font-size:.45rem;color:#73737b}
.legal-content a{color:#fff;text-decoration-color:#f2141d;text-underline-offset:3px}
@media(max-width:900px){.home-core-services{grid-template-columns:1fr}.home-dashboard-grid{grid-template-columns:1fr;gap:32px}.creator-offline-card{display:block}.creator-offline-card .btn{margin-top:22px}}

/* 2026-08-04 requested precision update: sharp home cards, horizontal team roster, authentic dashboard demo */
.home-dashboard-checklist article{
  border-radius:0!important;
  position:relative;
  overflow:hidden;
}
.home-dashboard-checklist article::after{
  content:"";
  position:absolute;
  right:-1px;
  top:-1px;
  border-top:13px solid #050506;
  border-left:13px solid transparent;
  pointer-events:none;
}
.home-dashboard-checklist article>i{border-radius:0!important}

.team-section .section-heading{max-width:820px;margin-inline:auto}
.team-roster{display:grid;gap:14px;width:min(100%,1160px);margin:38px auto 0}
.team-roster-card{position:relative;display:grid;grid-template-columns:82px minmax(170px,.85fr) minmax(170px,.75fr) minmax(300px,1.45fr);align-items:center;gap:24px;padding:22px 28px;background:linear-gradient(110deg,#0e0e10,#09090b);border:1px solid #29292e;overflow:hidden}
.team-roster-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
.team-roster-card::after{content:"";position:absolute;right:-1px;top:-1px;border-top:16px solid #050506;border-left:16px solid transparent;pointer-events:none}
.team-roster-avatar{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;background:#151518;border:1px solid #35353a;color:var(--red);font-size:1.25rem}
.team-roster-avatar img{width:100%;height:100%;object-fit:cover}
.team-roster-cell{min-width:0;padding-left:24px;border-left:1px solid #29292e}
.team-roster-cell>span{display:block;margin-bottom:7px;color:#66666f;font-size:.61rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.team-roster-cell>strong{display:block;color:#f2f2f4;font-size:.93rem;line-height:1.35}
.team-roster-name{padding-left:0;border-left:0}
.team-roster-name h3{margin:0;font-size:1.45rem;line-height:1.1}
.team-roster-focus p{margin:7px 0 0;color:#85858e;font-size:.74rem;line-height:1.55}

.dashboard-demo-wide{width:min(96vw,1600px);max-width:1600px}
.public-creator-dashboard-demo.dashboard-shell{position:relative;z-index:1;display:grid;grid-template-columns:278px minmax(0,1fr);width:100%;height:min(960px,calc(100vh - 55px));min-height:780px;max-height:960px;overflow:hidden;border:1px solid #2a2a2f;background:#050506;box-shadow:0 35px 90px rgba(0,0,0,.42);--sidebar:278px}
.public-creator-dashboard-demo .demo-dashboard-sidebar.sidebar{position:relative;inset:auto;width:100%;height:100%;min-height:0;transform:none!important;padding:17px 13px 12px;z-index:2;background:rgba(7,7,8,.98);box-shadow:none}
.public-creator-dashboard-demo .sidebar-wordmark{display:block;color:#fff;text-decoration:none}
.public-creator-dashboard-demo .sidebar-wordmark strong,.public-creator-dashboard-demo .sidebar-wordmark span{display:block}
.public-creator-dashboard-demo .demo-sidebar-nav{min-height:0;overflow-y:auto;padding-right:2px}
.public-creator-dashboard-demo .demo-sidebar-nav button{position:relative;display:flex!important;align-items:center!important;gap:12px!important;width:100%;min-width:0;padding:10px 12px!important;border:0;border-left:2px solid transparent;background:transparent;color:#929299;font:680 .81rem/1.15 var(--font);text-align:left;white-space:nowrap;cursor:pointer;transition:.18s}
.public-creator-dashboard-demo .demo-sidebar-nav button i{flex:0 0 21px;width:21px;color:#686870;text-align:center;font-size:.85rem}
.public-creator-dashboard-demo .demo-sidebar-nav button span{display:block;min-width:0;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}
.public-creator-dashboard-demo .demo-sidebar-nav button:hover{background:#111113;color:#fff}
.public-creator-dashboard-demo .demo-sidebar-nav button.active{border-left-color:var(--red);background:linear-gradient(90deg,rgba(255,23,23,.14),rgba(255,23,23,.02));color:#fff}
.public-creator-dashboard-demo .demo-sidebar-nav button.active i{color:var(--red)}
.public-creator-dashboard-demo .sidebar-user{margin-top:auto}
.public-creator-dashboard-demo .demo-disabled-action{opacity:.72;cursor:default}
.public-creator-dashboard-demo .demo-dashboard-main.dashboard-main{grid-column:2;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:#050506}
.public-creator-dashboard-demo .demo-dashboard-topbar.dashboard-topbar{position:relative;top:auto;flex:0 0 84px;height:84px;z-index:1}
.public-creator-dashboard-demo .demo-dashboard-content.dashboard-content{flex:1;min-height:0;max-width:none;width:100%;height:auto;padding:28px 30px 58px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#303036 transparent}
.public-creator-dashboard-demo .demo-dashboard-panel{display:none}
.public-creator-dashboard-demo .demo-dashboard-panel.active{display:block;animation:demoDashboardFade .2s ease}
@keyframes demoDashboardFade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.public-creator-dashboard-demo .demo-module-button,.public-creator-dashboard-demo .demo-stat-button{width:100%;border-radius:0;color:inherit;font-family:var(--font);text-align:left;cursor:pointer}
.public-creator-dashboard-demo .demo-module-button{appearance:none}
.public-creator-dashboard-demo .demo-stat-button{display:flex}
.public-creator-dashboard-demo button.table-action{cursor:pointer}
.public-creator-dashboard-demo .topbar-actions .icon-link,.public-creator-dashboard-demo .topbar-profile{cursor:default}
.public-creator-dashboard-demo .topbar-profile>span{display:grid;place-items:center}
.public-creator-dashboard-demo .demo-readonly{border-radius:0!important}
.public-creator-dashboard-demo .demo-profile-preview{display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border:1px solid #2a2a2f;background:#0a0a0c}
.public-creator-dashboard-demo .demo-profile-preview .big-initial{width:84px;height:84px;background:#171719;border:1px solid #35353a;color:var(--red)}
.public-creator-dashboard-demo .demo-profile-preview h3{margin:5px 0 7px;font-size:1.35rem}
.public-creator-dashboard-demo .demo-profile-preview p{margin:0;color:#92929a}
.public-creator-dashboard-demo .info-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.public-creator-dashboard-demo .info-pills span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #303036;background:#111114;color:#aaa;font-size:.68rem}
.public-creator-dashboard-demo .demo-muted-item{opacity:.55}
.public-creator-dashboard-demo .demo-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-creator-dashboard-demo .demo-field-grid.single{grid-template-columns:1fr}
.public-creator-dashboard-demo .demo-field-grid>div{display:grid;gap:6px;padding:15px;border:1px solid #29292e;background:#0b0b0d}
.public-creator-dashboard-demo .demo-field-grid span{color:#6f6f78;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.public-creator-dashboard-demo .demo-field-grid strong{font-size:.86rem}
.public-creator-dashboard-demo .demo-progress-chart{display:flex;align-items:flex-end;gap:11px;min-height:270px;padding:28px 24px 0;border-left:1px solid #29292e;border-bottom:1px solid #29292e;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.public-creator-dashboard-demo .demo-progress-chart span{flex:1;min-width:16px;background:linear-gradient(180deg,#f2141d,#790a0e);border-top:2px solid #ff555c}
.public-creator-dashboard-demo .demo-disabled-form{display:grid;gap:10px}
.public-creator-dashboard-demo .demo-disabled-form label{color:#8d8d95;font-size:.72rem;font-weight:800}
.public-creator-dashboard-demo .demo-disabled-form>div,.public-creator-dashboard-demo .demo-disabled-form .demo-form-row>div>span{display:block;min-height:48px;padding:13px 14px;border:1px solid #303035;background:#060607;color:#d9d9dc;font-size:.82rem}
.public-creator-dashboard-demo .demo-disabled-form .textarea-look{min-height:90px}
.public-creator-dashboard-demo .demo-disabled-form .btn{justify-self:start;margin-top:8px}
.public-creator-dashboard-demo .demo-form-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}
.public-creator-dashboard-demo .demo-form-row>div{display:grid;gap:7px}
.public-creator-dashboard-demo .demo-chat-panel{height:650px!important;min-height:0!important;max-height:650px;border:1px solid #29292e!important}
.public-creator-dashboard-demo .demo-chat-compose{margin:0}
.public-creator-dashboard-demo .demo-chat-compose textarea:disabled{opacity:1;color:#777;background:#19191d}
.public-creator-dashboard-demo .demo-calendar-list article{min-height:92px}
.public-creator-dashboard-demo .demo-document-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px;border-bottom:1px solid #25252a;color:#ddd}
.public-creator-dashboard-demo .demo-document-row>i{width:42px;height:42px;display:grid;place-items:center;background:#171719;border:1px solid #333338;color:var(--red)}
.public-creator-dashboard-demo .demo-document-row strong,.public-creator-dashboard-demo .demo-document-row small{display:block}
.public-creator-dashboard-demo .demo-document-row small{margin-top:4px;color:#72727b;font-size:.7rem}
.public-creator-dashboard-demo .demo-document-row b{color:#777780;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.public-creator-dashboard-demo .creator-whatsapp .chat-messages article.from-team{justify-content:flex-start}
.public-creator-dashboard-demo .creator-whatsapp .chat-messages article.from-creator{justify-content:flex-end}

@media(max-width:1050px){
  .team-roster-card{grid-template-columns:72px minmax(150px,.8fr) minmax(150px,.75fr) minmax(240px,1.3fr);gap:18px;padding-inline:22px}
  .team-roster-cell{padding-left:18px}
  .public-creator-dashboard-demo.dashboard-shell{grid-template-columns:240px minmax(0,1fr);--sidebar:240px}
  .public-creator-dashboard-demo .demo-dashboard-sidebar.sidebar{width:100%}
  .public-creator-dashboard-demo .dashboard-module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .team-roster-card{grid-template-columns:72px 1fr 1fr;gap:16px}
  .team-roster-focus{grid-column:2/-1;border-top:1px solid #29292e;border-left:0;padding:16px 0 0}
  .public-creator-dashboard-demo.dashboard-shell{display:block;height:auto;min-height:0;max-height:none;overflow:visible}
  .public-creator-dashboard-demo .demo-dashboard-sidebar.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:13px;border-right:0;border-bottom:1px solid #29292e;overflow:visible}
  .public-creator-dashboard-demo .sidebar-wordmark{padding-bottom:13px}
  .public-creator-dashboard-demo .demo-sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:4px}
  .public-creator-dashboard-demo .demo-sidebar-nav button{flex:0 0 auto;width:auto}
  .public-creator-dashboard-demo .sidebar-user,.public-creator-dashboard-demo .demo-disabled-action{display:none}
  .public-creator-dashboard-demo .demo-dashboard-main.dashboard-main{display:block;height:auto}
  .public-creator-dashboard-demo .demo-dashboard-content.dashboard-content{height:auto;max-height:none;overflow:visible;padding:20px 16px 42px}
  .public-creator-dashboard-demo .demo-dashboard-topbar.dashboard-topbar{position:relative;height:76px;min-height:76px;padding:0 16px}
  .public-creator-dashboard-demo .dash-grid,.public-creator-dashboard-demo .dash-grid.two-thirds{grid-template-columns:1fr}
  .public-creator-dashboard-demo .demo-chat-panel{height:600px!important}
}
@media(max-width:650px){
  .team-roster-card{grid-template-columns:64px minmax(0,1fr);padding:19px}
  .team-roster-avatar{width:64px;height:64px}
  .team-roster-cell{padding:0;border:0}
  .team-roster-card>.team-roster-cell:not(.team-roster-name){grid-column:1/-1;padding-top:14px;border-top:1px solid #29292e}
  .team-roster-name h3{font-size:1.25rem}
  .public-creator-dashboard-demo .dashboard-module-grid,.public-creator-dashboard-demo .dash-stats,.public-creator-dashboard-demo .demo-field-grid,.public-creator-dashboard-demo .demo-form-row{grid-template-columns:1fr}
  .public-creator-dashboard-demo .demo-profile-preview{grid-template-columns:1fr;text-align:center;justify-items:center}
  .public-creator-dashboard-demo .info-pills{justify-content:center}
  .public-creator-dashboard-demo .topbar-profile b,.public-creator-dashboard-demo .topbar-actions .icon-link{display:none}
  .public-creator-dashboard-demo .creator-welcome{padding:22px}
  .public-creator-dashboard-demo .demo-chat-panel{height:540px!important}
}


/* Targeted fixes: dashboard chat viewport, Twitch icon, Discord membership */
.integration-status .integration-icon::before{
  font-family:"Font Awesome 6 Brands";
  font-weight:400;
  content:"\f1e8";
}

.discord-member-state{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  margin:-4px 0 14px;
  padding:10px 12px;
  border:1px solid #2d2d32;
  background:#0b0b0d;
  color:#8f8f97;
  font-size:.74rem;
  font-weight:800;
}
.discord-member-state i,.discord-membership i{color:#8f8f97!important}
.discord-member-state.is-member{border-color:rgba(68,223,145,.32);color:#7ee7ac}
.discord-member-state.is-member i,.discord-membership.is-member,.discord-membership.is-member i{color:#7ee7ac!important}
.discord-membership.not-member,.discord-membership.not-member i{color:#8f8f97!important}

.chat-route .dashboard-main{
  display:flex;
  flex-direction:column;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.chat-route .dashboard-topbar{
  flex:0 0 auto;
}
.chat-route .dashboard-content{
  flex:1 1 auto;
  width:100%;
  max-width:none;
  margin:0;
  height:auto;
  min-height:0;
  overflow:hidden;
}
.chat-route .chat-workspace{
  width:100%;
  height:100%;
  min-height:0;
  max-width:none;
  max-height:none;
  margin:0;
  overflow:hidden;
}
.chat-route .chat-contacts,
.chat-route .chat-panel.whatsapp-chat{
  min-height:0;
  overflow:hidden;
}
.chat-route .chat-contacts-head{
  flex:0 0 72px;
}
.chat-route .chat-contact-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.chat-route .chat-messages{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.chat-route .chat-compose{
  position:relative;
  z-index:2;
  flex-shrink:0;
}

/* Fokus Creator chat unread counter */
.sidebar-nav a .sidebar-unread-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef1212;color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 0 0 3px rgba(239,18,18,.12)}
.sidebar-nav a.active .sidebar-unread-badge{background:#fff;color:#111;box-shadow:none}

/* Creator bot/dashboard sync */
.creator-sync-overview{margin:18px 0;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(239,18,18,.08),rgba(255,255,255,.025));box-shadow:0 16px 50px rgba(0,0,0,.18)}
.creator-sync-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.creator-sync-head h3{margin:3px 0 0;font-size:20px}.sync-state{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800}.sync-state i{font-size:8px}.sync-state.is-online{color:#52d273;background:rgba(82,210,115,.08)}.sync-state.is-offline{color:#ff6b6b;background:rgba(255,107,107,.08)}
.creator-live-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.creator-live-metrics>div{min-height:78px}.creator-live-metrics strong{font-size:20px}.sync-error{display:block;margin-top:12px;color:#a8a8af}.creator-management-grid{margin-bottom:18px}.creator-note-list{display:grid;gap:10px;max-height:390px;overflow:auto;padding-right:4px}.creator-note-list article{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}.creator-note-list article>div{display:flex;justify-content:space-between;gap:12px}.creator-note-list time{color:#92929d;font-size:12px}.creator-note-list p{margin:8px 0 0;white-space:normal;color:#d8d8dd;line-height:1.55}
@media(max-width:1180px){.creator-live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.creator-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-sync-head{align-items:flex-start;flex-direction:column}}

/* User-generated content: intentionally selectable/copyable; URLs remain clickable. */
.chat-messages,.chat-messages *,.answer-grid,.answer-grid *,.answer-stack,.answer-stack *,.application-profile-copy,.application-profile-copy *,.timeline,.timeline *{-webkit-user-select:text!important;user-select:text!important}
.chat-messages a,.answer-grid a,.answer-stack a,.application-profile-copy a,.application-link-row a{-webkit-user-select:auto!important;user-select:auto!important;pointer-events:auto!important}
.user-content-link{color:#ff5a61;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}
.user-content-link:hover{color:#fff}
.application-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;width:100%}
.application-open-link,.application-plain-link{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #303036;background:#0b0b0d;color:#ddd;overflow-wrap:anywhere;word-break:break-word}
.application-open-link:hover{border-color:var(--red);color:#fff}.application-open-link i{color:var(--red)}
.copy-data.copy-data-compact{width:auto;min-width:105px;grid-template-columns:18px auto;padding-inline:12px}.copy-data.copy-data-compact>i:last-child{display:none}
@media(max-width:620px){.application-link-row{grid-template-columns:1fr}.copy-data.copy-data-compact{width:100%}}


/* Creator Feedback */
.creator-feedback-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}
.creator-feedback-card{
  display:flex;
  flex-direction:column;
  min-height:290px;
  padding:24px;
  border:1px solid #29292e;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),#0b0b0d;
}
.feedback-card-top{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 28px;
  gap:12px;
  align-items:center;
}
.feedback-avatar{
  width:48px;height:48px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:#141418;border:1px solid #303036;
  color:#fff;font-weight:900;
}
.feedback-avatar img{width:100%;height:100%;object-fit:cover}
.feedback-card-top>div:nth-child(2){display:grid;gap:2px}
.feedback-card-top strong{color:#fff}
.feedback-card-top span{font-size:.72rem;color:#7f7f88}
.quote-icon{color:rgba(242,20,29,.4);font-size:1.35rem}
.feedback-stars{display:flex;gap:4px;margin:22px 0 13px}
.feedback-stars i,.feedback-preview-stars i{color:#35353b}
.feedback-stars i.active,.feedback-preview-stars i.active{color:#ffb800}
.creator-feedback-card>p{flex:1;margin:0;color:#b6b6bd;line-height:1.72}
.creator-feedback-card>a{margin-top:19px;color:#fff;font-size:.74rem;font-weight:800;text-decoration:none}
.creator-feedback-card>a i{margin-left:5px;color:#f2141d}

.feedback-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:18px;
  align-items:start;
}
.creator-feedback-form .panel-head{align-items:flex-start}
.feedback-icon{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid rgba(242,20,29,.25);background:rgba(242,20,29,.08);color:#f2141d;
}
.star-rating{
  display:flex;
  flex-direction:row-reverse;
  justify-content:flex-end;
  gap:6px;
}
.star-rating input{position:absolute;opacity:0;pointer-events:none}
.star-rating label{
  cursor:pointer;
  font-size:1.8rem;
  line-height:1;
  color:#34343a;
  transition:.16s ease;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label{
  color:#ffb800;
  transform:translateY(-1px);
}
.feedback-public-check{
  align-items:flex-start!important;
  padding:15px!important;
  border:1px solid #2b2b30;
  background:#0a0a0c;
}
.feedback-public-check span{display:grid;gap:3px}
.feedback-public-check small{color:#82828c;line-height:1.5}
.feedback-preview-panel{position:sticky;top:90px}
.feedback-preview-card{
  margin-top:18px;padding:20px;border:1px solid #29292e;background:#09090b;
}
.feedback-preview-stars{display:flex;gap:4px;margin-bottom:14px}
.feedback-preview-card p{color:#b6b6bd;line-height:1.7}
.feedback-preview-card strong{display:block;margin-top:18px;color:#fff}
.feedback-preview-card>span{font-size:.72rem;color:#7e7e87}
.feedback-privacy-note{display:flex;gap:9px;margin-top:17px;color:#85858f;font-size:.75rem;line-height:1.6}
.feedback-privacy-note i{color:#f2141d;margin-top:3px}

@media(max-width:980px){
  .creator-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feedback-dashboard-grid{grid-template-columns:1fr}
  .feedback-preview-panel{position:static}
}
@media(max-width:620px){
  .creator-feedback-grid{grid-template-columns:1fr}
  .creator-feedback-card{min-height:0;padding:19px}
}