/* Configurazione Variabili e Reset */:root {    --primary: #2563eb;       /* Blu moderno */    --primary-hover: #1d4ed8;    --secondary: #10b981;     /* Verde per successi/completamento */    --danger: #ef4444;        /* Rosso per eliminazioni */    --warning: #f59e0b;       /* Arancione per sospensioni */    --dark: #1f2937;          /* Grigio scuro per testi e nav */    --light: #f3f4f6;         /* Sfondo grigio chiarissimo */    --white: #ffffff;    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}* {    box-sizing: border-box;    margin: 0;    padding: 0;}body {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;    background-color: var(--light);    color: var(--dark);    line-height: 1.6;}/* Navigazione Generale */nav {    background-color: var(--white);    padding: 1rem 2rem;    box-shadow: var(--shadow);    display: flex;    justify-content: space-between;    align-items: center;}nav a {    text-decoration: none;    color: var(--dark);    font-weight: 500;    margin-left: 1.5rem;    transition: color 0.2s;}nav a:hover {    color: var(--primary);}/* Contenitore Principale */.container {    max-width: 1200px;    margin: 2rem auto;    padding: 0 1rem;}/* Griglia per le Card delle Collette */.grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));    gap: 2rem;}/* Card Stile */.card {    background: var(--white);    border-radius: 0.75rem;    overflow: hidden;    box-shadow: var(--shadow);    transition: transform 0.2s;    display: flex;    flex-direction: column;}.card:hover {    transform: translateY(-4px);}.card-img {    width: 100%;    height: 200px;    object-fit: cover;}.card-content {    padding: 1.5rem;    flex-grow: 1;}/* Pulsanti */.btn {    display: inline-block;    padding: 0.75rem 1.5rem;    border-radius: 0.5rem;    font-weight: 600;    text-decoration: none;    cursor: pointer;    border: none;    transition: background-color 0.2s, transform 0.1s;    text-align: center;}.btn:active {    transform: scale(0.98);}.btn-primary {    background-color: var(--primary);    color: white;}.btn-primary:hover {    background-color: var(--primary-hover);}.btn-danger {    background-color: var(--danger);    color: white;}.btn-warning {    background-color: var(--warning);    color: white;}/* Tabelle (Dashboard e Admin) */table {    width: 100%;    border-collapse: collapse;    margin-top: 1rem;    background: var(--white);}th, td {    padding: 1rem;    text-align: left;    border-bottom: 1px solid #e5e7eb;}th {    background-color: #f9fafb;    text-transform: uppercase;    font-size: 0.75rem;    letter-spacing: 0.05em;}/* Barra di Avanzamento */.progress-bg {    background-color: #e5e7eb;    border-radius: 999px;    height: 12px;    width: 100%;    margin: 1rem 0;    overflow: hidden;}.progress-fill {    background-color: var(--secondary);    height: 100%;    border-radius: 999px;}/* =============================================   LOGICA MOBILE & HAMBURGER (Aggiunta)   ============================================= */@media (max-width: 768px) {    /* Header specifico per il mobile */    .header-container {        padding: 10px 15px;        position: relative;    }    /* Nascondiamo i link di default */    .nav-links {        display: none;         flex-direction: column;        position: absolute;        top: 100%; /* Sotto l'header */        left: 0;        width: 100%;        background: #1e293b; /* Colore scuro dell'header */        padding: 20px;        z-index: 2000;        box-shadow: 0 10px 15px rgba(0,0,0,0.3);        gap: 20px;    }    /* Classe attivata via JS per mostrare il menu */    .nav-links.mobile-active {        display: flex;    }    /* Voci menu a tutta larghezza su mobile */    .nav-links a {        margin-left: 0 !important;        font-size: 1.1rem !important;        width: 100%;        text-align: center;        padding: 5px 0;    }    /* Nasconde elementi non necessari su mobile */    .hide-mobile {        display: none;    }    /* Griglia e contenitori */    .grid {        grid-template-columns: 1fr;    }    .container {        margin: 1rem auto;    }        table {        display: block;        overflow-x: auto;    }}