:root{
  --bg:#f4f7f8;
  --card:#ffffff;
  --line:#d7e1e5;
  --text:#152b35;
  --muted:#667983;
  --blue:#0a9b95;
  --green:#15945f;
  --red:#d92d64;
  --pink:#d92d64;
  --yellow:#f2b91f;
  --shadow:0 18px 50px rgba(16,42,52,.10);
  --shadow-sm:0 8px 24px rgba(16,42,52,.08);
}

body{
  background:
    radial-gradient(circle at 14% 0%,rgba(10,155,149,.13),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(217,45,100,.10),transparent 30%),
    linear-gradient(180deg,#f7fafb 0%,#eef4f5 100%);
  color:var(--text);
}

.wrap{max-width:1160px}

.hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(10,155,149,.18)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f5fbfa 58%,#fff4f7 100%)!important;
  box-shadow:var(--shadow)!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,#0a9b95,#d92d64);
}

.kicker{
  color:#0a9b95!important;
  letter-spacing:.16em!important;
  font-size:11px!important;
}
.h1{
  color:#102a33!important;
  letter-spacing:-.04em;
}
.sub{
  color:#536872!important;
  max-width:760px;
}

.status,.tab,.btn.ghost,.input,.select,textarea,.preview,.notice{
  background:#ffffff!important;
  border-color:var(--line)!important;
  color:#324b55!important;
}

.status{
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}

.tab{
  transition:all .16s ease;
}
.tab:hover{
  transform:translateY(-1px);
  border-color:#9fcfd0!important;
}
.tab.active{
  background:#102a33!important;
  border-color:#102a33!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(16,42,51,.16)!important;
}

.input:focus,.select:focus,textarea:focus{
  border-color:#0a9b95!important;
  box-shadow:0 0 0 4px rgba(10,155,149,.14)!important;
}

.btn{
  background:#0a9b95!important;
  box-shadow:0 10px 20px rgba(10,155,149,.18)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.btn:hover{
  transform:translateY(-1px);
  filter:brightness(.98);
  box-shadow:0 14px 26px rgba(10,155,149,.22)!important;
}
.btn.green{background:#15945f!important;box-shadow:0 10px 20px rgba(21,148,95,.18)!important}
.btn.red{background:#d92d64!important;box-shadow:0 10px 20px rgba(217,45,100,.18)!important}
.btn.ghost{
  color:#0a817d!important;
  box-shadow:none!important;
}
.btn.ghost:hover{
  background:#f4fbfa!important;
}

.card,.panel{
  background:#ffffff!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-sm)!important;
}
.card{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.card:hover{
  transform:translateY(-2px);
  border-color:#bdd5d9!important;
  box-shadow:0 18px 44px rgba(16,42,52,.12)!important;
}

.cardHead{align-items:flex-start}
.city{
  color:#0a9b95!important;
  font-size:11px!important;
}
.name{
  color:#102a33!important;
  letter-spacing:-.02em;
}
.price{color:#102a33!important}
.road,.small{color:var(--muted)!important}
.comment{color:#445e68!important}

.fuel,.fuelAdd>div{
  background:#f6f9fa!important;
  border-color:#dce7ea!important;
}
.fuel{
  grid-template-columns:82px 78px 1fr!important;
}
.fuelName{color:#102a33!important}

.pill{
  background:#fff!important;
  border-color:#d7e1e5!important;
}
.pill.yes{
  background:#e8f7f0!important;
  color:#0b6b45!important;
  border-color:#bfe7d2!important;
}
.pill.no{
  background:#fff0f4!important;
  color:#a51d4a!important;
  border-color:#f4c4d3!important;
}

.preview,.notice{
  box-shadow:var(--shadow-sm)!important;
}
.empty{
  background:#ffffff!important;
  border-color:#d7e1e5!important;
  color:var(--muted)!important;
}

.ga-panel,.ga-login-box{
  background:#ffffff!important;
  border-color:#d7e1e5!important;
  box-shadow:var(--shadow)!important;
}
.ga-title{color:#102a33!important}
.ga-btn{background:#0a9b95!important}
.ga-btn.ghost{background:#fff!important;color:#0a817d!important;border-color:#d7e1e5!important}
.ga-btn.red{background:#d92d64!important}
.ga-btn.green{background:#15945f!important}
.ga-card{border-color:#d7e1e5!important;box-shadow:var(--shadow-sm)!important}
.ga-fuel{background:#f6f9fa!important;border-color:#dce7ea!important}
.ga-input,.ga-select,.ga-text{background:#fff!important;border-color:#d7e1e5!important;color:#102a33!important}

#copy{display:none!important}
body:has(#adminPanel.show) #copy{display:inline-flex!important}