:root {
  --bg-soft:#0f172a;
  --card:#020617;
  --border-soft:rgba(148,163,184,0.35);
  --text:#e5e7eb;
  --muted:#9ca3af;
}
#osc-app-root {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  color:var(--text);
  background:var(--bg-soft);
  border-radius:20px;
  border:1px solid var(--border-soft);
  padding:16px;
}
.app-header { border-bottom:1px solid var(--border-soft); margin-bottom:16px; }
.booking-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:99999; }
.booking-modal { background:var(--card); border-radius:16px; padding:20px; max-width:480px; width:100%; }
.booking-input { width:100%; padding:8px; border-radius:10px; border:1px solid var(--border-soft); background:#020617; color:var(--text); }
.booking-label { font-size:13px; color:var(--muted); margin-bottom:4px; display:block; }
.booking-btn { margin-top:8px; padding:8px 14px; border-radius:999px; border:none; background:#22c55e; color:white; font-weight:600; cursor:pointer; }
.booking-error { margin-top:6px; color:#ef4444; font-size:12px; }
.role-badge { padding:4px 10px; border-radius:999px; font-size:12px; background:rgba(148,163,184,0.18); }
.status-dot { width:10px; height:10px; border-radius:50%; background:#22c55e; }
.admin-btn, .share-btn { padding:6px 12px; border-radius:999px; border:none; background:#22c55e; color:white; font-size:12px; cursor:pointer; }