:root {
    --trTools-bg: #ffffff;
    --trTools-text: #212529;
    --trTools-card-bg: #f8f9fa;
    --trTools-border: #dee2e6;
}

[data-theme="dark"] {
    --trTools-bg: #121212;
    --trTools-text: #e0e0e0;
    --trTools-card-bg: #1e1e1e;
    --trTools-border: #333333;
}

body {
    background-color: var(--trTools-bg);
    color: var(--trTools-text);
    transition: background-color 0.2s ease, color 0.2s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.trTools-card {
    background-color: var(--trTools-card-bg);
    border: 1px solid var(--trTools-border);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03);
}

.table-responsive {
    border-radius: 8px;
    overflow: hidden;
}