:root{
  --sm-bg:#f4f6f7;
  --sm-card:#ffffff;
  --sm-ink:#13202a;
  --sm-muted:#68747d;
  --sm-line:#dfe5e8;
  --sm-green:#07583d;
  --sm-green-dark:#043d2c;
  --sm-green-soft:#edf7f2;
  --sm-gold:#d9aa23;
  --sm-gold-light:#f3d05d;
  --sm-red:#c91e2d;
  --sm-shadow:0 10px 28px rgba(10,35,27,.09);
  --sm-radius:20px;
}
html,body{background:var(--sm-bg)!important;color:var(--sm-ink)!important;}
body{margin:0!important;min-height:100vh!important;padding-bottom:92px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
body > header{
  width:100%!important;max-width:none!important;min-height:98px!important;margin:0 0 22px!important;
  padding:9px max(14px,calc((100vw - 920px)/2)) 13px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;position:relative!important;overflow:hidden!important;
  background:radial-gradient(circle at 20% 0%,rgba(243,208,93,.13),transparent 36%),
  linear-gradient(135deg,#076044 0%,#075038 55%,#043427 100%)!important;
  border:0!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
body > header::after{
  content:"";position:absolute;left:-4%;right:-4%;bottom:-10px;height:24px;border-top:5px solid var(--sm-gold);
  border-radius:50%;box-shadow:0 -2px 0 rgba(255,255,255,.55);pointer-events:none;
}
body > header > a:first-child{
  display:flex!important;align-items:center!important;width:min(330px,72vw)!important;min-width:0!important;
  color:#fff!important;font-size:0!important;letter-spacing:0!important;text-decoration:none!important;
}
body > header > a:first-child img{
  display:block!important;width:100%!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.24));
}
body > header > span{position:relative!important;z-index:2!important;color:#f7e6a5!important;font-size:13px!important;font-weight:900!important;letter-spacing:.4px!important;white-space:nowrap!important;}
main{width:min(920px,calc(100% - 24px))!important;margin:0 auto!important;padding:0 0 40px!important;}
.card{margin:0 0 16px!important;padding:24px!important;overflow:hidden!important;border:1px solid var(--sm-line)!important;border-radius:var(--sm-radius)!important;background:var(--sm-card)!important;box-shadow:var(--sm-shadow)!important;}
.card h1{margin:3px 0 9px!important;color:var(--sm-ink)!important;font-size:clamp(32px,6vw,44px)!important;line-height:1.02!important;letter-spacing:-1.4px!important;}
.card h2{margin-top:0!important;color:var(--sm-ink)!important;font-size:clamp(22px,4vw,29px)!important;line-height:1.1!important;}
.card p{color:var(--sm-muted)!important;line-height:1.5!important;}
label{display:block!important;margin:16px 0 7px!important;color:#304039!important;font-size:13px!important;font-weight:850!important;}
input,select,textarea{
  width:100%!important;min-height:48px!important;padding:12px 14px!important;border:1px solid #d6dde1!important;border-radius:14px!important;
  background:#fff!important;color:var(--sm-ink)!important;font:inherit!important;outline:none!important;box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--sm-green)!important;box-shadow:0 0 0 4px rgba(7,88,61,.09)!important;}
button,.btn,.button{
  min-height:46px!important;padding:11px 15px!important;border:0!important;border-radius:14px!important;
  background:linear-gradient(145deg,#08724e,#045038)!important;color:#fff!important;font:inherit!important;font-weight:900!important;
  cursor:pointer!important;box-shadow:0 6px 16px rgba(7,88,61,.14)!important;
}
.login button{width:100%!important;margin-top:18px!important;}
.topline{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;}
.member-email{margin:7px 0 0!important;color:var(--sm-muted)!important;font-size:14px!important;overflow-wrap:anywhere!important;}
.member-live-link{
  display:inline-flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;padding:9px 13px!important;
  border:1px solid var(--sm-green)!important;border-radius:13px!important;background:#fff!important;color:var(--sm-green)!important;
  font-size:13px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;
}
.logout{margin:0!important;}
.logout button{min-height:42px!important;padding:9px 13px!important;border:1px solid #cfd7db!important;background:#fff!important;color:#59666f!important;box-shadow:none!important;}
.vehicle{
  padding:17px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  border:1px solid #e1e6ea!important;border-radius:16px!important;background:#f7f9f8!important;
}
.code{color:var(--sm-ink)!important;font-size:clamp(24px,5vw,31px)!important;font-weight:950!important;letter-spacing:2px!important;}
.active{color:#16844f!important;font-size:13px!important;font-weight:900!important;}
.vehicle-assistance{border-top:3px solid var(--sm-gold)!important;}
.message{margin-top:11px!important;padding:16px!important;border:1px solid #e1e6e8!important;border-radius:16px!important;background:#fafcfb!important;}
.message.unread{border-left:5px solid var(--sm-gold)!important;background:#fffaf0!important;}
.message-title{color:var(--sm-ink)!important;font-size:16px!important;font-weight:950!important;}
.message-text{color:#33433b!important;font-size:15px!important;}
.meta{color:#7b868d!important;font-size:12px!important;}
.read-button{margin-top:8px!important;min-height:38px!important;padding:8px 11px!important;border:1px solid #d4dce0!important;background:#fff!important;color:#42515a!important;box-shadow:none!important;}
.empty{padding:24px!important;border:1px dashed #d8dfe3!important;border-radius:16px!important;background:#f8faf9!important;color:var(--sm-muted)!important;text-align:center!important;}
.error{padding:12px 14px!important;border:1px solid #efb6bb!important;border-radius:14px!important;background:#fff3f4!important;color:#94212d!important;font-weight:800!important;}
.scanmit-app-bottom{
  position:fixed;left:50%;bottom:0;z-index:5000;width:min(100%,920px);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--sm-line);background:rgba(255,255,255,.98);
  box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateX(-50%);
}
.scanmit-app-bottom a{
  min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#68747d;
  font-size:11px;font-weight:850;text-decoration:none;
}
.scanmit-app-bottom a.active{color:var(--sm-green);}
.scanmit-app-bottom svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;}
@media(max-width:620px){
  body > header{min-height:90px!important;padding:8px 10px 12px!important;margin-bottom:14px!important;}
  body > header > a:first-child{width:min(275px,72vw)!important;}
  body > header > a:first-child img{max-height:60px!important;}
  body > header > span{font-size:12px!important;}
  main{width:min(100% - 18px,920px)!important;}
  .card{padding:18px!important;border-radius:17px!important;}
  .topline{grid-template-columns:1fr 1fr!important;}
  .topline > div{grid-column:1/-1!important;}
  .topline > a,.logout button{width:100%!important;}
  .vehicle{align-items:flex-start!important;}
}