ui/styles.py

css = """
.container { 
    max-width: 1200px; 
    margin: auto; 
    padding: 20px; 
}

.results { 
    padding: 20px; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    margin-top: 20px; 
}

.confidence-high { 
    color: #22c55e; 
    font-weight: bold; 
}

.confidence-low { 
    color: #f97316; 
    font-weight: bold; 
}

.entity-section { 
    margin: 15px 0; 
}

.alert-warning { 
    background: #fff3cd; 
    padding: 10px; 
    border-radius: 5px; 
    margin: 10px 0; 
}

.alert-success { 
    background: #d1fae5; 
    padding: 10px; 
    border-radius: 5px; 
    margin: 10px 0; 
}

.related-events { 
    background: #f3f4f6; 
    padding: 15px; 
    border-radius: 5px; 
    margin-top: 15px; 
}

.grid { 
    display: grid; 
}

.grid-cols-2 { 
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

.grid-cols-3 { 
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
}

.gap-4 { 
    gap: 1rem; 
}

.space-y-4 > * + * { 
    margin-top: 1rem; 
}

.mt-4 { 
    margin-top: 1rem; 
}

.mb-2 { 
    margin-bottom: 0.5rem; 
}

.text-blue-600 { 
    color: #2563eb; 
}

.text-gray-600 { 
    color: #4b5563; 
}

.text-sm { 
    font-size: 0.875rem; 
    line-height: 1.25rem; 
}

.bg-gray-50 { 
    background-color: #f9fafb; 
}

.rounded-lg { 
    border-radius: 0.5rem; 
}

.p-4 { 
    padding: 1rem; 
}
"""