body { background-color: #0a0a0f; color: #fafafa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .kpi-card { background: #11111b; border: 1px solid #27272a; border-radius: 16px; transition: transform 0.2s, border-color 0.2s; }
        .kpi-card:hover { transform: translateY(-5px); border-color: #00cfff; }
        .value-accent { color: #00cfff; text-shadow: 0 0 10px rgba(0,207,255,0.3); }
        .lavender-accent { color: #7c3aed; }
        #chartContainer { background: #11111b; border-radius: 16px; border: 1px solid #27272a; }
        .upload-area { border: 2px dashed #27272a; border-radius: 16px; background: #0d0d16; }
        .upload-area:hover { border-color: #00cfff; }
/* LOGO ARGENTO ANIMATO */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
.logo-container {
    display: flex;
    align-items: center;
    gap: 12px; /* spazio tra logo e altri elementi */
}
.logo {
    font-family: 'Pacifico', cursive;
    font-size: 80px; /* più largo */
    font-weight: bold;
    text-transform: none;
    background: linear-gradient(120deg, #ffffff, #d1d1d1, #808080, #d1d1d1, #ffffff);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s linear infinite;
}