/* estilo simple profesional, azul tenue */
:root{--bg:#f5f8fb;--card:#ffffff;--accent:#1e6fb8; /* azul principal */--accent-2:#2a9bd6;--muted:#6b7c88;
}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:var(-
bg);margin:0;padding:0;color:#123;}
.container{max-width:1100px;margin:30px auto;padding:20px}
.header{display:flex;align-items:center;justify-content:space-between}
.card{background:var(--card);border-radius:8px;padding:16px;box-shadow:0 6px
18px rgba(15,30,50,0.06);}
.btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none}
.btn-primary{background:var(--accent);color:white}
.btn-ghost{background:transparent;border:1px solid rgba(30,111,184,
0.12);color:var(--accent)}
.table{width:100%;border-collapse:collapse}
.table th, .table td{padding:8px;border-bottom:1px solid #e9eef4;text-align:left}
.form-row{display:flex;gap:12px}
.form-row .col{flex:1}
.input, select, textarea{padding:8px;border-radius:6px;border:1px solid
#d6e4ef;width:100%}
.small{font-size:0.9em;color:var(--muted)}
.alert{padding:10px;border-radius:6px}
.alert-danger{background:#ffecec;color:#8b1c1c}
.alert-warning{background:#fff4e5;color:#a96a00}
.alert-success{background:#e9f9f1;color:#1b7a3a}
/* sidebar basico */
.sidebar{width:220px}
.main{margin-left:240px}
.nav-link{display:block;padding:8px;border-radius:6px;color:var(--accent);text-decoration:none}
.nav-link:hover{background:#eaf6ff}
.header .logout{background:transparent;border:none;color:var(--accent);cursor:pointer}
@media(max-width:900px){.sidebar{display:none}.main{margin-left:0}}