/* style_admin.css */
body { 
    background: #f8f9fa; 
    display: flex; 
    min-height: 100vh; 
    margin: 0; 
    font-size: 16px; 
    color: #212529; 
    font-family: sans-serif;
}

.sidebar { 
    width: 280px; 
    background: #1a1d20; 
    color: white; 
    flex-shrink: 0; 
    font-size: 18px; 
    display: flex;
    flex-direction: column;
}

.sidebar a { 
    color: #ccc; 
    padding: 18px 25px; 
    text-decoration: none; 
    display: block; 
    border-bottom: 1px solid #2c3136; 
}

.sidebar a:hover, .sidebar a.active { 
    background: #0d6efd; 
    color: white; 
    font-weight: bold; 
}

.menu-group-title {
    font-size: 11px;
    text-transform: uppercase;
    color: #6c757d;
    padding: 20px 25px 5px 25px;
    font-weight: 800;
    letter-spacing: 1px;
}

.main { 
    flex-grow: 1; 
    padding: 40px; 
    max-width: 100%;
}

/* Card e Tabelle High Visibility */
.card-large { 
    border-radius: 15px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    border: none; 
    background: white; 
}

.form-control, .form-select { 
    border: 2px solid #ced4da; 
    padding: 12px; 
    font-size: 16px; 
}

.label-bold { 
    font-weight: 800; 
    font-size: 14px; 
    color: #444; 
    text-transform: uppercase; 
    margin-bottom: 5px; 
    display: block; 
}

/* Stili specifici per la Login Page */
.login-body {
    align-items: center;
    justify-content: center;
    background: #f4f7f6 !important;
}

.login-card {
    width: 100%;
    max-width: 400px;
    padding: 2rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.password-container {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
}