.telemetry-page{min-width:0;max-width:100%}.telemetry-card{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:14px;padding:14px;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0f172a0f;min-width:0}@media(min-width:640px){.telemetry-card{padding:18px 20px}}.telemetry-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.telemetry-toolbar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0f172a;margin:0;flex:1;min-width:0}.telemetry-toolbar-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:18px;flex-shrink:0}.telemetry-count{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;padding:6px 12px;border-radius:999px;white-space:nowrap}.telemetry-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}@media(min-width:640px){.telemetry-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.telemetry-filters{grid-template-columns:repeat(6,minmax(0,1fr))}}.telemetry-filters-head{grid-column:1 / -1;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.telemetry-field{display:flex;flex-direction:column;gap:4px;min-width:0}.telemetry-field label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.telemetry-field label svg{font-size:12px;color:#64748b}.telemetry-field input,.telemetry-field select{width:100%;min-width:0;padding:8px 10px;font-size:13px;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background:#f8fafc;color:#0f172a;transition:border-color .15s,box-shadow .15s}.telemetry-field input:focus,.telemetry-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.telemetry-section{margin-bottom:14px}.telemetry-section-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.telemetry-section-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:15px}.telemetry-section-label{margin:0;font-size:13px;font-weight:700;color:#334155}.telemetry-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:520px){.telemetry-summary-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.telemetry-stat-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:0;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.telemetry-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.telemetry-stat-card--selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.telemetry-stat-card--selected:hover{background:#dbeafe}.telemetry-stat-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.telemetry-summary-clear{margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer}.telemetry-summary-clear:hover{background:#dbeafe}.telemetry-summary-hint{margin:0 0 10px;font-size:12px;color:#64748b}.telemetry-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:18px;flex-shrink:0}.telemetry-stat-body{min-width:0;flex:1}.telemetry-stat-label{display:block;font-size:11px;font-weight:600;color:#475569;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telemetry-stat-count{font-size:18px;font-weight:800;color:#0f172a;line-height:1.2}.tone-blue .telemetry-stat-icon{background:#dbeafe;color:#1d4ed8}.tone-violet .telemetry-stat-icon{background:#ede9fe;color:#6d28d9}.tone-emerald .telemetry-stat-icon{background:#d1fae5;color:#047857}.tone-amber .telemetry-stat-icon{background:#fef3c7;color:#b45309}.tone-rose .telemetry-stat-icon{background:#ffe4e6;color:#be123c}.tone-cyan .telemetry-stat-icon{background:#cffafe;color:#0e7490}.tone-slate .telemetry-stat-icon{background:#f1f5f9;color:#475569}.telemetry-records-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.telemetry-page-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b;font-weight:600;background:#f1f5f9;padding:4px 10px;border-radius:6px}.telemetry-list-scroll{max-height:min(420px,55vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:6px}@media(min-width:640px){.telemetry-list-scroll{max-height:min(480px,60vh)}}.telemetry-list{display:flex;flex-direction:column;gap:6px;min-width:0}.telemetry-row{display:grid;grid-template-columns:1fr;gap:4px;padding:8px 10px;background:#fafafa;border:1px solid #f1f5f9;border-radius:8px;font-size:12px;min-width:0}@media(min-width:520px){.telemetry-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}}.telemetry-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.telemetry-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.telemetry-tag-event{background:#dbeafe;color:#1e40af}.telemetry-tag-source{background:#f3e8ff;color:#6b21a8}.telemetry-tag-platform{background:#ecfdf5;color:#047857}.telemetry-user{font-weight:600;color:#0f172a}.telemetry-user-id{font-family:ui-monospace,monospace;font-size:10px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.telemetry-row-meta{font-size:11px;color:#94a3b8;white-space:nowrap}@media(min-width:520px){.telemetry-row-meta{text-align:right}}.telemetry-meta-details{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.telemetry-meta-chip{font-size:11px;line-height:1.3;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.telemetry-meta-chip--value{background:#e0f2fe;border-color:#bae6fd;color:#0369a1;font-weight:500}.telemetry-meta-chip--on{background:#dcfce7;border-color:#bbf7d0;color:#166534}.telemetry-meta-chip--off{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.telemetry-meta-chip--action{background:#f3e8ff;border-color:#e9d5ff;color:#6b21a8;font-weight:500}.telemetry-meta-json{grid-column:1 / -1;margin:0;padding:8px 10px;font-size:10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:auto;max-height:64px;color:#64748b}.telemetry-meta-json--rest{flex:1 1 100%;max-height:48px}.telemetry-empty,.telemetry-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;text-align:center;font-size:13px;color:#94a3b8}.telemetry-empty svg,.telemetry-loading svg{font-size:32px;color:#cbd5e1}.telemetry-empty--in-panel,.telemetry-loading--in-panel{border:1px dashed #e2e8f0;border-radius:12px;background:#f8fafc}.telemetry-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:telemetry-spin .7s linear infinite}@keyframes telemetry-spin{to{transform:rotate(360deg)}}.telemetry-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.telemetry-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;cursor:pointer;transition:background .15s,border-color .15s}.telemetry-page-btn:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.telemetry-page-btn:disabled{opacity:.35;cursor:not-allowed}.telemetry-page-status{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:700;color:#334155;padding:0 10px;min-width:72px}.telemetry-page-status-sub{font-size:10px;font-weight:500;color:#94a3b8}*{box-sizing:border-box}html{height:100%;min-height:100%;max-height:100%;background-color:#f3f4f6}body{height:100%;min-height:100%;max-height:100%;margin:0;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6}#root{height:100%;min-height:100%;max-height:100%;overflow:hidden;background-color:#f3f4f6}.app-viewport{height:100%;min-height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column}.dashboard-route{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.login-route{flex:1;min-height:0;overflow:auto;background-color:#f3f4f6}.app-route-fill{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.commission-queue-row:hover{background-color:#f8fafc}.admin-messages-page{flex:1 1 0;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;gap:24px}