/* Estilos básicos; suporta modo claro/escuro via .dark class no body */
:root{
  --bg:#f5f7fb; --card:#fff; --text:#222; --primary:#0b63d6;
}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);}
.dark{--bg:#0f1720;--card:#0b1220;--text:#e6eef8;--primary:#58a6ff;}
.header{background:var(--card);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.header h1{margin:0;font-size:20px}
.nav a{margin-left:10px;color:var(--primary);text-decoration:none}
.container{max-width:1000px;margin:20px auto;padding:16px}
.card{background:var(--card);padding:14px;border-radius:8px;margin-bottom:12px;box-shadow:0 4px 14px rgba(2,6,23,0.03)}
.btn{display:inline-block;padding:8px 12px;border-radius:6px;border:none;background:var(--primary);color:white;text-decoration:none;cursor:pointer}
.form-row{margin-bottom:10px}
input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:8px;border-radius:6px;border:1px solid #ddd;background:transparent;color:var(--text)}
.small{font-size:0.9rem;color:gray}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.post-img{max-width:100%;height:auto;border-radius:6px;margin-top:8px}
.footer{margin-top:20px;text-align:center;color:gray;font-size:0.9rem}