:root { --red: #d32f2f; --gold: #fbc02d; --paper: #fffdf2; }
body { font-family: sans-serif; margin: 0; background: #eee; }
#main-container { display: flex; height: 100vh; }
#calendar-area { flex: 3; padding: 20px; background: var(--paper); overflow-y: auto; }
#sidebar { flex: 1; background: #fff; border-left: 3px double var(--red); padding: 20px; }
.card { background: #fff; border: 1px solid #ddd; padding: 15px; margin-bottom: 20px; border-radius: 8px; text-align: center; }
.live-clock { background: var(--red); color: white; }
.grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; }
input, select { padding: 10px; border: 1px solid var(--red); border-radius: 4px; }