body { 
    font-family: monospace; 
    padding: 20px; 
    background-color: #fafafa; 
    color: #333; 
}

.section { 
    background: #fff; 
    padding: 15px; 
    margin-bottom: 20px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
}

input[type="text"] { 
    width: 300px; 
    padding: 4px; 
    font-family: monospace; 
}

button { 
    padding: 4px 10px; 
    font-family: monospace; 
    cursor: pointer; 
}

pre { 
    background: #222; 
    color: #00ff00; 
    padding: 10px; 
    overflow-x: auto; 
    border-radius: 4px; 
}

table { 
    border-collapse: collapse; 
    width: 100%; 
    text-align: left; 
    margin-top: 10px; 
}

th, td { 
    padding: 8px; 
    border: 1px solid #ddd; 
}

th { 
    background: #f0f0f0; 
}

.flag-badge { 
    background: #e0e0e0; 
    padding: 2px 6px; 
    border-radius: 3px; 
    font-size: 11px; 
    margin-right: 4px; 
    display: inline-block;
}
