*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f7fb;color:#172033;line-height:1.5}.top{background:#101828;color:#fff;padding:14px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:800;font-size:20px;color:#fff;text-decoration:none}.top nav{display:flex;gap:12px;flex-wrap:wrap}.top nav a{color:#fff;text-decoration:none;opacity:.9}.top nav a:hover{opacity:1;text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding:28px 18px}.hero{background:#fff;border-radius:18px;padding:34px;box-shadow:0 8px 28px rgba(16,24,40,.08);margin-bottom:22px}.hero h1{font-size:40px;line-height:1.08;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 5px 18px rgba(16,24,40,.05)}.card h1,.card h2,.card h3{margin-top:0}.muted{color:#667085}.btn,button{display:inline-block;background:#155eef;color:#fff;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#eef4ff;color:#155eef}.btn.danger,button.danger{background:#b42318}.btn.small,button.small{padding:6px 10px;font-size:13px}input,select,textarea{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:10px;margin:5px 0 14px;background:#fff}label{font-weight:700}textarea{min-height:100px}.flash{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:12px;padding:12px 16px;margin-bottom:16px}.status{display:inline-block;border-radius:999px;background:#eef4ff;color:#1849a9;padding:3px 9px;font-size:12px;font-weight:700;text-transform:uppercase}.status.warn{background:#fff7ed;color:#b54708}.status.good{background:#ecfdf3;color:#067647}.status.bad{background:#fef3f2;color:#b42318}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}@media(max-width:800px){.split{grid-template-columns:1fr}.hero h1{font-size:30px}}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f9fafb}.kpi{font-size:32px;font-weight:800}.notice{background:#fffaeb;border:1px solid #fedf89;color:#93370d;border-radius:12px;padding:12px 16px}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:8px 0;border-bottom:1px solid #eee}

.vehicle-thumb {
    max-width: 260px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    margin: 0 0 12px 0;
}

