.cpu-auth,
.cpu-dash{
  box-sizing:border-box !important;
  border:1px solid #dbe3ee !important;
  border-radius:16px !important;
  background:#ffffff !important;
  padding:16px !important;
  max-width:980px !important;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color:#0f172a !important;
}
.cpu-auth *,
.cpu-dash *{
  box-sizing:border-box !important;
  font-family:inherit !important;
  text-transform:none !important;
  letter-spacing:normal !important;
}
.cpu-auth a,
.cpu-dash a{
  text-decoration:none !important;
}
.cpu-auth--ok,
.cpu-auth--err{
  font-size:14px !important;
  font-weight:700 !important;
}
.cpu-auth__tabs{
  display:flex !important;
  gap:8px !important;
  margin-bottom:12px !important;
}
.cpu-auth__tab{
  all:unset !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid #cbd5e1 !important;
  background:#f8fafc !important;
  color:#0f172a !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.cpu-auth__tab.is-active{
  border-color:#2563eb !important;
  background:#2563eb !important;
  color:#fff !important;
}
.cpu-auth__panel{
  display:none !important;
}
.cpu-auth__panel.is-active{
  display:block !important;
}
.cpu-form{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
}
.cpu-form label{
  display:grid !important;
  gap:6px !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#334155 !important;
  margin:0 !important;
}
.cpu-form input{
  all:unset !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  box-sizing:border-box !important;
  min-height:40px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
  padding:0 11px !important;
  background:#fff !important;
  color:#0f172a !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
.cpu-form select,
.cpu-form textarea{
  all:unset !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
  padding:9px 11px !important;
  background:#fff !important;
  color:#0f172a !important;
  font-size:14px !important;
  line-height:1.3 !important;
}
.cpu-form textarea{
  min-height:92px !important;
  resize:vertical !important;
}
.cpu-form input[type="file"]{
  min-height:42px !important;
  padding:8px 10px !important;
}
.cpu-btn{
  all:unset !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:1px solid #2563eb !important;
  background:#2563eb !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.cpu-btn:hover{
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
  color:#fff !important;
}
.cpu-btn--ghost{
  background:#fff !important;
  color:#334155 !important;
  border-color:#cbd5e1 !important;
}
.cpu-msg{
  border-radius:10px !important;
  padding:9px 10px !important;
  margin-bottom:10px !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.cpu-msg--ok{
  border:1px solid rgba(16,185,129,.35);
  background:rgba(16,185,129,.12);
  color:#065f46;
}
.cpu-msg--err{
  border:1px solid rgba(220,38,38,.35);
  background:rgba(220,38,38,.10);
  color:#991b1b;
}
.cpu-hp{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.cpu-dash__head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:12px !important;
}
.cpu-dash__head h3{
  margin:0 !important;
  font-size:22px !important;
}
.cpu-dash__nav{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 12px !important;
}
.cpu-dash__panel{
  display:none !important;
}
.cpu-dash__panel.is-active{
  display:block !important;
}
.cpu-dash__grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.cpu-card{
  border:1px solid #e2e8f0 !important;
  border-radius:14px !important;
  padding:12px !important;
  background:#f8fafc !important;
}
.cpu-card h4{
  margin:0 0 10px !important;
  font-size:16px !important;
}
.cpu-card__row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
.cpu-card__row h4{
  margin:0 !important;
}
.cpu-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#dbeafe !important;
  color:#1e3a8a !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.cpu-btn--sm{
  min-height:32px !important;
  padding:0 10px !important;
  font-size:12px !important;
}
.cpu-tradein{
  gap:9px !important;
}
.cpu-tradein__result{
  display:grid !important;
  gap:8px !important;
  border:1px solid #dbeafe !important;
  border-radius:12px !important;
  background:#eff6ff !important;
  padding:10px !important;
}
.cpu-tradein__result > div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.cpu-tradein__result span{
  font-size:12px !important;
  color:#475569 !important;
  font-weight:700 !important;
}
.cpu-tradein__result strong{
  font-size:16px !important;
  color:#1e3a8a !important;
}
.cpu-garage-empty{
  padding:10px !important;
  border:1px dashed #cbd5e1 !important;
  border-radius:10px !important;
  color:#475569 !important;
  font-size:13px !important;
  font-weight:600 !important;
}
.cpu-garage-list{
  display:grid !important;
  gap:10px !important;
}
.cpu-garage-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px 1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  border:1px solid #dbe3ee !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:8px !important;
}
.cpu-garage-item.is-sold{
  border-color:#ef4444 !important;
  background:#fff5f5 !important;
}
.cpu-garage-item__sold{
  position:absolute !important;
  top:6px !important;
  right:6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:20px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:#dc2626 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.cpu-garage-item__media{
  display:block !important;
  width:92px !important;
  height:62px !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#eef2f7 !important;
  text-decoration:none !important;
}
.cpu-garage-item__media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.cpu-garage-item__media span{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:#64748b !important;
}
.cpu-garage-item__meta{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}
.cpu-garage-item__meta strong{
  display:block !important;
  font-size:14px !important;
  color:#0f172a !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.cpu-garage-item__meta span{
  font-size:13px !important;
  font-weight:700 !important;
  color:#334155 !important;
}
@media (max-width: 767px){
  .cpu-dash__grid{
    grid-template-columns:1fr;
  }
  .cpu-garage-item{
    grid-template-columns:76px 1fr !important;
    grid-template-areas:
      "media meta"
      "btn btn" !important;
  }
  .cpu-garage-item__media{
    width:76px !important;
    height:56px !important;
    grid-area:media !important;
  }
  .cpu-garage-item__meta{
    grid-area:meta !important;
  }
  .cpu-garage-item .cpu-btn{
    grid-area:btn !important;
    width:100% !important;
  }
}

.cp-antibot-hp{
  position:absolute !important;
  left:-99999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}