body { font-family: sans-serif; background-color: #f4f7f6; padding: 20px; }
.container { max-width: 900px; margin: auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

/* Sürükle Bırak Alanı */
#drop-area {
    border: 2px dashed #007bff;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    color: #007bff;
    transition: background 0.3s;
    margin-bottom: 20px;
    cursor: pointer;
}
#drop-area.highlight { background-color: #e1f0ff; border-color: #0056b3; }

/* Tablo Tasarımı */
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }
th { background-color: #007bff; color: white; }
tr:nth-child(even) { background-color: #f9f9f9; }