:root { color-scheme: dark; --bg: #07111f; --bg-deep: #040b14; --panel: #0c1a2a; --panel-2: #102337; --panel-3: #132a41; --line: #213d58; --line-soft: rgba(151, 190, 219, 0.14); --text: #edf8ff; --muted: #91a9bd; --muted-2: #6f8799; --cyan: #52d7ff; --mint: #74ebbf; --mint-strong: #39cfa1; --danger: #ff6f78; --warning: #ffc86f; --shadow: 0 24px 72px rgba(0, 0, 0, 0.28); --radius: 20px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg-deep); scroll-behavior: smooth; }
body { margin: 0px; min-height: 100vh; background: radial-gradient(circle at 16% -10%, rgba(82, 215, 255, 0.14), transparent 28rem),
    radial-gradient(circle at 86% 10%, rgba(116, 235, 191, 0.09), transparent 32rem),
    linear-gradient(180deg, #081524 0%, var(--bg) 42%, #050d17 100%); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.app-shell { min-height: 100vh; }
.topbar { position: sticky; top: 0px; z-index: 10; min-height: 68px; padding: 0px 5vw; display: flex; align-items: center; justify-content: space-between; background: rgba(5, 14, 24, 0.82); border-bottom: 1px solid var(--line-soft); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--text); text-decoration: none; font-weight: 760; letter-spacing: -0.02em; }
.brand-large { font-size: 1.08rem; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: rgb(3, 35, 30); background: linear-gradient(135deg, var(--mint), var(--cyan)); box-shadow: rgba(82, 215, 255, 0.18) 0px 8px 24px; font-weight: 900; }
.topbar-actions, .privacy-label { display: flex; align-items: center; gap: 14px; }
.privacy-label { color: var(--muted); font-size: 0.8rem; }
.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: rgba(116, 235, 191, 0.8) 0px 0px 12px; }
.workspace { width: min(1180px, 100% - 40px); margin: 0px auto; padding: 56px 0px 72px; }
.hero-panel { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 30px; }
.eyebrow { margin: 0px 0px 12px; color: var(--mint); font-size: 0.73rem; font-weight: 800; letter-spacing: 0.18em; }
h1, h2, p { margin-top: 0px; }
.hero-panel h1 { margin-bottom: 12px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -0.055em; line-height: 1.04; }
.hero-panel p:not(.eyebrow) { max-width: 690px; margin-bottom: 0px; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.account-pill { min-width: 220px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(13, 30, 47, 0.82); }
.account-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; color: var(--muted); background: var(--panel-3); font-weight: 800; }
.account-pill small, .account-pill strong { display: block; }
.account-pill small { margin-bottom: 3px; color: var(--muted-2); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; }
.account-pill strong { font-size: 0.9rem; }
.account-pill.is-online .account-avatar { color: rgb(6, 40, 30); background: linear-gradient(135deg, var(--mint), #5abdf6); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.stat-card { min-height: 134px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line-soft); border-radius: 17px; background: linear-gradient(145deg, rgba(17, 38, 58, 0.88), rgba(10, 26, 42, 0.88)); }
.stat-card span { color: var(--muted); font-size: 0.8rem; }
.stat-card strong { font-size: 2rem; letter-spacing: -0.05em; }
.stat-card small { color: var(--muted-2); font-size: 0.72rem; }
.control-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.panel { border: 1px solid var(--line-soft); border-radius: var(--radius); background: rgba(10, 25, 41, 0.9); box-shadow: var(--shadow); }
.connection-panel, .scan-panel { padding: 24px; }
.panel-heading, .data-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.panel-heading > div, .data-heading > div:first-child { display: flex; align-items: center; gap: 11px; }
.panel-heading h2, .data-heading h2 { margin: 0px; font-size: 1.08rem; letter-spacing: -0.025em; }
.step-number { color: var(--mint); font: 800 0.7rem / 1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
.panel-copy { margin-bottom: 20px; color: var(--muted); font-size: 0.84rem; line-height: 1.65; }
.badge { padding: 6px 10px; border-radius: 999px; font-size: 0.7rem; font-weight: 750; }
.badge-muted { color: var(--muted); background: rgba(135, 159, 180, 0.1); }
.badge-live { color: var(--mint); background: rgba(116, 235, 191, 0.1); }
.badge-warning { color: var(--warning); background: rgba(255, 200, 111, 0.1); }
.form-grid { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 14px; }
.form-grid label, .stack-form label, .modal-card label { display: flex; flex-direction: column; gap: 8px; }
.form-grid label > span, .stack-form label, .modal-card label > span, .field-label { color: var(--muted); font-size: 0.76rem; font-weight: 650; }
.full-field { grid-column: 1 / -1; }
input, select, textarea { width: 100%; min-height: 45px; padding: 0px 13px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; outline: none; background: rgba(5, 17, 29, 0.8); transition: border-color 0.18s, box-shadow 0.18s, background 0.18s; }
textarea { min-height: 132px; padding-top: 12px; resize: vertical; line-height: 1.55; }
input::placeholder, textarea::placeholder { color: rgb(83, 106, 125); }
input:focus, select:focus, textarea:focus { border-color: var(--cyan); box-shadow: rgba(82, 215, 255, 0.1) 0px 0px 0px 3px; background: rgb(7, 23, 37); }
select:disabled, input:disabled, textarea:disabled { cursor: not-allowed; opacity: 0.55; }
.button { min-height: 42px; padding: 0px 16px; border: 1px solid transparent; border-radius: 11px; color: var(--text); background: transparent; font-weight: 740; font-size: 0.82rem; transition: transform 0.16s, border-color 0.16s, background 0.16s, opacity 0.16s; }
.button:hover:not(:disabled) { transform: translateY(-1px); }
.button:focus-visible { outline: rgba(82, 215, 255, 0.32) solid 3px; outline-offset: 2px; }
.button:disabled { cursor: not-allowed; opacity: 0.42; }
.button-primary { color: rgb(5, 35, 28); background: linear-gradient(135deg, var(--mint), #61d7e9); box-shadow: rgba(59, 210, 174, 0.13) 0px 10px 28px; }
.button-secondary { color: rgb(8, 33, 42); background: var(--cyan); }
.button-ghost { color: var(--muted); border-color: var(--line); background: rgba(18, 39, 59, 0.5); }
.button-danger { color: rgb(255, 220, 224); border-color: rgba(255, 111, 120, 0.33); background: rgba(255, 111, 120, 0.1); }
.button-text { color: var(--danger); }
.button-small { min-height: 34px; padding: 0px 12px; font-size: 0.74rem; }
.button-wide { width: 100%; }
.field-label { display: block; margin-bottom: 8px; }
#group-select { margin-bottom: 15px; }
.source-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 15px 0px; }
.check-card { padding: 13px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(17, 39, 60, 0.54); cursor: pointer; }
.check-card input { width: 16px; min-height: auto; margin: 3px 0px 0px; accent-color: var(--mint-strong); }
.check-card strong, .check-card small { display: block; }
.check-card strong { margin-bottom: 5px; font-size: 0.81rem; }
.check-card small { color: var(--muted-2); font-size: 0.68rem; line-height: 1.45; }
#message-limit { margin-bottom: 15px; }
.fine-print { margin: 14px 0px 0px; color: var(--muted-2); font-size: 0.68rem; line-height: 1.55; }
.connected-account { margin-bottom: 18px; padding: 18px; display: flex; gap: 13px; border: 1px solid rgba(116, 235, 191, 0.2); border-radius: 14px; background: rgba(116, 235, 191, 0.06); }
.connected-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: rgb(3, 37, 29); background: var(--mint); font-weight: 900; }
.connected-account small, .connected-account strong, .connected-account div > span { display: block; }
.connected-account small { color: var(--muted-2); font-size: 0.67rem; }
.connected-account strong { margin: 2px 0px; }
.connected-account div > span { color: var(--cyan); font-size: 0.76rem; }
.accounts-panel { padding: 24px; margin-bottom: 18px; }
.inline-note { margin: 0px; text-align: right; }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.account-list { display: flex; flex-direction: column; gap: 12px; }
.account-list-note { margin: -4px 0px 16px; }
.account-list .tg-account-card { display: grid; grid-template-columns: minmax(150px, 220px) 1fr; gap: 18px; align-items: center; }
.account-list .account-card-heading { margin: 0px; }
.account-row-form { display: grid; grid-template-columns: minmax(120px, 0.65fr) minmax(180px, 1.2fr) minmax(190px, 1fr) auto; gap: 10px; align-items: end; }
.account-row-form label { min-width: 0px; }
.account-row-form .button { white-space: nowrap; height: 44px; }
.account-list .account-online { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.account-list .account-online.hidden { display: none; }
@media (max-width: 980px) {
  .account-list .tg-account-card { grid-template-columns: 1fr; }
  .account-row-form { grid-template-columns: 1fr 1fr; }
  .account-row-form .button { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .account-row-form { grid-template-columns: 1fr; }
}
.account-list .tg-account-card { padding: 13px 16px; }
.account-list .account-card-heading strong { margin: 5px 0px 1px; }
.account-list .account-card-heading { align-items: center; }
.account-row-form { grid-template-columns: minmax(105px, 0.55fr) minmax(170px, 1.1fr) minmax(175px, 0.95fr) auto auto; }
.account-row-form input { min-height: 40px; padding-top: 8px; padding-bottom: 8px; }
.account-row-form .button { height: 40px; }
.proxy-settings { position: relative; }
.proxy-settings summary { list-style: none; display: flex; align-items: center; height: 40px; padding: 0px 13px; border: 1px solid var(--border); border-radius: 10px; color: var(--cyan); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.proxy-settings summary::-webkit-details-marker { display: none; }
.proxy-settings[open] summary { border-color: var(--cyan); }
.proxy-fields { grid-column: 1 / -1; display: grid; grid-template-columns: 1.5fr 0.65fr 1fr 1fr auto; gap: 10px; align-items: end; margin-top: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: rgba(4, 20, 34, 0.7); }
.proxy-add-button { white-space: nowrap; }
.proxy-add-button.proxy-added { background: rgb(77, 224, 159); color: rgb(6, 36, 25); }
.proxy-settings[open] { grid-column: 1 / -1; }
.proxy-settings[open] .proxy-fields { display: grid; }
@media (max-width: 980px) {
  .account-row-form { grid-template-columns: 1fr 1fr; }
  .proxy-fields { grid-template-columns: 1fr 1fr; }
  .proxy-settings { grid-column: auto; }
  .proxy-settings[open] { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .proxy-fields { grid-template-columns: 1fr; }
  .proxy-settings { grid-column: 1 / -1; }
}
.account-export-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; padding: 12px 14px; border: 1px solid rgba(82, 215, 255, 0.24); border-radius: 13px; background: rgba(82, 215, 255, 0.043); }
.account-export-toolbar label { display: inline-flex; align-items: center; gap: 7px; color: var(--text); font-size: 0.76rem; font-weight: 760; }
.account-export-toolbar input { width: 17px; min-height: auto; accent-color: var(--cyan); }
.account-export-toolbar > span { margin-left: auto; color: var(--muted); font-size: 0.74rem; }
.account-export-toolbar select { min-width: 210px; min-height: 36px; padding: 6px 30px 6px 10px; }
.account-security-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: -4px 0 14px; padding: 13px 14px; border: 1px solid rgba(239, 88, 112, 0.24); border-radius: 13px; background: rgba(239, 88, 112, 0.045); }
.account-security-toolbar > div:first-child { display: grid; gap: 3px; }
.account-security-toolbar strong { font-size: 0.82rem; }
.account-security-toolbar small { color: var(--muted); font-size: 0.72rem; line-height: 1.5; }
.account-security-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.account-security-job { display: grid; gap: 10px; margin: 0 0 16px; padding: 14px; border: 1px solid rgba(82, 215, 255, 0.22); border-radius: 13px; background: rgba(4, 18, 31, 0.5); }
.account-security-results { display: grid; gap: 6px; max-height: 240px; overflow-y: auto; }
.account-security-result { display: grid; grid-template-columns: minmax(86px, auto) minmax(80px, auto) 1fr; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, 0.035); font-size: 0.74rem; }
.account-security-result .success { color: var(--mint); font-weight: 800; }
.account-security-result .failed { color: #ff8b9b; font-weight: 800; }
.account-security-result span:last-child { color: var(--muted); }
.security-consent { flex-direction: row !important; align-items: flex-start; padding: 12px; border: 1px solid rgba(239, 88, 112, 0.3); border-radius: 12px; background: rgba(239, 88, 112, 0.06); color: var(--text) !important; }
.security-consent input { width: 18px; min-height: 18px; margin-top: 1px; accent-color: var(--danger); }
/* TG_VAULT_PRIVACY_BATCH_20260917 */
.account-privacy-options { display: grid; gap: 9px; margin: 0 0 16px; padding: 0; border: 0; }
.account-privacy-options legend { margin-bottom: 9px; color: var(--cyan); font-size: 0.8rem; font-weight: 800; }
.account-privacy-option, .account-privacy-read-marks { display: grid !important; grid-template-columns: 20px minmax(0, 1fr); gap: 11px !important; align-items: flex-start; margin: 0 !important; padding: 12px 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(5, 17, 29, 0.64); cursor: pointer; }
.account-privacy-option:has(input:checked) { border-color: rgba(82, 215, 255, 0.72); background: rgba(82, 215, 255, 0.09); box-shadow: inset 0 0 0 1px rgba(82, 215, 255, 0.08); }
.account-privacy-option input, .account-privacy-read-marks input { width: 18px; min-height: 18px; margin: 2px 0 0; accent-color: var(--cyan); }
.account-privacy-option > span, .account-privacy-read-marks > span { display: grid; gap: 3px; color: var(--text) !important; }
.account-privacy-option strong, .account-privacy-read-marks strong { font-size: 0.8rem; }
.account-privacy-option small, .account-privacy-read-marks small { color: var(--muted); font-size: 0.7rem; line-height: 1.5; }
.account-privacy-read-marks { margin-bottom: 14px !important; }
.account-privacy-read-marks:has(input:disabled) { cursor: not-allowed; opacity: 0.48; }
.account-privacy-notice { margin: 0 0 16px !important; padding: 10px 12px; border-radius: 10px; background: rgba(255, 200, 111, 0.07); color: var(--warning) !important; font-size: 0.72rem !important; }
.account-export-choice, .account-proxy-choice { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 0.7rem; }
.account-export-choice input, .account-proxy-choice input { width: 16px; min-height: auto; accent-color: var(--cyan); }
.account-pagination { display: flex; align-items: center; justify-content: center; gap: 7px; flex-wrap: wrap; margin-top: 15px; }
.account-pagination button { min-width: 36px; min-height: 34px; padding: 0px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(18, 39, 59, 0.58); color: var(--muted); font-weight: 760; }
.account-pagination button:hover:not(:disabled), .account-pagination button.is-current { border-color: var(--cyan); background: rgba(82, 215, 255, 0.13); color: var(--cyan); }
.account-pagination button:disabled { cursor: not-allowed; opacity: 0.38; }
.account-page-numbers { display: flex; gap: 5px; }
.account-pagination small { width: 100%; color: var(--muted); font-size: 0.68rem; text-align: center; }
.account-export-warning { margin: 10px 0px 0px; color: rgb(244, 181, 106); }
@media (max-width: 720px) {
  .account-export-toolbar { align-items: stretch; flex-direction: column; }
  .account-export-toolbar > span { margin-left: 0px; }
  .account-export-toolbar select, .account-export-toolbar .button { width: 100%; }
  .account-security-toolbar { align-items: stretch; flex-direction: column; }
  .account-security-actions { display: grid; grid-template-columns: 1fr; }
  .account-security-actions .button { width: 100%; }
  .account-security-result { grid-template-columns: 1fr; gap: 4px; }
  .account-card-tools { align-items: flex-end; flex-direction: column; }
  .account-page-numbers { order: 5; width: 100%; justify-content: center; }
}
.tg-account-card { padding: 18px; border: 1px solid var(--line-soft); border-radius: 16px; background: rgba(15, 34, 52, 0.72); }
.account-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.account-card-tools { display: flex; align-items: center; gap: 10px; }
.account-proxy-choice { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 0.7rem; white-space: nowrap; cursor: pointer; }
.account-proxy-choice input { width: 15px; min-height: auto; accent-color: var(--cyan); }
.account-card-heading strong, .account-card-heading small { display: block; }
.account-card-heading strong { margin: 9px 0px 3px; }
.account-card-heading small { color: var(--muted-2); font-size: 0.7rem; }
.slot-chip { display: inline-flex; padding: 4px 8px; border-radius: 999px; color: var(--cyan); background: rgba(82, 215, 255, 0.09); font-size: 0.65rem; font-weight: 800; }
.section-gap { margin-top: 18px; }
.outreach-overview { padding: 24px; }
.mini-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mini-stat-grid > div { padding: 15px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(6, 19, 32, 0.62); }
.mini-stat-grid span, .mini-stat-grid strong { display: block; }
.mini-stat-grid span { margin-bottom: 7px; color: var(--muted-2); font-size: 0.68rem; }
.mini-stat-grid strong { font-size: 1.35rem; }
.guardrail-note { margin-top: 13px; padding: 14px; border: 1px solid rgba(116, 235, 191, 0.18); border-radius: 12px; background: rgba(116, 235, 191, 0.055); }
.guardrail-note strong, .guardrail-note span { display: block; }
.guardrail-note strong { margin-bottom: 5px; color: var(--mint); font-size: 0.76rem; }
.guardrail-note span { color: var(--muted); font-size: 0.7rem; line-height: 1.55; }
.outreach-panel { overflow: hidden; }
.outreach-forms { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0px 24px 24px; }
.work-card { padding: 18px; border: 1px solid var(--line-soft); border-radius: 15px; background: rgba(7, 21, 35, 0.66); }
.work-card-heading { margin-bottom: 2px; }
.work-card-heading strong, .work-card-heading small { display: block; }
.work-card-heading small { margin-top: 5px; color: var(--muted-2); font-size: 0.68rem; }
.consent-check { padding: 12px; align-items: flex-start; border: 1px solid rgba(116, 235, 191, 0.16); border-radius: 11px; background: rgba(116, 235, 191, 0.04); cursor: pointer; flex-direction: row !important; }
.consent-check input { width: 17px; min-height: auto; margin-top: 3px; accent-color: var(--mint-strong); }
.consent-check strong, .consent-check small { display: block; }
.consent-check strong { color: var(--text); font-size: 0.76rem; }
.consent-check small { margin-top: 4px; color: var(--muted-2); font-size: 0.66rem; }
.subsection-heading { padding: 18px 24px 12px; border-top: 1px solid var(--line-soft); }
.subsection-heading strong, .subsection-heading span { display: block; }
.subsection-heading strong { margin-bottom: 4px; font-size: 0.84rem; }
.subsection-heading span { color: var(--muted-2); font-size: 0.68rem; }
.log-heading { margin-top: 8px; }
.outreach-table { min-width: 880px; }
.message-log-table { min-width: 980px; }
.source-tag.blocked { color: var(--warning); background: rgba(255, 200, 111, 0.08); }
.result-counts { color: var(--muted-2); }
.result-counts b { font-weight: 800; }
.ok { color: var(--mint); }
.fail { color: var(--danger); }
.reply { color: var(--cyan); }
.log-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: 0.64rem; font-weight: 760; background: rgba(255, 255, 255, 0.05); }
.log-status.ok { color: var(--mint); }
.log-status.fail { color: var(--danger); }
.log-status.reply { color: var(--cyan); }
.log-status.skip { color: var(--warning); }
.cell-subtitle { display: block; margin-top: 4px; color: var(--muted-2); font-size: 0.65rem; }
.message-copy { max-width: 420px; white-space: pre-wrap; word-break: break-word; line-height: 1.55; }
.job-box { margin-top: 15px; padding: 13px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(4, 15, 26, 0.7); }
.job-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: var(--muted); font-size: 0.73rem; }
.job-line strong { color: var(--text); }
.progress-track { height: 5px; overflow: hidden; border-radius: 999px; background: rgb(21, 45, 67); }
.progress-track span { display: block; width: 0px; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--mint), var(--cyan)); transition: width 0.3s; }
.data-panel { overflow: hidden; }
.data-heading { margin: 0px; padding: 22px 24px 18px; }
.export-actions { display: flex; gap: 8px; }
.filters { padding: 0px 24px 17px; display: grid; grid-template-columns: minmax(220px, 1fr) 165px 145px 145px auto; gap: 10px; align-items: end; }
.filters .button { white-space: nowrap; }
.date-filter { color: var(--muted-2); font-size: 0.68rem; }
.date-filter input { margin-top: 5px; }
.shared-data-note { padding: 0px 24px 14px; }
.table-wrap { overflow-x: auto; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th, td { padding: 14px 24px; text-align: left; border-bottom: 1px solid rgba(157, 188, 211, 0.08); }
th { color: var(--muted-2); background: rgba(7, 20, 33, 0.86); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
td { color: rgb(203, 217, 228); font-size: 0.78rem; }
tbody tr:last-child td { border-bottom: 0px; }
tbody tr:hover { background: rgba(82, 215, 255, 0.024); }
.person-cell { display: flex; align-items: center; gap: 11px; }
.person-avatar { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: rgb(8, 35, 38); background: linear-gradient(135deg, rgb(120, 233, 188), rgb(118, 200, 242)); font-weight: 850; }
.person-cell strong, .person-cell small { display: block; }
.person-cell strong { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.person-cell small { margin-top: 3px; color: var(--muted-2); font-size: 0.65rem; }
.username { color: var(--cyan); }
.source-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.source-tag { padding: 4px 7px; border-radius: 999px; font-size: 0.63rem; }
.source-tag.member { color: var(--mint); background: rgba(116, 235, 191, 0.08); }
.source-tag.author { color: var(--cyan); background: rgba(82, 215, 255, 0.08); }
.empty-cell { padding: 48px 24px; text-align: center; color: var(--muted-2); }
.pagination { padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; color: var(--muted-2); font-size: 0.72rem; }
.pagination > div { display: flex; align-items: center; gap: 11px; }
.toast-region { position: fixed; top: 82px; right: 22px; z-index: 60; display: grid; gap: 10px; }
.feature-framework { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 6px; margin: 0px 0px 18px; padding: 13px 16px; border: 1px solid var(--line-soft); border-radius: 16px; background: rgba(244, 249, 253, 0.96); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 44px; }
.feature-framework a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 39px; padding: 7px 8px; border: 1px solid transparent; border-radius: 9px; color: rgb(23, 43, 62); text-decoration: none; font-size: 0.72rem; font-weight: 750; text-align: center; transition: background 0.16s, border-color 0.16s, transform 0.16s; }
.feature-framework a span { color: rgb(72, 115, 151); font-size: 0.92rem; }
.feature-framework a:hover, .feature-framework a.is-active { border-color: rgba(37, 151, 202, 0.25); background: rgb(231, 246, 253); transform: translateY(-1px); }
.feature-framework a.is-active { color: rgb(8, 122, 169); }
.section-anchor { scroll-margin-top: 82px; }
.back-to-top { position: fixed; right: 22px; bottom: 22px; z-index: 45; display: flex; align-items: center; gap: 7px; min-height: 40px; padding: 0px 14px; border: 1px solid rgba(82, 215, 255, 0.35); border-radius: 999px; color: rgb(6, 33, 42); background: linear-gradient(135deg,var(--cyan),var(--mint)); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 32px; text-decoration: none; font-size: 0.75rem; font-weight: 800; }
.back-to-top span { font-size: 1rem; }
@media (max-width: 1050px) {
  .feature-framework { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (max-width: 700px) {
  .feature-framework { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 10px; }
  .feature-framework a { justify-content: flex-start; }
  .back-to-top { right: 14px; bottom: 14px; padding: 0px 11px; }
  .back-to-top:not(:focus):not(:hover) { font-size: 0px; }
  .back-to-top:not(:focus):not(:hover) span { font-size: 1rem; }
}
.toast { width: min(380px, -44px + 100vw); padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; background: rgb(16, 36, 58); box-shadow: var(--shadow); color: rgb(220, 234, 243); font-size: 0.78rem; animation: 0.22s ease 0s 1 normal both running toast-in; }
.toast.success { border-color: rgba(116, 235, 191, 0.3); }
.toast.error { border-color: rgba(255, 111, 120, 0.4); }
@keyframes toast-in { 
  0% { opacity: 0; transform: translateY(-8px); }
}
.modal { width: min(460px, -28px + 100vw); padding: 0px; border: 0px; border-radius: 20px; background: transparent; color: var(--text); }
.modal::backdrop { background: rgba(2, 8, 14, 0.76); backdrop-filter: blur(7px); }
.modal-card { position: relative; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: rgb(13, 29, 46); box-shadow: rgba(0, 0, 0, 0.55) 0px 36px 100px; }
.modal-card h2 { margin: 14px 0px 8px; font-size: 1.25rem; }
.modal-card p { margin-bottom: 20px; color: var(--muted); font-size: 0.8rem; line-height: 1.65; }
.modal-card label { margin-bottom: 16px; }
.modal-close { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; border: 0px; border-radius: 50%; color: var(--muted); background: rgba(255, 255, 255, 0.04); font-size: 1.25rem; }
.modal-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: rgb(7, 36, 29); background: var(--mint); font-weight: 900; }
.modal-icon-danger { color: rgb(51, 8, 13); background: var(--danger); }
.compact-modal { padding: 28px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; }
.alert { margin-bottom: 15px; padding: 11px 12px; border-radius: 10px; font-size: 0.76rem; }
.alert-error { color: rgb(255, 215, 219); border: 1px solid rgba(255, 111, 120, 0.28); background: rgba(255, 111, 120, 0.08); }
.login-page { display: grid; place-items: center; padding: 40px; }
.login-shell { width: min(1080px, 100%); display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: center; gap: clamp(42px, 8vw, 110px); }
.login-copy h1 { max-width: 690px; margin: 22px 0px 20px; font-size: clamp(2.5rem, 6vw, 4.9rem); line-height: 1.02; letter-spacing: -0.065em; }
.login-copy .lead { max-width: 620px; color: var(--muted); font-size: 0.98rem; line-height: 1.85; }
.trust-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.trust-row span { padding: 7px 10px; border: 1px solid var(--line-soft); border-radius: 999px; color: var(--muted); background: rgba(17, 38, 58, 0.5); font-size: 0.68rem; }
.login-card { padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: rgba(13, 29, 46, 0.92); box-shadow: var(--shadow); }
.login-card h2 { margin: 22px 0px 7px; font-size: 1.35rem; }
.login-card > p:not(.fine-print) { margin-bottom: 22px; color: var(--muted); font-size: 0.8rem; }
.status-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 9px; border-radius: 999px; color: var(--mint); background: rgba(116, 235, 191, 0.08); font-size: 0.67rem; font-weight: 700; }
.stack-form { display: grid; gap: 15px; }
@media (max-width: 900px) {
  .workspace { width: min(100% - 28px, 760px); padding-top: 36px; }
  .hero-panel { align-items: flex-start; flex-direction: column; }
  .account-pill { width: 100%; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .control-grid { grid-template-columns: 1fr; }
  .account-grid, .outreach-forms { grid-template-columns: 1fr; }
  .inline-note { display: none; }
  .login-shell { grid-template-columns: 1fr; gap: 44px; }
  .login-copy h1 { font-size: clamp(2.35rem, 10vw, 4.4rem); }
}
@media (max-width: 620px) {
  .topbar { padding: 0px 16px; }
  .privacy-label { display: none; }
  .workspace { width: min(100% - 20px, 520px); padding-bottom: 40px; }
  .hero-panel h1 { font-size: 2.35rem; }
  .stat-grid { gap: 9px; }
  .stat-card { min-height: 116px; padding: 15px; }
  .stat-card strong { font-size: 1.65rem; }
  .connection-panel, .scan-panel { padding: 18px; }
  .accounts-panel, .outreach-overview { padding: 18px; }
  .panel-heading { align-items: flex-start; }
  .form-grid, .source-options { grid-template-columns: 1fr; }
  .full-field { grid-column: auto; }
  .data-heading { align-items: flex-start; flex-direction: column; }
  .filters { grid-template-columns: 1fr; padding: 0px 18px 16px; }
  .pagination { align-items: flex-start; flex-direction: column; gap: 13px; }
  .login-page { padding: 24px 18px; place-items: start center; }
  .login-shell { gap: 30px; }
  .login-card { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.employee-layout { display: grid; grid-template-columns: minmax(240px, 340px) 1fr; gap: 20px; align-items: start; }
.employee-panel .table-wrap { margin: 0px; }
@media (max-width: 800px) {
  .employee-layout { grid-template-columns: 1fr; }
}
.username-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin-top: 16px; }
.username-result { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255, 255, 255, 0.024); }
.username-result span { font-size: 13px; }
.username-unregistered { border-color: rgba(77, 224, 159, 0.55); background: rgba(77, 224, 159, 0.09); }
.username-unregistered span { color: rgb(105, 239, 178); }
.username-registered { opacity: 0.68; }
.username-invalid span { color: rgb(244, 181, 106); }
.username-result-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255, 255, 255, 0.024); }
.username-result-toolbar.hidden { display: none; }
.username-result-toolbar > div { display: flex; flex-direction: column; gap: 4px; }
.username-result-toolbar span { color: var(--muted); font-size: 14px; }
.username-filter-label { min-width: 160px; font-size: 12px; color: var(--muted); }
.username-filter-label select { margin-top: 6px; }
.username-filter-empty { grid-column: 1 / -1; padding: 28px; text-align: center; border: 1px dashed var(--border); border-radius: 12px; color: var(--muted); }
@media (max-width: 620px) {
  .username-result-toolbar { align-items: stretch; flex-direction: column; }
  .username-filter-label { width: 100%; }
}
.proxy-settings:not([open]) .proxy-fields { display: none; }
.telegram-code-step { display: flex; gap: 8px; align-items: end; grid-column: 1 / -1; justify-content: flex-end; padding-top: 2px; }
.telegram-code-step input { min-width: 130px; }
.account-row-form { grid-template-columns: minmax(105px, 0.55fr) minmax(170px, 1.05fr) minmax(160px, 0.85fr) minmax(150px, 0.75fr) auto auto; }
.telegram-code-step .button { height: 40px; white-space: nowrap; }
@media (max-width: 1050px) {
  .account-row-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .telegram-code-step { grid-column: 1 / -1; align-items: stretch; flex-direction: column; }
  .account-row-form { grid-template-columns: 1fr; }
}
html { font-size: 15px; }
.topbar { min-height: 58px; }
.brand-mark { width: 30px; height: 30px; border-radius: 9px; }
.workspace { width: min(1320px, 100% - 32px); padding: 28px 0px 48px; }
.hero-panel { align-items: center; gap: 24px; margin-bottom: 18px; }
.eyebrow { margin-bottom: 7px; font-size: 0.67rem; }
.hero-panel h1 { margin-bottom: 7px; font-size: clamp(1.8rem, 3.5vw, 2.75rem); line-height: 1.02; }
.hero-panel p:not(.eyebrow) { max-width: 760px; font-size: 0.86rem; line-height: 1.55; }
.account-pill { min-width: 190px; padding: 10px 13px; }
.account-avatar { width: 34px; height: 34px; }
.stat-grid { gap: 10px; margin-bottom: 14px; }
.stat-card { min-height: 92px; padding: 13px 16px; border-radius: 14px; }
.stat-card span { font-size: 0.72rem; }
.stat-card strong { font-size: 1.55rem; }
.stat-card small { font-size: 0.65rem; }
.accounts-panel, .outreach-overview { padding: 18px; }
.connection-panel, .scan-panel { padding: 18px; }
.panel-heading, .data-heading { margin-bottom: 15px; }
.panel-copy { margin-bottom: 14px; }
.section-gap { margin-top: 14px; }
.control-grid { gap: 14px; margin-bottom: 14px; }
.outreach-forms { gap: 11px; padding: 0px 18px 18px; }
.work-card { padding: 14px; }
.data-heading { padding: 17px 18px 13px; }
.filters { padding: 0px 18px 13px; }
th, td { padding: 10px 18px; }
.pagination { padding: 12px 18px; }
.subsection-heading { padding: 14px 18px 10px; }
input, select, textarea { min-height: 40px; }
.button { min-height: 40px; }
.account-list { gap: 9px; }
.account-list .tg-account-card { padding: 10px 13px; }
.proxy-fields { padding: 9px; }
.username-results { gap: 8px; margin-top: 12px; }
@media (max-width: 760px) {
  html { font-size: 15px; }
  .workspace { padding-top: 22px; }
  .hero-panel { align-items: flex-start; }
  .hero-panel h1 { font-size: 2rem; }
  .stat-card { min-height: 88px; padding: 12px; }
}
.connected-actions { display: flex; align-items: center; gap: 8px; }
.accounts-heading-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.accounts-heading-left .button { margin-left: 4px; }
:root { --pc-bg: #071827; --pc-panel: #0d2436; --pc-panel2: #102b40; --pc-line: #1f506a; --pc-text: #eef9ff; --pc-muted: #84acc0; --pc-cyan: #53d8ff; --pc-mint: #6ee7c7; --pc-danger: #ff7791; }
body { background: radial-gradient(circle at 15% 0,#123a50 0,transparent 36%),var(--pc-bg); color: var(--pc-text); min-height: 100vh; }
.precision-shell { width: min(1500px, 100% - 32px); margin: 0px auto; padding: 28px 0px 56px; }
.precision-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 22px; }
.precision-top h1 { margin: 8px 0px; font-size: clamp(25px, 3vw, 42px); }
.precision-top p { margin: 0px; color: var(--pc-muted); max-width: 820px; line-height: 1.7; }
.precision-back { display: inline-flex; align-items: center; gap: 8px; color: var(--pc-cyan); text-decoration: none; font-weight: 800; }
.status-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border: 1px solid var(--pc-line); border-radius: 999px; background: rgb(8, 29, 43); color: var(--pc-muted); font-weight: 800; white-space: nowrap; }
.status-pill.on { border-color: rgb(39, 126, 112); color: var(--pc-mint); background: rgb(10, 43, 43); }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 12px; }
.precision-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }
.precision-stat { padding: 18px; border: 1px solid var(--pc-line); border-radius: 18px; background: linear-gradient(145deg,var(--pc-panel),#0a1f2f); }
.precision-stat span { display: block; color: var(--pc-muted); font-size: 13px; }
.precision-stat strong { font-size: 30px; color: var(--pc-cyan); }
.precision-grid { display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(360px, 0.8fr); gap: 18px; }
.precision-card { border: 1px solid var(--pc-line); border-radius: 22px; background: linear-gradient(155deg,var(--pc-panel),#091d2c); padding: 22px; box-shadow: rgba(0, 0, 0, 0.18) 0px 20px 50px; }
.precision-card.wide { grid-column: 1 / -1; }
.precision-card-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 18px; }
.precision-card h2 { margin: 0px; font-size: 20px; }
.subcopy { color: var(--pc-muted); font-size: 13px; line-height: 1.6; margin: 3px 0px 0px; }
.form-row { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.field { display: flex; flex-direction: column; gap: 7px; min-width: 180px; flex: 1 1 0%; }
.field label { font-size: 13px; color: var(--pc-muted); font-weight: 700; }
.field input, .field select, .category-select { height: 44px; border-radius: 12px; border: 1px solid var(--pc-line); background: rgb(7, 27, 41); color: var(--pc-text); padding: 0px 12px; font: inherit; }
.precision-button { height: 44px; border: 0px; border-radius: 12px; padding: 0px 18px; font-weight: 900; cursor: pointer; background: var(--pc-cyan); color: rgb(6, 32, 51); }
.precision-button.secondary { border: 1px solid var(--pc-line); background: rgb(11, 37, 55); color: var(--pc-text); }
.precision-button.danger { background: rgb(59, 27, 42); color: rgb(255, 158, 176); border: 1px solid rgb(113, 56, 77); }
.precision-button:disabled { opacity: 0.45; cursor: not-allowed; }
.account-choice { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin: 14px 0px; }
.account-card { border: 1px solid var(--pc-line); border-radius: 15px; background: rgb(8, 29, 43); padding: 15px; text-align: left; color: var(--pc-text); cursor: pointer; }
.account-card.active { border-color: var(--pc-cyan); box-shadow: rgba(83, 216, 255, 0.12) 0px 0px 0px 2px; }
.account-card[disabled] { opacity: 0.45; }
.account-card small { display: block; color: var(--pc-muted); margin-top: 4px; }
.category-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.category-chip { display: flex; align-items: center; gap: 8px; border: 1px solid var(--pc-line); border-radius: 999px; background: rgb(9, 32, 51); padding: 8px 11px; }
.category-chip button { border: 0px; background: none; color: var(--pc-danger); font-weight: 900; cursor: pointer; }
.group-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 8px 0px 12px; }
.group-list { display: grid; gap: 9px; max-height: 540px; overflow: auto; padding-right: 4px; }
.group-row { display: grid; grid-template-columns: 28px minmax(0px, 1fr) minmax(150px, 220px); align-items: center; gap: 10px; border: 1px solid rgb(23, 63, 85); background: rgb(8, 29, 43); border-radius: 13px; padding: 11px; }
.group-row strong { display: block; }
.group-row small { color: var(--pc-muted); }
.user-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.user-table-wrap { overflow: auto; max-height: 580px; }
.user-table { width: 100%; border-collapse: collapse; min-width: 920px; }
.user-table th, .user-table td { text-align: left; padding: 12px 10px; border-bottom: 1px solid rgb(23, 56, 75); }
.user-table th { position: sticky; top: 0px; background: rgb(12, 38, 56); color: var(--pc-muted); font-size: 12px; z-index: 1; }
.username { color: var(--pc-cyan); font-weight: 900; }
.tag { display: inline-block; padding: 4px 8px; border-radius: 999px; background: rgb(18, 58, 77); color: rgb(168, 220, 240); font-size: 12px; }
.empty { padding: 35px; text-align: center; color: var(--pc-muted); border: 1px dashed var(--pc-line); border-radius: 14px; }
.toast-pc { position: fixed; right: 24px; bottom: 24px; max-width: 420px; padding: 14px 18px; border-radius: 13px; background: rgb(18, 56, 74); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.467) 0px 20px 50px; display: none; z-index: 50; }
.toast-pc.error { background: rgb(87, 40, 58); }
.toast-pc.show { display: block; }
.danger-note { color: rgb(255, 176, 189); }
.tiny { font-size: 12px; color: var(--pc-muted); }
@media (max-width: 900px) {
  .precision-grid { grid-template-columns: 1fr; }
  .precision-stats { grid-template-columns: 1fr; }
  .precision-top { flex-direction: column; }
  .group-row { grid-template-columns: 28px minmax(0px, 1fr); }
  .group-row select { grid-column: 2; }
  .precision-shell { width: min(100% - 18px, 1500px); padding-top: 16px; }
}
#running-toggle, #refresh-groups, #category-form .precision-button, #save-groups, #refresh-users { background-color: rgb(22, 163, 74) !important; background-image: none !important; color: rgb(255, 255, 255) !important; border: 2px solid rgb(74, 222, 128) !important; opacity: 1 !important; box-shadow: rgba(34, 197, 94, 0.35) 0px 6px 18px !important; }
#running-toggle:hover, #refresh-groups:hover, #category-form .precision-button:hover, #save-groups:hover, #refresh-users:hover { background-color: rgb(21, 128, 61) !important; }
.precision-grid { gap: 22px !important; }
.precision-card { border: 3px solid rgb(34, 197, 94) !important; border-radius: 16px !important; box-shadow: rgba(74, 222, 128, 0.35) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 12px 28px !important; }
.precision-card-head { border-bottom: 2px solid rgba(34, 197, 94, 0.55) !important; padding-bottom: 14px !important; margin-bottom: 16px !important; }
body.precision-page { margin: 0px; background: radial-gradient(circle at 12% 0%, rgba(82, 215, 255, 0.1), transparent 34%), rgb(7, 17, 31); }
.precision-shell { max-width: 1480px; margin: 0px auto; padding: 30px 28px 52px; }
.precision-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; padding: 26px 28px; border: 1px solid rgba(82, 215, 255, 0.3); border-radius: 22px; background: linear-gradient(135deg, rgba(16, 35, 55, 0.96), rgba(7, 24, 39, 0.96)); box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 45px; }
.precision-top > div:first-child { flex: 1 1 680px; }
.precision-back { display: inline-flex; align-items: center; margin-bottom: 10px; color: var(--cyan); font-weight: 800; text-decoration: none; }
.precision-top h1 { margin: 0px 0px 10px; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; }
.precision-top p { margin: 0px; max-width: 920px; color: var(--muted); line-height: 1.75; }
.precision-stats { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 14px; margin: 20px 0px 0px; }
.precision-stat { min-height: 92px; padding: 17px 18px; border: 1px solid rgba(82, 215, 255, 0.22); border-radius: 16px; background: rgba(16, 35, 55, 0.72); }
.precision-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 22px !important; margin-top: 22px !important; }
.precision-shell .precision-grid > .precision-card, .precision-shell .precision-grid > .precision-card.wide { grid-column: auto !important; margin: 0px !important; padding: 24px !important; border: 1px solid rgba(82, 215, 255, 0.42) !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(16, 35, 55, 0.98), rgba(9, 28, 44, 0.98)) !important; box-shadow: rgba(255, 255, 255, 0.03) 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 16px 36px !important; }
.precision-card-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding-bottom: 16px !important; margin-bottom: 18px !important; border-bottom: 1px solid rgba(82, 215, 255, 0.25) !important; }
.precision-card-head h2 { margin: 0px; font-size: 22px; line-height: 1.3; }
.precision-card .subcopy { margin-top: 8px; color: var(--muted); line-height: 1.65; }
.precision-card input, .precision-card select { width: 100%; min-height: 46px; border: 1px solid rgba(82, 215, 255, 0.32) !important; border-radius: 12px !important; background: rgba(4, 20, 33, 0.72) !important; color: var(--text) !important; padding: 0px 14px !important; }
.precision-card input:focus, .precision-card select:focus { outline: none; box-shadow: rgba(82, 215, 255, 0.13) 0px 0px 0px 3px; border-color: var(--cyan) !important; }
.precision-shell #running-toggle, .precision-shell #refresh-groups, .precision-shell #category-form .precision-button, .precision-shell #save-groups, .precision-shell #refresh-users, .precision-shell button.precision-button, .precision-shell .category-chip button { min-height: 44px; cursor: pointer; transition: transform 0.16s, filter 0.16s, box-shadow 0.16s; padding: 0px 18px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 12px !important; background: var(--cyan) !important; color: rgb(8, 33, 42) !important; font-weight: 900 !important; box-shadow: rgba(82, 215, 255, 0.18) 0px 9px 22px !important; opacity: 1 !important; }
.precision-shell #running-toggle:hover:not(:disabled), .precision-shell #refresh-groups:hover:not(:disabled), .precision-shell #category-form .precision-button:hover:not(:disabled), .precision-shell #save-groups:hover:not(:disabled), .precision-shell #refresh-users:hover:not(:disabled), .precision-shell button.precision-button:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); box-shadow: rgba(82, 215, 255, 0.26) 0px 12px 26px !important; }
.precision-shell button:disabled { opacity: 0.48 !important; cursor: not-allowed !important; box-shadow: none !important; }
.form-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px !important; }
.form-row .field { flex: 1 1 240px; }
.account-choice, .group-row { border: 1px solid rgba(82, 215, 255, 0.2) !important; border-radius: 14px !important; background: rgba(4, 20, 33, 0.58) !important; }
.group-list { padding-right: 5px; }
@media (max-width: 920px) {
  .precision-shell { padding: 18px 14px 36px; }
  .precision-grid { grid-template-columns: 1fr !important; }
  .precision-stats { grid-template-columns: 1fr; }
  .precision-top { padding: 21px 18px; }
}
.invite-panel { padding: 18px; }
.invite-guardrail { margin-bottom: 14px; }
.invite-layout { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(340px, 1.2fr); gap: 14px; }
.invite-next-card { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.invite-link, .invite-table-link { color: var(--cyan); overflow-wrap: anywhere; }
.invite-link { display: block; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(4, 20, 33, 0.55); font-weight: 800; text-decoration: none; }
.invite-link:not([href]) { color: var(--muted); pointer-events: none; }
.invite-recommendation { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 13px 15px; border: 1px solid rgba(82, 215, 255, 0.28); border-radius: 12px; background: rgba(82, 215, 255, 0.07); }
.invite-recommendation strong { color: var(--cyan); }
.invite-recommendation span { color: var(--muted); font-size: 13px; }
.invite-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 14px 0px; }
.invite-stat-grid > div { padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255, 255, 255, 0.024); }
.invite-stat-grid span { display: block; color: var(--muted); font-size: 12px; }
.invite-stat-grid strong { display: block; margin-top: 3px; font-size: 22px; }
.invite-account-usage { display: flex; gap: 8px; overflow: auto; padding: 2px 0px 12px; }
.invite-account-chip { flex: 0 0 auto; min-width: 130px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 11px; background: rgba(255, 255, 255, 0.024); }
.invite-account-chip strong, .invite-account-chip span { display: block; }
.invite-account-chip strong { font-size: 13px; }
.invite-account-chip span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.invite-account-chip.is-ready { border-color: rgba(77, 224, 159, 0.45); }
.invite-account-chip.is-ready strong { color: rgb(105, 239, 178); }
.invite-account-chip.is-warning, .invite-account-chip.is-full { border-color: rgba(244, 181, 106, 0.42); }
.invite-account-chip.is-warning strong, .invite-account-chip.is-full strong { color: rgb(244, 181, 106); }
.invite-account-chip.is-blocked { border-color: rgba(255, 119, 145, 0.48); }
.invite-account-chip.is-blocked strong { color: rgb(255, 158, 176); }
.invite-table-wrap { max-height: 430px; overflow: auto; border: 1px solid var(--border); border-radius: 12px; }
.invite-table { min-width: 920px; }
.invite-table th { position: sticky; top: 0px; background: rgb(12, 38, 56); z-index: 1; }
.invite-table-link { text-decoration: none; }
.invite-result { max-width: 260px; color: var(--muted); font-size: 13px; }
.invite-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: rgb(21, 49, 73); color: var(--muted); font-size: 12px; white-space: nowrap; }
.invite-status.status-joined, .invite-status.status-requested, .invite-status.status-already_joined { background: rgba(77, 224, 159, 0.12); color: rgb(105, 239, 178); }
.invite-status.status-failed { background: rgba(255, 119, 145, 0.12); color: rgb(255, 158, 176); }
.invite-status.status-processing { background: rgba(82, 215, 255, 0.12); color: var(--cyan); }
.invite-row-actions { display: flex; gap: 5px; align-items: center; }
@media (max-width: 900px) {
  .invite-layout { grid-template-columns: 1fr; }
  .invite-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .invite-recommendation { align-items: flex-start; flex-direction: column; }
}
.profile-panel { padding: 18px; }
.profile-guardrail { margin-bottom: 14px; }
.profile-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.profile-stat-grid > div { padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255, 255, 255, 0.024); }
.profile-stat-grid span { display: block; color: var(--muted); font-size: 12px; }
.profile-stat-grid strong { display: block; margin-top: 3px; font-size: 22px; }
.profile-controls { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(4, 20, 33, 0.45); }
.profile-controls label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 12px; }
.profile-controls small { line-height: 1.4; }
.profile-library-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 14px 0px; padding: 12px 14px; border: 1px solid rgba(82, 215, 255, 0.22); border-radius: 14px; background: rgba(82, 215, 255, 0.043); }
.profile-library-row > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.profile-library-row small { color: var(--muted); }
.profile-avatar-library { display: flex; gap: 8px; align-items: center; overflow: auto; }
.profile-avatar-library img { width: 52px; height: 52px; flex: 0 0 auto; border: 2px solid rgba(82, 215, 255, 0.38); border-radius: 50%; object-fit: cover; background: rgb(9, 29, 44); }
.profile-selection-bar { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.profile-edit-modes { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.profile-edit-mode.is-active { border-color:var(--cyan); background:rgba(68,196,235,.16); color:var(--text); }
.profile-smart-builder { margin-top:16px; padding:16px; border:1px solid var(--border); border-radius:16px; background:rgba(3,20,34,.38); }
.profile-smart-options { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:12px; align-items:end; }
.profile-smart-options .button { min-height:44px; }
.profile-smart-preview { display:grid; gap:10px; margin-top:14px; }
.profile-smart-row { display:grid; grid-template-columns:90px minmax(130px,1fr) minmax(240px,2fr) 110px; gap:10px; align-items:end; padding:12px; border:1px solid var(--border); border-radius:12px; }
.profile-smart-row label { margin:0; }
.profile-smart-row input,.profile-smart-row select { width:100%; }
.profile-username-status { min-height:42px; display:flex; align-items:center; font-weight:800; }
.profile-username-status.available,.profile-username-status.unregistered { color:#69efb2; }
.profile-username-status.registered,.profile-username-status.invalid { color:#f4b56a; }
.profile-username-status.error { color:#ff8888; }
.profile-smart-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; }
@media (max-width:1100px){.profile-smart-options{grid-template-columns:repeat(2,minmax(150px,1fr))}.profile-smart-row{grid-template-columns:80px 1fr 1fr}.profile-username-status{grid-column:2/-1}}
@media (max-width:700px){.profile-smart-options,.profile-smart-row{grid-template-columns:1fr}.profile-username-status{grid-column:auto}.profile-smart-footer{align-items:stretch;flex-direction:column}}
.profile-selection-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.profile-select-all { display: flex; align-items: center; gap: 8px; margin-right: auto; color: var(--text); font-weight: 800; }
.profile-select-all input, .profile-account-check { width: 17px; height: 17px; accent-color: var(--cyan); }
.profile-job { margin-bottom: 12px; padding: 12px 14px; border: 1px solid rgba(77, 224, 159, 0.32); border-radius: 12px; background: rgba(77, 224, 159, 0.06); }
.profile-table-wrap { max-height: 430px; overflow: auto; border: 1px solid var(--border); border-radius: 12px; }
.profile-table { min-width: 1120px; }
.profile-table th { position: sticky; top: 0px; background: rgb(12, 38, 56); z-index: 1; }
.profile-account-cell { display: flex; align-items: center; gap: 10px; }
.profile-account-cell span { display: flex; flex-direction: column; }
.profile-account-cell small, .profile-status + small, .profile-result small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.profile-mini-avatar { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; border: 1px solid rgba(82, 215, 255, 0.34); }
.profile-mini-placeholder { place-items: center; background: rgb(18, 49, 73); color: var(--cyan); font-weight: 900; display: grid !important; }
.profile-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: rgb(21, 49, 73); color: var(--muted); font-size: 12px; white-space: nowrap; }
.profile-status-changed { background: rgba(77, 224, 159, 0.12); color: rgb(105, 239, 178); }
.profile-status-pending { background: rgba(82, 215, 255, 0.12); color: var(--cyan); }
.profile-status-warning { background: rgba(244, 181, 106, 0.12); color: rgb(244, 181, 106); }
.profile-status-offline { background: rgba(255, 255, 255, 0.06); color: var(--muted); }
.profile-result { min-width: 190px; max-width: 280px; color: var(--muted); font-size: 13px; }
.profile-ok { color: rgb(105, 239, 178); }
@media (max-width: 900px) {
  .profile-controls { grid-template-columns: 1fr 1fr; }
  .profile-library-row { align-items: flex-start; flex-direction: column; }
  .profile-stat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .profile-controls { grid-template-columns: 1fr; }
  .profile-selection-bar { align-items: stretch; flex-direction: column; }
  .profile-selection-actions { align-items: stretch; flex-direction: column; }
  .profile-selection-bar .button { width: 100%; }
}
.profile-status-failed { background: rgba(255, 119, 145, 0.12); color: rgb(255, 158, 176); }
.profile-avatar-library video { display: block; width: 52px; height: 52px; flex: 0 0 auto; border: 2px solid rgba(82, 215, 255, 0.38); border-radius: 50%; object-fit: cover; background: rgb(9, 29, 44); }
.profile-emoji-card { position: relative; display: grid; place-items: center; gap: 3px; flex: 0 0 68px; width: 68px; min-height: 78px; padding: 5px 4px 3px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; overflow: visible; }
.profile-emoji-card > input { position: absolute; top: 4px; left: 4px; width: 17px; height: 17px; z-index: 2; }
.profile-emoji-preview, .profile-avatar-library .profile-emoji-preview { display: block; width: 54px; height: 54px; border: 2px solid rgba(82, 215, 255, .48); border-radius: 50%; object-fit: contain; background: rgb(9, 29, 44); }
.profile-emoji-glyph { display: grid; place-items: center; width: 48px; height: 48px; font-size: 30px; line-height: 1; }
.profile-emoji-card small { max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.emoji-shelf-head { width: 100%; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 10px 12px; border-radius: 12px; background: rgba(4, 20, 33, .48); }
.emoji-shelf-head strong { margin-right: auto; font-size: 16px; }
.emoji-shelf-head .profile-select-all { margin: 0; }
.emoji-shelf { width: 100%; min-width: 0; min-height: 116px; padding: 12px 10px; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; border: 1px dashed rgba(82, 215, 255, .3); border-radius: 14px; background: rgba(3, 18, 30, .55); }
.emoji-shelf .profile-emoji-card { flex: 0 0 82px; width: 82px; min-height: 94px; padding: 8px 7px 6px; border: 1px solid rgba(82, 215, 255, .15); border-radius: 14px; background: rgba(15, 45, 66, .62); scroll-snap-align: start; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.emoji-shelf .profile-emoji-card:hover { transform: translateY(-2px); border-color: rgba(82, 215, 255, .58); background: rgba(24, 67, 92, .72); }
.emoji-shelf .profile-emoji-card:has(input:checked) { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(82, 215, 255, .12); }
.emoji-shelf .profile-emoji-preview { width: 62px; height: 62px; border-radius: 16px; }
.emoji-shelf .profile-emoji-glyph { width: 62px; height: 62px; border: 2px solid rgba(82, 215, 255, .35); border-radius: 16px; background: rgb(9, 29, 44); }
.emoji-shelf .profile-emoji-card small { max-width: 70px; padding: 2px 7px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 10px; }
.profile-library-row.profile-emoji-section {
  grid-template-columns: 1fr;
  grid-template-areas: none;
  gap: 14px;
  align-items: stretch;
  overflow: hidden;
}
.profile-emoji-section > * { grid-area: auto !important; grid-column: 1 / -1; width: 100%; min-width: 0; }
.profile-emoji-section > div:first-child { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 18px; }
.profile-emoji-section > .profile-controls { grid-template-columns: repeat(4, minmax(180px, 1fr)); }
.profile-emoji-section .emoji-shelf { max-width: 100%; }
.emoji-apply-workbench { display: grid; grid-template-columns: minmax(520px, 1.7fr) minmax(300px, .8fr) minmax(260px, .65fr); gap: 16px; width: 100%; padding: 16px; border: 1px solid rgba(82,215,255,.35); border-radius: 16px; background: linear-gradient(135deg, rgba(7,29,46,.96), rgba(10,39,58,.72)); }
.emoji-account-panel, .emoji-mode-panel, .emoji-apply-confirm { min-width: 0; }
.emoji-workbench-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.emoji-target-scopes { display: flex; gap: 6px; flex-wrap: wrap; }
.emoji-target-scope { min-height: 34px; padding: 7px 12px; font-size: 12px; }
.emoji-target-scope.is-active { border-color: var(--cyan); background: rgba(82,215,255,.18); color: var(--text); }
.emoji-account-grid { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 9px; }
.emoji-account-card { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; align-items: center; min-width: 0; padding: 10px 11px; border: 1px solid rgba(82,215,255,.25); border-radius: 11px; background: rgba(11,42,62,.72); cursor: pointer; }
.emoji-account-card:has(input:checked) { border-color: var(--cyan); box-shadow: inset 0 0 0 1px rgba(82,215,255,.22); }
.emoji-account-card input { grid-row: 1 / 4; width: 17px; height: 17px; accent-color: var(--cyan); }
.emoji-account-card .emoji-account-number { color: var(--muted); font-size: 11px; }
.emoji-account-card strong, .emoji-account-card small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.emoji-account-card strong { color: var(--text); font-size: 13px; }
.emoji-account-card small { color: var(--cyan); font-size: 12px; }
.emoji-mode-panel { display: flex; flex-direction: column; gap: 12px; padding: 0 16px; border-left: 1px solid rgba(82,215,255,.16); border-right: 1px solid rgba(82,215,255,.16); }
.emoji-mode-panel label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 12px; }
.emoji-mode-panel .profile-select-all { flex-direction: row; color: var(--text); }
.emoji-apply-confirm { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 14px; border-radius: 13px; background: rgba(82,215,255,.06); text-align: center; }
.emoji-apply-confirm strong { font-size: 16px; }
.emoji-apply-confirm .button { width: 100%; min-height: 48px; }
@media (max-width: 1100px) { .profile-emoji-section > .profile-controls { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 1300px) { .emoji-apply-workbench { grid-template-columns: 1fr 1fr; } .emoji-apply-confirm { grid-column: 1 / -1; } }
@media (max-width: 900px) { .emoji-apply-workbench { grid-template-columns: 1fr; } .emoji-account-grid { grid-template-columns: repeat(2, minmax(140px,1fr)); } .emoji-mode-panel { padding: 14px 0; border-left: 0; border-right: 0; border-top: 1px solid rgba(82,215,255,.16); border-bottom: 1px solid rgba(82,215,255,.16); } .emoji-apply-confirm { grid-column: auto; } }
@media (max-width: 620px) {
  .profile-emoji-section > div:first-child { flex-direction: column; align-items: flex-start; }
  .profile-emoji-section > .profile-controls { grid-template-columns: 1fr; }
  .emoji-account-grid { grid-template-columns: 1fr; }
  .emoji-workbench-title { align-items: flex-start; flex-direction: column; }
}
.session-import-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)) auto; gap: 10px; align-items: end; margin-top: 8px; padding: 12px; border: 1px dashed rgba(82, 215, 255, 0.3); border-radius: 12px; background: rgba(82, 215, 255, 0.043); }
.session-import-heading { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 4px; align-self: center; }
.session-import-heading strong { color: var(--text); }
.session-import-heading small { color: var(--muted); line-height: 1.45; }
.session-import-row label { min-width: 0px; }
.session-import-row input[type="file"] { max-width: 100%; padding: 7px; font-size: 12px; }
.session-import-button { white-space: nowrap; }
@media (max-width: 1050px) {
  .session-import-row { grid-template-columns: 1fr 1fr; }
  .session-import-heading { grid-column: 1 / -1; }
  .session-import-button { width: 100%; }
}
@media (max-width: 620px) {
  .session-import-row { grid-template-columns: 1fr; }
  .session-import-heading { grid-column: auto; }
}
.proxy-batch-panel { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(180px, 0.6fr) auto; gap: 12px; align-items: end; margin-bottom: 16px; padding: 14px; border: 1px solid rgba(82, 215, 255, 0.22); border-radius: 14px; background: rgba(82, 215, 255, 0.04); }
.proxy-batch-heading { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 4px; }
.proxy-batch-heading small { color: var(--muted); line-height: 1.5; }
.proxy-select-all { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px; width: max-content; color: var(--cyan); font-size: 0.75rem; font-weight: 700; cursor: pointer; }
.proxy-select-all input { width: 16px; min-height: auto; accent-color: var(--cyan); }
.proxy-batch-text textarea { min-height: 92px; }
.proxy-batch-file input { padding: 7px; font-size: 12px; }
.proxy-batch-action { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.proxy-batch-action span { color: var(--muted); font-size: 0.72rem; text-align: center; }
@media (max-width: 900px) {
  .proxy-batch-panel { grid-template-columns: 1fr 1fr; }
  .proxy-batch-action { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .proxy-batch-panel { grid-template-columns: 1fr; }
  .proxy-batch-action { grid-column: auto; }
  .account-card-tools { align-items: flex-end; flex-direction: column-reverse; }
}
.invite-source-panel { margin-bottom: 16px; padding: 16px; border: 1px solid rgba(82, 215, 255, 0.26); border-radius: 16px; background: linear-gradient(145deg, rgba(82, 215, 255, 0.055), rgba(116, 235, 191, 0.024)); }
.invite-source-heading, .invite-library-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.invite-source-heading h3 { margin: 3px 0px 4px; font-size: 1.08rem; }
.invite-source-heading p { margin: 0px; color: var(--muted); font-size: 0.8rem; line-height: 1.55; }
.invite-source-metrics { display: grid; grid-template-columns: repeat(4, minmax(74px, 1fr)); gap: 7px; }
.invite-source-metrics span { min-width: 78px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(4, 20, 33, 0.48); font-size: 0.7rem; text-align: center; }
.invite-source-metrics strong { display: block; margin-top: 2px; color: var(--text); font-size: 1rem; }
.invite-source-form { display: grid; grid-template-columns: 1fr 0.55fr 1fr 0.55fr auto; gap: 9px; align-items: end; margin: 14px 0px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(4, 20, 33, 0.38); }
.invite-source-form label { display: flex; min-width: 0px; flex-direction: column; gap: 5px; color: var(--muted); font-size: 0.72rem; }
.invite-source-form .button { white-space: nowrap; }
.invite-source-list { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 9px; margin-bottom: 13px; }
.invite-source-card { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(7, 24, 38, 0.68); }
.invite-source-card.status-warning { border-color: rgba(255, 200, 111, 0.45); }
.invite-source-card.status-failed { border-color: rgba(255, 111, 120, 0.45); }
.invite-source-card > div:first-child { display: flex; min-width: 0px; flex-direction: column; gap: 3px; }
.invite-source-card > div:first-child strong { overflow: hidden; text-overflow: ellipsis; }
.invite-source-card small, .invite-source-card p { color: var(--muted); font-size: 0.7rem; line-height: 1.45; }
.invite-source-card p { grid-column: 1 / -1; margin: 0px; color: var(--warning); }
.source-card-meta { display: flex; align-items: flex-end; flex-direction: column; gap: 2px; color: var(--muted); font-size: 0.68rem; }
.invite-source-card .button { grid-column: 1 / -1; justify-self: end; }
.invite-search-panel { display: grid; gap: 10px; margin: 14px 0px 10px; padding: 13px; border: 1px solid rgba(82, 215, 255, 0.22); border-radius: 13px; background: rgba(4, 20, 33, 0.5); }
.invite-search-row, .invite-export-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.source-search-field { flex: 1 1 0%; min-width: 220px; }
.source-search-field input { width: 100%; }
.source-filter-field { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 0.73rem; }
.source-filter-field select { width: min(320px, 30vw); min-height: 40px; }
.invite-export-row > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.invite-search-results { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 11px; max-height: 760px; overflow: auto; padding: 2px; }
.invite-search-results > .empty-cell { grid-column: 1 / -1; }
.invite-search-card { display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 8px 11px; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(9, 31, 47, 0.92), rgba(5, 23, 37, 0.92)); }
.invite-search-card:hover { border-color: rgba(82, 215, 255, 0.48); }
.invite-search-select { display: inline-flex; align-items: flex-start; gap: 5px; color: var(--muted); font-size: 0.68rem; cursor: pointer; }
.invite-search-select input { width: 17px; min-height: auto; margin-top: 2px; accent-color: var(--cyan); }
.invite-search-card-main { min-width: 0px; }
.invite-search-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.invite-search-card-head > div { display: flex; flex-wrap: wrap; gap: 5px; }
.invite-search-card h4 { margin: 11px 0px 7px; color: var(--text); font-size: 1rem; line-height: 1.4; }
.invite-search-link { display: block; overflow: hidden; color: var(--cyan); font-size: 0.82rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.invite-search-card p { margin: 8px 0px 0px; color: var(--muted); font-size: 0.7rem; line-height: 1.5; }
.invite-search-card-status { grid-column: 2; display: grid; gap: 6px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.067); }
.source-category, .source-page-chip { display: inline-flex; width: max-content; padding: 3px 7px; border-radius: 999px; background: rgba(82, 215, 255, 0.11); color: var(--cyan); font-size: 0.68rem; font-weight: 760; }
.invite-library-toolbar { margin: 3px 0px 9px; padding: 9px 11px; border-radius: 11px; background: rgba(4, 20, 33, 0.45); }
.invite-library-toolbar > div { display: flex; align-items: center; gap: 9px; }
.source-check-all, .inline-select { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 0.73rem; }
.source-check-all { color: var(--text); font-weight: 750; }
.source-check-all input, .invite-source-check { width: 16px; min-height: auto; accent-color: var(--cyan); }
.inline-select select { min-height: 34px; width: 150px; padding: 6px 28px 6px 9px; }
.invite-source-table-wrap { max-height: 520px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.invite-source-table { min-width: 1120px; }
.invite-source-table th { position: sticky; top: 0px; z-index: 1; background: rgb(12, 38, 56); }
.invite-source-table td:nth-child(2) { min-width: 320px; max-width: 470px; }
.invite-source-table .invite-table-link { display: block; margin: 6px 0px 2px; font-weight: 720; }
.source-counts, .source-memberships { display: flex; flex-wrap: wrap; gap: 5px; }
.source-count, .source-membership { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: rgba(255, 255, 255, 0.055); color: var(--muted); font-size: 0.67rem; white-space: nowrap; }
.source-count.joined, .source-membership.status-joined, .source-membership.status-already_joined { background: rgba(116, 235, 191, 0.12); color: var(--mint); }
.source-count.requested, .source-membership.status-requested { background: rgba(82, 215, 255, 0.12); color: var(--cyan); }
.source-membership.status-review { background: rgba(255, 200, 111, 0.13); color: var(--warning); }
.source-membership.status-failed { background: rgba(255, 111, 120, 0.11); color: rgb(255, 158, 176); }
.source-status-note { margin: 9px 2px 0px; }
@media (max-width: 1100px) {
  .invite-source-heading { align-items: flex-start; flex-direction: column; }
  .invite-source-form { grid-template-columns: 1fr 1fr; }
  .invite-source-form .button { grid-column: 1 / -1; }
  .invite-library-toolbar { align-items: flex-start; flex-direction: column; }
  .invite-search-results { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .invite-source-metrics, .invite-source-form, .invite-source-list { grid-template-columns: 1fr; width: 100%; }
  .invite-library-toolbar > div { align-items: stretch; flex-direction: column; width: 100%; }
  .invite-search-row, .invite-export-row { align-items: stretch; flex-direction: column; }
  .source-filter-field { align-items: stretch; flex-direction: column; }
  .source-filter-field select { width: 100%; }
  .invite-export-row > div { display: grid; width: 100%; }
  .invite-search-card { grid-template-columns: 1fr; }
  .invite-search-select, .invite-search-card-status { grid-column: 1; }
  .inline-select { justify-content: space-between; }
  .inline-select select, .invite-library-toolbar .button { width: 100%; }
}
[data-feature-view] { display: none !important; }
body[data-view="employees"] [data-feature-view~="employees"], body[data-view="accounts"] [data-feature-view~="accounts"], body[data-view="proxy"] [data-feature-view~="proxy"], body[data-view="profiles"] [data-feature-view~="profiles"], body[data-view="sourcehub"] [data-feature-view~="sourcehub"], body[data-view="scan"] [data-feature-view~="scan"], body[data-view="outreach"] [data-feature-view~="outreach"], body[data-view="broadcast"] [data-feature-view~="broadcast"], body[data-view="usernames"] [data-feature-view~="usernames"], body[data-view="data"] [data-feature-view~="data"] { display: block !important; }
body[data-view="overview"] [data-feature-view~="overview"] { display: grid !important; }
body:not([data-view="scan"]):not([data-view="outreach"]) .control-grid { display: none; }
body[data-view="scan"] .control-grid, body[data-view="outreach"] .control-grid { grid-template-columns: 1fr; }
.is-feature-page .hero-panel { padding-block: 4px; }
.is-feature-page .hero-panel h1 { font-size: clamp(1.55rem, 3vw, 2.35rem); }
.is-feature-page .feature-framework { margin-bottom: 14px; }
.is-overview-page .feature-framework { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; padding: 18px; }
.is-overview-page .feature-framework a { min-height: 64px; flex-direction: column; gap: 5px; border-color: rgba(37, 151, 202, 0.13); background: rgba(240, 249, 253, 0.7); font-size: 0.77rem; }
.is-overview-page .feature-framework a span { font-size: 1.05rem; }
.proxy-account-selector { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 9px; margin-bottom: 14px; }
.proxy-account-option { display: flex; align-items: center; gap: 9px; min-width: 0px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(4, 20, 33, 0.45); cursor: pointer; }
.proxy-account-option:hover { border-color: rgba(82, 215, 255, 0.38); }
.proxy-account-option input { width: 16px; min-height: auto; flex: 0 0 auto; accent-color: var(--cyan); }
.proxy-account-option span { display: flex; min-width: 0px; flex-direction: column; gap: 3px; }
.proxy-account-option strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.78rem; }
.proxy-account-option small { color: var(--muted); font-size: 0.67rem; }
.broadcast-panel { overflow: hidden; }
.broadcast-guardrail { margin: 0px 24px 18px; }
.broadcast-layout { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(340px, 0.85fr); gap: 14px; padding: 0px 24px 22px; }
.broadcast-account-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; margin-top: 14px; }
.broadcast-account-row label { min-width: 0px; }
.broadcast-account-row .button { height: 44px; white-space: nowrap; }
.broadcast-select-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 12px 0px; }
.broadcast-select-row label { display: inline-flex; flex-direction: row; align-items: center; gap: 7px; color: var(--text); font-size: 0.73rem; font-weight: 760; cursor: pointer; }
.broadcast-select-row input { width: 17px; min-height: auto; accent-color: var(--cyan); }
.broadcast-select-row > span { margin-left: auto; color: var(--muted); font-size: 0.7rem; }
.broadcast-group-list { min-height: 260px; max-height: 460px; overflow: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(4, 15, 26, 0.55); }
.broadcast-group-option { display: flex; align-items: flex-start; gap: 9px; min-width: 0px; padding: 11px; border: 1px solid rgba(72, 122, 159, 0.22); border-radius: 11px; background: rgba(18, 39, 59, 0.46); cursor: pointer; }
.broadcast-group-option:hover { border-color: rgba(82, 215, 255, 0.42); }
.broadcast-group-option.is-muted { border-color: rgba(255, 200, 111, 0.32); background: rgba(255, 200, 111, 0.055); }
.broadcast-group-option.is-muted strong { color: var(--warning); }
.broadcast-group-option.is-muted small { white-space: normal; }
.broadcast-group-option input { width: 16px; min-height: auto; margin-top: 2px; flex: 0 0 auto; accent-color: var(--cyan); }
.broadcast-group-option span { min-width: 0px; }
.broadcast-group-option strong, .broadcast-group-option small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.broadcast-group-option strong { color: var(--text); font-size: 0.74rem; }
.broadcast-group-option small { margin-top: 4px; color: var(--muted-2); font-size: 0.64rem; }
.broadcast-actions { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.account-pool-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.account-add-controls { display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.account-add-controls label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.account-add-controls input { width: 78px; min-height: 34px; padding: 0px 9px; text-align: center; }
@media (max-width: 620px) {
  .account-add-controls { width: 100%; justify-content: flex-start; margin-left: 0px; }
}
body[data-account-scope="source"] .account-export-warning { color: var(--warning); }
.broadcast-status-grid { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 10px; padding: 0px 24px 6px; }
.broadcast-status-grid > div { padding: 14px; border: 1px solid var(--line-soft); border-radius: 12px; background: rgba(6, 19, 32, 0.62); }
.broadcast-status-grid span, .broadcast-status-grid strong { display: block; }
.broadcast-status-grid span { margin-bottom: 6px; color: var(--muted-2); font-size: 0.66rem; }
.broadcast-status-grid strong { font-size: 1.18rem; }
#broadcast-detail { margin: 9px 24px 0px; }
.broadcast-log-table { min-width: 960px; }
.broadcast-log-table td:nth-child(5) { max-width: 480px; white-space: normal; word-break: break-word; }
.broadcast-log-account strong, .broadcast-log-account small { display: block; }
.broadcast-log-account strong { white-space: nowrap; }
.broadcast-log-account small { margin-top: 3px; color: var(--muted-2); }
@media (max-width: 1300px) {
  .broadcast-status-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (max-width: 960px) {
  .broadcast-layout { grid-template-columns: 1fr; }
  .broadcast-group-list { max-height: 380px; }
  .broadcast-status-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .broadcast-layout { padding-left: 14px; padding-right: 14px; }
  .broadcast-guardrail { margin-left: 14px; margin-right: 14px; }
  .broadcast-account-row { grid-template-columns: 1fr; }
  .broadcast-group-list { grid-template-columns: 1fr; }
  .broadcast-actions { grid-template-columns: 1fr; }
  .broadcast-status-grid { grid-template-columns: 1fr 1fr; padding-left: 14px; padding-right: 14px; }
  #broadcast-detail { margin-left: 14px; margin-right: 14px; }
}
@media (max-width: 1050px) {
  .is-overview-page .feature-framework, .proxy-account-selector { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 700px) {
  .is-overview-page .feature-framework, .proxy-account-selector { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .is-overview-page .feature-framework a { align-items: center; justify-content: center; text-align: center; }
}
@media (max-width: 460px) {
  .proxy-account-selector { grid-template-columns: 1fr; }
}

/* Avatar workspace layout v35 */
.profile-library-row {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(620px, 3.1fr);
  grid-template-areas:
    "summary controls"
    "actions staging"
    "library library";
  align-items: start;
  gap: 18px 24px;
}
.profile-library-row > div:first-child { grid-area: summary; min-width: 0; writing-mode: horizontal-tb; word-break: normal; }
.profile-library-row > div:first-child strong { display: block; white-space: normal; }
.profile-library-row > .profile-controls { grid-area: controls; width: 100%; }
.profile-library-row > #profile-avatar-staging {
  grid-area: staging;
  width: 100%;
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px dashed rgba(82, 215, 255, .32);
  border-radius: 14px;
}
#profile-avatar-staging > * { flex: 0 0 auto; }
#profile-avatar-staging video,
#profile-avatar-staging img { width: 82px; height: 82px; border-radius: 50%; object-fit: cover; }
.profile-library-row > .profile-selection-actions {
  grid-area: actions;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  writing-mode: horizontal-tb;
}
.profile-library-row > .profile-selection-actions .button { width: 100%; white-space: normal; }
.profile-library-row > #profile-avatar-library { grid-area: library; width: 100%; min-width: 0; }
@media (max-width: 1100px) {
  .profile-library-row { grid-template-columns: 1fr; grid-template-areas: "summary" "controls" "actions" "staging" "library"; }
  .profile-library-row > .profile-selection-actions { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .profile-library-row > .profile-selection-actions .button { width: auto; }
}

/* Smart profile editor: independent card layout (do not inherit avatar workspace grid). */
.profile-library-row.profile-smart-section {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(520px, 2.2fr);
  grid-template-areas:
    "smart-heading smart-modes"
    "smart-builder smart-builder";
  gap: 18px 28px;
  align-items: center;
  padding: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(82, 215, 255, .09), transparent 38%),
    rgba(82, 215, 255, .035);
}
.profile-smart-section > .profile-smart-heading {
  grid-area: smart-heading !important;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.profile-smart-heading strong { font-size: 21px; line-height: 1.25; }
.profile-smart-heading small { max-width: 520px; line-height: 1.55; }
.profile-smart-section > .profile-edit-modes {
  grid-area: smart-modes;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(3, 20, 34, .52);
}
.profile-smart-section .profile-edit-mode {
  min-height: 46px;
  padding: 10px 14px;
  border-color: transparent;
  border-radius: 10px;
}
.profile-smart-section .profile-edit-mode.is-active {
  box-shadow: inset 0 0 0 1px rgba(82, 215, 255, .25), 0 6px 18px rgba(0, 0, 0, .15);
}
.profile-smart-section > .profile-smart-builder {
  grid-area: smart-builder;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border-color: rgba(82, 215, 255, .16);
}
.profile-smart-section .profile-smart-options {
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 14px;
}
.profile-smart-section .profile-smart-options label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}
.profile-smart-section .profile-smart-options select,
.profile-smart-section .profile-smart-options input { width: 100%; min-width: 0; }
.profile-smart-section .profile-smart-options .button {
  width: 100%;
  min-height: 48px;
}
.profile-smart-section #profile-smart-generate { grid-column: 1 / 3; }
.profile-smart-section #profile-smart-check { grid-column: 3 / 5; }
.profile-smart-section .profile-smart-preview {
  min-height: 58px;
  padding: 14px;
  border: 1px dashed rgba(82, 215, 255, .2);
  border-radius: 12px;
  background: rgba(5, 27, 43, .34);
}
.profile-smart-section .profile-smart-footer {
  padding-top: 2px;
  border-top: 1px solid rgba(82, 215, 255, .08);
}
.profile-smart-section #profile-smart-apply { min-width: 220px; }
@media (max-width: 1100px) {
  .profile-library-row.profile-smart-section {
    grid-template-columns: 1fr;
    grid-template-areas: "smart-heading" "smart-modes" "smart-builder";
  }
}
@media (max-width: 760px) {
  .profile-library-row.profile-smart-section { padding: 16px; }
  .profile-smart-section > .profile-edit-modes,
  .profile-smart-section .profile-smart-options { grid-template-columns: 1fr; }
  .profile-smart-section #profile-smart-generate,
  .profile-smart-section #profile-smart-check { grid-column: auto; }
  .profile-smart-section .profile-smart-footer { align-items: stretch; flex-direction: column; }
  .profile-smart-section #profile-smart-apply { width: 100%; min-width: 0; }
}

/* PROFILE_CLEAN_WORKBENCH_20260917 */
.clean-profile-heading { align-items: flex-start; }
.clean-profile-heading h2 { margin: 2px 0 6px; }
.clean-profile-heading p { margin: 0; max-width: 760px; }
.clean-profile-note { border: 1px solid rgba(77, 214, 255, .26); background: rgba(36, 109, 133, .18); color: #bfeafa; padding: 13px 16px; border-radius: 12px; margin-bottom: 16px; }
.clean-profile-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.clean-profile-stats article { border: 1px solid #1d4d68; border-radius: 12px; padding: 14px 16px; background: #082335; }
.clean-profile-stats span, .clean-muted, .clean-profile-apply p { color: #8eafc0; font-size: 13px; }
.clean-profile-stats strong { display: block; margin-top: 5px; color: #fff; font-size: 22px; }

.clean-profile-card { border: 1px solid #1b506c; background: #062033; border-radius: 14px; padding: 16px; margin-bottom: 16px; }
.clean-card-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.clean-card-title > div:first-child span { color: #55d8ff; font-size: 12px; font-weight: 700; }
.clean-card-title h3 { margin: 3px 0 0; font-size: 18px; color: #fff; }
.button-row, .clean-library-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.button.small { padding: 8px 11px; font-size: 13px; }

.clean-account-tools { display: flex; gap: 12px; align-items: center; margin-bottom: 7px; }
.clean-account-tools input[type="search"] { flex: 1; min-width: 0; }
.clean-account-tools label { color: #cbe8f4; font-size: 13px; white-space: nowrap; }
.clean-account-hint { margin: 0 0 12px; }
.clean-account-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; min-height: 510px; align-content: start; }
.clean-account-item { position: relative; display: grid; grid-template-columns: auto 42px minmax(0, 1fr); gap: 8px; align-items: start; min-width: 0; min-height: 92px; cursor: pointer; border: 1px solid #16445c; border-radius: 11px; padding: 10px; background: #071c2b; transition: border-color .15s ease, background .15s ease, opacity .15s ease; }
.clean-account-item:hover, .clean-account-item.selected { border-color: #44d3fc; background: #0b3043; box-shadow: inset 0 0 0 1px rgba(68, 211, 252, .12); }
.clean-account-item.disabled { cursor: not-allowed; opacity: .56; }
.clean-account-item.disabled:hover { border-color: #16445c; background: #071c2b; box-shadow: none; }
.clean-account-item > input { margin: 4px 0 0; accent-color: #4bd8ff; }
.clean-account-avatar { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; border: 1px solid #28617a; background: #0b3449; }
.clean-account-avatar img, .clean-account-avatar video { display: block; width: 100%; height: 100%; object-fit: cover; }
.clean-account-copy { min-width: 0; }
.clean-account-copy strong, .clean-account-copy b, .clean-account-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clean-account-copy strong { color: #84dcf6; font-size: 11px; }
.clean-account-copy b { margin-top: 2px; color: #fff; font-size: 13px; }
.clean-account-copy span { margin-top: 2px; color: #89b3c7; font-size: 11px; }
.clean-account-copy em { display: inline-block; margin-top: 4px; color: #4fe5ad; font-style: normal; font-size: 10px; }
.clean-account-copy em.offline { color: #e8969c; }
.clean-media-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #c9f4ff; background: linear-gradient(145deg, #0d5068, #0b2a3c); font-weight: 800; }
.clean-grid-empty { grid-column: 1 / -1; }

.clean-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.clean-pagination button { min-width: 34px; padding: 7px 10px; border: 1px solid #245775; background: #082235; color: #c8e9f6; border-radius: 7px; cursor: pointer; }
.clean-pagination button.active { border-color: #58d8fa; background: #124d66; color: #fff; }
.clean-pagination button:disabled { opacity: .45; cursor: default; }
.clean-pagination i { color: #759aaa; font-style: normal; }
.clean-page-status { margin-left: 6px; color: #83adbf; font-size: 12px; }

.clean-plan-card > .clean-muted { margin: -3px 0 13px; }
.clean-plan-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; align-items: start; }
.clean-plan { min-width: 0; border: 1px solid #1d516a; background: #071f30; border-radius: 12px; padding: 10px; transition: border-color .15s ease, box-shadow .15s ease; }
.clean-plan:hover { border-color: #347999; }
.clean-plan.active { border-color: #52dcff; box-shadow: 0 0 0 2px rgba(82, 220, 255, .12); }
.clean-plan.invalid:not(.active) { border-color: #6e4051; }
.clean-plan header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: #dff6ff; font-weight: 700; font-size: 13px; }
.clean-plan header small { min-width: 0; max-width: 62%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #82a7b9; font-size: 10px; font-weight: 400; }
.clean-plan-avatar { position: relative; display: block; width: 100%; height: 116px; overflow: hidden; border: 1px solid #245c75; border-radius: 10px; cursor: pointer; background: #08283a; padding: 0; }
.clean-plan-avatar img, .clean-plan-avatar video, .clean-plan-avatar .clean-media-fallback { display: block; width: 100%; height: 100%; object-fit: cover; }
.clean-plan-avatar > span:last-child { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 6px; color: #e3f9ff; background: rgba(0, 24, 37, .78); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clean-plan-field { position: relative; margin-top: 9px; }
.clean-field-toggle { display: flex; align-items: center; gap: 5px; color: #add3e2; font-size: 11px; margin-bottom: 5px; }
.clean-field-toggle input { accent-color: #4bd8ff; }
.clean-plan-field > input, .clean-plan-field textarea, .clean-username-input { width: 100%; min-width: 0; font-size: 12px; }
.clean-plan-field > input, .clean-plan-field textarea { padding: 8px; }
.clean-plan-field textarea { min-height: 52px; resize: vertical; }
.clean-plan-field input:disabled, .clean-plan-field textarea:disabled { opacity: .48; cursor: not-allowed; }
.clean-username-input { display: flex; align-items: center; border: 1px solid #214b61; background: #071a28; border-radius: 7px; overflow: hidden; }
.clean-username-input:focus-within { border-color: #43ccef; }
.clean-username-input > span { padding-left: 8px; color: #78b8cf; font-size: 12px; }
.clean-username-input input { width: 100%; min-width: 0; border: 0 !important; background: transparent !important; padding: 8px 7px 8px 2px; font-size: 12px; }
.clean-bio-counter { display: block; margin-top: 2px; color: #7296a7; text-align: right; font-size: 9px; }
.clean-plan-avatar-mode { display: block; margin-top: 9px; color: #add3e2; font-size: 11px; }
.clean-plan-avatar-mode select { display: block; width: 100%; margin-top: 5px; padding: 8px; font-size: 11px; }
.clean-choose-avatar { width: 100%; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.clean-appearance-card { margin-bottom: 16px; }
.clean-library-actions { justify-content: flex-end; }
.clean-library-actions > span { white-space: nowrap; }
.clean-upload { color: #72dffc !important; cursor: pointer; border: 1px solid #255b73; border-radius: 8px; padding: 7px 10px; font-size: 12px; }
.clean-upload input { display: none; }
.clean-avatar-library { display: grid; grid-template-columns: repeat(auto-fill, minmax(82px, 1fr)); gap: 10px; min-height: 106px; max-height: 344px; overflow: auto; padding: 10px; margin-top: 11px; border: 1px dashed #285a72; border-radius: 11px; }
.clean-avatar { position: relative; display: block; overflow: hidden; border: 2px solid transparent; border-radius: 10px; cursor: pointer; background: #08283a; padding: 0; aspect-ratio: 1; }
.clean-avatar:hover { border-color: #3183a3; }
.clean-avatar.selected { border-color: #52dcff; box-shadow: 0 0 0 2px rgba(82, 220, 255, .13); }
.clean-avatar.assigned { cursor: not-allowed; opacity: .42; filter: grayscale(.55); }
.clean-avatar img, .clean-avatar video, .clean-avatar > .clean-media-fallback { display: block; width: 100%; height: 100%; object-fit: cover; }
.clean-avatar > span:last-child { position: absolute; left: 0; right: 0; bottom: 0; padding: 3px; color: #dff8ff; font-size: 10px; text-align: center; background: rgba(0, 25, 39, .76); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.clean-profile-apply { position: sticky; bottom: 10px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: linear-gradient(100deg, rgba(9, 43, 65, .97), rgba(7, 29, 47, .97)); border: 1px solid #24617c; padding: 15px 17px; border-radius: 14px; margin-bottom: 16px; box-shadow: 0 8px 26px rgba(0, 0, 0, .28); backdrop-filter: blur(8px); }
.clean-profile-apply strong { display: block; color: #fff; }
.clean-profile-apply p { margin: 4px 0 0; }
.clean-empty { color: #8eafc0; font-size: 13px; padding: 18px 6px; }
.clean-job-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.clean-job-result { color: #bfddea; background: #071c2a; border: 1px solid #16435a; padding: 9px 11px; border-radius: 8px; font-size: 12px; }
.clean-job-result.failed { border-color: #804357; color: #ffb4bd; }

@media (max-width: 1280px) {
  .clean-account-list, .clean-plan-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1020px) {
  .clean-account-list, .clean-plan-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .clean-profile-stats { grid-template-columns: repeat(2, 1fr); }
  .clean-job-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .clean-account-list, .clean-plan-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clean-account-tools, .clean-card-title, .clean-profile-apply { align-items: stretch; flex-direction: column; }
  .clean-library-actions { justify-content: flex-start; }
  .clean-profile-apply { position: static; }
}
@media (max-width: 520px) {
  .clean-account-list, .clean-plan-list, .clean-job-results { grid-template-columns: 1fr; }
  .clean-profile-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clean-account-list { min-height: 0; }
}