@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
    --ith-primary: #2563eb;
    --ith-bg: #f8fafc;
    --ith-card-bg: #ffffff;
    --ith-radius: 16px;
    --ith-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
}
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--ith-bg) !important;
}
.ith-card {
    background: var(--ith-card-bg);
    border-radius: var(--ith-radius);
    box-shadow: var(--ith-shadow);
    padding: 24px;
    margin-bottom: 24px;
    border: none;
}
.list-group-item:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-left: 4px solid var(--ith-primary) !important;
    color: #ffffff !important;
}