:root{ --bg:#f6f8fb; --card:#fff; --accent:#2b6cb0; --muted:#666; }
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:#222}
.top{background:var(--accent);color:white;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
.cards{display:flex;gap:16px;margin-top:18px}
.card{background:var(--card);padding:14px;border-radius:8px;box-shadow:0 6px 18px rgba(15,23,42,0.06);flex:1}
.hidden{display:none}
.modal{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}
.modal-body{background:var(--card);padding:20px;border-radius:8px;max-width:640px;width:100%}
.meeting{background:#fff;padding:10px;margin:8px 0;border-left:4px solid var(--accent)}
.meeting a{font-weight:600}
form input, form select, form button{padding:8px;margin:6px 0;width:100%}