.vehicle-gallery{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.vehicle-thumb{width:140px;height:95px;object-fit:cover;border-radius:10px;border:1px solid #ddd;background:#f6f6f6}
.vehicle-photo-box{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
button.small,.small{font-size:.85rem;padding:6px 10px}
.comment{border-top:1px solid #e5e7eb;padding:12px 0}
.comment:first-of-type{border-top:0}
.comment-form{margin-top:16px}
.hidden-comment{opacity:.65;background:#fff7ed;padding:10px;border-radius:10px}
.offer-card .vehicle-gallery{margin-bottom:12px}

/* Public profile and image lightbox upgrades */
a { color:#155eef; }
.vehicle-gallery a { display:inline-block; }
.vehicle-thumb { cursor: zoom-in; transition: transform .12s ease, box-shadow .12s ease; }
.vehicle-thumb:hover { transform: translateY(-1px); box-shadow:0 8px 20px rgba(16,24,40,.16); }
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.84);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}
.lightbox-overlay.open{display:flex}
.lightbox-overlay img{max-width:96vw;max-height:90vh;border-radius:14px;box-shadow:0 16px 60px rgba(0,0,0,.45)}
.lightbox-close{position:fixed;top:18px;right:22px;background:#fff;color:#101828;border-radius:999px;border:0;padding:8px 12px;font-weight:800;cursor:pointer}
.profile-hero h1{margin-bottom:6px}.vehicle-public-card h3{margin-top:12px}

.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:16px 0}.profile-stats span{display:block;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.profile-stats b{font-size:.85rem;color:#475569}.vehicle-gallery{display:flex;gap:8px;flex-wrap:wrap}.vehicle-thumb{width:120px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb}

.badge {
    display: inline-block;
    padding: 0.35rem 0.6rem;
    margin: 0.15rem 0.25rem 0.15rem 0;
    border-radius: 999px;
    background: #eef2ff;
    font-weight: 700;
    font-size: 0.9rem;
}
.rating-stars {
    font-weight: 700;
    letter-spacing: 0.04em;
}
.review-box {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.9rem;
    margin-top: 0.9rem;
}
.inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: end;
    margin-top: 0.75rem;
}
.inline-form label {
    flex-basis: 100%;
    margin-bottom: -0.35rem;
}
.inline-form select,
.inline-form input {
    max-width: 180px;
}

/* Image badge cards */
.badge-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
    margin-top: 14px;
}
.badge-card {
    overflow: hidden;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(16,24,40,.10);
    text-align: center;
}
.badge-card-image {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: #ffffff;
}
.badge-card-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.badge-card-image span {
    font-size: 56px;
    line-height: 1;
}
.badge-card-title {
    background: #4abf1a;
    color: #ffffff;
    font-weight: 800;
    padding: 12px 10px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.badge-admin-preview {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    padding: 6px;
}

/* Navigation dropdowns */
.main-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav-dropdown{position:relative;display:inline-block}
.nav-dropbtn{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px 10px;border-radius:10px}
.nav-dropbtn:hover,.main-nav a:hover{background:rgba(255,255,255,.12)}
.nav-dropdown-menu{display:none;position:absolute;right:0;top:100%;min-width:220px;background:#fff;color:#0b1736;border:1px solid #dfe5f1;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.18);padding:8px;z-index:50}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;color:#0b1736!important;text-decoration:none;padding:10px 12px;border-radius:10px;white-space:nowrap}
.nav-dropdown-menu a:hover{background:#f1f5ff}
.form-row{display:grid;grid-template-columns:1fr 220px auto;gap:14px;align-items:end}
.form-row-actions{padding-bottom:2px}
.table-card{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:12px;border-bottom:1px solid #e6ebf5;text-align:left;vertical-align:top}
.data-table th{font-size:13px;color:#53627c;text-transform:uppercase;letter-spacing:.03em}
.pill.good{background:#e8f8ef;color:#17693a;padding:6px 10px;border-radius:50px;font-size:12px;border:1px solid #17693a50}
.pill.warn{background:#fff5dc;color:#815600;padding:6px 10px;border-radius:50px;font-size:12px;border:1px solid #81560050}
@media (max-width:760px){.form-row{grid-template-columns:1fr}.nav-dropdown-menu{left:0;right:auto}}

.badge-card-date {
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 4px;
}

/* Platform upgrade: trust, notifications, mobile polish */
.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.4rem 0 1rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:#7c3aed;margin:0 0 .25rem}.btn.secondary,button.secondary{background:#fff;color:#4c1d95;border:1px solid #ddd6fe}.btn.secondary:hover,button.secondary:hover{background:#f5f3ff}.nav-notifications{position:relative}.nav-notifications span{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-left:.25rem;padding:0 .3rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800}.notification-list{display:grid;gap:.8rem}.notification-card{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center}.notification-card.unread{border-color:#c4b5fd;background:linear-gradient(135deg,#fff,#faf5ff)}.notification-dot{width:.75rem;height:.75rem;border-radius:999px;background:#ddd}.notification-card.unread .notification-dot{background:#7c3aed;box-shadow:0 0 0 4px #ede9fe}.notification-content h2{margin:.1rem 0 .25rem;font-size:1.05rem}.notification-content p{margin:.2rem 0}.driver-directory-grid,.request-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.driver-card{display:flex;flex-direction:column;gap:.8rem}.driver-card-head{display:flex;gap:.8rem;align-items:center}.driver-avatar{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 8px 18px rgba(124,58,237,.22)}.driver-card h2,.request-result-card h2{margin:0}.trust-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.55rem 0}.trust-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .55rem;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-size:.85rem;color:#334155}.mini-badges{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.mini-badges span{width:34px;height:34px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;overflow:hidden}.mini-badges img{width:100%;height:100%;object-fit:contain;padding:3px}.request-result-top{display:flex;justify-content:space-between;gap:1rem}.compact-facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));font-size:.92rem}.search-card .search-row{display:flex;gap:.7rem}.search-card .search-row input{flex:1}.offer-card-upgraded{overflow:hidden}.offer-photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.8rem}.offer-photo-strip a{display:block;background:#f8fafc;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.offer-photo-strip img{width:100%;height:180px;object-fit:contain;background:#f8fafc;display:block}.offer-photo-strip .primary-photo{grid-column:1/-1}.offer-photo-strip .primary-photo img{height:260px}.offer-driver-line{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.offer-message{border-left:4px solid #ddd6fe;background:#faf5ff;margin:.8rem 0;padding:.75rem 1rem;border-radius:0 12px 12px 0;color:#3b0764}.discussion-card{scroll-margin-top:80px}.comment-thread{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.comment-bubble{max-width:84%;padding:.75rem .9rem;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb}.comment-bubble.mine{align-self:flex-end;background:#ede9fe;border-color:#c4b5fd}.comment-bubble.hidden-comment{opacity:.65}.comment-meta{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:baseline;margin-bottom:.25rem}.comment-meta span{color:#64748b;font-size:.82rem}.upgraded-comment-form{margin-top:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:1rem}.request-page-nav{position:sticky;top:.5rem;z-index:20;display:flex;gap:.5rem;overflow-x:auto;padding:.6rem;margin-bottom:1rem}.request-page-nav a{white-space:nowrap;text-decoration:none;padding:.58rem .78rem;border-radius:999px;background:#f8fafc;color:#312e81;font-weight:800;border:1px solid #e5e7eb}.request-page-nav a:hover{background:#ede9fe;border-color:#c4b5fd}.request-page-nav span{display:inline-flex;margin-left:.25rem;min-width:1.3rem;height:1.3rem;border-radius:999px;background:#7c3aed;color:#fff;align-items:center;justify-content:center;font-size:.78rem}.vehicle-gallery,.vehicle-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem}.vehicle-gallery a,.vehicle-photos a{background:#f8fafc;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.vehicle-gallery img,.vehicle-photos img,.vehicle-thumb{width:100%;height:190px;object-fit:contain;background:#f8fafc;display:block}.badge-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.8rem}.badge-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:.85rem;text-align:center;box-shadow:0 8px 18px rgba(15,23,42,.06)}.badge-card-image{height:70px;display:flex;align-items:center;justify-content:center}.badge-card-image img{max-width:68px;max-height:68px;object-fit:contain}.badge-card-image span{font-size:2.2rem}.badge-card-title{font-weight:900;margin-top:.4rem}.badge-card-date{font-size:.78rem;color:#64748b;margin-top:.2rem}.review-box{border-top:1px solid #e5e7eb;padding-top:.8rem;margin-top:.8rem}.rating-stars{font-weight:900;color:#92400e}.sticky-card{position:sticky;top:90px}.empty-state{text-align:center;padding:2rem}.form-card{max-width:760px}.form-card label{font-weight:800;margin-top:.7rem;display:block}.form-card input,.form-card select,.form-card textarea{margin-top:.25rem}
@media (max-width:760px){.top{position:sticky;top:0;z-index:50}.main-nav{gap:.35rem}.main-nav a,.nav-dropbtn{font-size:.88rem;padding:.45rem .55rem}.page-heading-row{align-items:flex-start;flex-direction:column}.notification-card{grid-template-columns:auto 1fr}.notification-card .btn{grid-column:1/-1;width:100%;text-align:center}.search-card .search-row{flex-direction:column}.offer-driver-line,.request-result-top{flex-direction:column}.offer-photo-strip{grid-template-columns:1fr}.offer-photo-strip img,.offer-photo-strip .primary-photo img{height:auto;max-height:340px}.comment-bubble{max-width:96%}.request-page-nav{border-radius:0;margin-left:-1rem;margin-right:-1rem}.vehicle-gallery img,.vehicle-photos img,.vehicle-thumb{height:auto;max-height:320px}.trust-pill{font-size:.8rem}.sticky-card{position:static}.driver-directory-grid,.request-card-grid{grid-template-columns:1fr}}


.notif-bell {
    font-size: 20px;
    color: #333;
    text-decoration: none;
    margin-left: 10px;
}

.notif-bell i {
    font-size: 20px;
}

.notif-count {
    position: absolute;
    top: -6px;
    right: -8px;
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 999px;
    font-weight: bold;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

.notif-bell:hover {
}

/* Two-tier header */
.site-topbar {
  background: #102033;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.site-topbar-inner,
.site-mainnav-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.site-topbar-inner {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.brand {
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
}

.site-utility-nav {
  display: flex;
  align-items: center;
  gap: 14px;
}

.site-utility-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: .95rem;
  opacity: .95;
}

.site-utility-nav a:hover {
  opacity: 1;
  text-decoration: underline;
}

.site-mainnav {
  background: #fff;
  border-bottom: 1px solid #e7eaf0;
  box-shadow: 0 3px 14px rgba(16,32,51,.06);
}

.site-mainnav-inner {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
}

.site-mainnav a,
.nav-dropbtn {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #27364a;
  text-decoration: none;
  font-weight: 700;
  font-size: .94rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

.site-mainnav a:hover,
.nav-dropbtn:hover {
  background: #f1f5fb;
  color: #0f2742;
}

/* Dropdown */
.nav-dropdown {
  position: relative;
  display: inline-flex;
}

.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e7eaf0;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(16,32,51,.16);
  padding: 8px;
  z-index: 1000;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  display: block;
}

.nav-dropdown-menu a {
  display: block;
  border-radius: 10px;
  padding: 10px 12px;
  min-height: auto;
}

/* Notification bell */
.notif-bell {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.11);
  text-decoration: none !important;
}

.notif-bell i {
  font-size: 1.05rem;
}

.notif-count {
  position: absolute;
  top: -5px;
  right: -7px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 19px;
  text-align: center;
  box-shadow: 0 0 0 2px #102033;
}

/* Mobile */
@media (max-width: 720px) {
  .site-topbar-inner {
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    align-items: flex-start;
    flex-direction: column;
  }

  .site-utility-nav {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .site-mainnav-inner {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-dropdown-menu {
    position: fixed;
    left: 12px;
    right: 12px;
    top: auto;
    min-width: auto;
  }
}

/* Dropdown nav fix: paste at the bottom of assets/style.css */

.site-mainnav {
  position: relative;
  z-index: 900;
  overflow: visible !important;
}

.site-mainnav-inner {
  position: relative;
  overflow: visible !important;
  flex-wrap: wrap;
}

.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible !important;
}

.nav-dropbtn {
  appearance: none;
  -webkit-appearance: none;
}

.nav-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 240px;
  max-width: min(320px, calc(100vw - 24px));
  background: #fff;
  border: 1px solid #e6eaf1;
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(15, 39, 66, 0.18);
  padding: 8px;
  z-index: 5000;
  overflow: visible;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  display: block;
}

.nav-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 18px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-left: 1px solid #e6eaf1;
  border-top: 1px solid #e6eaf1;
  transform: rotate(45deg);
}

.nav-dropdown-menu a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: auto;
  padding: 11px 12px;
  border-radius: 11px;
  color: #26384f;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
}

.nav-dropdown-menu a:hover {
  background: #f1f5fb;
  color: #102033;
}

/* Mobile: avoid awkward hover dropdowns and allow the nav to wrap naturally */
@media (max-width: 720px) {
  .site-mainnav-inner {
    overflow: visible !important;
    flex-wrap: wrap;
    gap: 8px;
  }

  .site-mainnav a,
  .nav-dropbtn {
    font-size: 0.92rem;
    padding: 8px 11px;
  }

  .nav-dropdown {
    position: static;
  }

  .nav-dropdown-menu {
    position: absolute;
    left: 12px;
    right: 12px;
    top: calc(100% + 8px);
    min-width: auto;
    max-width: none;
  }

  .nav-dropdown-menu a {
    white-space: normal;
  }
}


/* Account/profile enhancement styles - append or load after assets/style.css */
.account-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.account-header-main{display:flex;align-items:center;gap:16px}.account-avatar{width:82px;height:82px;border-radius:999px;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 24px rgba(16,32,51,.16)}.account-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#102033;color:#fff;font-size:2rem;font-weight:800}.account-statuses{display:flex;gap:8px;flex-wrap:wrap}.account-tabs{position:sticky;top:0;z-index:20;background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:8px;margin:16px 0;box-shadow:0 8px 24px rgba(16,32,51,.08)}.account-section{scroll-margin-top:90px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-row{display:flex;align-items:center;gap:10px;margin:10px 0}.check-row input{width:auto}.table-scroll{overflow-x:auto}.table-scroll table{min-width:760px}.driver-rules-box,.offer-rules-box{margin-top:16px;padding:14px 16px;border-radius:16px;background:#fff8e6;border:1px solid #f3d58b}.driver-rules-box h2{margin-top:0}.rules-content,.offer-rules-box p{white-space:pre-wrap}.offer-rules-box b{display:block;margin-bottom:6px;color:#6b4a00}.notice.error{border-color:#fecaca;background:#fef2f2;color:#7f1d1d}@media(max-width:760px){.account-grid,.form-grid.two{grid-template-columns:1fr}.account-header-main{align-items:flex-start}.account-avatar{width:66px;height:66px}.account-tabs{position:static;overflow-x:auto;white-space:nowrap}.account-tabs a{display:inline-flex}}


.btn-danger {
    background: #e74c3c;
    color: #fff;
    border: none;
}

.btn-danger:hover {
    background: #c0392b;
}