body{
    background:#f3f4f6;
    font-family: system-ui, -apple-system, Segoe UI, Roboto;
}

/* topo */
.topbar{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    padding:12px 0;
}

/* largura do sistema */
.container-sistema{
    max-width:1100px;
    margin:auto;
}

/* área do conteúdo */
.conteudo{
    margin-top:40px;
}

/* título */
h1{
    font-size:28px;
    font-weight:600;
}

/* card padrão do sistema */
.card-sistema{
    background:#fff;
    border-radius:12px;
    padding:28px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

/* botão principal */
.btn-primary{
    background:#4f46e5;
    border:none;
}

.btn-primary:hover{
    background:#4338ca;
}

/* tabela mais limpa */
.table th{
    font-weight:600;
}
.logo-sistema img{
    height:32px;
    width:auto;
}
body{
    font-family: system-ui, -apple-system, Segoe UI, Roboto;

    background-image: url("img/bg.png");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.btn-frutag{
    background:#E95C24;
    border:none;
    color:white;
    padding:8px 18px;
    border-radius:8px;
    font-weight:500;
    box-shadow:0 3px 8px rgba(0,0,0,0.15);
}

.btn-frutag:hover{
    background:#d14f1e;
    transform:translateY(-1px);
}
.logo-sistema{
    text-decoration:none;
}

.logo-sistema img{
    height:36px;
    width:auto;
}
.menu-icon{
    font-size:20px;
    color:#555;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:8px;
    transition:0.2s;
}

.menu-icon:hover{
    background:#f2f2f2;
    color:#000;
}
/* ===============================
LOGIN
=============================== */
/* LOGIN */

.login-wrapper{
    max-width:420px;
    margin:120px auto;
}

.login-card{
    background:white;
    border-radius:16px;
    padding:40px;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}