*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: Inter, Arial, sans-serif;
}

body{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#f5f7fb,#e9eef8);
padding:20px;
}

.upload-card{
width:100%;
max-width:800px;
background:white;
border-radius:24px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
overflow:hidden;
}

.card-header{
padding:50px;
text-align:center;
}

.card-header h1{
font-size:42px;
color:#0f172a;
margin-bottom:10px;
}

.card-header p{
color:#64748b;
}

.form-content{
padding:0 40px 40px;
}

.upload-box{
margin-bottom:30px;
}

.upload-box label{
display:block;
font-size:22px;
font-weight:600;
margin-bottom:15px;
}

/* Nuovi stili per la textarea degli EAN esclusi */
.textarea-box{
margin-bottom:30px;
}

.textarea-box label{
display:block;
font-size:22px;
font-weight:600;
margin-bottom:15px;
color:#0f172a;
}

.textarea-box textarea{
width:100%;
height:100px;
padding:15px;
border:2px solid #cbd5e1;
border-radius:14px;
font-size:15px;
font-family:inherit;
outline:none;
resize:vertical;
transition:border-color .3s;
background:#f8fbff;
}

.textarea-box textarea:focus{
border-color:#4f46e5;
background:#ffffff;
}

.drop-zone{
border:2px dashed #cbd5e1;
border-radius:18px;
padding:50px 30px;
text-align:center;
background:#f8fbff;
cursor:pointer;
transition:.3s;
}

.drop-zone:hover{
border-color:#4f46e5;
background:#eef2ff;
transform:translateY(-2px);
}

.drop-zone.dragover{
border-color:#4f46e5;
background:#e0e7ff;
transform:scale(1.01);
}

.icon{
font-size:50px;
margin-bottom:15px;
}

.upload-btn{
display:inline-block;
margin-top:15px;
padding:12px 25px;
border:1px solid #dbe3f1;
border-radius:12px;
color:#4361ee;
background:white;
font-weight:600;
}

.upload-btn:hover{
background:#4361ee;
color:white;
}

input[type=file]{
display:none;
}

.file-name{
margin-top:15px;
font-weight:500;
color:#0f172a;
}

.error-message{
margin-top:20px;
padding:14px 18px;
background-color:#fef2f2;
border:1px solid #fecaca;
color:#dc2626;
border-radius:12px;
font-size:15px;
text-align:center;
font-weight:500;
}

.footer{
padding:30px;
border-top:1px solid #e2e8f0;
display:flex;
justify-content:center;
align-items:center;
gap:15px;
}

.submit-btn{
border:none;
background:linear-gradient(135deg,#4f46e5,#2563eb);
color:white;
font-size:18px;
font-weight:600;
padding:16px 50px;
border-radius:14px;
cursor:pointer;
transition:.3s;
}

.submit-btn:disabled{
opacity:0.5;
cursor:not-allowed;
}

.reset-btn{
border:none;
background:#e2e8f0;
color:#0f172a;
padding:16px 40px;
border-radius:14px;
cursor:pointer;
font-size: 18px;
font-weight: 600;
}

.loader{
width:22px;
height:22px;
border:3px solid #e2e8f0;
border-top:3px solid #4f46e5;
border-radius:50%;
animation:spin 1s linear infinite;
}

.hidden{display:none;}

@keyframes spin{
to{transform:rotate(360deg);}
}

@media(max-width:768px){
.card-header h1{font-size:30px;}
.form-content{padding:20px;}
}