.nf-analytics-panel, .nf-analytics-settings { box-sizing: border-box; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.nf-analytics-panel[hidden], .nf-analytics-settings[hidden] { display: none !important; }
.nf-analytics-panel { position: fixed; z-index: 55; right: 20px; bottom: 20px; width: min(440px, calc(100vw - 40px)); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow: auto; padding: 22px; border: 1px solid #d7dfed; border-radius: 14px; background: #fff; color: #16202e; box-shadow: 0 10px 40px #0f172a26; }
.nf-analytics-panel h2 { margin: 0 0 10px; color: inherit; font-size: 16px; line-height: 1.4; font-weight: 650; }
.nf-analytics-panel p { margin: 0 0 10px; color: #526075; font-size: 13px; line-height: 1.65; }
.nf-analytics-panel a { color: #2264e5; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.nf-analytics-actions { display: flex; gap: 10px; margin-top: 18px; }
.nf-analytics-actions button { flex: 1; cursor: pointer; border: 1px solid #bcc9df; border-radius: 8px; padding: 11px 14px; background: #eef3fc; color: #163d7b; font: inherit; font-size: 13px; font-weight: 600; }
.nf-analytics-actions button:hover { background: #dfeaff; }
.nf-analytics-settings { display: inline; cursor: pointer; padding: 0; border: 0; background: none; color: inherit; font: inherit; line-height: inherit; text-decoration: underline; text-underline-offset: 3px; }
.nf-analytics-settings:hover { text-decoration-thickness: 2px; }
.nf-analytics-footer { max-width: 64rem; margin: 0 auto; padding: 0 24px 24px; color: #526075; font-size: 12px; }
.nf-analytics-panel button:focus-visible, .nf-analytics-panel a:focus-visible, .nf-analytics-settings:focus-visible { outline: 3px solid #2264e5; outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  .nf-analytics-panel { background: #101722; border-color: #344257; color: #eef2f7; }
  .nf-analytics-panel p { color: #b7c3d5; }
  .nf-analytics-panel a { color: #85afff; }
  .nf-analytics-actions button { background: #1e304e; border-color: #4d6488; color: #dce9ff; }
  .nf-analytics-actions button:hover { background: #294268; }
}
@media (max-width: 540px) { .nf-analytics-panel { right: 12px; bottom: 12px; width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); padding: 18px; } }