.mp-directory { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
.mp-directory-card { border: 1px solid #ddd; border-radius: 8px; padding: 1rem; }
.mp-slot-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.mp-slot-list li { margin: 0; }
.mp-slot-btn, .mp-book-btn, .mp-timeclock button { cursor: pointer; padding: .5rem 1rem; border-radius: 6px; border: 1px solid #333; background: #fff; }
.mp-table { width: 100%; border-collapse: collapse; }
.mp-table th, .mp-table td { border: 1px solid #eee; padding: .5rem; text-align: left; }
.mp-form label { display: block; margin-bottom: .75rem; }
.mp-form input, .mp-form textarea, .mp-form select { width: 100%; max-width: 420px; padding: .4rem; }