:root {
    --primary-color: #447793;
    --primary-light: #5a8aa6;
    --primary-dark: #2d5a74;
    --card-background: var(--bg-card);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    --card-border: #e8e8e8;
    --card-shadow: 0 2px 8px rgba(0,0,0,0.1);
    --text-primary: #262626;
    --text-secondary: #8c8c8c;
    --text-number: #1890ff;
    --trend-up: #70b3a4;
    --trend-down: #d19a9a;
    --page-background: #f0f4f8;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--page-background);
}

.rule-card {
    background: var(--card-background);
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.rule-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.breadcrumb {
    color: var(--text-secondary);
}

.breadcrumb a {
    color: var(--primary-color);
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.severity-high {
    background-color: #fee2e2;
    color: #dc2626;
}

.severity-medium {
    background-color: #fef3c7;
    color: #d97706;
}

.severity-low {
    background-color: #dcfce7;
    color: #16a34a;
}

.status-enabled {
    background-color: #dcfce7;
    color: #16a34a;
}

.status-disabled {
    background-color: #f3f4f6;
    color: #6b7280;
}

.test-result {
    background-color: #fef3c7;
    border-left: 4px solid #f59e0b;
}