:root {
  color-scheme: dark;
  --bg: #080a12;
  --surface: #111522;
  --surface-2: #171c2c;
  --surface-3: #1d2336;
  --line: rgba(255, 255, 255, .085);
  --line-strong: rgba(255, 255, 255, .15);
  --text: #f5f7ff;
  --muted: #8b92aa;
  --muted-2: #626a82;
  --violet: #8c69ff;
  --violet-2: #b79cff;
  --blue: #41a5ff;
  --cyan: #37d6d0;
  --green: #46dfa2;
  --orange: #ff9f5a;
  --red: #ff647d;
  --shadow: 0 24px 70px rgba(0, 0, 0, .38);
  --soft-shadow: 0 14px 34px rgba(0, 0, 0, .22);
  --sidebar: 245px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-size: 14px; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.ambient { position: fixed; z-index: -1; width: 540px; height: 540px; border-radius: 50%; filter: blur(130px); opacity: .12; pointer-events: none; }
.ambient-one { top: -220px; right: 5%; background: var(--violet); }
.ambient-two { bottom: -310px; left: 34%; background: var(--blue); }

.app-shell { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; z-index: 60; display: flex; flex-direction: column; height: 100vh; padding: max(20px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)); border-right: 1px solid var(--line); background: rgba(10, 12, 21, .92); backdrop-filter: blur(24px); }
.sidebar-scrim { position: fixed; inset: 0; z-index: 50; display: none; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(3,5,12,.68); opacity: 0; pointer-events: none; backdrop-filter: blur(5px); transition: opacity .22s ease; }
.brand { display: flex; align-items: center; gap: 11px; width: 100%; padding: 4px 6px 25px; border: 0; background: transparent; cursor: pointer; text-align: left; }
.brand-mark { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: linear-gradient(145deg, #a57bff, #6544e8); box-shadow: 0 10px 26px rgba(112, 73, 238, .38), inset 0 1px rgba(255,255,255,.35); font-size: 18px; font-weight: 900; }
.brand-mark img { display: block; width: 56px; height: 56px; max-width: none; object-fit: contain; filter: drop-shadow(0 10px 19px rgba(77,67,210,.38)); }
.brand > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.brand strong { font-size: 14px; letter-spacing: -.02em; }.brand small { color: var(--muted-2); font-size: 9px; letter-spacing: .04em; }
.side-nav { display: grid; gap: 6px; }
.nav-item { position: relative; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; min-height: 46px; padding: 0 12px 0 8px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #828aa2; cursor: pointer; text-align: left; transition: .2s ease; }
.nav-item:hover { color: #cdd2e4; background: rgba(255,255,255,.035); }
.nav-item.active { border-color: rgba(142,108,255,.22); background: linear-gradient(100deg, rgba(139,101,255,.18), rgba(93,67,190,.04)); color: #f6f3ff; box-shadow: inset 3px 0 #916eff; }
.nav-icon { display: grid; place-items: center; width: 25px; height: 25px; color: #8c94ac; font-size: 16px; }.nav-item.active .nav-icon { color: #bba8ff; }
.nav-item > span:nth-child(2) { font-size: 11px; font-weight: 650; }.nav-item b { min-width: 21px; padding: 3px 6px; border-radius: 7px; background: rgba(255,255,255,.055); color: #aeb4c9; font-size: 8px; text-align: center; }
.sidebar-spacer { flex: 1; }
.workspace-state { display: flex; align-items: center; gap: 10px; margin: 10px 4px 13px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.state-orb { width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,159,90,.08), 0 0 18px rgba(255,159,90,.35); }.state-orb.ready { background: var(--green); box-shadow: 0 0 0 5px rgba(70,223,162,.08), 0 0 18px rgba(70,223,162,.35); }
.workspace-state > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.workspace-state strong { font-size: 10px; }.workspace-state small { overflow: hidden; color: var(--muted-2); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.main { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 45; display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 30px; border-bottom: 1px solid var(--line); background: rgba(8,10,18,.78); backdrop-filter: blur(24px); }
.page-meta { display: flex; flex-direction: column; gap: 4px; }.page-meta small { color: #5f6780; font-size: 7px; font-weight: 800; letter-spacing: .14em; }.page-meta strong { font-size: 14px; }
.top-actions { display: flex; align-items: center; gap: 10px; }.save-state { display: inline-flex; align-items: center; gap: 7px; margin-right: 6px; color: #737c94; font-size: 9px; }.save-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px rgba(70,223,162,.5); }
.icon-button, .mobile-menu { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.03); color: #9da5bd; cursor: pointer; }.icon-button:hover { background: rgba(255,255,255,.07); }.mobile-menu { display: none; }

.gradient-button, .glass-button, .danger-button, .launch-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 20px; border-radius: 13px; cursor: pointer; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.gradient-button { border: 1px solid rgba(255,255,255,.2); background: linear-gradient(135deg, #9f78ff 0%, #7054ec 52%, #4e74ea 100%); box-shadow: 0 12px 30px rgba(108,76,230,.32), inset 0 1px rgba(255,255,255,.3); font-size: 11px; font-weight: 750; }.gradient-button:hover { transform: translateY(-2px); filter: brightness(1.09); box-shadow: 0 16px 38px rgba(108,76,230,.42), inset 0 1px rgba(255,255,255,.34); }.gradient-button:active { transform: translateY(0); }.gradient-button.compact { min-height: 38px; padding: 0 15px; border-radius: 11px; }.gradient-button.full { width: 100%; }
.glass-button { border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.06); color: #d8dced; font-size: 11px; font-weight: 650; }.glass-button:hover { border-color: rgba(150,119,255,.38); background: rgba(139,101,255,.1); transform: translateY(-1px); }
.danger-button { border: 1px solid rgba(255,100,125,.3); background: rgba(255,100,125,.12); color: #ff879a; font-size: 10px; font-weight: 700; }.danger-button:hover { background: rgba(255,100,125,.2); }

.view { display: none; width: min(1480px, 100%); margin: 0 auto; padding: 35px 34px 64px; }.view.active { display: block; animation: reveal .28s ease both; }@keyframes reveal { from { opacity: 0; transform: translateY(7px); } }
.hero-card { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 288px; padding: 48px 52px; overflow: hidden; border: 1px solid rgba(151,117,255,.22); border-radius: 27px; background: radial-gradient(circle at 84% 30%, rgba(82,112,238,.25), transparent 28%), radial-gradient(circle at 14% 90%, rgba(149,99,255,.14), transparent 33%), linear-gradient(135deg, #18172d, #101522 52%, #0e111c); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.07); }
.hero-card::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px); background-size: 29px 29px; content: ""; mask-image: linear-gradient(90deg, #000, transparent); pointer-events: none; }
.hero-copy { position: relative; z-index: 1; max-width: 760px; }.hero-kicker, .eyebrow { display: block; margin-bottom: 13px; color: #8d7ed2; font-size: 8px; font-weight: 850; letter-spacing: .18em; }.hero-copy h1, .section-heading h1 { margin: 0; letter-spacing: -.045em; }.hero-copy h1 { max-width: 700px; font-size: clamp(34px, 4vw, 55px); line-height: 1.03; }.hero-copy h1 em { color: #9da4b9; font-style: normal; font-weight: 450; }.hero-copy > p { max-width: 670px; margin: 18px 0 25px; color: #939ab0; font-size: 13px; line-height: 1.65; }.hero-actions { display: flex; gap: 10px; }
.progress-ring { position: relative; z-index: 1; display: grid; place-items: center; align-content: center; width: 154px; height: 154px; flex: 0 0 auto; margin-left: 28px; border-radius: 50%; background: radial-gradient(circle at center, #121625 61%, transparent 62%), conic-gradient(var(--violet) var(--progress, 0%), rgba(255,255,255,.06) 0); box-shadow: 0 0 54px rgba(119,78,232,.2); }.progress-ring::after { position: absolute; inset: -10px; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; content: ""; }.progress-ring strong { font-size: 31px; letter-spacing: -.04em; }.progress-ring small { margin-top: 3px; color: var(--muted-2); font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }
.section-label { display: flex; align-items: center; gap: 14px; margin: 30px 2px 15px; }.section-label span { color: #737c96; font-size: 8px; font-weight: 850; letter-spacing: .17em; }.section-label p { margin: 0; color: #555d74; font-size: 10px; }
.workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }.workflow-card { position: relative; min-height: 230px; padding: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)), var(--surface); box-shadow: var(--soft-shadow), inset 0 1px rgba(255,255,255,.05); cursor: pointer; text-align: left; transition: .22s ease; }.workflow-card::after { position: absolute; right: -65px; bottom: -70px; width: 170px; height: 170px; border-radius: 50%; background: var(--card-color); content: ""; filter: blur(60px); opacity: .14; }.workflow-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--card-color) 45%, transparent); box-shadow: 0 20px 45px rgba(0,0,0,.3); }.workflow-card.violet { --card-color: var(--violet); }.workflow-card.blue { --card-color: var(--blue); }.workflow-card.orange { --card-color: var(--orange); }.workflow-card.green { --card-color: var(--green); }
.step-number { position: absolute; top: 18px; right: 19px; color: #444b61; font-size: 10px; font-weight: 800; }.workflow-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 24px; border: 1px solid color-mix(in srgb, var(--card-color) 28%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--card-color) 13%, transparent); box-shadow: 0 10px 25px color-mix(in srgb, var(--card-color) 12%, transparent); color: var(--card-color); font-size: 21px; }.workflow-card strong { display: block; margin-bottom: 9px; font-size: 14px; }.workflow-card p { min-height: 49px; margin: 0 0 17px; color: #777f96; font-size: 10px; line-height: 1.55; }.step-state { position: relative; z-index: 1; display: inline-flex; padding: 6px 9px; border-radius: 8px; background: rgba(255,255,255,.045); color: #8c94aa; font-size: 8px; font-weight: 700; }.step-state.complete { background: rgba(70,223,162,.09); color: var(--green); }
.overview-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.022); }.overview-strip div { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 0 20px; border-right: 1px solid var(--line); }.overview-strip div:last-child { border: 0; }.overview-strip span { color: #626b83; font-size: 9px; }.overview-strip strong { color: #d8dced; font-size: 11px; }

.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; }.section-heading h1 { font-size: clamp(30px, 3vw, 42px); }.section-heading p { max-width: 760px; margin: 11px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.panel { border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.032), rgba(255,255,255,.007)), var(--surface); box-shadow: var(--soft-shadow), inset 0 1px rgba(255,255,255,.045); }.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 21px 22px 17px; border-bottom: 1px solid var(--line); }.panel-head span:first-child { display: block; margin-bottom: 5px; color: #646d86; font-size: 7px; font-weight: 850; letter-spacing: .15em; }.panel-head h2 { margin: 0; font-size: 15px; }.count-pill { min-width: 31px; padding: 6px 9px; border: 1px solid rgba(141,105,255,.18); border-radius: 9px; background: rgba(141,105,255,.09); color: #b9a6ff; font-size: 9px; text-align: center; }
.split-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 16px; }.account-list { display: grid; gap: 10px; padding: 16px; }.account-item { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }.account-item.active { border-color: rgba(70,223,162,.22); background: linear-gradient(90deg, rgba(70,223,162,.06), transparent); }.account-logo { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 14px; background: linear-gradient(145deg, #36aef5, #386fe4); box-shadow: 0 10px 24px rgba(50,129,228,.22); font-size: 18px; font-weight: 800; }.account-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.account-copy strong { font-size: 12px; }.account-copy small { color: #747d95; font-size: 9px; }.account-status { display: flex; align-items: center; gap: 7px; color: #798198; font-size: 8px; }.account-status i { width: 7px; height: 7px; border-radius: 50%; background: #646c82; }.account-status.connected { color: var(--green); }.account-status.connected i { background: var(--green); box-shadow: 0 0 10px rgba(70,223,162,.5); }.account-actions { display: flex; gap: 6px; }.mini-action { height: 31px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); color: #8d95aa; font-size: 8px; cursor: pointer; }.mini-action:hover { color: white; border-color: var(--line-strong); }.mini-action.delete:hover { color: var(--red); border-color: rgba(255,100,125,.28); }
.empty-state { padding: 48px 20px; color: #667087; text-align: center; }.empty-state span { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 14px; border: 1px dashed var(--line-strong); border-radius: 16px; color: #7e6ec3; font-size: 22px; }.empty-state strong { display: block; margin-bottom: 7px; color: #a9b0c4; font-size: 12px; }.empty-state p { margin: 0; font-size: 9px; line-height: 1.5; }
.import-panel { padding: 24px; }.panel-accent-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 19px; border: 1px solid rgba(141,105,255,.26); border-radius: 14px; background: rgba(141,105,255,.12); color: #b39aff; font-size: 20px; }.import-panel h2 { margin: 0 0 9px; font-size: 20px; }.import-panel > p { margin: 0 0 20px; color: #7d869e; font-size: 10px; line-height: 1.6; }.import-panel code { padding: 2px 5px; border-radius: 5px; background: rgba(255,255,255,.05); color: #acb3c8; }.account-file-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.file-drop { position: relative; display: grid; place-items: center; min-height: 143px; margin: 14px 0; padding: 20px; border: 1px dashed rgba(142,108,255,.34); border-radius: 16px; background: rgba(142,108,255,.04); cursor: pointer; text-align: center; transition: .2s; }.file-drop:hover, .file-drop.dragging { border-color: #9b7bff; background: rgba(142,108,255,.09); }.file-drop.ready { border-style: solid; border-color: rgba(70,223,162,.28); background: rgba(70,223,162,.045); }.file-drop input { display: none; }.file-order { position: absolute; top: 10px; left: 11px; display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: rgba(255,255,255,.035); color: #7e879c; font-size: 8px; font-weight: 850; }.file-icon { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 10px; border-radius: 11px; background: rgba(142,108,255,.12); color: #b39eff; font-size: 19px; }.json-drop { border-color: rgba(55,214,208,.24); background: rgba(55,214,208,.025); }.json-drop .file-icon { background: rgba(55,214,208,.09); color: #84ded8; font-size: 11px; font-weight: 850; }.file-drop strong { font-size: 10px; }.file-drop small { margin-top: 5px; color: #646d84; font-size: 8px; }.secure-note, .warning-note { display: flex; gap: 10px; margin-top: 14px; padding: 12px; border: 1px solid rgba(70,223,162,.14); border-radius: 12px; background: rgba(70,223,162,.04); }.secure-note > span { color: var(--green); }.secure-note p, .warning-note p { display: flex; flex-direction: column; gap: 4px; margin: 0; }.secure-note strong, .warning-note strong { color: #a7ccb9; font-size: 9px; }.secure-note small, .warning-note small { color: #5f7b6c; font-size: 8px; line-height: 1.4; }

.field { display: grid; gap: 8px; color: #a7aec2; font-size: 9px; }.field > span { display: flex; justify-content: space-between; }.field i { color: #596179; font-style: normal; }.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; outline: none; background: #0b0e18; color: #edf0fa; transition: border .18s, box-shadow .18s; }.field input, .field select { height: 43px; padding: 0 12px; }.field textarea { min-height: 205px; padding: 14px; resize: vertical; line-height: 1.6; }.field input:focus, .field select:focus, .field textarea:focus { border-color: rgba(145,110,255,.55); box-shadow: 0 0 0 3px rgba(145,110,255,.08); }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.source-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; }.search-field { display: flex; align-items: center; gap: 9px; width: min(420px, 100%); height: 42px; padding: 0 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); color: #69728b; }.search-field input { width: 100%; border: 0; outline: 0; background: transparent; color: #dce0ee; font-size: 10px; }.segmented { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }.segmented button { min-height: 31px; padding: 0 11px; border: 0; border-radius: 8px; background: transparent; color: #69728a; font-size: 8px; cursor: pointer; }.segmented button.active { background: #23293b; color: #eef1f9; box-shadow: inset 0 1px rgba(255,255,255,.07); }
.source-grid { display: grid; grid-template-columns: 1fr; gap: 9px; }.source-card { position: relative; overflow: hidden; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.008)), var(--surface); box-shadow: var(--soft-shadow); }.source-card::before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--violet), var(--blue), transparent); content: ""; opacity: .7; }.source-head { display: grid; grid-template-columns: 43px minmax(0,1fr) auto; gap: 11px; align-items: center; cursor: pointer; }.source-avatar { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; background: linear-gradient(145deg, #2d3554, #1c2134); color: #c7d0ea; font-size: 12px; font-weight: 850; }.source-title { min-width: 0; }.source-title strong, .source-title small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.source-title strong { margin-bottom: 4px; font-size: 12px; }.source-title small { color: #6f7890; font-size: 8px; }.source-head-actions { display: flex; align-items: center; gap: 8px; }.source-expand { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); color: #858ea4; cursor: pointer; font-size: 14px; transition: transform .18s ease,background .18s ease; }.source-card.expanded .source-expand { transform: rotate(180deg); background: rgba(143,108,255,.1); color: #b8a4ff; }.source-card-body { display: none; }.source-card.expanded .source-card-body { display: block; }.active-toggle { position: relative; width: 38px; height: 22px; border: 0; border-radius: 99px; background: #2d3345; cursor: pointer; transition: .2s; }.active-toggle::after { position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; border-radius: 50%; background: #7d8498; content: ""; transition: .2s; }.active-toggle.on { background: rgba(70,223,162,.25); }.active-toggle.on::after { left: 20px; background: var(--green); box-shadow: 0 0 9px rgba(70,223,162,.45); }
.source-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 17px 0 14px; }.meta-pill { padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); color: #838ba1; font-size: 8px; }.meta-pill.mode-auto { border-color: rgba(70,223,162,.15); background: rgba(70,223,162,.06); color: #73d6aa; }.meta-pill.mode-draft { border-color: rgba(65,165,255,.15); background: rgba(65,165,255,.06); color: #78b9ee; }.source-controls { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }.source-controls select { width: 100%; height: 35px; padding: 0 9px; border: 1px solid var(--line); border-radius: 9px; outline: none; background: #0b0e18; color: #aeb5c8; font-size: 8px; }.source-delete { width: 35px; height: 35px; border: 1px solid var(--line); border-radius: 9px; background: transparent; color: #697188; cursor: pointer; }.source-delete:hover { border-color: rgba(255,100,125,.3); color: var(--red); }

.mode-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-bottom: 16px; }.mode-card { position: relative; min-height: 180px; padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.035), transparent), var(--surface); cursor: pointer; transition: .2s; }.mode-card:has(input:checked) { border-color: rgba(143,108,255,.5); background: linear-gradient(145deg, rgba(143,108,255,.13), rgba(143,108,255,.025)), var(--surface); box-shadow: 0 16px 38px rgba(74,43,155,.16), inset 0 1px rgba(255,255,255,.08); }.mode-card input { position: absolute; top: 17px; right: 17px; width: 16px; height: 16px; accent-color: var(--violet); }.mode-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 18px; border-radius: 12px; font-weight: 800; }.mode-icon.violet { background: rgba(142,105,255,.13); color: var(--violet-2); }.mode-icon.blue { background: rgba(65,165,255,.12); color: #72bcff; }.mode-icon.orange { background: rgba(255,159,90,.12); color: var(--orange); }.mode-card strong { display: block; margin-bottom: 8px; font-size: 12px; }.mode-card p { margin: 0 0 14px; color: #767e95; font-size: 9px; line-height: 1.5; }.mode-card i { color: #626b82; font-size: 8px; font-style: normal; }
.content-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 16px; }.editor-body { padding: 18px; }.publication-hidden #publicationField, .instruction-hidden #instructionField { display: none; }.helper-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }.helper-chips button { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); color: #7c859c; font-size: 8px; cursor: pointer; }.helper-chips button:hover { border-color: rgba(143,108,255,.3); color: #b8a7f4; }.char-counter { color: #646d85; font-size: 8px; }.voice-options { display: grid; gap: 7px; padding: 15px; }.voice-option { display: grid; grid-template-columns: 31px 1fr 15px; align-items: center; gap: 10px; padding: 11px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.018); cursor: pointer; }.voice-option:has(input:checked) { border-color: rgba(143,108,255,.25); background: rgba(143,108,255,.08); }.voice-option > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: rgba(143,108,255,.09); color: #aa96ef; }.voice-option strong { display: block; margin-bottom: 3px; font-size: 9px; }.voice-option small { color: #626b82; font-size: 7px; }.voice-option input { accent-color: var(--violet); }

.launch-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 16px; }.launch-card { position: relative; min-height: 390px; padding: 43px; overflow: hidden; border: 1px solid rgba(143,108,255,.24); border-radius: 23px; background: radial-gradient(circle at 90% 10%, rgba(66,130,255,.22), transparent 31%), linear-gradient(145deg, #1b1833, #111523 66%); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.07); }.launch-glow { position: absolute; right: -90px; bottom: -130px; width: 330px; height: 330px; border-radius: 50%; background: #784dff; filter: blur(110px); opacity: .13; }.launch-icon { position: relative; display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 25px; border: 1px solid rgba(164,132,255,.32); border-radius: 17px; background: linear-gradient(145deg, rgba(159,120,255,.24), rgba(86,69,203,.14)); box-shadow: 0 15px 34px rgba(98,67,203,.22); color: #bca7ff; font-size: 20px; }.launch-card h2 { position: relative; max-width: 520px; margin: 0; font-size: 30px; letter-spacing: -.04em; }.launch-card > p { position: relative; max-width: 570px; margin: 13px 0 24px; color: #8d95ab; font-size: 11px; line-height: 1.6; }.launch-button { position: relative; min-width: 250px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(135deg, #9c72ff, #6651e8); box-shadow: 0 15px 35px rgba(100,68,220,.34), inset 0 1px rgba(255,255,255,.32); font-size: 11px; }.launch-button:disabled { border-color: var(--line); background: #292d3c; box-shadow: none; color: #646b7d; cursor: not-allowed; }.launch-button.running { background: linear-gradient(135deg, #ff7b91, #d54f6b); box-shadow: 0 15px 35px rgba(213,79,107,.24); }.launch-card > small { position: relative; display: block; margin-top: 13px; color: #5e667d; font-size: 8px; }.checklist { padding: 10px 18px 18px; }.check-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; padding: 14px 0; border-bottom: 1px solid var(--line); }.check-row:last-child { border: 0; }.check-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: rgba(255,159,90,.08); color: var(--orange); font-size: 11px; }.check-row.ready .check-icon { background: rgba(70,223,162,.09); color: var(--green); }.check-row strong { display: block; margin-bottom: 4px; font-size: 10px; }.check-row small { color: #646d84; font-size: 8px; }.check-row > b { color: #777f94; font-size: 8px; }.check-row.ready > b { color: var(--green); }
.pipeline { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 13px; margin-top: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.02); }.pipeline > div { display: grid; grid-template-columns: 31px 1fr; gap: 2px 10px; align-items: center; }.pipeline div > span { grid-row: 1 / 3; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: rgba(143,108,255,.1); color: #aa96f1; font-size: 9px; font-weight: 800; }.pipeline strong { font-size: 9px; }.pipeline small { color: #626b83; font-size: 7px; }.pipeline > i { color: #41495f; font-style: normal; }

.advanced-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.settings-body { display: grid; gap: 15px; padding: 19px; }.rule-row { display: flex; align-items: center; gap: 11px; padding: 11px 0; border-bottom: 1px solid var(--line); }.rule-row > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: rgba(70,223,162,.08); color: var(--green); font-size: 10px; }.rule-row strong { display: block; margin-bottom: 4px; font-size: 9px; }.rule-row small { color: #626b82; font-size: 8px; }.range-field { display: block; margin-top: 8px; }.range-field > span { display: flex; justify-content: space-between; margin-bottom: 11px; color: #aab1c5; font-size: 9px; }.range-field output { color: #b29cff; }.range-field input { width: 100%; accent-color: var(--violet); }.range-field small { display: block; margin-top: 8px; color: #616a80; font-size: 8px; line-height: 1.45; }

.modal-backdrop { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 18px; background: rgba(3,5,10,.8); opacity: 0; pointer-events: none; backdrop-filter: blur(12px); transition: opacity .2s; }.modal-backdrop.open { opacity: 1; pointer-events: auto; }.modal { position: relative; width: min(500px, 100%); max-height: calc(100vh - 36px); padding: 28px; overflow: auto; border: 1px solid var(--line-strong); border-radius: 22px; background: linear-gradient(145deg, #191e2e, #10131f); box-shadow: var(--shadow); transform: translateY(12px) scale(.98); transition: transform .2s; }.modal-backdrop.open .modal { transform: none; }.modal-close { position: absolute; top: 15px; right: 15px; width: 33px; height: 33px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.03); color: #838ba0; cursor: pointer; }.modal-badge { display: inline-flex; margin-bottom: 15px; padding: 6px 9px; border: 1px solid rgba(143,108,255,.18); border-radius: 8px; background: rgba(143,108,255,.08); color: #a993ef; font-size: 7px; font-weight: 850; letter-spacing: .12em; }.modal h2 { margin: 0 0 8px; font-size: 23px; letter-spacing: -.03em; }.modal > p { margin: 0 0 21px; color: #7d859b; font-size: 10px; line-height: 1.55; }.modal form { display: grid; gap: 13px; }.warning-note { display: none; margin: 0; border-color: rgba(255,159,90,.17); background: rgba(255,159,90,.05); }.warning-note.visible { display: flex; }.warning-note > span { color: var(--orange); }.warning-note strong { color: #d5ad8c; }.warning-note small { color: #806d5d; }
.confirm-popover { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; padding: 18px; background: rgba(3,5,10,.8); backdrop-filter: blur(10px); }.confirm-popover[hidden] { display: none; }.confirm-popover > div { width: min(390px, 100%); padding: 24px; border: 1px solid var(--line-strong); border-radius: 18px; background: #171b29; box-shadow: var(--shadow); }.confirm-popover strong { font-size: 15px; }.confirm-popover p { margin: 10px 0 20px; color: #7f879e; font-size: 10px; line-height: 1.55; }.confirm-popover div > span { display: flex; justify-content: flex-end; gap: 8px; }
.toast-stack { position: fixed; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); z-index: 200; display: grid; gap: 8px; }.toast { min-width: 280px; max-width: 380px; padding: 14px 16px; border: 1px solid rgba(70,223,162,.22); border-radius: 12px; background: #1a2130; box-shadow: var(--shadow); color: #dce3f0; font-size: 10px; animation: toast-in .22s ease both; }.toast.error { border-color: rgba(255,100,125,.3); color: #ff9aac; }@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } }

@media (max-width: 1180px) { .workflow-grid { grid-template-columns: repeat(2, 1fr); }.source-grid { grid-template-columns: 1fr; }.split-layout, .content-layout, .launch-layout { grid-template-columns: 1fr; }.import-panel { order: -1; }.progress-ring { width: 132px; height: 132px; }.advanced-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { :root { --sidebar: 250px; }.app-shell { display: block; }.sidebar { position: fixed; left: 0; width: var(--sidebar); transform: translateX(-102%); transition: transform .22s ease; box-shadow: var(--shadow); }.sidebar.open { transform: none; }.sidebar-scrim { left: var(--sidebar); display: block; width: calc(100% - var(--sidebar)); }.sidebar.open + .sidebar-scrim { opacity: 1; pointer-events: auto; }.sidebar-visible { overflow: hidden; }.mobile-menu { display: grid; }.topbar { height: 64px; padding: 0 17px; }.save-state { display: none; }.view { padding: 27px 17px 50px; }.hero-card { padding: 34px; }.section-heading { align-items: flex-start; flex-direction: column; }.source-toolbar { align-items: stretch; flex-direction: column; }.segmented { align-self: flex-start; }.pipeline { grid-template-columns: 1fr; }.pipeline > i { display: none; }.overview-strip { grid-template-columns: repeat(2, 1fr); }.overview-strip div:nth-child(2) { border-right: 0; }.overview-strip div:nth-child(-n+2) { border-bottom: 1px solid var(--line); } }
@media (max-width: 590px) { .top-actions .gradient-button { display: none; }.page-meta small { display: none; }.view { padding: 22px 12px 42px; }.hero-card { align-items: flex-start; min-height: 0; padding: 28px 22px; flex-direction: column; }.hero-copy h1 { font-size: 35px; }.hero-copy > p { font-size: 11px; }.hero-actions { width: 100%; flex-direction: column; }.hero-actions button { width: 100%; }.progress-ring { position: absolute; top: 18px; right: 17px; width: 66px; height: 66px; background: radial-gradient(circle at center, #15172a 58%, transparent 60%), conic-gradient(var(--violet) var(--progress, 0%), rgba(255,255,255,.06) 0); }.progress-ring strong { font-size: 16px; }.progress-ring small { display: none; }.hero-kicker { max-width: calc(100% - 75px); }.workflow-grid, .mode-grid { grid-template-columns: 1fr; }.workflow-card { min-height: 200px; }.section-label { align-items: flex-start; flex-direction: column; gap: 5px; }.overview-strip { grid-template-columns: 1fr; }.overview-strip div { border-right: 0; border-bottom: 1px solid var(--line); }.overview-strip div:last-child { border: 0; }.section-heading h1 { font-size: 32px; }.section-heading .gradient-button { width: 100%; }.account-item { grid-template-columns: 41px 1fr; }.account-actions { grid-column: 1 / -1; justify-content: flex-end; }.source-controls { grid-template-columns: 1fr 1fr; }.source-delete { grid-column: 2; justify-self: end; }.field-row { grid-template-columns: 1fr; }.launch-card { min-height: 360px; padding: 29px 23px; }.launch-card h2 { font-size: 26px; }.launch-button { width: 100%; min-width: 0; }.panel-head { padding-inline: 16px; }.toast-stack { right: 12px; left: 12px; }.toast { min-width: 0; max-width: none; }.modal { padding: 23px 18px; }.segmented { width: 100%; overflow-x: auto; }.segmented button { flex: 1; }.source-card { padding: 16px; } }

.telegram-mini-app body { padding-bottom: env(safe-area-inset-bottom); }

.save-state.saving { color: #bca7ff; }.save-state.saving i { background: var(--violet-2); animation: save-pulse .9s ease infinite; }.save-state.error { color: #ff91a3; }.save-state.error i { background: var(--red); box-shadow: 0 0 8px rgba(255,100,125,.5); }@keyframes save-pulse { 50% { opacity: .35; transform: scale(.72); } }
.autosave-badge { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 10px 13px; border: 1px solid rgba(70,223,162,.16); border-radius: 11px; background: rgba(70,223,162,.055); color: #8ac8ad; font-size: 9px; font-weight: 700; }.autosave-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(70,223,162,.45); }
.variation-field { margin-top: 12px; }.variation-field small { color: #656e86; font-size: 8px; line-height: 1.5; }.variation-hidden #variationField { display: none; }
.dispatch-panel { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(420px,1.5fr) minmax(160px,.5fr); align-items: center; gap: 18px; margin-bottom: 16px; padding: 18px 20px; }.dispatch-copy .eyebrow { margin-bottom: 7px; }.dispatch-copy h2 { margin: 0 0 5px; font-size: 15px; }.dispatch-copy p { margin: 0; color: #69728a; font-size: 8px; }.dispatch-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.dispatch-option { position: relative; display: grid; grid-template-columns: 17px 1fr; align-items: center; gap: 9px; min-height: 64px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); cursor: pointer; transition: .18s; }.dispatch-option:has(input:checked) { border-color: rgba(143,108,255,.42); background: linear-gradient(145deg, rgba(143,108,255,.13), rgba(65,165,255,.04)); box-shadow: inset 0 1px rgba(255,255,255,.06); }.dispatch-option input { width: 15px; height: 15px; accent-color: var(--violet); }.dispatch-option span { min-width: 0; }.dispatch-option b, .dispatch-option small { display: block; }.dispatch-option b { margin-bottom: 4px; font-size: 9px; }.dispatch-option small { color: #687188; font-size: 7px; line-height: 1.4; }.recent-count { display: none; gap: 7px; color: #7d869e; font-size: 8px; }.recent-count.visible { display: grid; }.recent-count select { width: 100%; height: 41px; padding: 0 11px; border: 1px solid rgba(143,108,255,.23); border-radius: 11px; outline: 0; background: #0b0e18; color: #dce1ef; font-size: 9px; }
.launch-account { position: relative; display: inline-flex; width: fit-content; margin: -6px 0 16px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.03); color: #747d94; font-size: 8px; font-weight: 700; }.launch-account.ready { border-color: rgba(70,223,162,.18); background: rgba(70,223,162,.06); color: #7ad4ae; }

@media (max-width: 1180px) { .dispatch-panel { grid-template-columns: 1fr; }.recent-count { max-width: 280px; } }
@media (max-width: 860px) { .save-state { display: inline-flex; margin-right: 0; }.autosave-badge { align-self: stretch; justify-content: center; }.dispatch-panel { padding: 16px; } }
@media (max-width: 590px) {
  .topbar { gap: 9px; padding-inline: 12px; }.top-actions { gap: 7px; }.save-state { max-width: 116px; padding: 7px 8px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); font-size: 8px; white-space: nowrap; }.icon-button, .mobile-menu { width: 36px; height: 36px; }.page-meta strong { font-size: 12px; }
  .hero-card { gap: 22px; padding: 24px 19px 20px; }.hero-copy h1 { font-size: 29px; line-height: 1.06; }.hero-copy > p { margin: 14px 0 20px; }.hero-kicker { max-width: none; padding-right: 0; }
  .progress-ring { position: relative; top: auto; right: auto; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 62px; margin: 0; padding: 0 18px; border: 1px solid rgba(143,108,255,.22); border-radius: 16px; background: linear-gradient(90deg, rgba(143,108,255,.2) var(--progress, 0%), rgba(255,255,255,.035) 0); box-shadow: 0 10px 28px rgba(65,39,145,.14); }.progress-ring::after { inset: 7px; border-radius: 10px; }.progress-ring strong { font-size: 22px; }.progress-ring small { display: block; margin: 0; font-size: 8px; }
  .workflow-card { min-height: 174px; padding: 18px; }.workflow-icon { margin-bottom: 17px; }.workflow-card p { min-height: 0; }.dispatch-options { grid-template-columns: 1fr; }.dispatch-option { min-height: 60px; }.recent-count { max-width: none; }.launch-card { min-height: 0; padding: 26px 20px; }.check-row { grid-template-columns: 31px minmax(0,1fr); }.check-row > b { grid-column: 2; }.pipeline { padding: 16px; }.field textarea { min-height: 170px; }
}
@media (max-width: 390px) { .page-meta { display: none; }.topbar { justify-content: flex-start; }.top-actions { margin-left: auto; } }

.report-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.report-stat { display: flex; align-items: center; gap: 13px; min-height: 92px; padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.01)), var(--surface); box-shadow: var(--soft-shadow); }
.report-stat > span { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 13px; background: rgba(143,108,255,.11); color: var(--violet-2); font-size: 16px; font-weight: 800; }
.report-stat.sent > span { background: rgba(70,223,162,.1); color: var(--green); }.report-stat.error > span { background: rgba(255,100,125,.1); color: var(--red); }.report-stat.draft > span { background: rgba(65,165,255,.1); color: var(--blue); }
.report-stat div { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.report-stat small { color: #69728a; font-size: 7px; font-weight: 800; letter-spacing: .1em; }.report-stat strong { font-size: 25px; letter-spacing: -.04em; }
.batch-report { display: grid; grid-template-columns: 1fr minmax(220px,.45fr); align-items: center; gap: 20px; margin-bottom: 14px; padding: 17px 20px; }
.batch-report-copy { display: flex; align-items: center; gap: 12px; }.batch-orb { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #596178; box-shadow: 0 0 0 6px rgba(89,97,120,.08); }.batch-orb.running { background: var(--violet-2); box-shadow: 0 0 0 6px rgba(143,108,255,.1), 0 0 20px rgba(143,108,255,.5); animation: save-pulse .9s ease infinite; }.batch-report-copy strong, .batch-report-copy small { display: block; }.batch-report-copy strong { margin-bottom: 4px; font-size: 11px; }.batch-report-copy small { color: #687189; font-size: 8px; }
.batch-action { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; margin-top: 10px; padding: 0 13px; border: 1px solid rgba(65,165,255,.28); border-radius: 10px; background: linear-gradient(135deg, rgba(65,165,255,.16), rgba(143,108,255,.14)); color: #b9dcff; font-size: 8px; font-weight: 760; cursor: pointer; box-shadow: inset 0 1px rgba(255,255,255,.06); }.batch-action:hover { border-color: rgba(143,108,255,.5); filter: brightness(1.12); }.batch-action:disabled { opacity: .55; cursor: wait; }.batch-action[hidden] { display: none; }
.batch-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }.batch-progress > span { height: 8px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }.batch-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--violet), var(--blue)); box-shadow: 0 0 14px rgba(103,101,239,.45); transition: width .3s ease; }.batch-progress b { min-width: 44px; color: #8991a8; font-size: 8px; text-align: right; }
.report-list { display: grid; gap: 10px; padding: 14px; }.report-item { padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.02); }.report-item-head, .report-item-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.report-item-head { margin-bottom: 13px; }.report-item-head time { color: #5f687f; font-size: 8px; }.report-status { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 8px; background: rgba(255,255,255,.04); color: #959db2; font-size: 8px; font-weight: 750; }.report-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }.report-status.sent { background: rgba(70,223,162,.08); color: var(--green); }.report-status.error { background: rgba(255,100,125,.09); color: var(--red); }.report-status.processing { background: rgba(143,108,255,.1); color: var(--violet-2); }.report-status.draft { background: rgba(65,165,255,.08); color: var(--blue); }.report-status.skipped { color: var(--orange); }
.report-source b, .report-source small { display: block; }.report-source b { margin-bottom: 4px; font-size: 11px; }.report-source small { color: #687189; font-size: 8px; }.report-message { margin: 13px 0; padding: 12px 13px; border: 1px solid var(--line); border-radius: 11px; background: #0b0e18; color: #cbd0df; font-size: 9px; line-height: 1.55; white-space: pre-wrap; }.report-reason { display: flex; align-items: center; gap: 9px; }.report-reason > span { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 auto; border-radius: 9px; background: rgba(255,255,255,.04); color: #8d95ab; font-size: 9px; font-weight: 800; }.report-reason p { margin: 0; }.report-reason strong, .report-reason small { display: block; }.report-reason strong { margin-bottom: 3px; font-size: 8px; }.report-reason small { color: #69728a; font-size: 8px; }.report-reason.sent > span { background: rgba(70,223,162,.09); color: var(--green); }.report-reason.error > span { background: rgba(255,100,125,.09); color: var(--red); }
@media (max-width: 980px) { .report-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }.batch-report { grid-template-columns: 1fr; } }
@media (max-width: 590px) { .report-stats { grid-template-columns: 1fr 1fr; gap: 8px; }.report-stat { min-height: 78px; padding: 12px; }.report-stat > span { width: 35px; height: 35px; }.report-stat strong { font-size: 20px; }.report-item-main { align-items: flex-start; }.report-item-main .mini-action { flex: 0 0 auto; }.batch-report { padding: 15px; } }

/* Premium motion layer: restrained depth, tactile actions and no transient hint banners. */
body::before { position: fixed; inset: 0; z-index: -2; background: radial-gradient(circle at 12% 12%, rgba(142,105,255,.08), transparent 24%), radial-gradient(circle at 88% 82%, rgba(55,214,208,.055), transparent 27%), linear-gradient(120deg, rgba(255,255,255,.012), transparent 38%); content: ""; pointer-events: none; }
.brand-mark { position: relative; overflow: hidden; animation: premium-float 5s ease-in-out infinite; }.brand-mark::after { position: absolute; inset: -70% -30%; background: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.48), transparent 60%); content: ""; transform: translateX(-90%) rotate(12deg); animation: premium-shine 5.8s ease-in-out infinite; }
.panel, .source-card, .mode-card, .report-stat, .workflow-card { transition: transform .24s cubic-bezier(.2,.8,.2,1), border-color .24s ease, box-shadow .24s ease, background .24s ease; }
.panel:hover, .source-card:hover, .report-stat:hover { border-color: rgba(151,122,255,.2); box-shadow: 0 22px 55px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.06); }.source-card:hover, .report-stat:hover { transform: translateY(-2px); }
.source-avatar { position: relative; overflow: hidden; background: radial-gradient(circle at 28% 18%, rgba(255,255,255,.18), transparent 30%), linear-gradient(145deg, #39456e, #20263e 58%, #181d31); box-shadow: 0 10px 26px rgba(21,25,45,.5), inset 0 1px rgba(255,255,255,.12); }.source-avatar::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.08); border-radius: inherit; content: ""; }
.launch-card::after { position: absolute; top: -70%; left: -38%; width: 34%; height: 240%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent); content: ""; transform: rotate(18deg); animation: launch-sweep 7s ease-in-out infinite; pointer-events: none; }
.launch-button:not(:disabled), .gradient-button { overflow: hidden; }.launch-button:not(:disabled)::after, .gradient-button::after { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.16) 46%, transparent 67%); content: ""; transform: translateX(-115%); transition: transform .55s ease; pointer-events: none; }.launch-button:not(:disabled):hover::after, .gradient-button:hover::after { transform: translateX(115%); }.gradient-button { position: relative; }
.delay-pill { border-color: rgba(255,159,90,.16); background: rgba(255,159,90,.06); color: #e0a77b; }
.action-error { animation: action-error .38s ease both !important; }
.form-error { margin: -2px 0 2px; color: #ff819c; font-size: 12px; line-height: 1.45; }
.toast-stack { display: none !important; }
@keyframes premium-float { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-1deg); } }
@keyframes premium-shine { 0%,68% { transform: translateX(-100%) rotate(12deg); } 82%,100% { transform: translateX(100%) rotate(12deg); } }
@keyframes launch-sweep { 0%,65% { transform: translateX(-30%) rotate(18deg); opacity: 0; } 72% { opacity: 1; } 88%,100% { transform: translateX(560%) rotate(18deg); opacity: 0; } }
@keyframes action-error { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 55% { transform: translateX(4px); } 80% { transform: translateX(-2px); } }
@media (prefers-reduced-motion: reduce) { .brand-mark, .brand-mark::after, .launch-card::after { animation: none !important; }.panel, .source-card, .mode-card, .report-stat, .workflow-card { transition: none; } }
.report-status.checked { background: rgba(55,214,208,.08); color: var(--cyan); }.report-reason.checked > span { background: rgba(55,214,208,.08); color: var(--cyan); }

/* Premium cover and verified import flow. Motion is transform-only to stay smooth in Telegram WebView. */
.hero-copy { position: relative; z-index: 2; }
.hero-visual { position: relative; z-index: 1; display: grid; place-items: center; width: 196px; height: 206px; flex: 0 0 196px; margin-left: 28px; contain: layout paint; }
.hero-visual .progress-ring { z-index: 2; margin-left: 0; box-shadow: 0 0 64px rgba(119,78,232,.26), inset 0 0 22px rgba(131,100,255,.06); }
.hero-orbit { position: absolute; inset: 7px; z-index: 1; border: 1px solid rgba(167,143,255,.12); border-radius: 50%; animation: hero-orbit-spin 16s linear infinite; will-change: transform; }
.hero-orbit::before, .hero-orbit::after { position: absolute; border: 1px solid rgba(88,205,230,.1); border-radius: 50%; content: ""; }
.hero-orbit::before { inset: 13px; border-style: dashed; }.hero-orbit::after { inset: 30px; border-color: rgba(255,255,255,.045); }
.hero-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #a88fff; box-shadow: 0 0 14px rgba(168,143,255,.9); }
.hero-orbit i:nth-child(1) { top: 12px; left: 49%; }.hero-orbit i:nth-child(2) { right: 12px; bottom: 42px; width: 5px; height: 5px; background: var(--cyan); box-shadow: 0 0 13px rgba(55,214,208,.8); }.hero-orbit i:nth-child(3) { bottom: 26px; left: 25px; width: 4px; height: 4px; }
.hero-security { position: absolute; right: 2px; bottom: 1px; z-index: 3; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(70,223,162,.15); border-radius: 99px; background: rgba(10,14,24,.86); box-shadow: 0 9px 25px rgba(0,0,0,.25); color: #87c7aa; font-size: 7px; font-weight: 750; letter-spacing: .04em; backdrop-filter: blur(8px); }
.hero-security i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(70,223,162,.7); animation: secure-pulse 2.4s ease-in-out infinite; }
.hero-card { isolation: isolate; contain: paint; }.hero-card::after { position: absolute; top: -35%; right: -12%; width: 44%; height: 170%; background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.035) 48%, transparent 70%); content: ""; transform: translateX(-220%) rotate(8deg); animation: hero-cover-sweep 9s ease-in-out infinite; pointer-events: none; }

.import-progress { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; margin: 12px 0; padding: 11px 12px 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); transition: border-color .2s ease, background .2s ease; }
.import-state-icon { display: grid; place-items: center; width: 32px; height: 32px; grid-row: 1; border-radius: 10px; background: rgba(143,108,255,.1); color: #ad99f7; font-size: 12px; font-weight: 850; }
.import-progress p { display: flex; min-width: 0; flex-direction: column; gap: 3px; margin: 0; }.import-progress strong { color: #b7bdcf; font-size: 9px; }.import-progress small { overflow: hidden; color: #657087; font-size: 7px; line-height: 1.4; text-overflow: ellipsis; }
.import-progress-track { height: 3px; grid-column: 1 / -1; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.045); }.import-progress-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--violet), var(--cyan)); box-shadow: 0 0 12px rgba(143,108,255,.45); transition: width .24s ease; }
.import-progress.working { border-color: rgba(143,108,255,.24); background: rgba(143,108,255,.045); }.import-progress.working .import-state-icon { animation: import-spin 1.1s linear infinite; }
.import-progress.success { border-color: rgba(70,223,162,.22); background: rgba(70,223,162,.045); }.import-progress.success .import-state-icon { background: rgba(70,223,162,.1); color: var(--green); }.import-progress.success strong { color: #9ed2ba; }
.import-progress.error { border-color: rgba(255,100,125,.25); background: rgba(255,100,125,.045); }.import-progress.error .import-state-icon { background: rgba(255,100,125,.1); color: var(--red); }.import-progress.error strong { color: #e99aaa; }
.account-item, .source-card, .report-item { contain: layout paint; }

@keyframes hero-orbit-spin { to { transform: rotate(360deg); } }
@keyframes secure-pulse { 0%,100% { opacity: .65; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes hero-cover-sweep { 0%,68% { transform: translateX(-240%) rotate(8deg); opacity: 0; } 73% { opacity: 1; } 88%,100% { transform: translateX(310%) rotate(8deg); opacity: 0; } }
@keyframes import-spin { to { transform: rotate(360deg); } }

@media (max-width: 1180px) { .hero-visual { width: 168px; height: 182px; flex-basis: 168px; } }
@media (max-width: 590px) {
  .hero-visual { width: 100%; height: 72px; flex: 0 0 72px; margin: 0; }
  .hero-visual .progress-ring { position: relative; top: auto; right: auto; width: 100%; height: 62px; }
  .hero-orbit, .hero-security { display: none; }
}
@media (prefers-reduced-motion: reduce) { .hero-orbit, .hero-security i, .hero-card::after, .import-progress.working .import-state-icon { animation: none !important; } }

/* Telegram-first premium surface: safe areas, low-cost depth and clear source access states. */
body { min-height: var(--tg-viewport-stable-height, 100vh); padding-right: var(--tg-content-safe-area-inset-right, 0); padding-left: var(--tg-content-safe-area-inset-left, 0); }
.topbar { padding-right: max(30px, var(--tg-content-safe-area-inset-right, 0px)); padding-left: max(30px, var(--tg-content-safe-area-inset-left, 0px)); }
.view { padding-right: max(34px, var(--tg-content-safe-area-inset-right, 0px)); padding-bottom: max(64px, var(--tg-content-safe-area-inset-bottom, 0px)); padding-left: max(34px, var(--tg-content-safe-area-inset-left, 0px)); }
.background-figures { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; }
.background-figures i { position: absolute; display: block; border: 1px solid rgba(145,112,255,.075); background: linear-gradient(145deg, rgba(143,108,255,.025), rgba(55,214,208,.008)); box-shadow: inset 0 1px rgba(255,255,255,.025); transform: rotate(18deg); animation: figure-drift 22s ease-in-out infinite; will-change: transform; }
.background-figures i:nth-child(1) { top: 12%; right: 3%; width: 170px; height: 170px; border-radius: 42px; }.background-figures i:nth-child(2) { top: 48%; left: 19%; width: 110px; height: 110px; border-radius: 50%; animation-delay: -7s; }.background-figures i:nth-child(3) { right: 16%; bottom: 8%; width: 230px; height: 88px; border-radius: 99px; animation-delay: -13s; }.background-figures i:nth-child(4) { top: 7%; left: 32%; width: 36px; height: 36px; border-radius: 11px; border-color: rgba(55,214,208,.1); animation-delay: -4s; }
.source-access { display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 10px; margin: 14px 0 12px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.source-access > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: rgba(255,255,255,.045); color: #8089a1; font-size: 10px; font-weight: 850; }.source-access p { min-width: 0; margin: 0; }.source-access strong, .source-access small { display: block; }.source-access strong { margin-bottom: 3px; font-size: 8px; }.source-access small { overflow: hidden; color: #687189; font-size: 7px; line-height: 1.4; text-overflow: ellipsis; }
.source-access.ready { border-color: rgba(70,223,162,.16); background: rgba(70,223,162,.035); }.source-access.ready > span { background: rgba(70,223,162,.09); color: var(--green); }.source-access.ready strong { color: #90cfb2; }
.source-access.action { border-color: rgba(65,165,255,.2); background: rgba(65,165,255,.04); }.source-access.action > span { background: rgba(65,165,255,.1); color: var(--blue); }.source-access.action strong { color: #91c9ed; }
.source-access.pending { border-color: rgba(255,159,90,.16); background: rgba(255,159,90,.035); }.source-access.pending > span { background: rgba(255,159,90,.09); color: var(--orange); }
.source-access.blocked { border-color: rgba(255,100,125,.14); background: rgba(255,100,125,.025); }.source-access.blocked > span { background: rgba(255,100,125,.08); color: var(--red); }.source-access.blocked strong { color: #d795a1; }
.source-access-button { min-height: 31px; padding: 0 10px; border: 1px solid rgba(65,165,255,.25); border-radius: 9px; background: rgba(65,165,255,.09); color: #9bd1f5; font-size: 7px; font-weight: 750; cursor: pointer; white-space: nowrap; }.source-access-button.subtle { border-color: rgba(255,159,90,.18); background: rgba(255,159,90,.06); color: #dcb08d; }.source-access-button:disabled { opacity: .5; cursor: wait; }
.source-access-refresh { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); color: #7d869d; cursor: pointer; }
.source-controls.compact { grid-template-columns: minmax(125px,.7fr) 1fr auto; }.source-mode-note { align-self: stretch; display: flex; align-items: center; min-height: 35px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.018); color: #667087; font-size: 7px; }

.draft-composer { position: relative; display: grid; grid-template-columns: minmax(210px,.62fr) minmax(300px,1.38fr); align-items: start; gap: 22px; margin-bottom: 18px; padding: 20px; overflow: hidden; border-color: rgba(65,165,255,.17); background: radial-gradient(circle at 5% 20%, rgba(65,165,255,.09), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.006)), var(--surface); }.draft-composer.hidden, .voice-panel.hidden, #autoComposer.hidden, .auto-disabled-card.hidden { display: none; }
.draft-composer-copy { display: flex; gap: 13px; }.draft-composer-copy .mode-icon { flex: 0 0 auto; }.draft-composer-copy .eyebrow { margin: 2px 0 7px; }.draft-composer-copy h2 { margin: 0 0 7px; font-size: 16px; }.draft-composer-copy p { margin: 0; color: #707991; font-size: 8px; line-height: 1.5; }.draft-composer textarea { min-height: 92px; resize: vertical; }.draft-composer > .char-counter { position: absolute; right: 28px; bottom: 11px; }.content-section-label { margin-top: 8px; }
.auto-disabled-card { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 18px 20px; border-color: rgba(143,108,255,.14); background: linear-gradient(135deg, rgba(143,108,255,.055), rgba(55,214,208,.018)), var(--surface); }.auto-disabled-card h2 { margin: 3px 0 5px; font-size: 13px; }.auto-disabled-card p { margin: 0; color: #707990; font-size: 8px; line-height: 1.5; }.auto-disabled-card .glass-button { min-height: 36px; white-space: nowrap; }
.source-style-field { display: none; }.source-style-field.visible { display: grid; }

@keyframes figure-drift { 0%,100% { transform: translate3d(0,0,0) rotate(18deg); } 50% { transform: translate3d(0,-13px,0) rotate(23deg); } }
@media (max-width: 860px) {
  .topbar { padding-right: max(17px, var(--tg-content-safe-area-inset-right, 0px)); padding-left: max(17px, var(--tg-content-safe-area-inset-left, 0px)); }
  .view { padding-right: max(17px, var(--tg-content-safe-area-inset-right, 0px)); padding-left: max(17px, var(--tg-content-safe-area-inset-left, 0px)); }
  .draft-composer { grid-template-columns: 1fr; }.background-figures i:nth-child(2), .background-figures i:nth-child(4) { display: none; }
}
@media (max-width: 590px) {
  .topbar { padding-right: max(12px, var(--tg-content-safe-area-inset-right, 0px)); padding-left: max(12px, var(--tg-content-safe-area-inset-left, 0px)); }
  .view { padding-right: max(12px, var(--tg-content-safe-area-inset-right, 0px)); padding-left: max(12px, var(--tg-content-safe-area-inset-left, 0px)); }
  .source-access { grid-template-columns: 29px minmax(0,1fr); }.source-access-button, .source-access-refresh { grid-column: 2; justify-self: start; }.source-controls.compact { grid-template-columns: 1fr auto; }.source-mode-note { grid-column: 1 / -1; grid-row: 2; }.draft-composer { padding: 17px; }.draft-composer > .char-counter { right: 21px; }.auto-disabled-card { grid-template-columns: 39px 1fr; padding: 16px; }.auto-disabled-card .glass-button { grid-column: 2; justify-self: start; }.account-file-grid { grid-template-columns: 1fr; gap: 0; }.file-drop { min-height: 125px; }.background-figures i { opacity: .65; }
}
@media (prefers-reduced-motion: reduce) { .background-figures i { animation: none !important; } }
.launch-card > p.error { padding: 10px 12px; border: 1px solid rgba(255,100,125,.2); border-radius: 10px; background: rgba(255,100,125,.055); color: #e8a0ac; }

/* Operator dashboard: compact, Telegram-first and free of onboarding chrome. */
.hidden { display: none !important; }
.top-connection { display: grid; grid-template-columns: 7px auto; column-gap: 7px; align-items: center; min-width: 112px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.top-connection > i { width: 7px; height: 7px; grid-row: 1 / 3; border-radius: 50%; background: var(--red); box-shadow: 0 0 10px rgba(255,100,125,.35); }.top-connection.ready > i { background: var(--green); box-shadow: 0 0 11px rgba(70,223,162,.55); }
.top-connection b { font-size: 8px; line-height: 1; }.top-connection small { color: var(--muted-2); font-size: 7px; line-height: 1; }

.command-hero { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 270px; align-items: center; min-height: 290px; padding: 42px 48px; overflow: hidden; border: 1px solid rgba(144,111,255,.22); border-radius: 27px; background: radial-gradient(circle at 75% 28%, rgba(90,78,221,.22), transparent 29%), radial-gradient(circle at 12% 105%, rgba(55,214,208,.09), transparent 38%), linear-gradient(135deg,#171629 0%,#0e1321 56%,#0b101c 100%); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.07); isolation: isolate; }
.command-hero::before { position: absolute; inset: 0; z-index: -1; 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: 30px 30px; content: ""; mask-image: linear-gradient(90deg,#000 18%,transparent 85%); }
.command-hero::after { position: absolute; top: -60%; left: -20%; width: 24%; height: 240%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); content: ""; transform: rotate(18deg); animation: command-sweep 8s ease-in-out infinite; pointer-events: none; }
.command-copy { position: relative; z-index: 2; max-width: 760px; }.command-copy h1 { max-width: 720px; margin: 0; font-size: clamp(38px,4.4vw,62px); line-height: .98; letter-spacing: -.055em; }.command-copy h1 em { color: #a39abf; font-style: normal; font-weight: 430; }.command-copy > p { max-width: 680px; margin: 18px 0 24px; color: #9098af; font-size: 12px; line-height: 1.6; }.command-actions { display: flex; gap: 9px; }
.signal-visual { position: relative; display: grid; place-items: center; width: 250px; height: 250px; justify-self: end; contain: layout paint; }.signal-core { position: relative; z-index: 4; display: grid; place-items: center; width: 76px; height: 76px; border: 1px solid rgba(255,255,255,.18); border-radius: 25px; background: radial-gradient(circle at 31% 22%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,#966fff,#4b58d9); box-shadow: 0 0 0 13px rgba(135,96,255,.055),0 22px 55px rgba(81,57,191,.42),inset 0 1px rgba(255,255,255,.35); font-size: 28px; font-weight: 900; transform: rotate(-7deg); }.signal-core i { position: absolute; right: -4px; bottom: -4px; width: 15px; height: 15px; border: 3px solid #111625; border-radius: 50%; background: var(--green); box-shadow: 0 0 17px rgba(70,223,162,.7); }
.signal-ring { position: absolute; border: 1px solid rgba(160,137,255,.13); border-radius: 50%; animation: signal-spin 17s linear infinite; }.signal-ring i { position: absolute; border-radius: 50%; background: var(--violet-2); box-shadow: 0 0 12px rgba(183,156,255,.75); }.ring-one { inset: 39px; border-style: dashed; }.ring-one i:first-child { top: 9px; left: 30px; width: 7px; height: 7px; }.ring-one i:last-child { right: 3px; bottom: 51px; width: 5px; height: 5px; background: var(--cyan); }.ring-two { inset: 9px; border-color: rgba(55,214,208,.08); animation-direction: reverse; animation-duration: 25s; }.ring-two::before,.ring-two::after { position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,.045); border-radius: 50%; content: ""; }.ring-two::after { inset: 48px; }.ring-two i:nth-child(1) { top: 28px; right: 37px; width: 4px; height: 4px; }.ring-two i:nth-child(2) { bottom: 16px; left: 50%; width: 6px; height: 6px; background: var(--cyan); }.ring-two i:nth-child(3) { top: 50%; left: 4px; width: 4px; height: 4px; }
.signal-caption { position: absolute; right: 10px; bottom: 8px; z-index: 5; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(70,223,162,.15); border-radius: 99px; background: rgba(8,12,21,.82); color: #88c9aa; font-size: 7px; font-weight: 800; letter-spacing: .09em; backdrop-filter: blur(12px); }.signal-caption i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(70,223,162,.7); animation: secure-pulse 2.2s ease-in-out infinite; }

.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 14px; }.metric-card { position: relative; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto auto; gap: 1px 12px; min-height: 116px; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--surface); box-shadow: var(--soft-shadow),inset 0 1px rgba(255,255,255,.05); cursor: pointer; text-align: left; transition: .2s ease; }.metric-card::after { position: absolute; right: -32px; bottom: -53px; width: 115px; height: 115px; border-radius: 50%; background: var(--metric-color); content: ""; filter: blur(48px); opacity: .12; }.metric-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb,var(--metric-color) 32%,transparent); }.metric-card.violet { --metric-color: var(--violet); }.metric-card.blue { --metric-color: var(--blue); }.metric-card.green { --metric-color: var(--green); }.metric-card.orange { --metric-color: var(--orange); }
.metric-card > span { display: grid; place-items: center; width: 42px; height: 42px; grid-row: 1 / 4; border: 1px solid color-mix(in srgb,var(--metric-color) 25%,transparent); border-radius: 13px; background: color-mix(in srgb,var(--metric-color) 10%,transparent); color: var(--metric-color); font-size: 18px; }.metric-card small { color: #626b82; font-size: 7px; font-weight: 850; letter-spacing: .14em; }.metric-card strong { font-size: 24px; line-height: 1.05; }.metric-card em { color: #777f96; font-size: 8px; font-style: normal; }
.home-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); gap: 14px; margin-top: 14px; }.home-status-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 9px 16px 16px; }.home-status-list div { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 14px 8px; border-bottom: 1px solid var(--line); }.home-status-list div:nth-last-child(-n+2) { border-bottom: 0; }.home-status-list span { color: #667087; font-size: 8px; }.home-status-list strong { overflow: hidden; color: #d5d9e6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.live-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid rgba(255,100,125,.15); border-radius: 99px; background: rgba(255,100,125,.05); color: #d5909c; font-size: 7px; font-weight: 750; }.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--red); }.live-pill.ready { border-color: rgba(70,223,162,.15); background: rgba(70,223,162,.05); color: #8ac8aa; }.live-pill.ready i { background: var(--green); box-shadow: 0 0 8px rgba(70,223,162,.55); }
.home-action-list { display: grid; gap: 8px; padding: 14px; }.home-action-list button { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 48px; padding: 6px 11px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.022); color: #abb2c5; cursor: pointer; text-align: left; transition: .18s ease; }.home-action-list button:hover { border-color: rgba(142,105,255,.24); background: rgba(142,105,255,.06); }.home-action-list span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(142,105,255,.09); color: #ab98ef; }.home-action-list b { font-size: 9px; }.home-action-list i { color: #606a82; font-style: normal; }
.heading-actions { display: flex; gap: 9px; }

.account-copy em { color: #566078; font-size: 7px; font-style: normal; }.account-status.healthy,.account-status.connected { color: var(--green); }.account-status.healthy i,.account-status.connected i { background: var(--green); box-shadow: 0 0 10px rgba(70,223,162,.5); }.account-status.limited { color: var(--orange); }.account-status.limited i { background: var(--orange); }.account-status.invalid { color: var(--red); }.account-status.invalid i { background: var(--red); }.account-status.unavailable,.account-status.unchecked { color: #8b93aa; }

.parser-control { position: relative; padding: 22px; overflow: hidden; }.parser-control::before { position: absolute; top: -90px; right: -60px; width: 230px; height: 230px; border: 1px solid rgba(143,108,255,.09); border-radius: 50%; content: ""; box-shadow: 0 0 80px rgba(103,77,224,.1); }.parser-control-copy { position: relative; display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }.parser-icon { display: grid; place-items: center; width: 47px; height: 47px; flex: 0 0 auto; border: 1px solid rgba(143,108,255,.25); border-radius: 15px; background: rgba(143,108,255,.1); color: #b8a3ff; font-size: 20px; box-shadow: 0 12px 28px rgba(72,51,164,.18); }.parser-control-copy .eyebrow { margin: 0 0 5px; }.parser-control-copy h2 { margin: 0 0 5px; font-size: 18px; }.parser-control-copy p { margin: 0; color: #707990; font-size: 9px; }
.parser-form { position: relative; display: grid; grid-template-columns: minmax(260px,1.45fr) minmax(190px,.8fr) auto; align-items: end; gap: 11px; }.parser-form .gradient-button { min-width: 190px; }.parser-progress { position: relative; display: grid; grid-template-columns: minmax(100px,.42fr) 1fr; align-items: center; gap: 14px; margin-top: 16px; padding: 13px; border: 1px solid rgba(143,108,255,.17); border-radius: 13px; background: rgba(143,108,255,.035); }.parser-progress[hidden] { display: none; }.parser-progress > span { height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }.parser-progress > span i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet),var(--cyan)); box-shadow: 0 0 12px rgba(143,108,255,.45); transition: width .35s ease; }.parser-progress p { margin: 0; }.parser-progress strong,.parser-progress small { display: block; }.parser-progress strong { margin-bottom: 4px; font-size: 9px; }.parser-progress small { color: #667087; font-size: 8px; }.parser-progress.success { border-color: rgba(70,223,162,.18); background: rgba(70,223,162,.035); }.parser-progress.error { border-color: rgba(255,100,125,.2); background: rgba(255,100,125,.035); }.parser-progress.error > span i { background: var(--red); }
.parser-results { margin-top: 14px; }.parser-stats { margin-bottom: 14px; }.parser-table-panel { overflow: hidden; }.parser-export { min-height: 35px; }.parser-table-wrap { max-height: 520px; overflow: auto; }.parser-table { width: 100%; border-collapse: collapse; }.parser-table th { position: sticky; top: 0; z-index: 2; padding: 11px 15px; border-bottom: 1px solid var(--line); background: rgba(12,15,25,.96); color: #626b82; font-size: 7px; letter-spacing: .1em; text-align: left; }.parser-table td { padding: 11px 15px; border-bottom: 1px solid rgba(255,255,255,.045); color: #929ab0; font-size: 8px; }.parser-table tr:last-child td { border-bottom: 0; }.parser-table code { color: #8f98b0; font-size: 8px; }.parser-person { display: inline-flex; align-items: center; gap: 8px; color: #d7dbe8; }.parser-person i { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: linear-gradient(145deg,#39456e,#20263e); color: #b9c0d5; font-size: 7px; font-style: normal; font-weight: 800; }.parser-person em { color: var(--blue); font-style: normal; }.parser-type { display: inline-flex; padding: 5px 8px; border-radius: 7px; background: rgba(70,223,162,.07); color: #83c6a4; font-size: 7px; }.parser-type.bot,.parser-type.suspected { background: rgba(255,170,72,.09); color: #e8ae68; }.parser-type.unavailable { background: rgba(255,100,125,.08); color: #dd8496; }

@keyframes signal-spin { to { transform: rotate(360deg); } }
@keyframes command-sweep { 0%,67% { transform: translateX(-150%) rotate(18deg); opacity: 0; } 73% { opacity: 1; } 90%,100% { transform: translateX(650%) rotate(18deg); opacity: 0; } }
@media (max-width: 1100px) { .command-hero { grid-template-columns: minmax(0,1fr) 210px; }.signal-visual { width: 205px; height: 205px; }.metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.parser-form { grid-template-columns: 1fr 1fr; }.parser-form .gradient-button { min-width: 0; } }
@media (max-width: 1180px) { .accounts-layout .import-panel { order: 0; } }
@media (max-width: 860px) { .command-hero { padding: 34px; }.home-grid { grid-template-columns: 1fr; }.heading-actions { width: 100%; }.heading-actions > button { flex: 1; }.top-connection { min-width: 98px; } }
@media (max-width: 590px) {
  .topbar { height: 62px; }.top-connection { min-width: 0; padding: 8px; }.top-connection b { display: none; }.top-connection small { font-size: 7px; }.save-state { display: none; }
  .command-hero { display: block; min-height: 330px; padding: 25px 20px; }.command-copy h1 { max-width: 300px; font-size: 34px; }.command-copy > p { max-width: 280px; margin: 14px 0 18px; font-size: 10px; }.command-actions { position: relative; z-index: 4; }.command-actions .gradient-button,.command-actions .glass-button { min-height: 41px; padding: 0 14px; }.signal-visual { position: absolute; right: -33px; bottom: -56px; width: 200px; height: 200px; opacity: .82; }.signal-caption { display: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.metric-card { grid-template-columns: 35px 1fr; min-height: 94px; padding: 13px; gap: 1px 9px; }.metric-card > span { width: 35px; height: 35px; font-size: 14px; }.metric-card strong { font-size: 20px; }.metric-card small { letter-spacing: .08em; }.home-status-list { grid-template-columns: 1fr; }.home-status-list div,.home-status-list div:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }.home-status-list div:last-child { border-bottom: 0; }
  .heading-actions { display: grid; grid-template-columns: 1fr 1fr; }.heading-actions .gradient-button,.heading-actions .glass-button { width: auto; min-height: 42px; padding: 0 9px; font-size: 9px; }
  .parser-control { padding: 17px; }.parser-control-copy { align-items: flex-start; }.parser-control-copy p { line-height: 1.45; }.parser-form { grid-template-columns: 1fr; }.parser-form .gradient-button { width: 100%; }.parser-progress { grid-template-columns: 1fr; }.parser-table-wrap { max-height: 480px; }.parser-table { min-width: 610px; }.parser-table th,.parser-table td { padding: 10px 12px; }
  .account-item { grid-template-columns: 41px minmax(0,1fr); }.account-actions { display: grid; grid-template-columns: repeat(3,auto); justify-content: start; }.account-copy small { line-height: 1.4; }
}
@media (max-width: 390px) { .command-copy h1 { font-size: 31px; }.metric-card em { font-size: 7px; }.top-actions .top-connection { display: grid; }.heading-actions { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .signal-ring,.signal-caption i,.command-hero::after { animation: none !important; } }

/* Spatial premium system — richer depth without bitmap-heavy assets. */
:root {
  --bg: #060812;
  --surface: #0e1322;
  --surface-2: #151b2e;
  --surface-3: #1a2238;
  --line: rgba(205, 213, 255, .09);
  --line-strong: rgba(210, 220, 255, .17);
  --text: #f8f9ff;
  --muted: #929bb5;
  --muted-2: #65708d;
  --violet: #9a78ff;
  --violet-2: #c2afff;
  --blue: #55b8ff;
  --cyan: #4ce2d5;
  --green: #50e6a7;
  --orange: #ffae68;
  --shadow: 0 34px 90px rgba(0,0,0,.48), 0 8px 24px rgba(0,0,0,.24);
  --soft-shadow: 0 18px 44px rgba(0,0,0,.31);
}

body {
  background:
    radial-gradient(900px 560px at 74% -14%, rgba(116,82,255,.13), transparent 67%),
    radial-gradient(700px 480px at 8% 78%, rgba(36,171,222,.075), transparent 70%),
    linear-gradient(150deg,#070914 0%,#060811 47%,#080b15 100%);
}
body::before {
  background:
    linear-gradient(115deg, transparent 0 43%, rgba(146,119,255,.024) 43.2% 43.45%, transparent 43.7%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.009) 0 1px, transparent 1px 72px),
    radial-gradient(circle at 82% 16%, rgba(151,113,255,.12), transparent 22%),
    radial-gradient(circle at 12% 86%, rgba(76,226,213,.07), transparent 24%);
  opacity: .94;
}
.ambient { filter: blur(110px); opacity: .17; }
.ambient-one { width: 620px; height: 620px; background: #7b4fff; }
.ambient-two { width: 650px; height: 650px; background: #1686d1; opacity: .1; }
.background-figures i {
  border-color: rgba(173,148,255,.11);
  background: linear-gradient(145deg,rgba(167,128,255,.045),rgba(78,208,221,.012));
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 30px 80px rgba(0,0,0,.12);
}

.sidebar {
  border-right-color: rgba(194,177,255,.11);
  background:
    radial-gradient(240px 190px at 12% 3%,rgba(141,103,255,.15),transparent 72%),
    linear-gradient(180deg,rgba(12,14,27,.985),rgba(7,9,18,.985));
  box-shadow: 22px 0 70px rgba(0,0,0,.2), inset -1px 0 rgba(255,255,255,.025);
}
.brand { position: relative; padding-bottom: 28px; }
.brand::after { position: absolute; right: 6px; bottom: 13px; left: 6px; height: 1px; background: linear-gradient(90deg,transparent,rgba(184,162,255,.18),transparent); content: ""; }
.brand-mark {
  width: 43px; height: 43px; border-radius: 15px;
  background: radial-gradient(circle at 28% 18%,rgba(255,255,255,.46),transparent 22%),linear-gradient(145deg,#b091ff 0%,#7555ee 48%,#3d62da 100%);
  box-shadow: 0 18px 34px rgba(101,70,224,.42), 0 4px 0 #392975, inset 0 1px rgba(255,255,255,.5), inset 0 -10px 20px rgba(38,33,112,.25);
  transform: translateY(-2px) rotate(-4deg);
}
.brand strong { font-size: 15px; text-shadow: 0 3px 16px rgba(205,190,255,.16); }
.brand small { color: #6f7996; }
.side-nav { gap: 7px; }
.nav-item {
  min-height: 48px; border-color: rgba(255,255,255,.025); border-radius: 15px;
  background: linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.nav-item:hover { border-color: rgba(177,151,255,.12); background: linear-gradient(135deg,rgba(151,113,255,.08),rgba(255,255,255,.018)); }
.nav-item.active {
  border-color: rgba(168,139,255,.32);
  background: radial-gradient(circle at 0 50%,rgba(145,106,255,.24),transparent 47%),linear-gradient(135deg,rgba(131,91,255,.2),rgba(54,69,142,.075));
  box-shadow: 0 14px 30px rgba(41,26,96,.25), inset 0 1px rgba(255,255,255,.1), inset 3px 0 #a080ff;
  transform: translateY(-1px);
}
.nav-icon {
  border: 1px solid rgba(255,255,255,.055); border-radius: 9px;
  background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  box-shadow: 0 7px 14px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06);
}
.nav-item.active .nav-icon { border-color: rgba(184,158,255,.2); background: linear-gradient(145deg,rgba(174,139,255,.22),rgba(83,66,167,.1)); box-shadow: 0 9px 20px rgba(94,60,190,.25), inset 0 1px rgba(255,255,255,.14); }
.workspace-state {
  margin-bottom: 0; padding: 13px; border-color: rgba(144,167,228,.12); border-radius: 15px;
  background: radial-gradient(circle at 0 50%,rgba(72,226,190,.06),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow: 0 12px 26px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07);
}

.topbar {
  border-bottom-color: rgba(188,172,255,.1);
  background: linear-gradient(180deg,rgba(9,11,22,.92),rgba(7,9,17,.78));
  box-shadow: 0 12px 34px rgba(0,0,0,.16), inset 0 -1px rgba(255,255,255,.018);
  backdrop-filter: blur(28px) saturate(1.2);
}
.page-meta strong { letter-spacing: -.025em; text-shadow: 0 6px 18px rgba(191,173,255,.18); }
.mobile-menu,.icon-button {
  border-color: rgba(177,155,255,.14); border-radius: 13px;
  background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.1), inset 0 -4px 8px rgba(0,0,0,.12);
}
.top-connection {
  border-color: rgba(176,158,238,.13); border-radius: 13px;
  background: linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.012));
  box-shadow: 0 10px 26px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.075);
}

.view { width: min(1320px,100%); }
.section-heading h1 { text-shadow: 0 10px 38px rgba(163,137,255,.12); }
.eyebrow,.hero-kicker { color: #9e8edc; text-shadow: 0 0 18px rgba(154,120,255,.24); }
.panel {
  border-color: rgba(188,197,240,.105); border-radius: 23px;
  background: radial-gradient(circle at 12% 0,rgba(158,125,255,.055),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.009) 60%),#0d1220;
  box-shadow: 0 24px 58px rgba(0,0,0,.34), 0 3px 10px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.085), inset 0 -1px rgba(255,255,255,.018);
}
.panel:hover { border-color: rgba(171,145,255,.24); box-shadow: 0 30px 70px rgba(0,0,0,.4),0 0 42px rgba(110,75,231,.045),inset 0 1px rgba(255,255,255,.1); }
.panel-head { border-bottom-color: rgba(196,204,244,.08); background: linear-gradient(180deg,rgba(255,255,255,.018),transparent); }

.gradient-button,.glass-button,.danger-button,.launch-button {
  border-radius: 15px;
  transform: translateY(-2px);
}
.gradient-button {
  border-color: rgba(232,226,255,.28);
  background: radial-gradient(circle at 25% 0,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,#ab87ff 0%,#7659ef 49%,#4e78ea 100%);
  box-shadow: 0 17px 34px rgba(89,63,211,.38),0 4px 0 #403183,inset 0 1px rgba(255,255,255,.48),inset 0 -10px 18px rgba(39,42,131,.18);
}
.gradient-button:hover { transform: translateY(-4px); box-shadow: 0 23px 44px rgba(89,63,211,.48),0 5px 0 #403183,inset 0 1px rgba(255,255,255,.52); }
.gradient-button:active { transform: translateY(1px); box-shadow: 0 8px 18px rgba(89,63,211,.3),0 1px 0 #403183,inset 0 1px rgba(255,255,255,.3); }
.glass-button {
  border-color: rgba(199,207,243,.15);
  background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.024));
  box-shadow: 0 14px 28px rgba(0,0,0,.25),0 3px 0 rgba(2,4,10,.5),inset 0 1px rgba(255,255,255,.11);
}
.glass-button:hover { transform: translateY(-3px); border-color: rgba(180,151,255,.38); box-shadow: 0 18px 34px rgba(0,0,0,.31),0 4px 0 rgba(2,4,10,.55),inset 0 1px rgba(255,255,255,.13); }
.glass-button:active { transform: translateY(0); box-shadow: 0 7px 16px rgba(0,0,0,.25),0 1px 0 rgba(2,4,10,.55),inset 0 1px rgba(255,255,255,.08); }

.command-hero {
  min-height: 324px; padding: 47px 52px;
  border-color: rgba(187,154,255,.3); border-radius: 32px;
  background:
    radial-gradient(circle at 79% 40%,rgba(114,90,255,.3),transparent 25%),
    radial-gradient(circle at 94% 0,rgba(76,226,213,.11),transparent 25%),
    radial-gradient(circle at 3% 105%,rgba(85,184,255,.13),transparent 34%),
    linear-gradient(135deg,#19162c 0%,#11152a 42%,#09101c 100%);
  box-shadow: 0 38px 90px rgba(0,0,0,.5),0 8px 22px rgba(36,24,86,.28),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(91,75,157,.18);
}
.command-hero::before {
  background-image:
    linear-gradient(rgba(221,216,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(221,216,255,.025) 1px,transparent 1px),
    linear-gradient(120deg,transparent 64%,rgba(255,255,255,.032) 64.3%,transparent 64.6%);
  background-size: 30px 30px,30px 30px,100% 100%;
  mask-image: linear-gradient(90deg,#000 5%,rgba(0,0,0,.82) 62%,transparent 96%);
}
.command-hero::after { background: linear-gradient(90deg,transparent,rgba(225,218,255,.07),transparent); }
.command-copy h1 { font-size: clamp(42px,4.65vw,66px); text-shadow: 0 18px 52px rgba(0,0,0,.36); }
.command-copy h1 em { color: #b9acd9; background: linear-gradient(90deg,#c8baff,#8b95c4); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.command-copy > p { color: #a0a8bf; }
.hero-meta { display: flex; gap: 8px; margin: -7px 0 21px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid rgba(189,172,255,.12); border-radius: 8px; background: rgba(255,255,255,.027); color: #747f9b; font-size: 7px; font-weight: 800; letter-spacing: .09em; box-shadow: inset 0 1px rgba(255,255,255,.035); }
.hero-meta i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px rgba(80,230,167,.75); }
.signal-visual { width: 278px; height: 278px; perspective: 700px; }
.signal-visual::before { position: absolute; inset: 31px; border-radius: 50%; background: radial-gradient(circle,rgba(132,100,255,.2),transparent 65%); content: ""; filter: blur(18px); }
.signal-slab { position: absolute; z-index: 1; display: block; width: 132px; height: 76px; border: 1px solid rgba(196,181,255,.14); border-radius: 22px; background: linear-gradient(145deg,rgba(172,139,255,.12),rgba(20,26,53,.12)); box-shadow: 0 24px 50px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(5px); }
.slab-one { top: 40px; right: 3px; transform: rotate(21deg) skewX(-7deg); }
.slab-two { bottom: 37px; left: 0; width: 105px; height: 63px; border-color: rgba(76,226,213,.1); transform: rotate(-19deg) skewX(6deg); }
.signal-core {
  width: 86px; height: 86px; border-radius: 28px;
  background: radial-gradient(circle at 27% 18%,rgba(255,255,255,.42),transparent 25%),linear-gradient(145deg,#b08aff,#7258f1 45%,#3e64d8);
  box-shadow: 0 0 0 14px rgba(143,104,255,.065),0 28px 66px rgba(64,43,160,.54),0 7px 0 #382b78,inset 0 1px rgba(255,255,255,.55),inset 0 -16px 25px rgba(42,38,129,.23);
  transform: rotate(-8deg) translateZ(24px); animation: core-float 5.4s ease-in-out infinite;
}
.ring-one { inset: 43px; }.ring-two { inset: 5px; }
.signal-caption { right: 7px; bottom: 12px; box-shadow: 0 14px 32px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07); }

.metric-grid { gap: 14px; margin-top: 18px; }
.metric-card {
  min-height: 126px; padding: 20px; border-color: rgba(197,204,239,.1); border-radius: 21px;
  background: radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--metric-color) 10%,transparent),transparent 43%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.011) 64%),#0d1220;
  box-shadow: 0 22px 46px rgba(0,0,0,.34),0 4px 0 #070a12,inset 0 1px rgba(255,255,255,.105),inset 0 -1px rgba(255,255,255,.02);
  transform: translateY(-2px);
}
.metric-card::before { position: absolute; top: 0; right: 18px; left: 18px; height: 1px; background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--metric-color) 45%,transparent),transparent); content: ""; opacity: .7; }
.metric-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0,0,0,.4),0 5px 0 #070a12,0 0 35px color-mix(in srgb,var(--metric-color) 8%,transparent),inset 0 1px rgba(255,255,255,.13); }
.metric-card:active { transform: translateY(0); box-shadow: 0 12px 25px rgba(0,0,0,.3),0 1px 0 #070a12,inset 0 1px rgba(255,255,255,.08); }
.metric-card > span {
  border-radius: 15px;
  background: radial-gradient(circle at 28% 18%,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--metric-color) 18%,#182039),rgba(11,15,27,.88));
  box-shadow: 0 13px 26px color-mix(in srgb,var(--metric-color) 13%,transparent),0 3px 0 rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.12);
}
.metric-card strong { text-shadow: 0 8px 24px color-mix(in srgb,var(--metric-color) 18%,transparent); }

.home-grid { gap: 16px; margin-top: 18px; }
.home-status-panel { background: radial-gradient(circle at 100% 0,rgba(85,184,255,.07),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.007)),#0d1220; }
.home-actions-panel { background: radial-gradient(circle at 0 100%,rgba(154,120,255,.09),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.007)),#0d1220; }
.home-status-list div { margin: 3px; padding: 14px 12px; border: 1px solid rgba(255,255,255,.045); border-radius: 12px; background: linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005)); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.home-status-list div:nth-last-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.045); }
.home-action-list { gap: 10px; }
.home-action-list button {
  min-height: 54px; border-color: rgba(190,199,237,.09); border-radius: 15px;
  background: linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.011));
  box-shadow: 0 12px 23px rgba(0,0,0,.22),0 2px 0 rgba(2,4,10,.58),inset 0 1px rgba(255,255,255,.07);
  transform: translateY(-1px);
}
.home-action-list button:hover { transform: translateY(-3px); border-color: rgba(166,137,255,.28); background: linear-gradient(145deg,rgba(151,113,255,.12),rgba(55,69,125,.035)); box-shadow: 0 18px 32px rgba(0,0,0,.28),0 3px 0 rgba(2,4,10,.62),inset 0 1px rgba(255,255,255,.1); }
.home-action-list button:active { transform: translateY(0); box-shadow: 0 6px 14px rgba(0,0,0,.25),0 1px 0 rgba(2,4,10,.6); }
.home-action-list span { border: 1px solid rgba(177,148,255,.17); border-radius: 11px; background: linear-gradient(145deg,rgba(163,126,255,.18),rgba(50,44,98,.15)); box-shadow: 0 8px 18px rgba(63,38,132,.22),inset 0 1px rgba(255,255,255,.1); }

.field input,.field select,.field textarea,.source-controls select,.recent-count select {
  border-color: rgba(181,191,231,.11);
  background: linear-gradient(180deg,rgba(4,7,14,.88),rgba(10,14,25,.92));
  box-shadow: inset 0 2px 8px rgba(0,0,0,.24),0 1px rgba(255,255,255,.025);
}
.field input:focus,.field select:focus,.field textarea:focus { border-color: rgba(166,127,255,.58); box-shadow: 0 0 0 3px rgba(145,110,255,.09),0 11px 25px rgba(0,0,0,.19),inset 0 2px 8px rgba(0,0,0,.2); }
.account-item,.source-card,.report-item,.mode-card,.dispatch-option,.file-drop {
  border-color: rgba(190,199,237,.095);
  background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.009)),rgba(10,14,25,.84);
  box-shadow: 0 14px 32px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.065);
}
.account-item.active { box-shadow: 0 18px 38px rgba(0,0,0,.28),0 0 30px rgba(80,230,167,.045),inset 0 1px rgba(255,255,255,.08); }
.parser-control { background: radial-gradient(circle at 92% 0,rgba(154,120,255,.12),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.007)),#0d1220; }
.parser-icon,.panel-accent-icon { box-shadow: 0 14px 28px rgba(67,44,151,.28),0 3px 0 rgba(23,18,56,.8),inset 0 1px rgba(255,255,255,.14); }

@keyframes core-float { 0%,100% { transform: rotate(-8deg) translateY(0) translateZ(24px); } 50% { transform: rotate(-5deg) translateY(-7px) translateZ(24px); } }

@media (max-width: 860px) {
  .sidebar { box-shadow: 30px 0 80px rgba(0,0,0,.58),inset -1px 0 rgba(255,255,255,.035); }
  .command-hero { padding: 38px; }
}
@media (max-width: 590px) {
  .view { padding-top: 17px; }
  .command-hero { min-height: 358px; padding: 28px 22px; border-radius: 25px; box-shadow: 0 28px 65px rgba(0,0,0,.48),0 6px 18px rgba(36,24,86,.25),inset 0 1px rgba(255,255,255,.12); }
  .command-copy h1 { max-width: 320px; font-size: 36px; }
  .command-copy > p { max-width: 300px; margin-bottom: 14px; }
  .hero-meta { max-width: 230px; flex-wrap: wrap; margin-bottom: 17px; }
  .hero-meta span { padding: 5px 7px; font-size: 6px; }
  .signal-visual { right: -50px; bottom: -59px; width: 218px; height: 218px; }
  .signal-core { width: 71px; height: 71px; border-radius: 23px; font-size: 25px; box-shadow: 0 0 0 11px rgba(143,104,255,.06),0 23px 50px rgba(64,43,160,.48),0 5px 0 #382b78,inset 0 1px rgba(255,255,255,.5); }
  .signal-slab { width: 104px; height: 58px; border-radius: 18px; }.slab-two { width: 82px; height: 50px; }
  .metric-grid { margin-top: 12px; }
  .metric-card { min-height: 103px; padding: 14px; border-radius: 17px; box-shadow: 0 16px 32px rgba(0,0,0,.32),0 3px 0 #070a12,inset 0 1px rgba(255,255,255,.095); }
  .metric-card:hover { transform: translateY(-3px); }
  .home-grid { margin-top: 12px; }
  .home-status-list { gap: 7px; padding: 12px; }.home-status-list div { margin: 0; }
  .panel { border-radius: 19px; box-shadow: 0 19px 44px rgba(0,0,0,.33),0 3px 9px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.075); }
}
@media (max-width: 390px) {
  .command-copy h1 { font-size: 33px; }
  .hero-meta span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .signal-core { animation: none !important; }
}

/* Pulse identity and compact operation journal. */
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.ui-icon,.pulse-logo { display: block; width: 1em; height: 1em; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark .pulse-logo { width: 27px; height: 27px; color: #fff; stroke-width: 2.3; filter: drop-shadow(0 5px 9px rgba(35,23,104,.45)); }
.nav-icon .ui-icon { width: 15px; height: 15px; stroke-width: 1.75; }
.metric-icon .ui-icon { width: 21px; height: 21px; stroke-width: 1.65; }
.home-action-list .ui-icon { width: 15px; height: 15px; }
.signal-core .pulse-logo { width: 51px; height: 51px; color: #fff; stroke-width: 2.35; filter: drop-shadow(0 8px 14px rgba(34,25,115,.45)); }

.command-copy h1 { margin-bottom: 25px; font-size: clamp(64px,7.5vw,104px); line-height: .82; letter-spacing: -.075em; }
.command-copy h1 em { display: inline-block; color: transparent; font-style: normal; font-weight: 790; background: linear-gradient(118deg,#fff 4%,#dbd3ff 46%,#8ca8e8 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 18px 35px rgba(61,43,143,.28)); }

.report-list { gap: 6px; padding: 10px; }
details.report-item { display: block; padding: 0; overflow: hidden; border-radius: 13px; transition: border-color .18s ease,background .18s ease,box-shadow .18s ease; }
details.report-item[open] { border-color: rgba(161,131,255,.24); background: linear-gradient(145deg,rgba(145,105,255,.07),rgba(255,255,255,.012)),rgba(10,14,25,.9); box-shadow: 0 17px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.075); }
.report-row { display: grid; grid-template-columns: 19px minmax(92px,.58fr) minmax(100px,1.42fr) auto 18px; align-items: center; gap: 10px; min-height: 53px; padding: 8px 12px; cursor: pointer; list-style: none; user-select: none; }
.report-row::-webkit-details-marker { display: none; }
.report-row:hover { background: rgba(255,255,255,.018); }
.report-row .report-status { display: grid; place-items: center; width: 19px; height: 19px; padding: 0; border: 1px solid currentColor; border-radius: 7px; background: color-mix(in srgb,currentColor 8%,transparent); box-shadow: 0 5px 12px color-mix(in srgb,currentColor 10%,transparent),inset 0 1px rgba(255,255,255,.06); }
.report-row .report-status i { width: 5px; height: 5px; box-shadow: 0 0 7px currentColor; }
.report-row .report-source { min-width: 0; }.report-row .report-source b,.report-row .report-source small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.report-row .report-source b { margin: 0 0 3px; font-size: 9px; }.report-row .report-source small { color: #5f6983; font-size: 7px; }
.report-preview { overflow: hidden; color: #9099af; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.report-row time { color: #59627a; font-size: 7px; white-space: nowrap; }
.report-chevron { color: #69738d; font-size: 14px; line-height: 1; text-align: center; transition: transform .18s ease,color .18s ease; }
.report-item[open] .report-chevron { color: #af9aff; transform: rotate(180deg); }
.report-details { padding: 0 12px 12px 41px; border-top: 1px solid rgba(255,255,255,.045); }
.report-details .report-message { margin: 10px 0; padding: 10px 12px; max-height: 96px; overflow: auto; border-radius: 9px; background: rgba(3,6,13,.52); font-size: 8px; }
.report-detail-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.report-detail-footer .report-reason { min-width: 0; }.report-detail-footer .report-reason > span { width: 24px; height: 24px; border-radius: 8px; }.report-detail-footer .report-reason small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.report-detail-footer .mini-action { flex: 0 0 auto; min-height: 29px; }

@media (max-width: 590px) {
  .command-copy h1 { margin: 5px 0 22px; font-size: 66px; }
  .signal-core .pulse-logo { width: 41px; height: 41px; }
  .report-list { padding: 8px; }
  .report-row { grid-template-columns: 18px minmax(0,1fr) auto 16px; grid-template-rows: auto auto; gap: 3px 9px; min-height: 58px; padding: 8px 10px; }
  .report-row .report-status { grid-row: 1 / 3; }.report-row .report-source { grid-column: 2; grid-row: 1; }.report-row time { grid-column: 3; grid-row: 1; }.report-chevron { grid-column: 4; grid-row: 1 / 3; }.report-preview { grid-column: 2 / 4; grid-row: 2; font-size: 7px; }
  .report-details { padding: 0 10px 10px 37px; }.report-detail-footer { align-items: flex-start; flex-direction: column; }.report-detail-footer .report-reason small { white-space: normal; }.report-detail-footer .mini-action { align-self: flex-end; }
}
@media (max-width: 390px) {
  .command-copy h1 { font-size: 61px; }
}

/* Art-directed Pulse overview. */
.brand-mark { width: 50px; height: 50px; overflow: visible; border: 0; background: none; box-shadow: none; transform: none; animation: none; }
.brand-mark::after { display: none; }
.command-hero {
  display: block;
  min-height: 315px;
  padding: 36px 44px;
  overflow: hidden;
  isolation: isolate;
  background-image:
    linear-gradient(90deg,rgba(6,8,18,.98) 0%,rgba(7,9,21,.93) 33%,rgba(8,10,23,.52) 61%,rgba(7,9,18,.16) 100%),
    linear-gradient(180deg,rgba(10,11,27,.08),rgba(5,7,16,.35)),
    url("/static/assets/pulse-hero-v1.jpg?v=20260927-21");
  background-position: center,center,center 62%;
  background-size: cover;
  box-shadow: 0 38px 90px rgba(0,0,0,.52),0 10px 35px rgba(48,39,120,.2),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(101,86,184,.2);
}
.command-hero::before {
  z-index: 0;
  background: linear-gradient(135deg,rgba(255,255,255,.025),transparent 27%,transparent 72%,rgba(101,85,219,.035));
  mask-image: none;
}
.command-hero::after { display: none; }
.command-copy { position: relative; z-index: 3; display: flex; max-width: 470px; min-height: 235px; align-items: flex-start; flex-direction: column; justify-content: center; }
.command-copy .hero-kicker { margin-bottom: 12px; color: #9497bd; letter-spacing: .16em; }
.command-copy h1 { margin: 0; padding: 2px 5px 5px 0; font-size: clamp(72px,8vw,112px); line-height: .88; letter-spacing: -.068em; }
.command-copy h1 em { background: linear-gradient(115deg,#fff 4%,#e2ddff 48%,#9aace6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 17px 32px rgba(41,32,112,.4)); }
.hero-subtitle { margin-top: 16px; color: #808aa8; font-size: 9px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.command-actions { align-items: center; margin-top: 26px; }
.command-actions .gradient-button { min-width: 168px; }.command-actions .gradient-button .ui-icon { width: 16px; height: 16px; }
.hero-report-button { position: absolute; bottom: 18px; left: 44px; z-index: 4; display: inline-flex; width: 104px; height: 30px; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(171,150,255,.25); border-radius: 99px; background: linear-gradient(135deg,rgba(112,84,218,.28),rgba(35,42,89,.58)); box-shadow: 0 12px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12); color: #ded8ff; font-size: 7px; font-weight: 760; cursor: pointer; transition: .18s ease; backdrop-filter: blur(12px); }
.hero-report-button:hover { border-color: rgba(172,143,255,.4); color: #fff; transform: translateY(-2px); }.hero-report-button:active { transform: translateY(0); box-shadow: 0 7px 16px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08); }.hero-report-button .ui-icon { width: 14px; height: 14px; }
.hero-live { position: absolute; right: 44px; bottom: 18px; z-index: 4; display: inline-flex; width: 104px; height: 30px; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border: 1px solid rgba(82,218,198,.22); border-radius: 99px; background: linear-gradient(135deg,rgba(80,104,205,.24),rgba(24,133,169,.2)); box-shadow: 0 12px 28px rgba(0,0,0,.32),0 0 24px rgba(71,171,208,.1),inset 0 1px rgba(255,255,255,.09); color: #b8e4e3; font-size: 6px; font-weight: 820; letter-spacing: .11em; backdrop-filter: blur(12px); }
.hero-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(80,230,167,.75); animation: secure-pulse 2.2s ease-in-out infinite; }

.route-panel { background: radial-gradient(circle at 0 0,rgba(85,184,255,.09),transparent 33%),radial-gradient(circle at 100% 100%,rgba(154,120,255,.075),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.007)),#0d1220; }
.route-rail { display: grid; grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr); align-items: center; gap: 4px; padding: 17px 18px 12px; }
.route-node { position: relative; display: grid; min-width: 0; min-height: 113px; align-content: center; justify-items: center; padding: 13px 8px; overflow: hidden; border: 1px solid rgba(195,202,236,.09); border-radius: 17px; background: linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.008)); box-shadow: 0 14px 28px rgba(0,0,0,.24),0 3px 0 rgba(3,5,11,.5),inset 0 1px rgba(255,255,255,.07); text-align: center; }
.route-node::after { position: absolute; right: -32px; bottom: -42px; width: 100px; height: 100px; border-radius: 50%; background: var(--route-color); content: ""; filter: blur(38px); opacity: .1; }
.route-node.blue { --route-color: var(--blue); }.route-node.violet { --route-color: var(--violet); }.route-node.green { --route-color: var(--green); }
.route-node > span { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 10px; border: 1px solid color-mix(in srgb,var(--route-color) 23%,transparent); border-radius: 12px; background: color-mix(in srgb,var(--route-color) 11%,transparent); box-shadow: 0 10px 21px color-mix(in srgb,var(--route-color) 10%,transparent),inset 0 1px rgba(255,255,255,.08); color: var(--route-color); }
.route-node .ui-icon { width: 17px; height: 17px; }.route-node small { position: relative; z-index: 1; margin-bottom: 5px; color: #59647f; font-size: 6px; font-weight: 820; letter-spacing: .12em; }.route-node strong { position: relative; z-index: 1; max-width: 100%; overflow: hidden; color: #dbe0ef; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.route-link { position: relative; height: 1px; background: linear-gradient(90deg,rgba(85,184,255,.2),rgba(154,120,255,.34)); }.route-link::after { position: absolute; top: -3px; right: 0; width: 7px; height: 7px; border-top: 1px solid #8f7ae7; border-right: 1px solid #8f7ae7; content: ""; transform: rotate(45deg); }
.route-result { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 18px 17px; padding: 11px 13px; border: 1px solid rgba(196,203,237,.075); border-radius: 12px; background: rgba(3,6,13,.3); }
.route-result span { display: inline-flex; align-items: center; gap: 7px; color: #626d89; font-size: 7px; }.route-result span i { width: 5px; height: 5px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 8px rgba(154,120,255,.6); }.route-result strong { overflow: hidden; color: #aeb6ca; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.home-actions-panel { background: radial-gradient(circle at 100% 0,rgba(154,120,255,.1),transparent 37%),linear-gradient(145deg,rgba(255,255,255,.046),rgba(255,255,255,.007)),#0d1220; }
.home-action-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
.home-action-list button { grid-template-columns: 34px minmax(0,1fr) auto; min-height: 72px; padding: 10px; }.home-action-list b { line-height: 1.35; }.home-action-list i { align-self: start; margin-top: 5px; }

.settings-heading-tools { display: flex; align-items: center; gap: 10px; }
.settings-brand { display: flex; align-items: center; gap: 9px; padding: 7px 11px 7px 7px; border: 1px solid rgba(161,139,255,.16); border-radius: 13px; background: linear-gradient(145deg,rgba(111,83,221,.1),rgba(255,255,255,.015)); box-shadow: 0 13px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06); }
.settings-brand img { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(86,69,221,.35)); }
.settings-brand > span { display: grid; gap: 3px; }.settings-brand b { font-size: 10px; }.settings-brand small { color: #68718b; font-size: 5px; font-weight: 800; letter-spacing: .16em; }

.audience-total { align-self: center; min-width: 68px; padding: 9px 12px; text-align: center; }
.audience-library { margin-bottom: 14px; overflow: hidden; background: radial-gradient(circle at 100% 0,rgba(65,165,255,.09),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.007)),#0d1220; }
.audience-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 13px; }
.audience-empty { grid-column: 1/-1; padding: 28px 16px; color: #69728a; font-size: 9px; text-align: center; }
.audience-card { position: relative; display: grid; grid-template-columns: 39px minmax(0,1fr); gap: 10px; padding: 13px; overflow: hidden; border: 1px solid rgba(180,188,225,.09); border-radius: 15px; background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.009)); box-shadow: 0 12px 26px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055); }
.audience-card::after { position: absolute; right: -35px; bottom: -45px; width: 100px; height: 100px; border-radius: 50%; background: #6c5cea; content: ""; filter: blur(42px); opacity: .09; }
.audience-card > span { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(91,186,255,.18); border-radius: 12px; background: rgba(65,165,255,.08); color: #70bcf7; }.audience-card > span .ui-icon { width: 18px; height: 18px; }
.audience-card-copy { min-width: 0; }.audience-card-copy strong,.audience-card-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.audience-card-copy strong { margin: 2px 0 4px; font-size: 10px; }.audience-card-copy small { color: #68728a; font-size: 7px; }
.audience-card-stats { grid-column: 1/-1; display: flex; gap: 7px; }.audience-card-stats b { flex: 1; padding: 8px; border: 1px solid rgba(255,255,255,.055); border-radius: 9px; background: rgba(3,6,13,.28); color: #8f98af; font-size: 7px; font-weight: 650; text-align: center; }.audience-card-stats b em { color: #dcdef0; font-style: normal; }
.audience-card-actions { position: relative; z-index: 2; grid-column: 1/-1; display: grid; grid-template-columns: .8fr .8fr 1.15fr .85fr; gap: 6px; }.audience-card-actions button { min-height: 30px; padding: 0 7px; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; background: rgba(255,255,255,.025); color: #818aa1; font-size: 7px; cursor: pointer; }.audience-card-actions button[data-use-audience] { border-color: rgba(147,116,255,.18); background: rgba(128,91,239,.08); color: #b7a5f3; }.audience-card-actions button.delete { border-color: rgba(255,100,125,.12); color: #c77889; }
.parser-actions { display: flex; gap: 7px; }.parser-actions .gradient-button { min-height: 35px; padding-inline: 12px; }

.invite-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(300px,.88fr); gap: 15px; }
.invite-control,.invite-status-panel { overflow: hidden; background: radial-gradient(circle at 100% 0,rgba(140,101,255,.1),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.044),rgba(255,255,255,.007)),#0d1220; }
.invite-shield { align-self: center; padding: 7px 9px; border: 1px solid rgba(69,222,162,.16); border-radius: 8px; background: rgba(69,222,162,.05); color: #78caa7; font-size: 6px; font-weight: 800; letter-spacing: .09em; }
.invite-form { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; padding: 17px; }.invite-form .field:nth-child(4) { grid-column: 1/-1; max-width: 230px; }.invite-form .full,.consent-check { grid-column: 1/-1; }
.consent-check { display: grid; grid-template-columns: 17px 1fr; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid rgba(155,130,255,.13); border-radius: 12px; background: rgba(122,87,235,.045); cursor: pointer; }.consent-check input { margin-top: 2px; accent-color: var(--violet); }.consent-check b,.consent-check small { display: block; }.consent-check b { margin-bottom: 4px; font-size: 9px; }.consent-check small { color: #68718a; font-size: 7px; line-height: 1.45; }
.invite-status { min-height: 185px; padding: 18px; }.invite-status-empty { display: grid; min-height: 145px; place-items: center; align-content: center; color: #68718a; text-align: center; }.invite-status-empty span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 12px; border: 1px solid rgba(150,120,255,.16); border-radius: 15px; background: rgba(131,92,240,.07); color: #ac96ef; }.invite-status-empty strong { margin-bottom: 5px; color: #aeb5ca; font-size: 10px; }.invite-status-empty small { font-size: 7px; }
.invite-job-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }.invite-job-head > div { min-width: 0; }.invite-job-head strong,.invite-job-head small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.invite-job-head strong { font-size: 12px; }.invite-job-head small { margin-top: 4px; color: #737d95; font-size: 7px; }.invite-job-state { flex: 0 0 auto; padding: 6px 8px; border-radius: 8px; background: rgba(65,165,255,.08); color: #75baf1; font-size: 7px; }.invite-job-state.completed { background: rgba(70,223,162,.08); color: #77ceaa; }.invite-job-state.failed { background: rgba(255,100,125,.08); color: #e98798; }
.invite-job-progress { height: 6px; margin-bottom: 13px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.055); }.invite-job-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet),var(--cyan)); box-shadow: 0 0 12px rgba(132,100,255,.38); transition: width .3s; }
.invite-job-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.invite-job-stats span { padding: 10px 7px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; background: rgba(3,6,13,.28); text-align: center; }.invite-job-stats b,.invite-job-stats small { display: block; }.invite-job-stats b { margin-bottom: 3px; font-size: 13px; }.invite-job-stats small { color: #657089; font-size: 6px; }.invite-job-error { margin: 11px 0 0; color: #d88897; font-size: 7px; line-height: 1.45; }
.invite-policy { display: flex; gap: 10px; margin: 0 15px 15px; padding: 12px; border: 1px solid rgba(65,165,255,.1); border-radius: 12px; background: rgba(65,165,255,.035); }.invite-policy > span { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 auto; border-radius: 8px; background: rgba(65,165,255,.09); color: #70b9f1; }.invite-policy p { margin: 0; }.invite-policy strong,.invite-policy small { display: block; }.invite-policy strong { margin-bottom: 4px; font-size: 8px; }.invite-policy small { color: #66728b; font-size: 7px; line-height: 1.5; }

@media (max-width: 860px) {
  .command-hero { padding: 36px 34px; }
  .command-copy { min-height: 245px; }
  .advanced-heading,.settings-heading-tools { align-items: stretch; }.settings-heading-tools { width: 100%; }.settings-brand,.settings-heading-tools .autosave-badge { flex: 1; }
}
@media (max-width: 590px) {
  .command-hero { min-height: 305px; padding: 21px; background-image: linear-gradient(180deg,rgba(6,8,18,.97) 0%,rgba(7,9,20,.78) 41%,rgba(6,8,18,.15) 70%,rgba(5,7,15,.3) 100%),url("/static/assets/pulse-hero-v1.jpg?v=20260927-24"); background-position: center,64% center; background-size: cover; }
  .command-copy { max-width: 100%; min-height: 237px; justify-content: center; }
  .command-copy .hero-kicker { margin-bottom: 8px; font-size: 6px; }
  .command-copy h1 { max-width: calc(100% - 3px); padding: 2px 3px 4px 0; overflow: visible; font-size: 62px; line-height: .92; letter-spacing: -.06em; }
  .hero-subtitle { margin-top: 9px; font-size: 7px; }
  .command-actions { gap: 9px; margin-top: 15px; }.command-actions .gradient-button { min-width: 143px; }.hero-report-button { bottom: 13px; left: 21px; width: 96px; height: 27px; padding: 0 10px; }
  .hero-live { right: 21px; bottom: 13px; width: 96px; height: 27px; }
  .route-rail { grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); gap: 2px; padding: 13px 12px 10px; }.route-node { min-height: 99px; padding: 10px 5px; border-radius: 14px; }.route-node > span { width: 32px; height: 32px; margin-bottom: 8px; }.route-node small { font-size: 5px; letter-spacing: .08em; }.route-node strong { font-size: 7px; }.route-result { margin: 0 12px 13px; padding: 10px; }
  .home-action-list { gap: 8px; padding: 11px; }.home-action-list button { min-height: 68px; }
  .settings-heading-tools { flex-direction: column; }.settings-brand { justify-content: flex-start; }.settings-heading-tools .autosave-badge { flex: none; }
  .audience-list { grid-template-columns: 1fr; }.audience-card-actions { grid-template-columns: 1fr 1fr; }.parser-actions { flex-wrap: wrap; justify-content: flex-end; }.parser-actions .gradient-button { flex-basis: 100%; }.invite-layout { grid-template-columns: 1fr; }.invite-form { grid-template-columns: 1fr; }.invite-form .field:nth-child(4) { grid-column: auto; max-width: none; }.invite-form .full,.consent-check { grid-column: auto; }
}
@media (max-width: 390px) {
  .command-copy h1 { font-size: 58px; }
}
@media (prefers-reduced-motion: reduce) { .hero-live i { animation: none !important; } }