.export-events-dashboard {
        --export-surface: #f7fafc;
        --export-card: #ffffff;
        --export-border: #d7e2f1;
        --export-heading: #0f243d;
        --export-muted: #5b6b80;
        --export-accent: #0369a1;
        --export-accent-soft: #e0f2fe;
        --export-success: #0f766e;
        --export-success-soft: #d1fae5;
        --export-danger: #b42318;
        --export-danger-soft: #fee4e2;
        --export-warning: #b45309;
        --export-shadow: 0 10px 30px rgba(14, 29, 61, 0.08);
        background: radial-gradient(1400px 500px at -15% -35%, #e1efff 0%, transparent 60%), radial-gradient(1200px 450px at 120% -40%, #ffe7cc 0%, transparent 62%), var(--export-surface);
        border-radius: 14px;
        padding: 1rem;
    }

    .export-events-dashboard .secondary-panel.export-events-panel {
        margin-top: 1rem;
        background: transparent;
        padding: 0;
    }

    .export-events-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
    }

    .export-events-heading {
        display: flex;
        flex-direction: column;
        gap: .35rem;
    }

    .export-events-eyebrow {
        margin: 0;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .12em;
        color: var(--export-accent);
        font-weight: 700;
    }

    .export-events-title {
        margin: 0;
        color: var(--export-heading);
        font-weight: 700;
        font-size: 1.4rem;
    }

    .export-events-subtitle {
        margin: 0;
        color: var(--export-muted);
        font-size: .92rem;
    }

    .export-refresh-badge {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .82rem;
        padding: .45rem .7rem;
        border-radius: 999px;
        border: 1px solid var(--export-border);
        background: #fff;
        color: var(--export-muted);
        white-space: nowrap;
    }

    .export-refresh-badge .refresh-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #93a4bc;
    }

    .export-refresh-badge.is-live {
        border-color: #9ad5b2;
        background: #ecfdf3;
        color: #0f5132;
    }

    .export-refresh-badge.is-live .refresh-dot {
        background: #0f766e;
        box-shadow: 0 0 0 0 rgba(15, 118, 110, 0.4);
        animation: export-live-pulse 1.8s infinite;
    }

    @keyframes export-live-pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(15, 118, 110, 0.35);
        }

        70% {
            box-shadow: 0 0 0 8px rgba(15, 118, 110, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(15, 118, 110, 0);
        }
    }

    .export-events-stats {
        margin-top: .95rem;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .75rem;
    }

    .export-stat-card {
        background: var(--export-card);
        border: 1px solid var(--export-border);
        border-radius: 12px;
        padding: .85rem .95rem;
        box-shadow: var(--export-shadow);
        display: flex;
        flex-direction: column;
        gap: .2rem;
    }

    .export-stat-label {
        font-size: .75rem;
        color: var(--export-muted);
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .export-stat-value {
        font-size: 1.35rem;
        color: var(--export-heading);
        line-height: 1.05;
    }

    .export-stat-meta {
        color: var(--export-muted);
        font-size: .8rem;
    }

    .export-loading {
        border: 1px solid var(--export-border);
        border-radius: 12px;
        background: #fff;
        padding: 1rem;
        box-shadow: var(--export-shadow);
        display: flex;
        align-items: center;
        gap: .85rem;
    }

    .export-empty-state {
        border: 1px dashed #b9c9de;
        border-radius: 12px;
        background: #fff;
        padding: 2.1rem 1.1rem;
        text-align: center;
        color: var(--export-muted);
    }

    .export-empty-state i {
        font-size: 1.55rem;
        color: var(--export-accent);
        margin-bottom: .5rem;
    }

    .events-list {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .event-card {
        border: 1px solid var(--export-border);
        border-radius: 12px;
        background: #fff;
        box-shadow: var(--export-shadow);
        overflow: hidden;
    }

    .event-card > summary {
        list-style: none;
    }

    .event-card > summary::-webkit-details-marker {
        display: none;
    }

    .event-card-summary {
        position: relative;
        cursor: pointer;
        padding: .95rem 2.5rem .95rem .95rem;
        background: linear-gradient(120deg, #ffffff 0%, #f8fbff 100%);
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
        gap: .8rem;
        align-items: center;
    }

    .event-card-summary::after {
        content: "";
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid #5b6b80;
        border-bottom: 2px solid #5b6b80;
        transform: translateY(-60%) rotate(45deg);
        transition: transform .2s ease;
    }

    .event-card.is-open .event-card-summary::after {
        transform: translateY(-40%) rotate(-135deg);
    }

    .event-card-head {
        display: flex;
        flex-direction: column;
        gap: .45rem;
        min-width: 0;
    }

    .event-title-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .event-title {
        color: var(--export-heading);
        font-size: 1.02rem;
        line-height: 1.15;
    }

    .event-id-chip {
        border: 1px solid var(--export-border);
        border-radius: 999px;
        padding: .1rem .48rem;
        font-size: .75rem;
        color: var(--export-muted);
    }

    .event-state-pill {
        font-size: .72rem;
        font-weight: 700;
        border-radius: 999px;
        padding: .21rem .52rem;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .event-state-pill.live {
        background: var(--export-success-soft);
        color: var(--export-success);
    }

    .event-state-pill.paused {
        background: #fff5db;
        color: var(--export-warning);
    }

    .event-state-pill.draft {
        background: #edf2f7;
        color: #415164;
    }

    .event-meta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .45rem;
    }

    .event-meta-chip {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .23rem .52rem;
        border-radius: 999px;
        font-size: .76rem;
        border: 1px solid #c5d8f3;
        background: var(--export-accent-soft);
        color: #0c4a6e;
    }

    .event-active-toggle {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
    }

    .event-card-kpis {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: .48rem;
    }

    .event-kpi {
        min-width: 72px;
        border: 1px solid #d8e2ef;
        background: #fff;
        border-radius: 10px;
        padding: .34rem .5rem;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        line-height: 1.1;
    }

    .event-kpi span {
        font-size: .68rem;
        color: var(--export-muted);
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .event-kpi strong {
        font-size: 1rem;
        color: var(--export-heading);
    }

    .event-kpi.danger {
        background: var(--export-danger-soft);
        border-color: #fec7c3;
    }

    .event-kpi.danger strong {
        color: var(--export-danger);
    }

    .event-created-at {
        width: 100%;
        text-align: right;
        color: var(--export-muted);
        font-size: .74rem;
    }

    .event-card-body {
        border-top: 1px solid #edf2f7;
        padding: .85rem .95rem .95rem;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: .85rem;
    }

    .event-overview-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .65rem;
    }

    .overview-item {
        border: 1px solid #e4ecf6;
        border-radius: 10px;
        background: #fdfefe;
        padding: .54rem .65rem;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        min-width: 0;
    }

    .overview-item span {
        text-transform: uppercase;
        font-size: .68rem;
        color: var(--export-muted);
        letter-spacing: .05em;
    }

    .overview-item strong {
        color: var(--export-heading);
        font-size: .9rem;
        word-break: break-word;
    }

    .event-actions-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .5rem;
    }

    .task-section {
        border: 1px solid #e7eef7;
        border-radius: 10px;
        background: #fbfdff;
        padding: .7rem;
    }

    .task-section-title {
        margin-bottom: .5rem;
        color: var(--export-heading);
    }

    .task-empty-state {
        color: var(--export-muted);
        font-size: .9rem;
        padding: .5rem;
    }

    .task-card {
        border: 1px solid #dde8f5;
        border-radius: 10px;
        background: #fff;
        margin-bottom: .5rem;
    }

    .task-card:last-child {
        margin-bottom: 0;
    }

    .task-card > summary {
        list-style: none;
    }

    .task-card > summary::-webkit-details-marker {
        display: none;
    }

    .task-card-summary {
        cursor: pointer;
        padding: .62rem .72rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: .65rem;
        align-items: center;
    }

    .task-card-left,
    .task-card-right {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
        align-items: center;
    }

    .task-card-body {
        border-top: 1px solid #edf2f7;
        padding: .7rem;
    }

    .export-repository-table {
        margin-bottom: 0;
    }

    .export-repository-table thead th {
        background: #f2f7fd;
        border-bottom-color: #d7e2f1;
        color: #30435b;
        font-weight: 600;
    }

    .export-repository-table tbody td {
        vertical-align: middle;
    }

    .active-state-badge {
        font-size: .8rem;
        padding: .33rem .52rem;
        line-height: 1;
    }

    .active-slide-switch {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 24px;
    }

    .active-slide-switch-input {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
    }

    .active-slide-switch-slider {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        background-color: #dc3545;
        transition: background-color .2s ease;
        pointer-events: none;
    }

    .active-slide-switch-slider::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        left: 3px;
        top: 3px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
        transition: transform .2s ease;
    }

    .active-slide-switch-input:checked + .active-slide-switch-slider {
        background-color: #198754;
    }

    .active-slide-switch-input:checked + .active-slide-switch-slider::before {
        transform: translateX(20px);
    }

    .active-slide-switch-input:focus-visible + .active-slide-switch-slider {
        outline: 2px solid rgba(13, 110, 253, .5);
        outline-offset: 2px;
    }

    .active-slide-switch-input:disabled {
        cursor: not-allowed;
    }

    .active-slide-switch-input:disabled + .active-slide-switch-slider {
        opacity: .55;
    }

    html.theme-dark .export-events-dashboard {
        --export-surface: #111b27;
        --export-card: #1b2a3a;
        --export-border: #3a5269;
        --export-heading: #eff8fd;
        --export-muted: #b2c4d3;
        --export-accent: #69c7f0;
        --export-accent-soft: #153d57;
        --export-success: #73d7ae;
        --export-success-soft: #153d35;
        --export-danger: #ff9f96;
        --export-danger-soft: #48242a;
        --export-warning: #ffd38a;
        --export-shadow: 0 12px 28px rgba(0, 0, 0, .28);
        background: var(--export-surface);
        color: var(--export-heading);
    }

    html.theme-dark .export-events-dashboard .export-refresh-badge {
        border-color: var(--export-border);
        background: #1a2b3b;
        color: var(--export-muted);
    }

    html.theme-dark .export-events-dashboard .export-refresh-badge.is-live {
        border-color: #3c8871;
        background: #153d35;
        color: #aaf0cc;
    }

    html.theme-dark .export-events-dashboard .export-stat-card,
    html.theme-dark .export-events-dashboard .export-loading,
    html.theme-dark .export-events-dashboard .export-empty-state,
    html.theme-dark .export-events-dashboard .event-card,
    html.theme-dark .export-events-dashboard .event-card-body,
    html.theme-dark .export-events-dashboard .task-card {
        border-color: var(--export-border);
        background: var(--export-card);
    }

    html.theme-dark .export-events-dashboard .event-card-summary {
        background: #203246;
    }

    html.theme-dark .export-events-dashboard .event-card-summary::after {
        border-color: var(--export-muted);
    }

    html.theme-dark .export-events-dashboard .event-id-chip {
        border-color: var(--export-border);
        color: var(--export-muted);
    }

    html.theme-dark .export-events-dashboard .event-state-pill.live {
        background: #153d35;
        color: #aaf0cc;
    }

    html.theme-dark .export-events-dashboard .event-state-pill.paused {
        background: #45371e;
        color: #ffdb96;
    }

    html.theme-dark .export-events-dashboard .event-state-pill.draft {
        background: #293b4d;
        color: #d4e2ec;
    }

    html.theme-dark .export-events-dashboard .event-meta-chip {
        border-color: #39769b;
        background: #153d57;
        color: #b8e7fb;
    }

    html.theme-dark .export-events-dashboard .event-kpi {
        border-color: var(--export-border);
        background: #1a2a3a;
    }

    html.theme-dark .export-events-dashboard .event-kpi.danger {
        border-color: #8b4a53;
        background: var(--export-danger-soft);
    }

    html.theme-dark .export-events-dashboard .event-kpi.danger strong {
        color: var(--export-danger);
    }

    html.theme-dark .export-events-dashboard .event-card-body,
    html.theme-dark .export-events-dashboard .task-card-body {
        border-top-color: var(--export-border);
    }

    html.theme-dark .export-events-dashboard .overview-item {
        border-color: var(--export-border);
        background: #172737;
    }

    html.theme-dark .export-events-dashboard .task-section {
        border-color: var(--export-border);
        background: #152434;
    }

    html.theme-dark .export-events-dashboard .task-card-summary:hover {
        background: #203246;
    }

    html.theme-dark .export-events-dashboard .export-repository-table {
        color: var(--export-heading);
    }

    html.theme-dark .export-events-dashboard .export-repository-table thead th {
        border-color: var(--export-border);
        background: #203246;
        color: #eaf6fd;
    }

    html.theme-dark .export-events-dashboard .export-repository-table tbody td {
        border-color: var(--export-border);
        background: #1a2a3a;
        color: var(--export-heading);
    }

    html.theme-dark .export-events-dashboard .text-muted {
        color: var(--export-muted) !important;
    }

    html.theme-dark .export-events-dashboard .btn-outline-primary,
    html.theme-dark .export-events-dashboard .btn-outline-secondary,
    html.theme-dark .export-events-dashboard .btn-outline-info,
    html.theme-dark .export-events-dashboard .btn-outline-success {
        background: #1a2b3b;
    }

    html.theme-dark .export-events-dashboard .btn-outline-primary {
        border-color: #3983ae;
        color: #9ddcff;
    }

    html.theme-dark .export-events-dashboard .btn-outline-secondary {
        border-color: #61778b;
        color: #d3e0e9;
    }

    html.theme-dark .export-events-dashboard .btn-outline-info {
        border-color: #3d9da3;
        color: #9be9ec;
    }

    html.theme-dark .export-events-dashboard .btn-outline-success {
        border-color: #3f9d79;
        color: #aaf0cc;
    }

    html.theme-dark .export-events-dashboard .btn-outline-primary:hover,
    html.theme-dark .export-events-dashboard .btn-outline-secondary:hover,
    html.theme-dark .export-events-dashboard .btn-outline-info:hover,
    html.theme-dark .export-events-dashboard .btn-outline-success:hover {
        background: #254159;
        color: #ffffff;
    }

    html.theme-dark .export-events-dashboard .btn-link {
        color: #75d1f8;
    }

    html.theme-dark .export-events-dashboard .badge.bg-primary-subtle {
        border-color: #39769b !important;
        background: #153d57 !important;
        color: #b8e7fb !important;
    }

    html.theme-dark .export-events-dashboard .badge.bg-secondary-subtle {
        border-color: #61778b !important;
        background: #293b4d !important;
        color: #d4e2ec !important;
    }

    html.theme-dark .export-events-dashboard .badge.bg-success-subtle {
        border-color: #3c8871 !important;
        background: #153d35 !important;
        color: #aaf0cc !important;
    }

    html.theme-dark .export-events-dashboard .badge.bg-warning-subtle {
        border-color: #92733b !important;
        background: #45371e !important;
        color: #ffdb96 !important;
    }

    html.theme-dark .export-events-dashboard .badge.bg-danger-subtle {
        border-color: #8b4a53 !important;
        background: #48242a !important;
        color: #ffb7b0 !important;
    }

    html.theme-dark .export-events-dashboard .badge.bg-info-subtle {
        border-color: #3d9da3 !important;
        background: #153c48 !important;
        color: #9be9ec !important;
    }

    @media (max-width: 992px) {
        .export-events-header {
            flex-direction: column;
            align-items: flex-start;
        }

        .event-card-summary {
            grid-template-columns: 1fr;
            padding-right: .95rem;
        }

        .event-card-summary::after {
            display: none;
        }

        .event-card-kpis {
            justify-content: flex-start;
        }

        .event-created-at {
            text-align: left;
        }
    }

    @media (max-width: 768px) {
        .export-events-stats {
            grid-template-columns: 1fr;
        }

        .event-overview-grid {
            grid-template-columns: 1fr;
        }
    }