:root {--primary: 212 92% 53%;--accent: 45 98% 64%;--sidebar-active: 232 90% 58%;--sidebar-start: #0f172a;--sidebar-end: #1e293b;--background: 210 40% 97%;--surface: rgba(255,255,255,0.9);--text: #111827;--muted: #6b7280;--border: #e5e7eb;}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Inter',sans-serif;}html {scroll-behavior: smooth;}body {display: flex;background: radial-gradient(900px 380px at 18% 12%, hsl(var(--primary) / 0.18), transparent 60%), radial-gradient(900px 420px at 80% 12%, hsl(var(--accent) / 0.14), transparent 55%), radial-gradient(900px 520px at 60% 120%, hsl(220 95% 60% / 0.12), transparent 60%), linear-gradient(180deg, hsl(var(--background)), hsl(var(--background)));color: var(--text);}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: transparent;}::-webkit-scrollbar-thumb {background-color: #74d961;border-radius: 999px;}* {scrollbar-width: thin;scrollbar-color: #74d961 transparent;}.sidebar {width: 270px;height: 100vh;background: linear-gradient(180deg,var(--sidebar-start),var(--sidebar-end));padding: 28px 16px;position: fixed;overflow-y: auto;}.logo {display: flex;align-items: self-end;gap: 10px;color: white;font-weight: 600;margin-bottom: 30px;}.logo-icon {width:36px;height:36px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: white;}.menu {list-style: none;}.menu li {margin-bottom: 6px;}.menu a {display: block;text-decoration: none;font-size: 13px;color: #cbd5e1;padding-inline: calc(0.25rem * 4);padding-block: calc(0.25rem * 3);border-radius: calc(14px + 4px);transition: .2s;}.menu a.active {background: hsl(var(--sidebar-active));color: white;}.menu a:hover {background: rgba(255,255,255,.08);color: white;}.main {margin-left: 270px;padding: 50px 60px;width: 100%;}.header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}.header h1 {font-size: 32px;font-weight: 600;}.version-badge {background: linear-gradient(135deg,#ffe07a,#fdca49);padding: 8px 18px;border-radius: 999px;font-size: 12px;font-weight: 600;box-shadow: 0 8px 25px hsl(var(--accent) / 0.4);}.content {background: var(--surface);backdrop-filter: blur(6px);border-radius: 24px;padding: 40px;min-height: 500px;--tw-shadow-color: rgb(0 0 0 / 0.1);box-shadow: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);}.horizontal-tabs {display: flex;gap: 12px;padding: 10px;border-radius: 999px;margin-bottom: 35px;background: radial-gradient(400px 200px at 20% 20%, hsl(var(--primary) / 0.12), transparent 60%), radial-gradient(400px 200px at 80% 20%, hsl(var(--accent) / 0.10), transparent 60%), rgba(255,255,255,0.6);}.horizontal-tabs button {padding: 9px 20px;border: none;border-radius: 999px;font-size: 13px;cursor: pointer;background: transparent;color: var(--muted);transition: .3s;}.horizontal-tabs button.active {background: hsl(var(--accent));color: #111827;box-shadow: 0 6px 20px hsl(var(--accent) / 0.35);}.section {display: none;}.section.active {display: block;}.section h2 {margin-bottom: 15px;}.section p {font-size: 14px;margin-bottom: 18px;color: #334155;}pre[class*="language-"] {border-radius: 14px;padding: 20px;font-size: 13px;background: #0f172a !important;}@media(max-width: 1000px) {.sidebar {display:none;}.main {margin-left: 0;padding: 30px;}}.menu a i {margin-right: 10px;font-size: 16px;vertical-align: middle;}.menu a {display: flex;align-items: center;gap: 12px;}.menu a i {font-size: 18px;transition: all .2s ease;}.menu a.active i {color: white;}.menu a:not(.active) i {opacity: .8;}.menu a:hover i {transform: translateX(2px);}.doc-block {margin-bottom: 40px;}.doc-block h3 {margin-bottom: 14px;font-size: 18px;font-weight: 600;}.lead {font-size: 16px;font-weight: 500;margin-bottom: 18px;color: #111827;}.doc-list {padding-left: 18px;line-height: 1.9;}.doc-callout {background: linear-gradient( 135deg, hsl(var(--primary) / 0.08), hsl(var(--accent) / 0.06) );border-left: 4px solid hsl(var(--accent));padding: 20px 22px;border-radius: 14px;margin-bottom: 40px;}.doc-callout strong {display: block;margin-bottom: 8px;font-size: 14px;}.platform-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 14px;margin: 20px 0 25px;}.platform-item {background: radial-gradient( 200px 100px at 20% 20%, hsl(var(--primary) / 0.08), transparent 60% ), rgba(255,255,255,0.65);border: 1px solid rgba(0,0,0,0.06);padding: 12px 16px;border-radius: 14px;font-size: 13px;font-weight: 500;text-align: center;transition: all .25s ease;}.platform-item:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0,0,0,0.08);}.platform-note {font-size: 13px;color: #475569;}.doc-step {display: flex;gap: 20px;margin-bottom: 45px;}.step-number {width: 36px;height: 36px;background: hsl(var(--sidebar-active));color: white;font-weight: 600;border-radius: 10px;display: flex;align-items: center;justify-content: center;}.step-content h3 {margin-bottom: 10px;font-size: 18px;font-weight: 600;}.doc-image {margin-top: 15px;padding: 20px;background: rgba(0,0,0,0.04);border-radius: 12px;font-size: 12px;color: #64748b;}.status {padding: 4px 10px;border-radius: 999px;font-size: 12px;font-weight: 600;}.status.pending {background: rgba(255,165,0,0.15);color: orange;}.status.active {background: rgba(34,197,94,0.15);color: #16a34a;}.doc-link {font-family: monospace;background: rgba(0,0,0,0.05);padding: 6px 10px;border-radius: 8px;display: inline-block;}.doc-callout.warning {background: rgba(255,165,0,0.08);border-left: 4px solid orange;padding: 15px 18px;border-radius: 10px;margin: 15px 0;}.doc-image {margin-top: 18px;}.doc-image img {width: 100%;height: auto;display: block;border-radius: 14px;box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 8px 20px rgba(0,0,0,0.06);}@media (max-width: 768px) {.doc-step {flex-direction: column;}.step-number {width: 32px;height: 32px;font-size: 13px;}.main {padding: 30px 20px;}.content {padding: 25px;}}.doc-image img {border: 1px solid rgba(0,0,0,0.05);}.cloud-icon-inline {color: orange;font-size: 18px;vertical-align: middle;margin: 0 4px;}.refresh-icon-inline {color: hsl(var(--sidebar-active));font-size: 18px;vertical-align: middle;margin: 0 4px;}.configure-icon-inline {color: orange;font-size: 18px;vertical-align: middle;margin: 0 4px;}.doc-critical {margin: 35px 0;padding: 22px 24px;border-radius: 16px;background: linear-gradient( 135deg, rgba(220, 38, 38, 0.08), rgba(239, 68, 68, 0.06) );border-left: 5px solid #dc2626;}.critical-title {font-weight: 700;font-size: 15px;margin-bottom: 12px;color: #dc2626;}.feature-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 20px;margin-top: 20px;}.feature-card {background: radial-gradient( 250px 120px at 20% 20%, hsl(var(--primary) / 0.08), transparent 60% ), rgba(255,255,255,0.7);border: 1px solid rgba(0,0,0,0.05);padding: 20px;border-radius: 16px;transition: all .25s ease;}.feature-card:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(0,0,0,0.08);}.feature-header {display: flex;align-items: center;gap: 10px;font-weight: 600;margin-bottom: 10px;}.feature-icon {font-size: 20px;color: hsl(var(--sidebar-active));}.feature-toggle {margin: 10px 0 15px;}.toggle-blue {font-size: 28px;color: hsl(var(--sidebar-active));}.doc-critical i {margin-right: 6px;}.instruction-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 22px;margin-top: 20px;}.instruction-card {background: radial-gradient( 250px 120px at 20% 20%, hsl(var(--primary) / 0.08), transparent 60% ), rgba(255,255,255,0.75);border: 1px solid rgba(0,0,0,0.05);padding: 22px;border-radius: 16px;}.instruction-header {display: flex;align-items: center;gap: 10px;font-weight: 600;margin-bottom: 12px;}.instruction-header i {font-size: 20px;color: hsl(var(--sidebar-active));}.doc-table-wrapper {overflow-x: auto;margin-top: 20px;}.doc-table {width: 100%;border-collapse: collapse;font-size: 13px;}.doc-table th, .doc-table td {border: 1px solid rgba(0,0,0,0.06);padding: 10px 12px;text-align: left;}.doc-table th {background: rgba(0,0,0,0.04);font-weight: 600;}.dropdown-preview {margin: 20px 0;}.dropdown-box {width: 200px;background: rgba(255,255,255,0.8);border: 1px solid rgba(0,0,0,0.05);border-radius: 12px;padding: 10px 14px;}.dropdown-label {font-size: 11px;color: #64748b;margin-bottom: 4px;}.dropdown-value {display: flex;justify-content: space-between;align-items: center;font-weight: 500;}.dropdown-wrapper {margin: 18px 0;}.dropdown-box {width: 220px;position: relative;background: rgba(255,255,255,0.85);border: 1px solid rgba(0,0,0,0.06);border-radius: 14px;cursor: pointer;transition: all .2s ease;}.dropdown-box:hover {border-color: hsl(var(--sidebar-active) / 0.5);}.dropdown-selected {padding: 12px 14px;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}.dropdown-menu {display: none;border-top: 1px solid rgba(0,0,0,0.05);background: white;border-radius: 0 0 14px 14px;}.dropdown-box.active .dropdown-menu {display: block;}.dropdown-item {padding: 10px 14px;font-size: 13px;transition: background .2s ease;}.dropdown-item:hover {background: rgba(0,0,0,0.04);}.dropdown-item.active {background: hsl(var(--sidebar-active) / 0.1);font-weight: 600;}.route-mode-description {margin-top: 10px;font-size: 13px;color: #475569;}.doc-step-title {display: flex;align-items: center;gap: 14px;margin-bottom: 18px;}.doc-step-title h3 {margin: 0;font-size: 18px;font-weight: 600;}.instruction-highlight {margin-top: 18px;display: flex;flex-direction: column;gap: 8px;}.highlight-item {display: flex;align-items: center;gap: 8px;background: rgba(59,130,246,0.06);padding: 10px 14px;border-radius: 10px;font-size: 13px;}.highlight-item i {color: hsl(var(--sidebar-active));}.route-mode-example {margin-top: 18px;}.route-example-box {background: rgba(59,130,246,0.05);border-left: 4px solid hsl(var(--sidebar-active));padding: 16px 18px;border-radius: 12px;font-size: 13px;}.section-label {display: flex;align-items: center;gap: 8px;font-weight: 600;font-size: 14px;margin: 28px 0 14px;color: #1e293b;}.section-label i {color: hsl(var(--sidebar-active));}.doc-table-wrapper {overflow-x: auto;margin-top: 20px;margin-bottom: 28px;}.doc-callout {margin-top: 20px;margin-bottom: 30px;}pre {position: relative;}.copy-btn {position: absolute;top: 10px;right: 10px;background: hsl(var(--sidebar-active));color: white;border: none;padding: 6px 10px;font-size: 12px;border-radius: 8px;cursor: pointer;transition: all .2s ease;}.copy-btn:hover {opacity: .9;}.copy-btn.copied {background: #16a34a;}.breadcrumb {display: flex;align-items: center;gap: 8px;font-size: 13px;margin-bottom: 18px;color: #64748b;}.breadcrumb i {font-size: 14px;}#breadcrumb-current {color: #111827;font-weight: 500;}.sidebar-search {display: flex;align-items: center;gap: 8px;background: rgba(255,255,255,0.08);padding: 8px 10px;border-radius: 10px;margin-bottom: 20px;}.sidebar-search input {background: transparent;border: none;outline: none;color: white;font-size: 13px;width: 100%;}.sidebar-search input::placeholder {color: rgba(255,255,255,0.5);}.sidebar-search i {font-size: 16px;color: rgba(255,255,255,0.7);}.search-highlight {background: linear-gradient( 90deg, hsl(var(--accent) / 0.35), hsl(var(--accent) / 0.55) );padding: 2px 4px;border-radius: 4px;}.image-replace-box, .base64-box {background: radial-gradient( 250px 120px at 20% 20%, hsl(var(--primary) / 0.08), transparent 60% ), rgba(255,255,255,0.75);border: 1px solid rgba(0,0,0,0.05);padding: 22px;border-radius: 16px;margin-top: 20px;}.image-fields {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 18px;}.field label {font-size: 12px;display: block;margin-bottom: 6px;color: #64748b;}.field input {width: 100%;padding: 10px 12px;border-radius: 10px;border: 1px solid rgba(0,0,0,0.08);font-size: 13px;background: white;}.route-config {display: flex;gap: 16px;margin-bottom: 16px;}.route-field {flex: 1;}.route-field label, .route-mode-preview label {font-size: 12px;display: block;margin-bottom: 6px;color: #64748b;}.route-mode-box {background: white;border: 1px solid rgba(0,0,0,0.08);padding: 10px 12px;border-radius: 10px;font-size: 13px;display: flex;justify-content: space-between;align-items: center;}.add-field-btn {background: hsl(var(--sidebar-active));color: white;border: none;padding: 8px 14px;border-radius: 10px;font-size: 13px;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;}.toggle-row {display: flex;justify-content: space-between;align-items: center;font-weight: 500;margin-bottom: 18px;}@media (max-width: 768px) {.image-fields {grid-template-columns: 1fr;}.route-config {flex-direction: column;}}.dashboard-preview, .base64-preview {background: #f9fafb;border: 1px solid rgba(0,0,0,0.06);border-radius: 14px;padding: 22px;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 20px;}.form-group label {display: block;font-size: 13px;margin-bottom: 6px;color: #475569;}.form-group textarea {width: 100%;height: 70px;border: 1px solid rgba(0,0,0,0.1);border-radius: 8px;padding: 10px;font-size: 13px;resize: none;background: white;}.route-section label {display: block;font-size: 13px;margin-bottom: 6px;color: #475569;}.route-row {display: flex;gap: 12px;align-items: center;}.route-row input {flex: 1;padding: 10px 12px;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1);font-size: 13px;background: white;}.route-mode {padding: 10px 14px;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1);font-size: 13px;display: flex;align-items: center;gap: 6px;background: white;}.delete-btn {background: #fee2e2;color: #dc2626;border: none;padding: 9px 14px;border-radius: 8px;font-size: 13px;display: flex;align-items: center;gap: 6px;cursor: pointer;}.divider {margin: 22px 0;border: none;border-top: 1px solid rgba(0,0,0,0.08);}.add-btn {background: #6366f1;color: white;border: none;padding: 9px 16px;border-radius: 8px;font-size: 13px;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;}.toggle-line {display: flex;justify-content: space-between;align-items: center;margin-bottom: 18px;font-weight: 500;}.toggle-blue {font-size: 26px;color: hsl(var(--sidebar-active));}@media (max-width: 768px) {.form-row {grid-template-columns: 1fr;}.route-row {flex-direction: column;align-items: stretch;}}.blinder-overview {background: #f8fafc;border: 1px solid rgba(0,0,0,0.06);border-radius: 16px;padding: 24px;margin-top: 20px;}.blinder-header {display: flex;gap: 16px;align-items: flex-start;margin-bottom: 20px;}.blinder-header i {font-size: 26px;color: hsl(var(--sidebar-active));}.blinder-header h3 {margin: 0 0 6px 0;font-size: 17px;font-weight: 600;}.blinder-header p {margin: 0;font-size: 14px;color: #475569;}.blinder-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 14px;margin-top: 10px;}.blinder-card {background: white;border: 1px solid rgba(0,0,0,0.05);border-radius: 12px;padding: 14px;display: flex;align-items: center;gap: 10px;font-size: 13px;font-weight: 500;}.blinder-card i {color: hsl(var(--sidebar-active));}.blinder-note {margin-top: 18px;padding: 12px 14px;border-radius: 10px;background: #fff7ed;color: #92400e;font-size: 13px;display: flex;align-items: center;gap: 8px;}.doc-note {padding: 18px 20px;border-radius: 14px;margin: 24px 0;font-size: 14px;line-height: 1.65;}.doc-note-title {display: flex;align-items: center;gap: 8px;font-weight: 600;margin-bottom: 8px;}.doc-note-title i {font-size: 18px;}.doc-note-important {background: #fff7ed;border: 1px solid #fed7aa;color: #7c2d12;}.doc-note-important .doc-note-title i {color: #ea580c;}.doc-note-neutral {background: #f1f5f9;border: 1px solid rgba(0,0,0,0.06);}.feature-card p {font-size: 13px;line-height: 1.55;margin-bottom: 10px;color: #475569;}.feature-card ul {margin: 0;padding-left: 16px;}.feature-card ul li {font-size: 12.5px;line-height: 1.5;margin-bottom: 4px;color: #64748b;}.doc-divider {border: none;height: 2px;margin: 45px 0;background: linear-gradient( 90deg, transparent, #74d961, transparent );border-radius: 999px;}.section > * + * {margin-top: 32px;}.section-lead {font-size: 18px;font-weight: 500;line-height: 1.6;margin-top: 10px;color: #1e293b;}.section-description {font-size: 14px;line-height: 1.7;margin-top: 12px;color: #64748b;}.beta-badge {background: #fdca49;color: #000;font-size: 12px;padding: 4px 8px;border-radius: 999px;margin-left: 10px;font-weight: 600;}.highlight-blinder {color: hsl(232 90% 58%);font-weight: 600;padding: 2px 6px;border-radius: 6px;background: linear-gradient( 90deg, rgba(59,130,246,0.15), rgba(59,130,246,0.05) );}.horizontal-tabs {margin-top: 20px;margin-bottom: 20px;}.doc-block h2 {margin-bottom: 12px;}.analytics-wrapper {margin-top: 30px;background: #ffffff;border-radius: 16px;padding: 20px;box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);}.analytics-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.analytics-title {font-weight: 600;font-size: 16px;}.export-btn {background: #22c55e;color: white;border: none;padding: 8px 14px;border-radius: 8px;cursor: pointer;font-size: 13px;}.analytics-controls {display: flex;justify-content: space-between;margin-bottom: 15px;font-size: 13px;}.analytics-controls select, .analytics-controls input {padding: 6px 8px;border: 1px solid #e5e7eb;border-radius: 6px;}.analytics-table {width: 100%;border-collapse: collapse;font-size: 13px;}.analytics-table th {text-align: left;padding: 10px;background: #f8fafc;font-weight: 600;}.analytics-table td {padding: 10px;border-bottom: 1px solid #f1f5f9;}.ip {color: #2563eb;font-weight: 500;}.badge {padding: 4px 8px;border-radius: 6px;font-size: 12px;font-weight: 500;}.country {background: #e5e7eb;}.method {background: #ede9fe;color: #6d28d9;}.cache-hit {background: #dcfce7;color: #15803d;}.cache-miss {background: #fef3c7;color: #b45309;}.cache-expired {background: #e5e7eb;color: #6b7280;}.bot {background: #dbeafe;color: #1d4ed8;}.traffic-intro {margin-top: 14px;display: grid;grid-template-columns: 1.2fr 1fr;gap: 30px;}.traffic-description p {font-size: 14px;color: #475569;line-height: 1.7;margin-bottom: 10px;}.traffic-types {display: flex;flex-direction: column;gap: 14px;}.traffic-type {display: flex;align-items: center;gap: 12px;padding: 10px 14px;border-radius: 12px;background: linear-gradient( 90deg, rgba(18,124,245,0.08), rgba(18,124,245,0.02) );}.traffic-type i {font-size: 18px;color: hsl(232 90% 58%);}.traffic-type strong {font-size: 13px;display: block;}.traffic-type span {font-size: 12px;color: #64748b;}.traffic-hero {position: relative;padding-top: 25px;}.traffic-hero::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient( 90deg, hsl(232 90% 58%), #74d960, #fdca49 );border-radius: 4px 4px 0 0;}.traffic-stats {display: flex;gap: 20px;margin: 15px 0 20px;}.traffic-stat {background: rgba(18,124,245,0.05);padding: 12px 16px;border-radius: 12px;text-align: center;min-width: 120px;}.stat-number {display: block;font-size: 16px;font-weight: 600;color: hsl(232 90% 58%);}.stat-label {font-size: 12px;color: #64748b;}.traffic-desc {font-size: 14px;color: #475569;margin-bottom: 20px;line-height: 1.7;}.traffic-group {border: 1px solid #f1f5f9;border-radius: 12px;margin-bottom: 12px;overflow: hidden;}.traffic-group-header {display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;cursor: pointer;background: #f8fafc;transition: background 0.2s ease;}.traffic-group-header:hover {background: #eef2f7;}.traffic-group-header i {margin-right: 8px;color: hsl(232 90% 58%);}.count-badge {background: hsl(232 90% 58%);color: white;font-size: 11px;padding: 4px 8px;border-radius: 999px;}.traffic-group-body {display: none;padding: 12px 16px;font-size: 13px;color: #64748b;}.traffic-meta {display: flex;gap: 20px;margin: 15px 0 25px;}.traffic-meta-item {display: flex;align-items: center;gap: 10px;background: rgba(18,124,245,0.05);padding: 10px 14px;border-radius: 12px;}.traffic-meta-item i {font-size: 16px;color: hsl(232 90% 58%);}.traffic-meta-item strong {font-size: 13px;display: block;}.traffic-meta-item span {font-size: 12px;color: #64748b;}.traffic-desc {font-size: 14px;line-height: 1.7;color: #475569;margin-bottom: 18px;}.traffic-meta {display: flex;gap: 20px;margin-bottom: 28px;}.traffic-divider {border: none;height: 1px;background: linear-gradient( 90deg, rgba(18,124,245,0.15), transparent );margin: 10px 0 25px;}.blink-description {font-size: 14px;line-height: 1.7;color: #475569;margin-bottom: 18px;}