/* static/style.css */
body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card {
    border: none;
    border-radius: 20px;
}

#result.safe {
    background: #d4edda;
    border: 2px solid #28a745;
    color: #155724;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

#result.fraud {
    background: #f8d7da;
    border: 2px solid #dc3545;
    color: #721c24;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

#result h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.prob-bar {
    background: #e9ecef;
    height: 20px;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
}

.prob-fill {
    height: 100%;
    transition: width 1s ease;
}

.safe .prob-fill { background: #28a745; }
.fraud .prob-fill { background: #dc3545; }

label { font-weight: bold; }