body { margin:0; font-family: Arial, sans-serif; background:#f4f6f9; }
.admin-wrap { display:flex; min-height:100vh; }

.sidebar {
  width:260px; background:#1c2d3f; color:#fff; padding:18px;
}
.brand { font-size:18px; font-weight:700; margin-bottom:16px; }
.sidebar nav a {
  display:block; color:#dbe6f2; text-decoration:none;
  padding:10px 10px; border-radius:10px; margin-bottom:6px;
}
.sidebar nav a:hover { background:rgba(255,255,255,.08); }
.sidebar nav a.logout { margin-top:14px; background:rgba(0,0,0,.25); }

.content { flex:1; }
.topbar {
  background:#fff; padding:16px 20px; border-bottom:1px solid #e6e8ee;
}
.panel { padding:22px; }
.card {
  background:#fff; border:1px solid #e6e8ee; border-radius:14px;
  padding:16px; margin-bottom:14px;
}
.footer { padding:16px 20px; color:#777; }
.btn {
  display:inline-block; background:#1c2d3f; color:#fff; text-decoration:none;
  padding:10px 14px; border-radius:12px; border:0; cursor:pointer;
}
.input {
  width:100%; padding:10px 12px; border:1px solid #d8dbe3; border-radius:12px;
}
.label { font-size:13px; color:#444; margin-bottom:6px; display:block; }
.row { display:flex; gap:14px; }
.col { flex:1; }
.error { background:#ffe5e5; border:1px solid #ffb0b0; padding:10px; border-radius:12px; }
.ok { background:#e7ffe5; border:1px solid #aee8a8; padding:10px; border-radius:12px; }