body { 
    font-family: 'Inter', sans-serif; 
}

.k-card { 
    background-color: white; 
    border-radius: 0.75rem; 
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); 
    transition: all 0.3s ease-in-out; 
}

.k-tag { 
    display: inline-block; 
    padding: 0.25rem 0.75rem; 
    border-radius: 9999px; 
    font-weight: 500; 
    font-size: 0.75rem; 
}

.k-tag-new { 
    background-color: #DBEAFE; 
    color: #1E40AF; 
}

.k-tag-progress { 
    background-color: #FEF9C3; 
    color: #854D0E; 
}

.k-tag-closed { 
    background-color: #D1FAE5; 
    color: #065F46; 
}

.file-input-label { 
    cursor: pointer; 
    padding: 0.5rem 1rem; 
    border: 1px solid #D1D5DB; 
    border-radius: 0.375rem; 
    background-color: #F9FAFB; 
    transition: background-color 0.2s; 
}

.file-input-label:hover { 
    background-color: #F3F4F6; 
}

[v-cloak] { 
    display: none; 
}

.rating-star { 
    cursor: pointer; 
    color: #d1d5db; 
    transition: color 0.2s; 
}

.rating-star.hover, .rating-star.active { 
    color: #f59e0b; 
}