/* DTV HUB admin */
.admin-shell { --admin-bg:#eef0e8;--admin-panel:#fffefa;--admin-line:#dfe2d9;--admin-text:#0a2028;min-height:100vh;display:grid;grid-template-columns:246px 1fr;background:var(--admin-bg);color:var(--admin-text); }
.admin-sidebar { position:sticky;top:0;height:100vh;padding:29px 18px 20px;display:flex;flex-direction:column;background:#071a22;color:white;border-right:1px solid rgba(255,255,255,.08); }
.admin-brand { min-height:44px;padding:0 8px;display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.045em; }
.admin-brand .brand-mark { width:32px;height:32px; }.admin-brand .brand-word strong { color:var(--amber); }
.admin-workspace-label { margin:31px 8px 19px;padding-top:21px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:6px; }
.admin-workspace-label span { color:rgba(255,255,255,.34);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
.admin-workspace-label strong { color:rgba(255,255,255,.78);font-size:11px; }
.admin-nav { display:grid;gap:4px; }
.admin-nav button,.admin-sidebar-bottom > button,.admin-sidebar-bottom > a { position:relative;width:100%;min-height:45px;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:rgba(255,255,255,.55);font-size:11px;font-weight:750;text-align:left;cursor:pointer;transition:.18s ease; }
.admin-nav button:hover,.admin-sidebar-bottom > button:hover,.admin-sidebar-bottom > a:hover { color:white;background:rgba(255,255,255,.055); }
.admin-nav button.active { color:var(--lime);background:rgba(206,255,99,.09);box-shadow:inset 2px 0 var(--lime); }
.admin-nav button > em { min-width:20px;height:20px;padding:0 6px;margin-left:auto;display:grid;place-items:center;border-radius:999px;background:#ef6f52;color:white;font-size:8px;font-style:normal;font-weight:900; }
.admin-sidebar-bottom { margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1); }
.admin-user { margin-top:15px;padding:14px 10px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.08); }
.admin-user > span { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--amber);color:var(--ink);font-size:12px;font-weight:900; }
.admin-user div { min-width:0;display:grid;gap:3px; }.admin-user strong { font-size:10px; }.admin-user small { overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.34);font-size:8px; }
.admin-workspace { min-width:0; }
.admin-topbar { position:sticky;z-index:10;top:0;height:72px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:rgba(238,240,232,.92);border-bottom:1px solid var(--admin-line);backdrop-filter:blur(16px); }
.admin-topbar > div:first-child { display:grid;gap:4px; }.admin-topbar span { color:#7b8685;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.admin-topbar strong { font-size:13px; }
.admin-live { display:flex;align-items:center;gap:8px;color:#52615d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }.admin-live i { width:7px;height:7px;border-radius:50%;background:#7dbb48;box-shadow:0 0 0 4px rgba(125,187,72,.13); }
.admin-view { padding:40px clamp(26px,4vw,58px) 70px;max-width:1560px;margin:0 auto; }
.admin-heading { margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px; }
.admin-kicker { color:#80908f;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase; }
.admin-heading h1 { margin:9px 0 7px;font-size:clamp(36px,4.4vw,62px);line-height:1;letter-spacing:-.065em;font-weight:650; }.admin-heading p { margin:0;color:#6c7979;font-size:12px;line-height:1.6; }
.admin-primary-action,.admin-secondary-action { min-height:45px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--admin-text);background:var(--admin-text);color:white;font-size:10px;font-weight:850;cursor:pointer;transition:.18s ease;white-space:nowrap; }
.admin-primary-action:hover { transform:translateY(-1px);background:#163742; }.admin-primary-action:disabled,.admin-secondary-action:disabled { opacity:.45;cursor:not-allowed;transform:none; }
.admin-secondary-action { background:transparent;color:var(--admin-text);border-color:#cbd0ca; }.admin-secondary-action:hover { border-color:var(--admin-text); }
.admin-primary-action.full { width:100%; }.editor-heading-actions { display:flex;gap:9px; }
.admin-toast { position:fixed;z-index:30;right:30px;top:88px;max-width:440px;min-height:48px;padding:12px 46px 12px 16px;display:flex;align-items:center;gap:10px;background:#102c36;color:white;box-shadow:0 15px 45px rgba(7,26,34,.22);font-size:10px;line-height:1.5; }.admin-toast svg { color:var(--lime); }.admin-toast button { position:absolute;right:9px;width:28px;height:28px;border:0;background:transparent;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer; }
.admin-panel { background:var(--admin-panel);border:1px solid var(--admin-line); }
.admin-panel-head { min-height:82px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--admin-line); }
.admin-panel-head > div { display:grid;gap:6px; }.admin-panel-head span { color:#8b9693;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.admin-panel-head h2 { margin:0;font-size:19px;letter-spacing:-.035em; }.admin-panel-head button { border:0;background:transparent;color:#52636a;font-size:9px;font-weight:800;cursor:pointer; }.admin-panel-head select,.period-control select { min-height:35px;padding:0 30px 0 11px;border:1px solid var(--admin-line);background:white;color:#445559;font-size:9px;font-weight:750;outline:none; }
.admin-stats-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:13px; }
.admin-stat-card { min-height:168px;padding:20px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:42px auto auto auto;align-items:center;background:var(--admin-panel);border:1px solid var(--admin-line); }
.admin-stat-icon { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#17333b; }.admin-stat-icon.lime { background:#dcf3a7; }.admin-stat-icon.amber { background:#f7d4a8; }.admin-stat-icon.coral { background:#ffd1c5; }.admin-stat-icon.blue { background:#c5e4ec; }
.admin-stat-card > span { color:#788683;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase; }.admin-stat-card > strong { grid-column:1/3;margin-top:12px;font-size:34px;line-height:1;letter-spacing:-.05em; }.admin-stat-card > small { grid-column:1/3;margin-top:8px;color:#8c9693;font-size:9px; }
.traffic-panel { margin-bottom:13px; }.traffic-chart { position:relative;height:285px;padding:30px 25px 22px;overflow:hidden; }.traffic-grid-lines { position:absolute;inset:30px 25px 48px;display:flex;flex-direction:column;justify-content:space-between; }.traffic-grid-lines i { display:block;border-top:1px dashed #e2e5de; }
.traffic-bars { position:relative;height:100%;display:flex;align-items:flex-end;gap:clamp(3px,.65vw,11px);padding-top:15px; }.traffic-column { position:relative;min-width:3px;height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center; }.traffic-column > i { width:100%;max-width:22px;min-height:2px;display:block;background:linear-gradient(180deg,#d8ff7e,#9bc958);border-radius:4px 4px 1px 1px;transition:height .3s ease; }.traffic-column:hover > i { background:var(--amber); }.traffic-value { position:absolute;bottom:calc(100% + 4px);color:#65716f;font-size:7px;opacity:0; }.traffic-column:hover .traffic-value { opacity:1; }.traffic-column small { position:absolute;top:calc(100% + 9px);white-space:nowrap;color:#909a97;font-size:7px; }
.admin-two-columns { display:grid;grid-template-columns:1.4fr .8fr;gap:13px; }.top-pages-list { padding:7px 24px 19px; }.top-pages-list > button { width:100%;min-height:58px;display:grid;grid-template-columns:32px 1fr 48px;gap:12px;align-items:center;border:0;border-bottom:1px solid #eceee8;background:transparent;text-align:left;cursor:pointer; }.top-pages-list > button:hover { background:#f8f8f2; }.top-pages-list b { color:#a3aaa6;font-family:var(--font-playfair),serif;font-size:11px; }.top-pages-list span { min-width:0;display:grid;gap:4px; }.top-pages-list strong { overflow:hidden;text-overflow:ellipsis;font-size:10px; }.top-pages-list small { color:#9aa39f;font-size:8px; }.top-pages-list em { justify-self:end;color:#293f47;font-style:normal;font-size:16px;font-weight:800; }
.editorial-card { position:relative;overflow:hidden;padding:28px;background:#143541;color:white; }.editorial-number { position:absolute;right:-4px;top:-32px;color:rgba(255,255,255,.045);font-family:var(--font-playfair),serif;font-size:150px; }.editorial-card .admin-kicker { color:var(--lime); }.editorial-card h2 { position:relative;margin:30px 0 14px;max-width:340px;font-size:28px;line-height:1.1;letter-spacing:-.045em; }.editorial-card p { position:relative;max-width:350px;color:rgba(255,255,255,.52);font-size:10px;line-height:1.7; }.editorial-card button { position:absolute;left:28px;bottom:26px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--lime);font-size:9px;font-weight:850;cursor:pointer; }
.admin-empty { padding:32px;color:#87918e;font-size:10px;text-align:center;line-height:1.6; }

.lead-filters { margin-bottom:13px;padding:10px;display:flex;flex-wrap:wrap;gap:7px;background:var(--admin-panel);border:1px solid var(--admin-line); }
.lead-filters button { min-height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:#f0f2ec;color:#6d7b78;font-size:9px;font-weight:800;cursor:pointer; }.lead-filters button span { min-width:20px;padding:3px 5px;border-radius:10px;background:rgba(8,27,36,.07);font-size:7px; }.lead-filters button.active { border-color:var(--admin-text);background:var(--admin-text);color:white; }.lead-filters button.active span { background:rgba(255,255,255,.12); }
.leads-list { display:grid;grid-template-columns:1fr 1fr;gap:13px; }
.lead-card { padding:24px;background:var(--admin-panel);border:1px solid var(--admin-line);border-top:3px solid #d6dbd4; }.lead-card.lead-new { border-top-color:var(--amber); }.lead-card.lead-in_progress { border-top-color:#83aeb9; }.lead-card.lead-contacted { border-top-color:#9bc762; }.lead-card.lead-spam { opacity:.62; }
.lead-card > header { display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--admin-line); }.lead-card > header span { color:#9aa39f;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }.lead-card > header h2 { margin:7px 0 0;font-size:17px;letter-spacing:-.035em; }.lead-card > header select { min-height:34px;padding:0 30px 0 10px;border:1px solid var(--admin-line);background:#f7f8f3;color:#566663;font-size:8px;font-weight:800; }
.lead-card-main { min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px; }.lead-person { display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center; }.lead-person > span { width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e2efc8;color:#496c29;font-size:11px;font-weight:900; }.lead-person > div { display:grid;gap:4px; }.lead-person strong { font-size:11px; }.lead-person a { color:#387184;font-size:9px;text-decoration:underline;text-underline-offset:2px; }.lead-person small { color:#929c98;font-size:8px; }.lead-card-main time { color:#929c98;font-size:8px; }
.lead-note { margin:0 0 17px;padding:14px;background:#f2f3ed;color:#53615f;font-size:10px;line-height:1.65; }
.lead-origin { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line); }.lead-origin > div { min-width:0;display:grid;gap:5px; }.lead-origin span,.lead-journey > span,.lead-utm span { color:#9aa39f;font-size:7px;font-weight:850;letter-spacing:.09em;text-transform:uppercase; }.lead-origin strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px; }.lead-origin a { display:flex;align-items:center;gap:5px;color:#497486;font-size:8px; }.lead-origin small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8e9995;font-size:7px; }
.lead-journey { padding:16px 0; }.lead-journey > div { margin-top:9px;display:flex;flex-wrap:wrap;gap:5px; }.lead-journey > div span { position:relative;padding:6px 9px;background:#eef0e9;color:#60706d;font-size:7px; }.lead-journey > div span:not(:last-child)::after { content:"›";position:absolute;right:-5px;color:#8f9996; }
.lead-utm { margin-bottom:14px;display:flex;align-items:center;gap:9px; }.lead-utm strong { font-size:8px; }
.lead-card > footer { min-height:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }.telegram-delivery { display:flex;align-items:center;gap:7px;color:#87928f;font-size:8px; }.telegram-delivery i { width:7px;height:7px;border-radius:50%;background:#aab2ae; }.telegram-delivery.sent i { background:#80b54b; }.telegram-delivery.failed i { background:#d26b59; }.telegram-delivery.pending i { background:#d69a48; }.lead-card > footer button { min-height:31px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--admin-line);background:white;color:#62716e;font-size:8px;font-weight:800;cursor:pointer; }

.mail-filters { margin-bottom:13px;padding:10px;display:flex;gap:7px;background:var(--admin-panel);border:1px solid var(--admin-line); }
.mail-filters button { min-height:36px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:#f0f2ec;color:#6d7b78;font-size:9px;font-weight:800;cursor:pointer; }
.mail-filters button span { min-width:20px;padding:3px 5px;border-radius:10px;background:rgba(8,27,36,.07);font-size:7px; }.mail-filters button.active { border-color:var(--admin-text);background:var(--admin-text);color:white; }.mail-filters button.active span { background:rgba(255,255,255,.12); }
.admin-mailbox { min-height:650px;display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);background:var(--admin-panel);border:1px solid var(--admin-line); }
.admin-mail-list { min-width:0;border-right:1px solid var(--admin-line); }.admin-mail-list > header { height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-line); }.admin-mail-list > header span { color:#81908c;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.admin-mail-list > header strong { min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8ecdf;color:#52645f;font-size:8px; }
.admin-mail-list > button { position:relative;width:100%;min-height:105px;padding:17px 58px 17px 27px;display:grid;grid-template-columns:1fr;gap:0;border:0;border-bottom:1px solid #e8ebe4;background:transparent;color:var(--admin-text);text-align:left;cursor:pointer; }.admin-mail-list > button:hover,.admin-mail-list > button.selected { background:#f4f6ee; }.admin-mail-list > button.unread { background:#fbf9ef; }.admin-mail-list > button.unread::before { content:"";position:absolute;left:12px;top:23px;width:6px;height:6px;border-radius:50%;background:#ef6f52; }.admin-mail-list > button > i { display:none; }
.admin-mail-list > button > span { min-width:0;display:grid;gap:5px; }.admin-mail-list > button b,.admin-mail-list > button strong,.admin-mail-list > button small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.admin-mail-list > button b { color:#6d7976;font-size:8px;font-weight:800; }.admin-mail-list > button strong { font-size:11px;letter-spacing:-.02em; }.admin-mail-list > button.unread strong { font-weight:900; }.admin-mail-list > button small { color:#929b98;font-size:8px; }.admin-mail-list > button time { position:absolute;right:13px;top:18px;color:#97a09d;font-size:7px; }.admin-mail-list > button > svg { position:absolute;right:14px;bottom:17px;color:#86918d; }
.admin-mail-reader { min-width:0;padding:34px 38px; }.admin-mail-reader > header { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--admin-line); }.admin-mail-reader > header > div:first-child { min-width:0; }.admin-mail-reader > header span { color:#8b9692;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.admin-mail-reader h2 { margin:10px 0 0;font-size:clamp(25px,3vw,42px);line-height:1.08;letter-spacing:-.05em;overflow-wrap:anywhere; }.admin-mail-reader > header > div:last-child { display:flex;gap:6px; }.admin-mail-reader > header button { width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--admin-line);background:white;color:#566763;cursor:pointer; }.admin-mail-reader > header button.danger { color:#bd5b4d; }.admin-mail-reader > header button:disabled { opacity:.45;cursor:wait; }
.admin-mail-meta { padding:24px 0;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--admin-line); }.mail-avatar { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dff39f;color:#1d3b43;font-size:13px;font-weight:900; }.admin-mail-meta > div { min-width:0;display:grid;gap:4px; }.admin-mail-meta strong { font-size:11px; }.admin-mail-meta a { width:fit-content;color:#397184;font-size:9px;text-decoration:underline;text-underline-offset:2px; }.admin-mail-meta small { color:#8c9693;font-size:8px;line-height:1.5; }
.admin-mail-body { min-height:240px;padding:30px 0;color:#34494e;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere; }.admin-mail-attachments { padding-top:20px;border-top:1px solid var(--admin-line); }.admin-mail-attachments > span { display:flex;align-items:center;gap:7px;color:#7d8986;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.admin-mail-attachments > div { margin-top:10px;padding:12px 14px;display:grid;gap:4px;background:#f1f3ec; }.admin-mail-attachments strong { font-size:9px; }.admin-mail-attachments small { color:#8a9591;font-size:8px; }
.admin-mail-placeholder { min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#83908c;text-align:center; }.admin-mail-placeholder svg { color:#b3bdb8; }.admin-mail-placeholder strong { color:#53645f;font-size:13px; }.admin-mail-placeholder span { max-width:330px;font-size:9px;line-height:1.6; }

.articles-panel { overflow:hidden; }.articles-toolbar { min-height:76px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--admin-line); }.articles-toolbar > button { min-height:38px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid var(--admin-line);background:white;color:#596764;font-size:9px;font-weight:800;cursor:pointer; }
.admin-search { width:min(420px,100%);height:40px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#f4f5ef;border:1px solid transparent; }.admin-search:focus-within { background:white;border-color:#bac4bf; }.admin-search svg { color:#89948f; }.admin-search input { width:100%;border:0;outline:0;background:transparent;font-size:10px; }
.articles-row { min-height:78px;padding:13px 20px;display:grid;grid-template-columns:minmax(280px,1fr) 145px 145px 120px;gap:18px;align-items:center;border-bottom:1px solid #e9ece5; }.articles-head { min-height:43px;background:#f4f5ef;color:#8a9591;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase; }.articles-row > div:first-child { min-width:0;display:grid;gap:6px; }.articles-row > div:first-child strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }.articles-row > div:first-child small,.articles-row time { color:#8d9794;font-size:8px; }
.article-status { width:fit-content;padding:6px 8px;display:flex;align-items:center;gap:7px;border-radius:20px;font-size:8px;font-weight:800; }.article-status i { width:6px;height:6px;border-radius:50%; }.article-status.published { background:#e6f2d4;color:#53782f; }.article-status.published i { background:#79aa45; }.article-status.draft { background:#f1eee4;color:#7b7565; }.article-status.draft i { background:#aaa18a; }.article-actions { display:flex;gap:5px;justify-content:flex-end; }.article-actions button { width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--admin-line);background:white;color:#677471;cursor:pointer; }.article-actions button:hover { border-color:#82908c;color:var(--ink); }.article-actions button.danger:hover { border-color:#e7a69c;color:#c64d3e; }

.editor-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;align-items:start; }.editor-form { padding:26px; }.editor-form .field { margin-bottom:18px; }.field label { display:flex;justify-content:space-between; }.field label small { color:#a0aaa6;font-size:8px;letter-spacing:0;text-transform:none; }.editor-field-row { display:grid;grid-template-columns:.6fr 1fr;gap:14px; }.editor-form input,.editor-form textarea,.token-panel input { border-color:#d9ddd6;background:#fafbf6; }.editor-form .excerpt-input { min-height:96px; }.editor-form .content-input { min-height:390px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.7; }
.slug-field { display:flex;height:46px;border:1px solid #d9ddd6;background:#fafbf6; }.slug-field:focus-within { border-color:#335d68; }.slug-field span { padding-left:12px;display:flex;align-items:center;color:#93a09b;font-size:9px; }.slug-field input { min-height:44px;border:0;padding-left:2px; }.markdown-help { display:flex;flex-wrap:wrap;gap:6px; }.markdown-help span { padding:6px 8px;background:#f0f2eb;color:#70807c;font-family:ui-monospace,monospace;font-size:8px; }
.article-preview { position:sticky;top:92px;padding:28px;max-height:calc(100vh - 120px);overflow:hidden; }.preview-top { display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--admin-line);color:#89948f;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }.preview-top i { padding:5px 8px;border-radius:20px;background:#f0f1eb;font-style:normal;letter-spacing:.02em; }.preview-category { margin-top:30px;color:#a96e29;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.article-preview h2 { margin:12px 0 14px;font-size:33px;line-height:1.03;letter-spacing:-.055em; }.preview-excerpt { color:#6f7d7b;font-size:11px;line-height:1.7; }.preview-divider { margin:24px 0;border-top:1px solid var(--admin-line); }

.period-control { display:flex;align-items:center;gap:10px; }.period-control > span { color:#87918e;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em; }.heatmap-panel { margin-bottom:13px; }.heatmap-layout { display:grid;grid-template-columns:minmax(0,1fr) 280px; }.heatmap-browser { margin:28px;overflow:hidden;border:1px solid #d6dbd3;border-radius:8px;background:white;box-shadow:0 18px 45px rgba(20,45,52,.08); }.heatmap-browser-top { height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#eff1ec;border-bottom:1px solid #dce0da; }.heatmap-browser-top > i { width:7px;height:7px;border-radius:50%;background:#bac2bd; }.heatmap-browser-top span { margin-left:10px;padding:5px 12px;flex:1;border-radius:4px;background:white;color:#83908b;font-size:7px; }.heatmap-browser-top b { color:#61706b;font-size:7px;text-transform:uppercase;letter-spacing:.08em; }.heatmap-preview { position:relative;height:520px;overflow:hidden;background:#fbfaf6;overscroll-behavior:contain; }.heatmap-preview iframe { position:absolute;inset:0;width:100%;height:100%;border:0;background:#fbfaf6;pointer-events:none; }.heatmap-overlay { position:absolute;z-index:2;inset:0;overflow:hidden;cursor:ns-resize;background:rgba(255,255,255,.02); }.heatmap-hotspot { position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(185,28,28,.32);border-radius:50%;background:radial-gradient(circle,rgba(255,220,74,.9) 0 12%,rgba(255,105,54,.72) 32%,rgba(239,45,45,.38) 58%,rgba(239,45,45,0) 74%);filter:drop-shadow(0 0 8px rgba(239,68,68,.3));transition:top .12s linear,opacity .2s; }.heatmap-hotspot span { display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:rgba(122,22,22,.82);color:white;font-size:8px;font-style:normal;font-weight:900; }.heatmap-scroll-hint { position:absolute;right:14px;bottom:13px;padding:7px 10px;border-radius:999px;background:rgba(10,35,43,.78);color:white;font-size:7px;letter-spacing:.04em;backdrop-filter:blur(5px); }.heatmap-no-clicks { position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 12px;border-radius:5px;background:rgba(10,35,43,.82);color:white;font-size:8px;white-space:nowrap; }.heatmap-depth { position:absolute;z-index:4;top:10px;right:5px;bottom:10px;width:4px;border-radius:99px;background:rgba(16,47,57,.12);pointer-events:none; }.heatmap-depth i { position:absolute;left:0;width:100%;min-height:14px;border-radius:99px;background:#f65b47;transition:top .12s linear; }.heatmap-aside { padding:28px 24px;border-left:1px solid var(--admin-line); }.heatmap-aside > div:first-child { padding:20px;background:#102f39;color:white; }.heatmap-aside > div:first-child span { display:block;color:rgba(255,255,255,.45);font-size:8px;text-transform:uppercase;letter-spacing:.1em; }.heatmap-aside > div:first-child strong { display:block;margin-top:9px;font-size:31px; }.heatmap-aside h3 { margin:28px 0 12px;font-size:12px; }.target-row { min-height:44px;display:grid;grid-template-columns:22px 1fr 30px;gap:8px;align-items:center;border-bottom:1px solid #e8ebe4;font-size:9px; }.target-row b { color:#a0a9a5;font-family:var(--font-playfair),serif; }.target-row span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.target-row em { justify-self:end;font-style:normal;font-weight:850; }.heatmap-aside p { color:#8d9793;font-size:9px;line-height:1.6; }.compact-chart .traffic-chart { height:235px; }

.heatmap-browser-top b { white-space:nowrap; }
.heatmap-browser-top button { min-height:26px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid #d4d9d2;border-radius:4px;background:white;color:#52645f;font-size:7px;font-weight:850;cursor:pointer; }
.heatmap-browser-top button:disabled { opacity:.55;cursor:wait; }
.heatmap-preview { overflow:auto;scrollbar-gutter:stable;scroll-behavior:smooth; }
.heatmap-snapshot-stage { position:relative;width:100%;min-height:100%;background:white; }
.heatmap-snapshot-stage > img { display:block;width:100%;height:auto;user-select:none; }
.heatmap-snapshot-stage .heatmap-overlay { overflow:visible;cursor:default;pointer-events:none; }
.heatmap-snapshot-stage .heatmap-hotspot { transition:opacity .2s; }
.heatmap-snapshot-stage .heatmap-no-clicks { top:16px;bottom:auto; }
.heatmap-snapshot-state { position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#71807c;text-align:center; }
.heatmap-snapshot-state svg { color:#ef6f52; }
.heatmap-snapshot-state strong { color:#233c43;font-size:12px; }
.heatmap-snapshot-state span { max-width:330px;font-size:9px;line-height:1.55; }
.heatmap-snapshot-state button { margin-top:5px;min-height:34px;padding:0 13px;border:1px solid #cfd6ce;background:white;color:#243f47;font-size:8px;font-weight:850;cursor:pointer; }
.heatmap-capture-frame { position:fixed!important;z-index:-100!important;top:0!important;left:-20000px!important;width:1440px!important;height:900px!important;border:0!important;opacity:0!important;pointer-events:none!important; }
.spin-icon { animation:spin .8s linear infinite; }

.automation-grid { display:grid;grid-template-columns:.75fr 1.25fr;gap:13px;margin-bottom:13px; }.token-panel,.api-guide { padding:28px; }.token-icon { width:46px;height:46px;display:grid;place-items:center;margin-bottom:30px;border-radius:13px;background:#dfff9b;color:#123039; }.token-panel h2,.api-guide h2 { margin:9px 0 12px;font-size:27px;letter-spacing:-.045em; }.token-panel > p { margin:0 0 24px;color:#72807d;font-size:10px;line-height:1.7; }.token-panel .field { margin-bottom:13px; }.created-token { margin-top:18px;padding:15px;background:#102f39;color:white; }.created-token > span { display:block;margin-bottom:9px;color:var(--lime);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em; }.created-token code { display:block;overflow:auto;padding:11px;background:rgba(0,0,0,.18);font-size:9px;white-space:nowrap; }.created-token button { margin-top:10px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:white;font-size:9px;font-weight:800;cursor:pointer; }
.api-guide { background:#102f39;color:white; }.api-guide .admin-kicker { color:var(--lime); }.api-steps { margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.api-steps > div { min-height:115px;padding:14px;background:rgba(255,255,255,.055); }.api-steps b { width:22px;height:22px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--amber);color:var(--ink);font-size:8px; }.api-steps span { display:grid;gap:6px; }.api-steps strong { font-size:9px; }.api-steps small { color:rgba(255,255,255,.45);font-size:7px;line-height:1.5; }.api-guide pre { margin:0;padding:20px;overflow:auto;background:#071c24;color:#d9eeae;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.65; }
.tokens-list { padding:0 24px 18px; }.tokens-list > div:not(.admin-empty) { min-height:76px;display:grid;grid-template-columns:36px 1fr auto 34px;gap:12px;align-items:center;border-bottom:1px solid #e8ebe4; }.token-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf0dc;color:#567030; }.tokens-list > div > div { min-width:0;display:grid;gap:4px; }.tokens-list strong { font-size:10px; }.tokens-list small,.tokens-list em { color:#8b9692;font-size:8px;font-style:normal; }.token-state { padding:6px 8px;border-radius:20px;font-size:8px;font-weight:800; }.token-state.on { background:#e6f2d4;color:#53782f; }.token-state.off { background:#f0ece8;color:#95857a; }.tokens-list > div > button { width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--admin-line);background:white;color:#a16b62;cursor:pointer; }.tokens-list .revoked { opacity:.55; }

.admin-gate { min-height:100vh;display:grid;place-items:center;padding:24px;background:#071a22; }.admin-gate-card { width:min(430px,100%);padding:46px 38px;display:flex;flex-direction:column;align-items:center;background:#fffefa;text-align:center; }.admin-gate-icon { width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#dcf3a7;color:#17343d; }.admin-gate-card h1 { margin:24px 0 10px;font-size:38px;letter-spacing:-.055em; }.admin-gate-card p { margin:0 0 25px;color:#6f7d7a;font-size:11px;line-height:1.7; }.admin-back-link { margin-top:18px;color:#73807d;font-size:9px;border-bottom:1px solid; }.admin-loader { width:32px;height:32px;border:2px solid #d9ded7;border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite; }
.admin-key-form { width:100%;display:grid;gap:14px;text-align:left; }.admin-key-form .field { gap:7px; }.admin-key-form input { min-height:48px;border-color:#d8ddd5;background:#f8f9f4; }.admin-key-form button { margin-top:3px; }.admin-auth-error { padding:11px 13px;background:#f8e8e3;color:#9c4439;font-size:9px;line-height:1.5; }

@media (max-width:1100px) {
  .admin-shell { grid-template-columns:82px 1fr; }.admin-sidebar { padding-left:12px;padding-right:12px; }.admin-brand .brand-word,.admin-workspace-label,.admin-nav button span,.admin-sidebar-bottom > a,.admin-sidebar-bottom > button,.admin-user div { display:none; }.admin-brand { justify-content:center;padding:0; }.admin-nav button { justify-content:center;padding:0; }.admin-nav button > em { position:absolute;right:4px;top:4px;min-width:17px;height:17px;padding:0 4px; }.admin-user { display:flex;justify-content:center;padding:14px 0 0; }.admin-stats-grid { grid-template-columns:repeat(2,1fr); }.admin-two-columns,.editor-grid,.automation-grid,.leads-list { grid-template-columns:1fr; }.article-preview { position:static;max-height:none; }.heatmap-layout { grid-template-columns:1fr; }.heatmap-aside { border-left:0;border-top:1px solid var(--admin-line); }.editorial-card { min-height:330px; }
}
@media (max-width:760px) {
  .admin-shell { display:block;padding-bottom:72px; }.admin-sidebar { position:fixed;z-index:40;top:auto;bottom:0;width:100%;height:70px;padding:7px 8px;display:block;border-top:1px solid rgba(255,255,255,.1); }.admin-sidebar > .admin-brand,.admin-workspace-label,.admin-sidebar-bottom { display:none; }.admin-nav { height:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:1px; }.admin-nav button { min-height:56px;display:grid;place-items:center;gap:2px;box-shadow:none!important; }.admin-nav button span { display:block;font-size:5.5px; }.admin-nav button > em { right:1px;top:1px; }.admin-topbar { height:62px;padding:0 18px; }.admin-live { font-size:0; }.admin-view { padding:26px 15px 50px; }.admin-heading { align-items:flex-start;flex-direction:column; }.admin-heading h1 { font-size:42px; }.admin-stats-grid { grid-template-columns:1fr 1fr;gap:8px; }.admin-stat-card { min-height:145px;padding:15px; }.admin-stat-card > strong { font-size:28px; }.admin-two-columns { grid-template-columns:1fr; }.traffic-chart { height:235px;padding-left:12px;padding-right:12px; }.traffic-grid-lines { left:12px;right:12px; }.admin-mailbox { min-height:auto;grid-template-columns:1fr; }.admin-mail-list { max-height:390px;overflow:auto;border-right:0;border-bottom:1px solid var(--admin-line); }.admin-mail-reader { padding:24px 20px; }.admin-mail-placeholder { min-height:260px; }.articles-toolbar { align-items:stretch;flex-direction:column; }.admin-search { width:100%; }.articles-row { grid-template-columns:1fr auto;gap:10px; }.articles-head { display:none; }.articles-row > time { display:none; }.article-actions { grid-column:2;grid-row:1/3;flex-direction:column; }.editor-heading-actions { width:100%;flex-direction:column; }.editor-heading-actions button { width:100%; }.editor-field-row,.api-steps { grid-template-columns:1fr; }.heatmap-browser { margin:15px; }.heatmap-preview { height:380px; }.heatmap-aside { padding:20px 15px; }.automation-grid { grid-template-columns:1fr; }.api-steps > div { min-height:auto; }.tokens-list { padding:0 14px 15px; }.tokens-list > div:not(.admin-empty) { grid-template-columns:34px 1fr 30px; }.token-state { display:none; }.admin-toast { left:15px;right:15px;top:76px; }.lead-card { padding:18px; }.lead-origin { grid-template-columns:1fr; }.lead-card > header { align-items:stretch;flex-direction:column; }.lead-card > header select { width:100%; }
}
@media (max-width:480px) { .admin-stats-grid { grid-template-columns:1fr; }.admin-panel-head { align-items:flex-start;flex-direction:column; }.traffic-column small { display:none; }.heatmap-browser { margin:10px; }.heatmap-preview { height:320px; }.heatmap-browser-top b { display:none; } }