body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; padding: 0; background: #f6f6f6; }
header { background: #111; color: #fff; padding: 12px 16px; display:flex; justify-content:space-between; align-items:center; }
main { padding: 16px; max-width: 1000px; margin: 0 auto; }
.card { background: #fff; border-radius: 12px; padding: 14px; margin: 12px 0; box-shadow: 0 1px 8px rgba(0,0,0,0.06); }
.row { display:flex; gap: 12px; flex-wrap: wrap; }
.row > * { flex: 1 1 220px; }
input, select, textarea, button { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #ddd; box-sizing: border-box; }
button { cursor: pointer; font-weight: 600; }
small { color: #666; }
.badge { display:inline-block; padding: 3px 8px; border-radius: 999px; background: #eee; font-size: 12px; }
.kv { display:flex; justify-content:space-between; gap: 12px; }
hr { border:none; border-top: 1px solid #eee; margin: 12px 0; }
a { color: inherit; }
.grid { display:grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.day { background:#fff; border-radius: 12px; padding: 10px; min-height: 120px; box-shadow: 0 1px 8px rgba(0,0,0,0.06); }
.day h4 { margin: 0 0 8px 0; font-size: 14px; }
.event { border: 1px solid #eee; border-radius: 10px; padding: 8px; margin: 6px 0; font-size: 13px; }
.event b { display:block; margin-bottom:4px; }