@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-heading: "DM Sans", sans-serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", "Courier New", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 28px;--font-size-3xl: 32px;--color-page-bg: #f0ede8;--color-card-bg: #faf9f7;--color-subtle-bg: #f5f3ef;--color-muted-bg: #e8e5e0;--color-border: #d6d3d1;--color-border-subtle: #e7e5e4;--color-border-strong: #a8a29e;--color-text-primary: #1c1917;--color-text-heading: #292524;--color-text-body: #44403c;--color-text-secondary: #78716c;--color-text-tertiary: #a8a29e;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-active: #1e40af;--color-accent-subtle: #eff6ff;--color-success: #059669;--color-success-dark: #065f46;--color-success-bg: #d1fae5;--color-success-border: #a7f3d0;--color-danger: #ef4444;--color-danger-dark: #7f1d1d;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-warning: #f59e0b;--color-warning-dark: #7a5b00;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 2px 8px rgba(28, 25, 23, .06);--shadow-lg: 0 4px 16px rgba(28, 25, 23, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-body);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-heading);letter-spacing:-.01em}:root{--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-active: #1e40af;--color-accent-subtle: #eff6ff;--color-success: #059669;--color-success-dark: #065f46;--color-success-bg: #d1fae5;--color-success-border: #a7f3d0;--color-danger: #ef4444;--color-danger-dark: #7f1d1d;--color-danger-bg: #fee2e2;--color-danger-border: #fecaca;--color-warning: #f59e0b;--color-warning-dark: #7a5b00;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-bg-page: #f0ede8;--color-bg-card: #faf9f7;--color-bg-subtle: #f5f3ef;--color-bg-muted: #e8e5e0;--color-border: #d6d3d1;--color-border-subtle: #e7e5e4;--color-border-strong: #a8a29e;--color-text-primary: #1c1917;--color-text-secondary: #78716c;--color-text-tertiary: #a8a29e;--color-text-heading: #292524;--color-text-body: #44403c;--color-header-bg: #faf9f7;--color-header-border: var(--color-border);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 2px 8px rgba(28, 25, 23, .06);--shadow-lg: 0 4px 16px rgba(28, 25, 23, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", "Courier New", monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--header-height: 56px;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.nav-link.active:focus-visible{outline-color:#fff}.skip-to-content{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;transition:top var(--transition-base)}.skip-to-content:focus{top:0}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-body);overflow:hidden}@media(max-width:767px){body{overflow:visible;height:auto}}.eclas-shell{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}@media(max-width:767px){.eclas-shell{overflow:visible;height:auto;min-height:100vh}}.chart-skeleton{width:100%;height:250px;background-color:var(--color-bg-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.chart-skeleton__bars{display:flex;align-items:flex-end;gap:6px;flex:1;padding-top:var(--space-4)}.chart-skeleton__bar{flex:1;background-color:var(--color-bg-muted);border-radius:3px 3px 0 0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-skeleton__axis{height:1px;background-color:var(--color-border)}.chart-skeleton__labels{display:flex;justify-content:space-between}.chart-skeleton__label{width:30px;height:8px;background-color:var(--color-bg-muted);border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-skeleton__inner{text-align:center;color:var(--color-text-tertiary)}.chart-skeleton__text{font-size:var(--text-md);font-weight:var(--weight-medium)}.incidents-skeleton-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.incidents-skeleton__lane{display:flex;align-items:center;gap:var(--space-3);padding:6px 0}.incidents-skeleton__lane-label{width:120px;height:12px;background-color:var(--color-bg-muted);border-radius:4px;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.incidents-skeleton__lane-track{flex:1;height:24px;background-color:var(--color-bg-subtle);border-radius:3px;position:relative;overflow:hidden;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.incidents-skeleton__lane-track:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.kpi-skeleton{background:var(--color-bg-card);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.kpi-skeleton__title{width:80px;height:10px;background-color:var(--color-bg-muted);border-radius:4px;margin-bottom:var(--space-3);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.kpi-skeleton__value{width:60px;height:24px;background-color:var(--color-bg-muted);border-radius:4px;margin-bottom:var(--space-2);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.kpi-skeleton__sub{width:120px;height:8px;background-color:var(--color-bg-muted);border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:767px){.chart-skeleton{height:200px}.email-processing-billboard{height:200px!important;max-height:200px;margin-bottom:var(--space-2)}.email-processing-billboard .bb svg{height:200px!important}}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a1a2e;color:#e0e0e0;font-family:var(--font-family)}.error-boundary__card{text-align:center;max-width:480px;padding:var(--space-10)}.error-boundary__title{font-size:1.5rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:#fff}.error-boundary__message{font-size:.95rem;color:#a0a0b8;margin-bottom:var(--space-6);line-height:1.5}.error-boundary__stack{text-align:left;font-size:.8rem;color:#e57373;background-color:#1e1e30;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__reload{padding:10px var(--space-6);font-size:.95rem;font-weight:var(--weight-medium);color:#fff;background-color:#3a7bd5;border:none;border-radius:var(--radius-md);cursor:pointer}.spam-error-banner{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:#991b1b;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.spam-empty-state{text-align:center;padding:3rem var(--space-4);color:var(--color-text-secondary);background:linear-gradient(180deg,#ecfdf5 0%,var(--color-bg-card) 100%);border:1px solid var(--color-success-border);border-radius:var(--radius-md)}.spam-empty-icon{width:48px;height:48px;border-radius:50%;background-color:var(--color-success-bg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.spam-empty-icon svg{color:var(--color-success)}.spam-empty-title{margin:.5rem 0 0;font-family:var(--font-heading);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-text-heading)}.spam-empty-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.not-spam-btn{padding:.25rem .75rem;border-radius:var(--radius-sm);border:none;font-size:.8125rem;font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:.375rem;background-color:var(--color-accent);color:#fff;cursor:pointer;transition:all var(--transition-base)}.not-spam-btn:disabled{background-color:var(--color-text-tertiary);cursor:not-allowed}.not-spam-btn .spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spam-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;font-size:14px;color:var(--color-text-secondary, #6b7280)}.eclas-loading{display:flex;align-items:center;justify-content:center;height:100vh;gap:.5rem;font-size:var(--text-md);color:var(--color-text-secondary)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinning{animation:spin 1s linear infinite}.eclas-error{display:flex;align-items:center;justify-content:center;height:100vh;gap:.5rem;font-size:var(--text-md);color:var(--color-danger)}.eclas-retry-btn{background-color:var(--color-danger);border:none;color:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;margin-left:.5rem}.eclas-retry-btn:hover{background-color:#c0392b}.eclas-incidents-timeline{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4);height:100px}.eclas-incidents-header{margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-border-subtle)}.eclas-incidents-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.eclas-incidents-container{position:relative;height:40px;background-color:var(--color-bg-subtle);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.incidents-timeline-axis{position:absolute;bottom:50%;left:0;right:0;height:1px;background-color:var(--color-border)}.incident-dot{position:absolute;width:8px;height:8px;border-radius:50%;cursor:pointer;top:50%;transform:translateY(-50%);border:2px solid white;box-shadow:0 1px 3px #0003}.incident-dot.webhook{background-color:var(--color-danger)}.incident-dot.subscription{background-color:var(--color-warning)}.incident-dot.tunnel{background-color:#9b59b6}.incident-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--color-text-heading);color:#fff;padding:.25rem .5rem;border-radius:3px;font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000;margin-bottom:5px}.incident-dot:hover .incident-tooltip{opacity:1}.eclas-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:visible;margin-bottom:var(--space-4)}.eclas-stats-section{background-color:var(--color-bg-card);padding:var(--space-4)}.eclas-stats-section h3{font-size:12px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.eclas-stat-data{display:flex;flex-direction:column;gap:.5rem}.eclas-primary-stat{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-heading);line-height:1}.eclas-stat-details{display:flex;flex-direction:column;gap:.25rem}.eclas-stat-details span{font-size:var(--text-sm);color:var(--color-text-secondary)}.eclas-stat-details span:first-child{color:var(--color-text-heading);font-weight:var(--weight-medium);font-size:12px}.eclas-cost-line{color:var(--color-text-heading)!important;font-weight:var(--weight-semibold)!important;font-size:12px!important;font-family:var(--font-mono)}@media(min-width:1024px)and (max-width:1366px){.eclas-incidents-timeline{margin-bottom:1.5rem}}@media(min-width:768px)and (max-width:1023px){.eclas-incidents-timeline{margin-bottom:1.5rem}}.eclas-dashboard{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-page);max-height:100vh;overflow:hidden}.bb-line-Daily-Total-Processed path,.bb-line-Daily-Total-Processed .bb-line{stroke-dasharray:5 5!important}.bb-line-Daily-Total-Classified path,.bb-line-Daily-Total-Classified .bb-line{stroke-dasharray:5 5!important}.bb-line-Daily-Total-LLM path,.bb-line-Daily-Total-LLM .bb-line{stroke-dasharray:5 5!important}.bb-chart-line .bb-line[class*=Daily-Total]{stroke-dasharray:5 5!important}.bb text,.bb-axis text,.bb-legend text,.bb-tooltip{font-family:var(--font-family)!important}.incidents-timeline-billboard .bb svg{font-family:var(--font-family);overflow:visible!important}.incidents-timeline-billboard .bb-chart,.incidents-timeline-billboard .bb-chart-lines{overflow:visible!important}.incidents-timeline-billboard .bb-grid line,.incidents-timeline-billboard .bb-ygrid line{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .bb-axis-x line,.incidents-timeline-billboard .bb-axis-y line{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .domain{stroke:var(--color-border);stroke-width:.5px}.incidents-timeline-billboard .bb-circle{stroke-width:1.5px;opacity:.9}.incidents-timeline-billboard .bb-circle._expanded_{stroke-width:2px;opacity:1}.incidents-timeline-billboard .bb-axis-x text,.incidents-timeline-billboard .bb-axis-y text{font-size:var(--text-sm);fill:var(--color-text-secondary);font-weight:var(--weight-medium)}.incidents-timeline-billboard .bb-axis-y text{font-size:9px;text-transform:uppercase;letter-spacing:.5px;fill:var(--color-text-tertiary);font-weight:var(--weight-semibold)}.incidents-timeline-billboard .bb-legend-item text{font-size:var(--text-sm);fill:#4b5563;font-weight:var(--weight-medium)}.incidents-timeline-billboard .bb-legend-item-Critical,.incidents-timeline-billboard .bb-legend-item-Warning,.incidents-timeline-billboard .bb-legend-item-Recovery-Info{cursor:default}.incidents-timeline-billboard .bb-tooltip{background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-body)}.incidents-timeline-billboard .bb-tooltip th{background:transparent;border:none;color:var(--color-text-secondary);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:2px 0 var(--space-1) 0}.incidents-timeline-billboard .bb-tooltip td{border:none;padding:2px 0;font-size:12px}.incidents-timeline-billboard .bb-tooltip td>span{display:inline-block;margin-right:6px}.incidents-timeline-billboard{border:none}.incidents-timeline-billboard .bb-circles-Critical circle{d:path("M 0,-5 L 4.33,0 L 0,5 L -4.33,0 Z")}.incidents-timeline-billboard .bb-circles-Warning circle{d:path("M 0,-5 L 4.33,2.5 L -4.33,2.5 Z")}.email-processing-billboard .bb svg{font-family:var(--font-family)}.email-processing-billboard .bb-grid line,.email-processing-billboard .bb-ygrid line,.email-processing-billboard .bb-xgrid line{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .bb-axis-x line,.email-processing-billboard .bb-axis-y line,.email-processing-billboard .bb-axis-y2 line{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .domain{stroke:var(--color-border);stroke-width:.5px}.email-processing-billboard .bb-axis-x text,.email-processing-billboard .bb-axis-y text,.email-processing-billboard .bb-axis-y2 text{font-size:var(--text-sm);fill:var(--color-text-secondary);font-weight:var(--weight-medium)}.email-processing-billboard .bb-tooltip{background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-body)}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important}.recharts-tooltip-item-list{color:var(--color-text-heading)!important;font-size:12px!important}.recharts-tooltip-label{color:var(--color-text-heading)!important;font-size:12px!important;font-weight:var(--weight-semibold)!important}.topnav{height:44px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between}.topnav-left{display:flex;align-items:center;gap:var(--space-2)}.topnav-title{font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--color-text-heading)}.topnav-links{display:flex;gap:10px}.topnav-link{font-size:12px;color:var(--color-accent);text-decoration:none}.topnav-link:hover{text-decoration:underline}.chart-data-table-wrapper{border-top:1px solid var(--color-border-subtle)}.chart-data-table-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-family:var(--font-family);color:var(--color-text-secondary);transition:background-color var(--transition-base)}.chart-data-table-toggle:hover{background-color:var(--color-bg-subtle)}.chart-data-table-scroll{max-height:300px;overflow-y:auto;padding:0 var(--space-4) var(--space-3)}.chart-data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.chart-data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-card)}.chart-data-table td{padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-body)}.chart-data-table td.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.chart-data-table tfoot td{border-top:1px solid var(--color-border);border-bottom:none;padding-top:var(--space-2)}.chart-data-table tbody tr:hover{background-color:var(--color-bg-subtle)}.retry-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--text-base);font-family:var(--font-family);font-weight:var(--weight-medium);color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.retry-btn:hover{background:var(--color-accent);color:#fff}.interactive-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle)}.interactive-legend-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;font-size:var(--text-sm);font-family:var(--font-family);font-weight:var(--weight-medium);color:var(--color-text-body);background:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.interactive-legend-item:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-subtle)}.interactive-legend-item--hidden{opacity:.5}.interactive-legend-label--hidden{text-decoration:line-through}.interactive-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;transition:background-color var(--transition-base)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.eclas-header{background:linear-gradient(180deg,var(--color-header-bg) 0%,var(--color-bg-page) 100%);border-bottom:1px solid var(--color-header-border);padding:0 var(--space-5);display:flex;justify-content:space-between;align-items:center;height:var(--header-height);flex-shrink:0;position:sticky;top:0;z-index:40;box-shadow:0 1px #1c19170a}.eclas-header-left{display:flex;align-items:center;gap:var(--space-2)}.eclas-header-icon{width:20px;height:20px;color:var(--color-accent)}.eclas-header-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.2px}.eclas-header-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-left:var(--space-2)}.eclas-header-right{display:flex;align-items:center;gap:var(--space-3)}.dashboard-nav{display:flex;gap:var(--space-2);align-items:center}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:20px;font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base);border:none;position:relative}.nav-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.nav-link.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-active) 100%);color:#fff;box-shadow:0 2px 6px #2563eb4d}.nav-link.active svg{color:#fff}.nav-link svg{color:var(--color-text-secondary);transition:color var(--transition-base)}.nav-link:hover svg{color:var(--color-text-primary)}.spam-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:var(--color-danger);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:9px;margin-left:var(--space-1);line-height:1}.nav-link.active .spam-badge{background-color:#fff;color:var(--color-danger)}.eclas-last-update{color:var(--color-text-secondary);font-size:var(--text-base)}.eclas-status{padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.3px;text-transform:uppercase}.eclas-status.healthy{color:var(--color-success-dark);background:var(--color-success-bg);border:1px solid var(--color-success-border)}.eclas-status.unhealthy{color:var(--color-danger-dark);background:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.eclas-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.eclas-refresh-btn svg{color:var(--color-text-secondary);transition:color var(--transition-base)}.eclas-refresh-btn:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong);color:var(--color-text-body)}.eclas-refresh-btn:hover:not(:disabled) svg{color:var(--color-text-body)}.eclas-refresh-btn:active:not(:disabled){background:var(--color-bg-muted)}.eclas-refresh-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-tertiary);border-color:var(--color-border)}@media(min-width:1024px)and (max-width:1366px){.eclas-header-title{font-size:15px}}@media(min-width:768px)and (max-width:1023px){.eclas-header-right{gap:var(--space-2)}.eclas-last-update{font-size:var(--text-sm)}}@media(max-width:767px){.eclas-header{padding:var(--space-2) 10px 10px 10px!important;height:auto!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;position:static!important;top:auto!important;z-index:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.eclas-header-left{justify-content:center;padding-bottom:var(--space-1)}.eclas-header-title{font-size:var(--text-md)}.eclas-header-right{flex-direction:row;gap:6px;align-items:center;justify-content:space-between;width:100%;padding-bottom:2px}.dashboard-nav{gap:var(--space-1);flex:1}.nav-link{padding:7px var(--space-2);font-size:var(--text-sm);gap:var(--space-1);flex:1;justify-content:center;border-radius:var(--radius-sm)}.nav-link svg{width:14px;height:14px}.spam-badge{min-width:16px;height:16px;font-size:var(--text-xs);padding:0 var(--space-1);margin-left:2px}.eclas-last-update{font-size:var(--text-xs)}.eclas-status{font-size:9px;padding:1px 6px}.eclas-refresh-btn{padding:7px var(--space-2);font-size:var(--text-xs);gap:3px;white-space:nowrap;border-radius:var(--radius-sm);flex-shrink:0}.eclas-refresh-btn svg{width:12px;height:12px}}@media(max-width:392px){.eclas-header{padding:6px var(--space-2);height:45px}.eclas-header-title{font-size:var(--text-base)}}@media(pointer:coarse){.eclas-refresh-btn{min-height:44px;min-width:44px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.eclas-header{border-bottom-width:.5px}}@media(max-width:767px)and (orientation:landscape){.eclas-header{flex-direction:row!important;height:50px!important;padding:var(--space-1) 10px!important;align-items:center!important}.eclas-header-left{padding-bottom:0}}