@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0f172a; /* Slate 900 */
    color: #e2e8f0; /* Slate 200 */
}

.gradient-text {
    background: linear-gradient(to right, #c084fc, #db2777); /* Purple to Pink */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-bg {
    background-color: #1e293b; /* Slate 800 */
    border: 1px solid #334155; /* Slate 700 */
}

.btn-primary {
    background: linear-gradient(to right, #db2777, #7c3aed);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(219, 39, 119, 0.3);
}

.table-row-hover:hover {
    background-color: #334155;
}