.home-tabs{
  position:sticky;
  top:62px;
  z-index:4;
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:10px 14px;
  background:rgba(11,15,20,.92);
  border-bottom:1px solid var(--line);
  scrollbar-width:none;
}
.home-tabs::-webkit-scrollbar{display:none}
.home-tab{
  flex:0 0 auto;
  background:#101820;
  color:var(--muted);
  border:1px solid var(--line);
  padding:10px 12px;
  min-width:72px;
}
.home-tab.active{
  background:var(--gold);
  color:#111820;
  border-color:var(--gold);
}
.home-pane{display:none}
.home-pane.active{display:block}
.mode-select{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0 0 16px;
}
.mode-card{
  display:grid;
  place-items:center;
  gap:7px;
  min-height:88px;
  padding:10px 8px;
  border:1px solid var(--line);
  background:#0e141b;
  color:var(--text);
  border-radius:8px;
  text-align:center;
  margin:0;
  cursor:pointer;
}
.mode-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.mode-card strong{
  font-size:12px;
  line-height:1.12;
}
.mode-card.active{
  border-color:var(--gold);
  background:#201b10;
  box-shadow:0 0 0 1px rgba(214,180,95,.22) inset;
}
.mode-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(243,247,251,.18);
  color:var(--gold);
  font-size:20px;
  line-height:1;
}
@media(max-width:380px){
  .mode-card{min-height:78px;padding:8px 6px}
  .mode-card strong{font-size:11px}
  .mode-icon{width:30px;height:30px;font-size:18px}
}
.client-form{
  display:grid;
  gap:0;
  margin-bottom:16px;
}