body { margin:0; font-family: Arial, sans-serif; background:#f3f4f6; }
.login-bg { display:flex; justify-content:center; align-items:center; height:100vh; }
.login-box { background:#fff; padding:30px; border-radius:12px; width:300px; text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.login-box input { width:100%; padding:10px; margin:8px 0; border-radius:6px; border:1px solid #ccc; }
.login-box button { width:100%; padding:10px; background:#3b82f6; color:#fff; border:none; border-radius:6px; cursor:pointer; }
.logo { max-width:120px; margin-bottom:10px; }

.container { display:flex; min-height:100vh; }
.menu { width:260px; background:#fff; padding:15px; box-shadow:2px 0 10px rgba(0,0,0,0.1); display:flex; flex-direction:column; }
.menu h2 { text-align:center; }
.btn { display:block; padding:10px; margin:6px 0; background:#e5e7eb; color:#000; text-decoration:none; border-radius:8px; text-align:center; }
.btn.azul { background:#38bdf8; color:#fff; }
.btn.laranja { background:#fb923c; color:#fff; }
.btn.sair { background:#ef4444; color:#fff; padding:8px 14px; border-radius:8px; text-decoration:none; }

.rodape { margin-top:auto; }
.bloco { background:#f1f5f9; padding:8px; border-radius:6px; margin-bottom:6px; font-size:13px; }

.conteudo { flex:1; padding:20px; }
.topo { display:flex; justify-content:space-between; align-items:center; }
.alerta { background:#fee2e2; border:1px solid #ef4444; padding:10px; border-radius:8px; margin-bottom:15px; }

.dashboard { display:grid; grid-template-columns: 2fr 1fr; gap:15px; }
.grafico, .lista { background:#fff; padding:15px; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.05); }

.item { background:#f8fafc; padding:10px; border-radius:8px; margin-bottom:8px; font-size:14px; }
.item.os { background:#f1f5f9; }

.form-container { max-width:500px; margin:30px auto; background:#fff; padding:25px; border-radius:12px; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.form-container input, .form-container textarea, .form-container select { width:100%; padding:10px; margin:8px 0; border-radius:6px; border:1px solid #ccc; }
.form-container button { width:100%; padding:12px; background:#3b82f6; color:#fff; border:none; border-radius:8px; cursor:pointer; }

.erro { color:red; }
.sucesso { color:green; }