/* Sidebar + Form */
.sidebar{
  width:300px;
  background:var(--card);
  padding:1.5rem;
  border-right:1px solid #e5e7ea;
  overflow-y:auto;
}
.sidebar h3{margin-bottom:.5rem;color:var(--accent)}
.sidebar p{font-size:.8rem;opacity:.7;margin-bottom:1rem}
.sidebar label{font-size:.75rem;font-weight:500;margin:.4rem 0 .1rem;display:block}
.sidebar input,.sidebar select{
  width:100%;
  padding:.55rem;
  border-radius:5px;
  border:1px solid #d1d5db;
  background:#fff;
  font-size:.8rem;
}
.contact-group{display:flex;gap:.3rem}
.contact-group select{flex:0 0 90px}

.sidebar{width:300px;background:var(--card);padding:1.5rem;border-right:1px solid #e5e7ea;overflow-y:auto}
.sidebar h3{margin-bottom:.5rem;color:var(--accent)}
.sidebar p{font-size:.8rem;opacity:.7;margin-bottom:1rem}
.sidebar label{font-size:.75rem;font-weight:500;margin:.4rem 0 .1rem;display:block}
.sidebar input,.sidebar select{width:100%;padding:.55rem;border-radius:5px;border:1px solid #d1d5db;background:#fff;font-size:.8rem}
.contact-group{display:flex;gap:.3rem}
.contact-group select{flex:0 0 90px}

.sidebar {
  backdrop-filter: blur(16px) saturate(180%);
  background: rgba(255,255,255,.72);
  border-right: 1px solid rgba(255,255,255,.3);
}
html.dark .sidebar {
  background: rgba(30,41,59,.72);
  border-right: 1px solid rgba(255,255,255,.1);
}
/* collapsible on mobile */
@media (max-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform .3s ease;
  }
  .sidebar.open { transform: translateX(0); }
}
@media (max-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 280px;
    z-index: 1500;
    transform: translateX(-100%);
    transition: transform .3s ease;
  }
  .sidebar.open {
    transform: translateX(0);
  }
}