body { font-family: Arial, sans-serif; background: #fff; margin: 0; padding: 0; }
.navbar { background: #c00; padding: 10px; }
.navbar a { color: #fff; text-decoration: none; margin: 0 10px; font-weight: bold; }
.navbar a:hover { text-decoration: underline; }
.container { max-width: 800px; margin: 30px auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
h1 { color: #c00; }
.alert { background: #ffe0e0; color: #c00; padding: 10px; margin-bottom: 15px; border-radius: 4px; }
.kamar-list { display: flex; flex-wrap: wrap; gap: 20px; }
.kamar-item { border: 1px solid #ccc; border-radius: 8px; padding: 10px; width: 220px; background: #fafafa; text-align: center; }
.kamar-item img { border-radius: 6px; margin-bottom: 10px; } 