/**
 * Estilos do Painel Admin - Saúde Inteligente AI
 */

:root { 
    --navy: #0B1D35; 
    --blue: #1565C0; 
    --teal: #00838F; 
    --off: #F4F7FB; 
    --border: #DDE4EF; 
    --text: #1A2A3A; 
    --white: #FFFFFF; 
}

/* Base */
*, *::before, *::after { 
    box-sizing: border-box; margin: 0; padding: 0; 
}

body { 
    font-family: 'DM Sans', sans-serif; 
    background: var(--off); 
    color: var(--text); 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
}

/* Header Admin */
header { 
    background: var(--navy); 
    padding: 0 32px; 
    height: 64px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
}

.logo-text { 
    font-family: 'Sora', sans-serif; 
    font-weight: 700; 
    font-size: 17px; 
    color: var(--white); 
}

.logo-text span { color: #f39c12; }

/* Layout Dashboard */
main { 
    flex: 1; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 24px; 
}

/* Card Login */
.card-login { 
    background: white; 
    border-radius: 16px; 
    padding: 32px; 
    box-shadow: 0 4px 24px rgba(11,29,53,0.1); 
    width: 100%; 
    max-width: 400px; 
    text-align: center; 
}

.card-login h2 { 
    font-family: 'Sora', sans-serif; 
    margin-bottom: 24px; color: var(--navy); 
}

input { 
    width: 100%; 
    padding: 14px 16px; 
    margin-bottom: 16px; 
    border-radius: 10px; 
    border: 1px solid var(--border); 
}

button { 
    width: 100%; 
    padding: 14px; 
    background: var(--blue); 
    color: white; 
    border: none; 
    border-radius: 10px; 
    font-weight: 600; 
    cursor: pointer; 
}

/* Dashboard Metrics */
#dashboard { display: none; width: 100%; max-width: 800px; }

.stat-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 20px; 
    margin-top: 24px; 
}

.stat-card { 
    background: white; padding: 30px; 
    border-radius: 16px; 
    box-shadow: 0 4px 24px rgba(11,29,53,0.05); 
    text-align: center; 
    border-bottom: 4px solid var(--blue); 
}

.stat-val { 
    font-size: 48px; 
    font-family: 'Sora', sans-serif; 
    font-weight: 700; 
    color: var(--navy); 
}