* { box-sizing: border-box; margin: 0; padding: 0; }

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, sans-serif; 
    background-color: #f4f7f6; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    padding: 50px; 
    min-height: 100vh; 
    justify-content: center; 
}

.container { 
    background: white; 
    padding: 40px; 
    border-radius: 8px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    text-align: center; 
    width: 600px; 
}

h2 { color: #333; margin-bottom: 8px; font-size: 28px; }

.subtitle { color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.4; }

.upload-area { 
    border: 2px dashed #007bff; 
    padding: 30px; 
    border-radius: 8px; 
    margin: 15px 0; 
    cursor: pointer; 
    background-color: #f9fbfc; 
    transition: 0.2s ease; 
}

.upload-area:hover { background-color: #eef5ff; }
.upload-icon { font-size: 32px; margin-bottom: 10px; display: block; }

.config-panel { 
    background: #f8f9fa; 
    border: 1px solid #ddd; 
    padding: 20px; 
    border-radius: 8px; 
    margin: 20px 0; 
    text-align: left; 
    display: none; 
}

.config-panel h3 { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 15px; 
    border-bottom: 2px solid #007bff; 
    padding-bottom: 5px; 
    display: inline-block; 
}

.days-row { display: flex; justify-content: space-between; gap: 10px; }
.day-select { display: flex; flex-direction: column; width: 23%; }
.day-select label { font-size: 12px; color: #555; margin-bottom: 4px; font-weight: bold; }
.day-select select { padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; outline: none; }

#status { margin-top: 15px; color: #007bff; font-weight: bold; font-size: 16px; min-height: 24px; }

footer { 
    margin-top: 40px; 
    font-size: 14px; 
    color: #777; 
    text-align: center; 
    padding-bottom: 20px; 
}

button.process-btn { 
    background: #28a745; 
    color: white; 
    border: none; 
    padding: 12px 24px; 
    font-size: 16px; 
    border-radius: 4px; 
    cursor: pointer; 
    margin-top: 15px; 
    width: 100%; 
    display: none; 
    font-weight: bold; 
}

button.process-btn:hover { background: #218838; }