:root:root .c-panel,
:root:root .c-card {
    position: relative;
    background: var(--el-glass);
    border: 0;
    border-radius: 18px;
    box-shadow: var(--el-ring), var(--shadow-card);
    backdrop-filter: blur(6px);
}

:root:root .c-panel__header {
    border-bottom: 0;
    background: none;
    position: relative;
}

:root:root .c-panel__header::after {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 80, 90, 0.75), transparent);
}

:root:root .c-panel__title {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
}

:root:root .c-panel__count {
    color: #fff;
    background: rgba(240, 23, 38, 0.28);
    border: 1px solid rgba(217, 188, 129, 0.28);
    border-radius: var(--radius-full);
}

:root:root .c-card:hover {
    box-shadow: var(--shadow-card);
}

:root:root .c-card__label {
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f0d9d6;
}

:root:root .c-card__value {
    font-family: var(--font-display);
    color: #fff;
}

:root:root table {
    border-color: rgba(217, 188, 129, 0.28);
}

:root:root th {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #f0d9d6;
    background: rgba(240, 23, 38, 0.08);
    border-bottom: 1px solid rgba(217, 188, 129, 0.28);
}

:root:root td {
    border-bottom: 1px solid rgba(217, 188, 129, 0.28);
}

:root:root tbody tr:hover td {
    background: rgba(240, 23, 38, 0.07);
}

:root:root .c-modal,
:root:root .c-modal__panel,
:root:root [class*="c-modal"][role="dialog"] {
    background: linear-gradient(180deg, rgba(40, 7, 11, 0.95), rgba(12, 3, 5, 0.97));
    border: 0;
    border-radius: 20px;
    box-shadow: var(--el-ring), 0 30px 80px rgba(0, 0, 0, 0.85);
}

:root:root .c-modal__head {
    border-bottom: 1px solid rgba(217, 188, 129, 0.28);
    background: none;
}

:root:root .c-modal__title {
    font-family: var(--font-display);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
}

:root:root .c-toast {
    background: rgba(18, 4, 6, 0.96);
    border: 0;
    border-radius: 14px;
    box-shadow: var(--el-ring), 0 16px 40px rgba(0, 0, 0, 0.7);
}

:root:root .c-toast--success {
    box-shadow: 0 0 0 1px rgba(95, 207, 127, 0.6), 0 16px 40px rgba(0, 0, 0, 0.7);
}

:root:root .c-notice,
:root:root .c-announce {
    border-radius: 14px;
    border: 1px solid rgba(217, 188, 129, 0.28);
    background: var(--el-glass-soft);
}

:root:root .c-empty,
:root:root .c-empty-state {
    color: var(--stone-600);
}

:root:root .c-filter-bar {
    background: var(--el-glass-soft);
    border: 0;
    border-radius: 14px;
    box-shadow: var(--el-ring);
}