.gqz-main { padding: 48px 48px 80px; }
.gqz-in { max-width: 520px; margin: 0 auto; }
.gqz-nav { display: flex; align-items: center; justify-content: space-between; min-height: 32px; }
.gqz-back { display: inline-flex; align-items: center; gap: 4px; padding: 6px 0; border: 0; background: none; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--ink-2); cursor: pointer; }
.gqz-back:hover { color: var(--ink); }
.gqz-count { margin-left: auto; font-size: 13.5px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.gqz-bar { height: 2px; margin: 10px 0 44px; background: #E7E9EE; border-radius: 2px; overflow: hidden; }
.gqz-bar span { display: block; height: 100%; width: 0; background: var(--ink); transition: width .5s var(--ease, ease); }
.gqz-alert { margin: -20px 0 24px; padding: 12px 14px; border-radius: 10px; background: var(--red-l); color: var(--red); font-size: 14.5px; font-weight: 600; }
.gqx-step { border: 0; margin: 0; padding: 0; min-width: 0; }
.gqx-js .gqx-step { display: none; }
.gqx-js .gqx-step.on { display: block; animation: gqzIn .35s var(--ease, ease); }
.gqz-q { display: block; padding: 0; margin: 0 0 10px; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; font-weight: 760; letter-spacing: -0.03em; color: var(--ink); }
.gqz-sub { margin: 0 0 28px; font-size: 16px; line-height: 1.5; color: var(--muted); }
.gqz-q + .gqz-opts, .gqz-q + .gqz-field { margin-top: 28px; }
.gqz-l { margin: 22px 0 10px; font-size: 14px; font-weight: 650; color: var(--ink); }
.gqz-sub + .gqz-l { margin-top: 0; }
.gqz-opts { display: flex; flex-direction: column; gap: 10px; }
.gqz-opt { position: relative; display: flex; align-items: center; gap: 16px; padding: 17px 20px; border: 1px solid #D9DCE3; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.gqz-opt:hover { border-color: #9EA5B3; }
.gqz-opt input { position: absolute; opacity: 0; pointer-events: none; }
.gqz-opt-t { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gqz-opt-t strong { font-size: 16.5px; font-weight: 650; color: var(--ink); letter-spacing: -0.005em; }
.gqz-opt-t small { font-size: 14px; color: var(--muted); }
.gqz-mark { flex: none; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #B4BAC6; transition: border .15s, background .15s; }
.gqz-mark-sq { border-radius: 6px; }
.gqz-opt:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.gqz-opt:has(input:checked) .gqz-mark { border: 6px solid var(--ink); }
.gqz-opt:has(input:checked) .gqz-mark-sq { border: 0; background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat; }
.gqz-opt:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(47,111,237,.35); }
.gqz-opt-sm { margin-top: 12px; padding: 14px 18px; }
.gqz-opt-sm .gqz-opt-t strong { font-size: 15.5px; }
.gqz-seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.gqz-seg label { cursor: pointer; }
.gqz-seg input { position: absolute; opacity: 0; pointer-events: none; }
.gqz-seg span { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 12px; border: 1px solid #D9DCE3; border-radius: 10px; font-size: 15px; font-weight: 600; color: var(--ink); text-align: center; transition: border-color .15s, box-shadow .15s; }
.gqz-seg label:hover span { border-color: #9EA5B3; }
.gqz-seg input:checked + span { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.gqz-seg input:focus-visible + span { box-shadow: 0 0 0 3px rgba(47,111,237,.35); }
.gqz-field { display: flex; flex-direction: column; gap: 7px; margin-top: 18px; }
.gqz-field span { font-size: 14px; font-weight: 650; color: var(--ink); }
.gqz-field input { height: 54px; padding: 0 16px; border: 1px solid #D3D7DE; border-radius: 12px; background: #fff; font: inherit; font-size: 16.5px; font-weight: 500; color: var(--ink); outline: 0; transition: border-color .15s, box-shadow .15s; }
.gqz-field input::placeholder { color: #9AA1AF; }
.gqz-field input:focus { border-color: var(--ink); box-shadow: 0 0 0 4px rgba(14,20,48,.07); }
.gqz-field.invalid input { border-color: var(--red); }
.gqz-err { margin: 6px 0 0; font-size: 13.5px; font-weight: 600; color: var(--red); }
.gqz-next, .gqz-go { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; margin-top: 30px; border: 0; border-radius: 12px; font: inherit; font-size: 16.5px; font-weight: 700; cursor: pointer; transition: background .2s, transform .1s; }
.gqz-next { background: var(--ink); color: #fff; }
.gqz-next:hover { background: #222A45; }
.gqz-go { background: var(--blue-d); color: #fff; }
.gqz-go:hover { background: #1849AE; }
.gqz-next:active, .gqz-go:active { transform: scale(.99); }
.gqz-legal { margin: 16px 0 0; font-size: 12.5px; line-height: 1.55; color: var(--muted); }
.gqz-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.gqz-side { background: #F6F7F9; border-left: 1px solid var(--line); padding: 92px 48px 48px; }
.gqz-rc { position: sticky; top: 128px; max-width: 380px; }
.gqz-rc-h { margin: 0 0 6px; font-size: 18px; font-weight: 750; letter-spacing: -0.015em; color: var(--ink); }
.gqz-rows { margin: 0; }
.gqz-rows div { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-top: 1px solid #E3E6EB; animation: gqzIn .3s var(--ease, ease); }
.gqz-rows dt { font-size: 13.5px; color: var(--muted); }
.gqz-rows dd { margin: 0; font-size: 14.5px; font-weight: 600; color: var(--ink); }
.gqz-rows dd span { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--muted); }
.gqz-total { margin-top: 4px; padding-top: 18px; border-top: 1px solid #CDD2DB; }
.gqz-total-k { font-size: 13.5px; font-weight: 600; color: var(--muted); }
.gqz-total-v { margin: 4px 0 6px; font-size: 36px; line-height: 1.1; font-weight: 800; letter-spacing: -0.035em; color: var(--ink); }
.gqz-total-v.tick { animation: gqzTick .4s var(--ease, ease); }
.gqz-total-s { font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.gqz-safe { display: flex; gap: 10px; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #E3E6EB; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); }
.gqz-safe .d-ic { flex: none; margin-top: 2px; }
@media (max-width: 900px) {
  .gqz-main { padding: 20px 20px 140px; }
  .gqz-bar { margin-bottom: 30px; }
  .gqz-q { font-size: 27px; }
  .gqz-side { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); border-left: 0; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  .gqz-rc { position: static; max-width: none; }
  .gqz-rc-h, .gqz-rows, .gqz-safe, .gqz-total-s { display: none; }
  .gqz-total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 0; border: 0; }
  .gqz-total-v { margin: 0; font-size: 22px; }
}
.gqz-seg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gqz-seg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gqz-seg span { line-height: 1.25; }
.gqz-seg-chk span { justify-content: flex-start; gap: 10px; padding: 0 14px; text-align: left; }
.gqz-seg-chk span::before { content: ""; flex: none; width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid #B4BAC6; }
.gqz-seg-chk input:checked + span::before { border: 0; background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat; }
.gqz-seg.invalid span { border-color: var(--red); }
.gqz-l-top { margin-top: 4px; }
.gqz-field small { font-weight: 500; color: var(--muted); }
.gqz-field textarea { min-height: 96px; padding: 14px 16px; border: 1px solid #D3D7DE; border-radius: 12px; font: inherit; font-size: 15.5px; line-height: 1.5; color: var(--ink); resize: vertical; outline: 0; }
.gqz-field textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 4px rgba(14,20,48,.07); }
.gqz-field textarea::placeholder { color: #9AA1AF; }
@media (max-width: 600px) {
  .gqz-seg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .gqz-seg-4 span { font-size: 14px; padding: 0 4px; }
  .gqz-seg-3 span { font-size: 14px; }
  .gqz-seg-chk { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .gqz-total-k { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; }
  .gqz-total-v { flex: none; white-space: nowrap; font-size: 21px; }
}
.ac-box { position: absolute; z-index: 60; list-style: none; margin: 0; padding: 6px; background: #fff; border-radius: 16px; border: 1px solid rgba(14,20,48,.08); box-shadow: 0 2px 6px rgba(14,20,48,.06), 0 24px 48px -16px rgba(14,20,48,.28); animation: acIn .14s ease-out; }
.ac-box li { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 8px 12px; border-radius: 11px; cursor: pointer; font-size: 15.5px; color: var(--ink-2); }
.ac-box li svg { flex: none; color: #8C95AB; }
.ac-box li.on { background: #F1F4F9; }
.ac-box li.on svg { color: var(--blue-d); }
.ac-c { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.ac-c b { font-weight: 750; color: var(--ink); }
.ac-p { flex: none; font-size: 13px; font-weight: 650; color: var(--muted); letter-spacing: .02em; }
@media (prefers-reduced-motion: reduce) {
  .ac-box { animation: none; }
}
.ac-box li.ac-hint { cursor: default; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.ac-box li.ac-hint .ac-c { white-space: normal; }
.lg-page main, .ac-page main { background: #F5F7FB; }
.ac-in { max-width: 820px; }
.ac-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ac-head h1 { font-size: clamp(30px, 3.4vw, 42px); letter-spacing: -0.035em; font-weight: 780; color: var(--ink); }
.ac-head p { margin-top: 4px; color: var(--muted); }
.ac-out { padding: 10px 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font: inherit; font-size: 14.5px; font-weight: 650; color: var(--ink); cursor: pointer; }
.ac-block { margin-top: 28px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.ac-block-h { display: flex; align-items: center; justify-content: space-between; }
.ac-block h2 { font-size: 21px; letter-spacing: -0.02em; font-weight: 760; color: var(--ink); }
.ac-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 650; color: var(--blue-d); }
.ac-list { list-style: none; margin: 16px 0 0; padding: 0; }
.ac-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid #EEF1F5; }
.ac-list b { display: block; font-size: 16px; color: var(--ink); }
.ac-list small { font-size: 13.5px; color: var(--muted); }
.ac-st { flex: none; padding: 5px 11px; border-radius: 999px; background: #EEF2F8; font-size: 12.5px; font-weight: 700; color: var(--ink-2); }
.ac-st.ok { background: var(--green-l); color: var(--green); }
.ac-note, .ac-empty { margin-top: 14px; font-size: 14px; color: var(--muted); }
@media (max-width: 600px) {
  .ac-block { padding: 20px; }
  .ac-list li { flex-direction: column; align-items: flex-start; gap: 6px; }
}
.lg-page main { background: #fff; }
.sx-form { display: flex; flex-direction: column; padding: 32px 56px; }
.sx-top { display: flex; align-items: center; justify-content: space-between; }
.sx-logo { display: inline-flex; align-items: flex-start; }
.sx-logo img { height: 22px; width: auto; }
.sx-logo .reg { font-size: 10px; color: var(--blue); }
.sx-back { font-size: 14.5px; font-weight: 600; color: var(--ink-2); }
.sx-back:hover { color: var(--ink); }
.sx-body { flex: 1; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 400px; margin: 0 auto; padding: 48px 0; }
.sx-body h1 { font-size: clamp(32px, 3vw, 40px); letter-spacing: -0.035em; font-weight: 780; color: var(--ink); }
.sx-sub { margin-top: 12px; font-size: 16.5px; line-height: 1.55; color: #4A5368; }
.sx-sub strong { color: var(--ink); word-break: break-all; }
.sx-prev { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 22px; font-size: 14.5px; font-weight: 600; color: var(--ink-2); }
.sx-f { margin-top: 30px; }
.sx-field { position: relative; display: flex; flex-direction: column; gap: 8px; }
.sx-field > span { font-size: 14px; font-weight: 650; color: var(--ink); }
.sx-field input { height: 54px; padding: 0 16px; border: 1px solid #CBD1DB; border-radius: 12px; font: inherit; font-size: 17px; color: var(--ink); background: #fff; outline: 0; transition: border-color .15s, box-shadow .15s; }
.sx-field input::placeholder { color: #9AA1AF; }
.sx-field input:focus { border-color: var(--ink); box-shadow: 0 0 0 4px rgba(14,20,48,.07); }
.sx-field.bad input, .sx-field.bad .sx-boxes i { border-color: var(--red); }
.sx-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 54px; margin-top: 18px; border: 0; border-radius: 12px; background: var(--ink); color: #fff; font: inherit; font-size: 16.5px; font-weight: 700; cursor: pointer; transition: background .2s, transform .1s; }
.sx-btn:hover { background: #232B47; }
.sx-btn:active { transform: scale(.99); }
.sx-err { margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--red); }
.sx-ok { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 10px 12px; border-radius: 10px; background: var(--green-l); color: #0E5530; font-size: 14px; font-weight: 600; }
.sx-field-code { position: relative; }
.sx-boxes { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.sx-boxes i { display: grid; place-items: center; height: 62px; border: 1px solid #CBD1DB; border-radius: 12px; font-style: normal; font-size: 26px; font-weight: 750; color: var(--ink); background: #fff; font-variant-numeric: tabular-nums; transition: border-color .15s, box-shadow .15s; }
.sx-boxes i.cur { border-color: var(--ink); box-shadow: 0 0 0 4px rgba(14,20,48,.07); }
.sx-boxes i.cur:empty::after { content: ""; width: 2px; height: 26px; background: var(--ink); animation: lxBlink 1s steps(1) infinite; }
.sx-js .sx-code-in { position: absolute; left: 0; right: 0; bottom: 0; height: 62px; opacity: 0; font-size: 16px; }
.sx-resend p { margin-top: 16px; font-size: 14px; color: var(--muted); }
.sx-resend button { padding: 0; border: 0; background: none; font: inherit; color: var(--blue-d); font-weight: 650; cursor: pointer; }
.sx-new { margin-top: 40px; padding-top: 24px; border-top: 1px solid #ECEEF2; }
.sx-new > p { font-size: 14px; font-weight: 600; color: var(--muted); }
.sx-new-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.sx-new-row a { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1px solid #E3E6EC; border-radius: 12px; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.sx-new-row a:hover { border-color: #9EA5B3; box-shadow: 0 8px 20px -14px rgba(14,20,48,.3); }
.sx-new-row b { font-size: 15px; color: var(--ink); }
.sx-new-row span { font-size: 13.5px; color: var(--blue-d); font-weight: 600; }
.sx-foot { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--muted); }
.sx-foot span { display: inline-flex; align-items: center; gap: 6px; }
.sx-foot a { color: var(--muted); margin-left: 14px; }
.sx-side { position: relative; overflow: hidden; background: #0A1120; color: #fff; }
.sx-pic { position: absolute; inset: 0; }
.sx-pic img, .sx-pic .sx-img { width: 100%; height: 100%; object-fit: cover; object-position: 28% 50%; display: block; aspect-ratio: auto !important; border-radius: 0 !important; }
.sx-side::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,13,26,.05) 0%, rgba(8,13,26,.15) 40%, rgba(8,13,26,.86) 78%, rgba(8,13,26,.95) 100%); }
.sx-side-in { position: absolute; left: 56px; right: 56px; bottom: 56px; z-index: 1; }
.sx-card { max-width: 340px; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); }
.sx-card-top { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 700; color: rgba(255,255,255,.75); }
.sx-card-top em { font-style: normal; padding: 3px 9px; border-radius: 999px; background: rgba(110,231,160,.2); color: #A7F3C6; }
.sx-card-h { margin-top: 10px; font-size: 18px; font-weight: 780; letter-spacing: -0.015em; }
.sx-card-r { font-size: 13.5px; color: rgba(255,255,255,.75); }
.sx-card-row { display: flex; justify-content: space-between; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.18); font-size: 13.5px; color: rgba(255,255,255,.75); }
.sx-card-row b { color: #fff; }
.sx-side h2 { margin-top: 28px; max-width: 14em; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.08; letter-spacing: -0.035em; font-weight: 780; color: #fff; }
.sx-side ul { list-style: none; margin: 18px 0 0; padding: 0; }
.sx-side li { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 16px; color: rgba(255,255,255,.88); }
.sx-side li .d-ic { color: #6EE7A0; }
@media (max-width: 960px) {
  .sx-side { display: none; }
  .sx-form { padding: 22px 20px 28px; min-height: calc(100svh - 26px); }
  .sx-body { padding: 36px 0; justify-content: flex-start; }
}
@media (max-width: 420px) {
  .sx-boxes { gap: 7px; }
  .sx-boxes i { height: 56px; font-size: 22px; }
  .sx-js .sx-code-in { height: 56px; }
  .sx-new-row { grid-template-columns: 1fr; }
}
.sx-side::after { display: none; }
.sx-side { background: #EEF1F5; }
.sx-pic img, .sx-pic .sx-img { object-position: 22% 50%; }
@media (min-width: 961px) {
  .sx-side { margin: 12px 12px 12px 0; border-radius: 24px; }
}
.sx-form { max-width: none; }
.sx-body { max-width: 400px; }
.pn-page { background: #F5F6F8; }
.pn-page main { background: transparent; }
.pn-top { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid #E6E9EE; }
.pn-top-in { display: flex; align-items: center; gap: 32px; max-width: 1240px; margin: 0 auto; padding: 0 24px; height: 64px; }
.pn-nav { display: flex; gap: 4px; }
.pn-nav a { padding: 8px 12px; border-radius: 8px; font-size: 14.5px; font-weight: 600; color: var(--ink-2); text-decoration: none; }
.pn-nav a[aria-current] { color: var(--ink); background: #F1F3F6; }
.pn-nav a:hover { color: var(--ink); }
.pn-me { position: relative; margin-left: auto; }
.pn-me summary { list-style: none; cursor: pointer; }
.pn-me summary::-webkit-details-marker { display: none; }
.pn-av { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 14px; font-weight: 750; }
.pn-me-menu { position: absolute; right: 0; top: calc(100% + 8px); width: 260px; padding: 8px; background: #fff; border: 1px solid #E6E9EE; border-radius: 14px; box-shadow: 0 24px 48px -16px rgba(14,20,48,.25); }
.pn-me-menu p { padding: 10px 10px 12px; border-bottom: 1px solid #EEF0F3; margin-bottom: 6px; }
.pn-me-menu p b, .pn-me-menu p span { display: block; }
.pn-me-menu p b { font-size: 14.5px; color: var(--ink); }
.pn-me-menu p span { font-size: 13px; color: var(--muted); word-break: break-all; }
.pn-me-menu a, .pn-me-menu button { display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 8px; background: none; text-align: left; font: inherit; font-size: 14.5px; color: var(--ink); text-decoration: none; cursor: pointer; }
.pn-me-menu a:hover, .pn-me-menu button:hover { background: #F3F5F8; }
.pn-in { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.pn-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.pn-head h1, .pn-mhead h1 { font-size: clamp(28px, 3vw, 38px); letter-spacing: -0.035em; font-weight: 780; color: var(--ink); }
.pn-head p { margin-top: 6px; color: #5C6578; font-size: 15.5px; }
.pn-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--ink); color: #fff; font: inherit; font-size: 14.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .2s; white-space: nowrap; }
.pn-btn:hover { background: #262E4A; color: #fff; }
.pn-btn-sm { min-height: 38px; padding: 0 14px; font-size: 13.5px; }
.pn-sec { margin: 36px 0 14px; font-size: 13px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.pn-moves { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pn-move { display: flex; flex-direction: column; padding: 20px; background: #fff; border: 1px solid #E6E9EE; border-radius: 16px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .2s, transform .15s; }
.pn-move:hover { border-color: #C9CFDA; box-shadow: 0 16px 32px -20px rgba(14,20,48,.3); transform: translateY(-1px); }
.pn-moves-past .pn-move { opacity: .75; }
.pn-move-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; }
.pn-move-route { margin-top: 14px; font-size: 21px; font-weight: 780; letter-spacing: -0.02em; color: var(--ink); }
.pn-move-route span { color: var(--blue-d); }
.pn-move-meta { margin-top: 4px; font-size: 14px; color: var(--muted); }
.pn-move-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 14px; border-top: 1px solid #EEF0F3; font-size: 14px; color: #5C6578; }
.pn-move-foot b { color: var(--ink); }
.pn-move-foot i { color: var(--muted); }
.pn-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; background: #EEF1F5; color: var(--ink-2); white-space: nowrap; }
.pn-pill.blue { background: #E7EEFF; color: var(--blue-d); }
.pn-pill.ok { background: var(--green-l); color: var(--green); }
.pn-pill.wait { background: #FFF4E0; color: #9A5B00; }
.pn-pill.mut { background: #EEF0F3; color: var(--muted); }
.pn-unread { padding: 3px 9px; border-radius: 999px; background: var(--blue-d); color: #fff; font-size: 12px; font-weight: 750; }
.pn-empty { margin-top: 28px; padding: 56px 24px; background: #fff; border: 1px solid #E6E9EE; border-radius: 20px; text-align: center; }
.pn-empty-ic { display: inline-grid; place-items: center; width: 68px; height: 68px; border-radius: 20px; background: #EEF2F8; color: var(--ink-2); }
.pn-empty h2 { margin-top: 18px; font-size: 22px; color: var(--ink); }
.pn-empty p { margin: 8px auto 22px; max-width: 26em; color: #5C6578; }
.pn-card { padding: 22px; background: #fff; border: 1px solid #E6E9EE; border-radius: 16px; }
.pn-card h3 { font-size: 15.5px; font-weight: 750; color: var(--ink); }
.pn-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid #EEF0F3; }
.pn-row:first-child { border-top: 0; padding-top: 0; }
.pn-row b, .pn-row small { display: block; }
.pn-row small { font-size: 13px; color: var(--muted); }
.pn-note { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.pn-link { margin-top: 10px; padding: 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 650; color: var(--blue-d); cursor: pointer; }
.pn-back { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--ink-2); text-decoration: none; }
.pn-mhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: 14px; }
.pn-mhead h1 span { color: var(--blue-d); }
.pn-mhead p { margin-top: 6px; font-size: 15.5px; color: #5C6578; }
.pn-mhead p b { color: var(--ink); }
.pn-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 26px 0 24px; padding: 0; }
.pn-steps li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid #E6E9EE; font-size: 14px; font-weight: 650; color: var(--muted); }
.pn-steps li span { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #EEF1F5; font-size: 12px; font-weight: 800; color: var(--muted); }
.pn-steps li.done { color: var(--ink); }
.pn-steps li.done span { background: var(--green); color: #fff; }
.pn-steps li.now { color: var(--ink); border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.pn-steps li.now span { background: var(--ink); color: #fff; }
.pn-wait { padding: 48px 24px; background: #fff; border: 1px solid #E6E9EE; border-radius: 20px; text-align: center; }
.pn-wait h2 { font-size: 22px; color: var(--ink); }
.pn-wait p { margin: 8px auto 0; max-width: 32em; color: #5C6578; }
.pn-wait-dots { display: inline-flex; gap: 6px; margin-bottom: 16px; }
.pn-wait-dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--blue); animation: pnDot 1.2s ease-in-out infinite; }
.pn-wait-dots i:nth-child(2) { animation-delay: .15s; }
.pn-wait-dots i:nth-child(3) { animation-delay: .3s; }
.pn-work { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 16px; align-items: start; }
.pn-quotes { display: flex; flex-direction: column; gap: 10px; }
.pn-quotes-h { display: flex; align-items: baseline; justify-content: space-between; padding: 0 4px 4px; }
.pn-quotes-h h2 { font-size: 17px; font-weight: 760; color: var(--ink); }
.pn-quotes-h span { font-size: 13px; color: var(--muted); }
.pn-q { display: block; padding: 16px 18px; background: #fff; border: 1px solid #E6E9EE; border-radius: 16px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .2s; }
.pn-q:hover { border-color: #C9CFDA; }
.pn-q.on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink), 0 12px 28px -18px rgba(14,20,48,.35); }
.pn-q.chosen { background: #F6FCF8; }
.pn-q-top { display: flex; align-items: center; gap: 12px; }
.pn-logo { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid #E6E9EE; background: #fff; overflow: hidden; font-size: 13px; font-weight: 800; color: var(--muted); }
.pn-logo img { max-width: 36px; max-height: 32px; object-fit: contain; }
.pn-logo.dark { background: #1A2034; }
.pn-q-who { flex: 1; min-width: 0; }
.pn-q-who b { display: block; font-size: 15.5px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-q-who small { font-size: 13px; color: var(--muted); }
.pn-q-price { text-align: right; }
.pn-q-price b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.pn-q-price b small { font-size: 13px; font-weight: 650; }
.pn-q-price > small { font-size: 12px; color: var(--muted); }
.pn-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.pn-q-tags span { padding: 4px 9px; border-radius: 999px; background: #F2F4F7; font-size: 12.5px; font-weight: 600; color: var(--ink-2); }
.pn-q-foot { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #F0F2F5; min-width: 0; }
.pn-q-last { flex: 1; min-width: 0; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-chat { position: sticky; top: 84px; display: flex; flex-direction: column; height: calc(100svh - 110px); min-height: 520px; max-height: 760px; background: #fff; border: 1px solid #E6E9EE; border-radius: 18px; overflow: hidden; scroll-margin-top: 80px; }
.pn-chat-h { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #EEF0F3; }
.pn-chat-back { display: none; color: var(--ink); }
.pn-chat-who { flex: 1; min-width: 0; }
.pn-chat-who b { display: block; font-size: 15.5px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-chat-who small { font-size: 13px; color: var(--muted); }
.pn-quote-card { margin: 12px 14px 0; padding: 14px 16px; border-radius: 14px; background: #F6F8FB; border: 1px solid #EBEEF3; }
.pn-quote-k { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.pn-quote-v { margin-top: 2px; font-size: 22px; font-weight: 800; color: var(--ink); }
.pn-quote-v small { font-size: 14px; }
.pn-quote-v span { font-size: 13.5px; font-weight: 600; color: var(--muted); letter-spacing: 0; }
.pn-quote-card ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 0; padding: 0; }
.pn-quote-card li { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--ink-2); }
.pn-quote-card li .d-ic { color: var(--green); }
.pn-quote-note { margin-top: 8px; font-size: 13.5px; font-style: italic; color: var(--ink-2); }
.pn-msgs { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.pn-msgs-hint { align-self: center; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: #F2F4F7; font-size: 12.5px; color: var(--muted); margin-bottom: 6px; }
.pn-msg { max-width: 78%; }
.pn-msg p { padding: 10px 14px; border-radius: 16px; font-size: 14.5px; line-height: 1.45; word-wrap: break-word; }
.pn-msg time { display: block; margin-top: 3px; font-size: 11px; color: #9AA1AF; }
.pn-msg.by-mover { align-self: flex-start; }
.pn-msg.by-mover p { background: #F1F3F6; color: var(--ink); border-bottom-left-radius: 5px; }
.pn-msg.by-customer { align-self: flex-end; text-align: right; }
.pn-msg.by-customer p { background: var(--blue-d); color: #fff; border-bottom-right-radius: 5px; text-align: left; }
.pn-msg.by-system { align-self: center; max-width: 90%; text-align: center; }
.pn-msg.by-system p { background: var(--green-l); color: #0E5530; font-size: 13px; font-weight: 600; border-radius: 999px; padding: 6px 14px; }
.pn-msg.by-system time { display: none; }
.pn-msg.pending p { opacity: .6; }
.pn-msg.pn-fresh { animation: gqzIn .25s ease-out; }
.pn-send { display: flex; align-items: flex-end; gap: 8px; padding: 12px; border-top: 1px solid #EEF0F3; }
.pn-send textarea { flex: 1; min-height: 44px; max-height: 140px; padding: 11px 14px; border: 1px solid #D5DAE2; border-radius: 12px; font: inherit; font-size: 15px; line-height: 1.4; resize: none; outline: 0; }
.pn-send textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(14,20,48,.07); }
.pn-send button { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 12px; background: var(--blue-d); color: #fff; cursor: pointer; }
.pn-send button:disabled { background: #C7CEDA; }
.pn-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.pn-dl { margin: 12px 0 0; }
.pn-dl div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-top: 1px solid #F0F2F5; font-size: 13.5px; }
.pn-dl dt { color: var(--muted); }
.pn-dl dd { margin: 0; color: var(--ink); font-weight: 600; }
.pn-toggle { display: flex; align-items: flex-start; gap: 12px; margin-top: 12px; cursor: pointer; }
.pn-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.pn-sw { flex: none; position: relative; width: 40px; height: 24px; border-radius: 999px; background: #D5DAE2; transition: background .2s; margin-top: 1px; }
.pn-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: left .2s; }
.pn-toggle input:checked + .pn-sw { background: var(--green); }
.pn-toggle input:checked + .pn-sw::after { left: 19px; }
.pn-toggle input:disabled + .pn-sw { opacity: .5; }
.pn-toggle b { display: block; font-size: 14.5px; color: var(--ink); }
.pn-toggle small { display: block; margin-top: 2px; font-size: 13px; color: var(--muted); }
@media (max-width: 1000px) {
  .pn-moves { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pn-details { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .pn-nav { display: none; }
  .pn-top-in { padding: 0 16px; }
  .pn-in { padding: 0 16px; }
  .pn-head { flex-direction: column; align-items: flex-start; }
  .pn-moves { grid-template-columns: minmax(0, 1fr); }
  .pn-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pn-work { grid-template-columns: minmax(0, 1fr); }
  .pn-chat { position: fixed; inset: 0; z-index: 60; height: auto; max-height: none; min-height: 0; border-radius: 0; border: 0; display: none; }
  .pn-chat-open .pn-chat { display: flex; }
  .pn-chat-back { display: grid; }
  .pn-msg { max-width: 86%; }
}
@media (prefers-reduced-motion: reduce) {
  .pn-wait-dots i { animation: none; opacity: .6; }
}
.pn-narrow { max-width: 760px; }
.pn-saved { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 8px 12px; border-radius: 10px; background: var(--green-l); color: #0E5530; font-size: 14px; font-weight: 600; }
.pn-share { display: none; margin: 12px 14px 0; padding: 16px; border-radius: 14px; background: #F2F7FF; border: 1px solid #D6E3FB; }
.pn-share.open { display: block; animation: gqzIn .25s ease-out; }
.pn-share-h { font-size: 15.5px; font-weight: 750; color: var(--ink); }
.pn-share-p { margin-top: 4px; font-size: 13.5px; color: var(--ink-2); }
.pn-share-num { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 15px; color: var(--ink); }
.pn-share-f { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.pn-share-f span { font-size: 13px; font-weight: 650; color: var(--ink); }
.pn-share-f input { height: 44px; padding: 0 12px; border: 1px solid #C9D3E3; border-radius: 10px; font: inherit; font-size: 15px; outline: 0; }
.pn-share-f input:focus { border-color: var(--ink); }
.pn-share-err { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--red); }
.pn-share-a { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
.pn-share-a .pn-link { margin: 0; color: var(--muted); }
.pn-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gqz-call { display: flex; align-items: flex-start; gap: 12px; margin-top: 20px; padding: 14px 16px; border: 1px solid #D9DCE3; border-radius: 12px; cursor: pointer; }
.gqz-call input { position: absolute; opacity: 0; pointer-events: none; }
.gqz-call input:checked + .pn-sw { background: var(--green); }
.gqz-call input:checked + .pn-sw::after { left: 19px; }
.gqz-call input:focus-visible + .pn-sw { box-shadow: 0 0 0 3px rgba(47,111,237,.35); }
.gqz-call b { display: block; font-size: 15.5px; color: var(--ink); }
.gqz-call small { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.45; color: var(--muted); }
.pn-page { background: #F6F6F7; }
.ap-side { position: sticky; top: 26px; height: calc(100svh - 26px); display: flex; flex-direction: column; gap: 6px; padding: 20px 14px; background: #fff; border-right: 1px solid #E7E8EB; }
.ap-logo { display: inline-flex; align-items: flex-start; padding: 4px 10px 16px; text-decoration: none; }
.ap-logo img { height: 20px; width: auto; }
.ap-logo .reg { font-size: 9px; color: var(--blue); }
.ap-new { display: flex; align-items: center; justify-content: center; gap: 8px; height: 40px; margin: 0 2px 14px; border-radius: 10px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s; }
.ap-new:hover { background: #262E4A; color: #fff; }
.ap-nav { display: flex; flex-direction: column; gap: 2px; }
.ap-nav a { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 12px; border-radius: 9px; font-size: 14.5px; font-weight: 600; color: #4B5367; text-decoration: none; transition: background .15s, color .15s; }
.ap-nav a svg { color: #8B92A3; }
.ap-nav a:hover { background: #F4F5F7; color: var(--ink); }
.ap-nav a[aria-current] { background: #F0F1F4; color: var(--ink); }
.ap-nav a[aria-current] svg { color: var(--ink); }
.ap-nav em, .ap-tabs em { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--blue-d); color: #fff; font-style: normal; font-size: 11.5px; font-weight: 800; display: grid; place-items: center; }
.ap-user { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 12px 8px 4px; border-top: 1px solid #EEF0F2; }
.ap-av { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #E9ECF2; color: var(--ink); font-size: 13px; font-weight: 800; }
.ap-user div { flex: 1; min-width: 0; }
.ap-user b { display: block; font-size: 13.5px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-user small { display: block; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-user button { display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 8px; background: none; color: #8B92A3; cursor: pointer; }
.ap-user button:hover { background: #F4F5F7; color: var(--ink); }
.ap-main { min-width: 0; }
.ap-bar { display: none; }
.ap-content { padding: 36px 40px 64px; }
.ap-page { max-width: 1080px; margin: 0 auto; }
.ap-page-narrow { max-width: 720px; }
.ap-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.ap-eyebrow { font-size: 14px; font-weight: 600; color: var(--muted); }
.ap-head h1 { margin-top: 2px; font-size: 30px; letter-spacing: -0.03em; font-weight: 780; color: var(--ink); }
.ap-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--ink); color: #fff; font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .2s; }
.ap-btn:hover { background: #262E4A; color: #fff; }
.ap-btn-sm { min-height: 34px; padding: 0 12px; font-size: 13px; border-radius: 9px; }
.ap-btn-ghost { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1px #DADDE3; }
.ap-btn-ghost:hover { background: #F6F7F9; color: var(--ink); }
.ap-btn em { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--blue-d); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.ap-link { padding: 0; border: 0; background: none; font: inherit; font-size: 13.5px; font-weight: 650; color: var(--muted); cursor: pointer; }
.ap-st { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 6px; font-size: 12.5px; font-weight: 650; background: #F0F1F4; color: #4B5367; white-space: nowrap; }
.ap-st.ok { background: #E8F6EE; color: #0B7A3B; }
.ap-st.blue { background: #EAF0FD; color: var(--blue-d); }
.ap-st.wait { background: #FDF3E1; color: #8A5300; }
.ap-st.mut { background: #F0F1F4; color: var(--muted); }
.ap-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #B6BCC8; }
.ap-dot.ok { background: #16A34A; }
.ap-dot.blue { background: var(--blue); box-shadow: 0 0 0 4px rgba(47,111,237,.15); }
.ap-dot.wait { background: #F59E0B; box-shadow: 0 0 0 4px rgba(245,158,11,.15); }
.ap-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 40px; align-items: end; padding: 30px 32px 28px; border-radius: 18px; background: #0E1430; color: #fff; text-decoration: none; overflow: hidden; }
.ap-hero::before { content: ""; position: absolute; right: -120px; top: -160px; width: 520px; height: 420px; background: radial-gradient(closest-side, rgba(47,111,237,.45), rgba(47,111,237,0)); pointer-events: none; }
.ap-hero > * { position: relative; }
.ap-hero-k { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 650; color: rgba(255,255,255,.75); }
.ap-hero h2 { margin-top: 12px; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.05; letter-spacing: -0.035em; font-weight: 780; color: #fff; }
.ap-hero h2 i { font-style: normal; color: #8DB2FF; margin: 0 12px; }
.ap-hero-m { margin-top: 8px; font-size: 15px; color: rgba(255,255,255,.72); }
.ap-hero-stats { display: grid; grid-template-columns: repeat(4, auto); gap: 0; margin: 0; }
.ap-hero-stats div { padding: 0 22px; border-left: 1px solid rgba(255,255,255,.14); }
.ap-hero-stats div:first-child { border-left: 0; padding-left: 0; }
.ap-hero-stats dt { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.6); white-space: nowrap; }
.ap-hero-stats dd { margin: 4px 0 0; font-size: 26px; font-weight: 780; letter-spacing: -0.02em; color: #fff; white-space: nowrap; }
.ap-hero-stats dd small { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.7); }
.ap-hero-stats dd.hot { color: #6EE7A0; }
.ap-hero-go { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 10px 16px; border-radius: 10px; background: #fff; color: var(--ink); font-size: 14px; font-weight: 700; transition: transform .2s; }
.ap-hero:hover .ap-hero-go { transform: translateX(3px); }
.ap-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 16px; margin-top: 16px; align-items: start; }
.ap-panel { background: #fff; border: 1px solid #E7E8EB; border-radius: 14px; overflow: hidden; }
.ap-panel + .ap-panel { margin-top: 0; }
.ap-page-narrow .ap-panel + .ap-panel, .mv-details .ap-panel + .ap-panel { margin-top: 16px; }
.ap-panel-h { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #F0F1F3; }
.ap-panel-h h3 { font-size: 14.5px; font-weight: 750; color: var(--ink); }
.ap-panel-h a { font-size: 13.5px; font-weight: 650; color: var(--blue-d); text-decoration: none; }
.ap-pad { padding: 16px 18px; }
.ap-inbox, .ap-moves, .ac-threads { list-style: none; margin: 0; padding: 0; }
.ap-inbox a, .ap-moves a, .ap-row, .ac-threads a { display: flex; align-items: center; gap: 12px; padding: 13px 18px; text-decoration: none; color: inherit; border-top: 1px solid #F3F4F6; transition: background .15s; }
.ap-inbox li:first-child a, .ap-moves li:first-child a, .ap-moves li:first-child .ap-row { border-top: 0; }
.ap-inbox a:hover, .ap-moves a:hover, .ac-threads a:hover { background: #FAFAFB; }
.ap-lg { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid #E7E8EB; background: #fff; overflow: hidden; font-size: 12px; font-weight: 800; color: #6B7385; }
.ap-lg img { max-width: 30px; max-height: 28px; object-fit: contain; }
.ap-lg.dark { background: #1A2034; }
.ap-in-t { flex: 1; min-width: 0; }
.ap-in-t b { display: block; font-size: 14px; font-weight: 650; color: var(--ink); }
.ap-in-t small { display: block; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-in-r { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.ap-in-r time { font-size: 12px; color: var(--muted); }
.ap-in-r em { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--blue-d); color: #fff; font-style: normal; font-size: 11.5px; font-weight: 800; display: grid; place-items: center; }
.ap-mv-t { flex: 1; min-width: 0; }
.ap-mv-t b { display: block; font-size: 14.5px; font-weight: 700; color: var(--ink); }
.ap-mv-t small { font-size: 13px; color: var(--muted); }
.ap-moves a > .d-ic { color: #A2A8B5; flex: none; }
.ap-empty { padding: 56px 28px; background: #fff; border: 1px solid #E7E8EB; border-radius: 16px; text-align: center; }
.ap-empty h2 { font-size: 22px; letter-spacing: -0.02em; color: var(--ink); }
.ap-empty p { margin: 8px auto 22px; max-width: 30em; color: #5C6578; line-height: 1.55; }
.ap-empty-art { position: relative; width: 120px; height: 72px; margin: 0 auto 22px; }
.ap-empty-art span { position: absolute; bottom: 0; border-radius: 8px; background: #E9ECF2; }
.ap-empty-art span:nth-child(1) { left: 0; width: 48px; height: 44px; }
.ap-empty-art span:nth-child(2) { left: 36px; width: 52px; height: 64px; background: #DDE3EE; }
.ap-empty-art span:nth-child(3) { right: 0; width: 40px; height: 34px; }
.ap-dl { margin: 0; }
.ap-dl div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 12px 18px; border-top: 1px solid #F3F4F6; font-size: 14px; }
.ap-dl div:first-child { border-top: 0; }
.ap-dl dt { color: var(--muted); }
.ap-dl dd { margin: 0; color: var(--ink); font-weight: 550; }
.ap-note { font-size: 13.5px; line-height: 1.55; color: var(--muted); }
.ap-note a { color: var(--ink); }
.ap-pad .ap-btn { margin-top: 12px; }
.ap-saved { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 16px; padding: 8px 12px; border-radius: 10px; background: var(--green-l); color: #0E5530; font-size: 14px; font-weight: 600; }
.ap-set + .ap-set { margin-top: 14px; padding-top: 14px; border-top: 1px solid #F3F4F6; }
.ap-set .pn-toggle { margin: 0; }
.ap-crumb { display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 600; color: var(--muted); text-decoration: none; }
.ap-crumb:hover { color: var(--ink); }
.mv-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; margin-top: 12px; }
.mv-head > div { min-width: 0; }
.mv-head h1 { font-size: clamp(28px, 3.2vw, 38px); letter-spacing: -0.035em; font-weight: 780; color: var(--ink); }
.mv-head h1 i { font-style: normal; color: var(--blue-d); margin: 0 10px; }
.mv-head p { margin-top: 6px; font-size: 15px; color: #5C6578; }
.mv-head p b { color: var(--ink); font-weight: 650; }
.mv-tabs { display: flex; gap: 4px; margin: 24px 0 20px; border-bottom: 1px solid #E7E8EB; }
.mv-tabs a { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px 12px; font-size: 14.5px; font-weight: 650; color: var(--muted); text-decoration: none; }
.mv-tabs a:hover { color: var(--ink); }
.mv-tabs a[aria-current] { color: var(--ink); }
.mv-tabs a[aria-current]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--ink); }
.mv-tabs span { padding: 1px 7px; border-radius: 999px; background: #F0F1F4; font-size: 12px; color: #4B5367; }
.mv-tabs em { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--blue-d); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.mv-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; border: 1px solid #E7E8EB; border-radius: 14px; margin-bottom: 16px; }
.mv-summary div { padding: 16px 20px; }
.mv-summary div + div { border-left: 1px solid #F0F1F3; }
.mv-summary span { display: block; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.mv-summary b { display: block; margin-top: 4px; font-size: 22px; font-weight: 780; letter-spacing: -0.02em; color: var(--ink); }
.mv-table { background: #fff; border: 1px solid #E7E8EB; border-radius: 14px; overflow: hidden; }
.mv-tr { display: grid; grid-template-columns: minmax(0, 1.5fr) 130px 120px minmax(0, 1.4fr) 230px; gap: 16px; align-items: center; padding: 16px 20px; border-top: 1px solid #F3F4F6; }
.mv-th { padding: 10px 20px; border-top: 0; background: #FAFAFB; font-size: 12px; font-weight: 650; color: var(--muted); }
.mv-tr.shared { background: #FAFDFB; }
.mv-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mv-who > span:last-child { min-width: 0; }
.mv-who b { display: block; font-size: 14.5px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-who small { font-size: 12.5px; color: var(--muted); }
.mv-price b { display: block; font-size: 18px; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.mv-price b small { font-size: 12.5px; font-weight: 650; }
.mv-price > small { font-size: 12px; color: var(--muted); }
.mv-price i { font-style: normal; color: var(--green); font-weight: 700; }
.mv-crew { font-size: 14px; color: var(--ink); }
.mv-crew small { display: block; font-size: 12.5px; color: var(--muted); }
.mv-inc { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.mv-inc i { display: inline-flex; align-items: center; gap: 4px; font-style: normal; font-size: 13px; color: #4B5367; }
.mv-inc i .d-ic { color: var(--green); }
.mv-inc i.more, .mv-inc i.none { color: var(--muted); }
.mv-act { display: flex; justify-content: flex-end; gap: 8px; }
.mv-wait .pn-wait-dots { margin-bottom: 16px; }
.mv-est { margin-top: -6px !important; font-size: 14px; }
.mv-est b { color: var(--ink); }
.mv-details { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.mv-details .ap-panel + .ap-panel { margin-top: 0; }
.ac-inbox { display: grid; grid-template-columns: 320px minmax(0, 1fr); height: calc(100svh - 300px); min-height: 520px; background: #fff; border: 1px solid #E7E8EB; border-radius: 14px; overflow: hidden; }
.ac-inbox-full { height: calc(100svh - 180px); }
.ac-threads { overflow-y: auto; border-right: 1px solid #F0F1F3; }
.ac-threads a { border-top: 0; border-bottom: 1px solid #F5F6F7; padding: 14px 16px; }
.ac-threads a.on { background: #F2F4F8; }
.ac-threads .ac-mv { color: #6B7385; font-weight: 600; font-size: 12px; }
.ac-ph { color: var(--green); }
.ac-none { display: grid; place-items: center; color: var(--muted); font-size: 14px; }
.ac-chat { display: flex; flex-direction: column; min-height: 0; min-width: 0; scroll-margin-top: 80px; }
.ac-chat-h { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #F0F1F3; }
.ac-back { display: none; color: var(--ink); }
.ac-who { flex: 1; min-width: 0; }
.ac-who b { display: block; font-size: 15px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ac-who small { font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.ac-share { display: none; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; background: #F3F7FF; border-bottom: 1px solid #DEE7F8; }
.ac-share.open { display: flex; animation: gqzIn .2s ease-out; }
.ac-share > div:first-child { flex: 1 1 260px; }
.ac-share-h { font-size: 14.5px; font-weight: 750; color: var(--ink); }
.ac-share-p { font-size: 13px; color: var(--ink-2); }
.ac-share-num { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; color: var(--ink); }
.ac-share-f input { height: 38px; width: 230px; padding: 0 12px; border: 1px solid #C9D3E3; border-radius: 9px; font: inherit; font-size: 14px; outline: 0; }
.ac-share-f input:focus { border-color: var(--ink); }
.ac-share-err { flex-basis: 100%; font-size: 13px; font-weight: 600; color: var(--red); }
.ac-share-a { display: flex; align-items: center; gap: 12px; }
.ac-msgs { flex: 1; overflow-y: auto; padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; background: #FCFCFD; }
.ac-quote { align-self: center; width: min(100%, 420px); padding: 16px 18px; margin-bottom: 8px; border-radius: 14px; background: #fff; border: 1px solid #E7E8EB; text-align: center; }
.ac-quote-k { font-size: 11.5px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.ac-quote-v { margin-top: 2px; font-size: 28px; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); }
.ac-quote-v small { font-size: 15px; }
.ac-quote-m { font-size: 13px; color: var(--muted); }
.ac-quote ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin: 10px 0 0; padding: 0; }
.ac-quote li { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #4B5367; }
.ac-quote li .d-ic { color: var(--green); }
.ac-quote-n { margin-top: 10px; font-size: 13.5px; font-style: italic; color: #4B5367; }
.ac-hint { align-self: center; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-bottom: 4px; text-align: center; }
.ac-day { align-self: center; margin: 6px 0 2px; font-size: 11.5px; font-weight: 700; color: #9AA1AF; text-transform: uppercase; letter-spacing: .04em; }
.ac-send { display: flex; align-items: flex-end; gap: 8px; padding: 12px; border-top: 1px solid #F0F1F3; background: #fff; }
.ac-send textarea { flex: 1; min-height: 42px; max-height: 140px; padding: 10px 14px; border: 1px solid #DADDE3; border-radius: 21px; font: inherit; font-size: 14.5px; line-height: 1.4; resize: none; outline: 0; }
.ac-send textarea:focus { border-color: var(--ink); }
.ac-send button { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--blue-d); color: #fff; cursor: pointer; }
.ac-send button:disabled { background: #C7CEDA; }
.ap-tabs { display: none; }
@media (max-width: 1100px) {
  .mv-tr { grid-template-columns: minmax(0, 1.4fr) 120px minmax(0, 1.2fr) 200px; }
  .mv-tr > :nth-child(3) { display: none; }
  .ap-hero-stats { grid-template-columns: repeat(2, auto); gap: 14px 0; }
  .ap-hero-stats div:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 900px) {
  .ap-side { display: none; }
  .ap-bar { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 30; height: 56px; padding: 0 16px; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid #E7E8EB; }
  .ap-bar .ap-logo { padding: 0; }
  .ap-new-sm { width: 38px; height: 38px; margin: 0; padding: 0; border-radius: 50%; }
  .ap-content { padding: 20px 16px 96px; }
  .ap-tabs { display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid #E7E8EB; }
  .ap-tabs a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; font-size: 11.5px; font-weight: 650; color: #8B92A3; text-decoration: none; }
  .ap-tabs a[aria-current] { color: var(--ink); }
  .ap-tabs em { position: absolute; top: 2px; left: calc(50% + 6px); margin: 0; }
  .ap-grid, .mv-details { grid-template-columns: minmax(0, 1fr); }
  .ap-hero { grid-template-columns: minmax(0, 1fr); padding: 24px 22px; }
  .ap-hero h2 i { margin: 0 8px; }
  .mv-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mv-summary div { padding: 12px 14px; }
  .mv-summary b { font-size: 17px; }
  .mv-th { display: none; }
  .mv-tr { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; }
  .mv-tr > :nth-child(3) { display: none; }
  .mv-inc { grid-column: 1 / -1; }
  .mv-act { grid-column: 1 / -1; justify-content: stretch; }
  .mv-act > * { flex: 1; }
  .ac-inbox { grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; }
  .ac-threads { border-right: 0; }
  .ac-chat, .ac-none { display: none; }
  .pn-chat-open .ac-chat { display: flex; position: fixed; inset: 0; z-index: 60; background: #fff; }
  .pn-chat-open .ap-tabs, .pn-chat-open .ap-bar { display: none; }
  .ac-back { display: grid; }
  .ac-chat-h .ap-btn span { display: none; }
}
@media (max-width: 600px) {
  .mv-head { flex-direction: column-reverse; }
  .mv-head .ap-st { white-space: normal; }
  .mv-head h1 i { margin: 0 6px; }
}
.ac-who { min-width: 0; flex: 1; }
.ac-who b, .ac-who small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 600px) {
  .ac-chat-h .ac-sh .ac-sh-l { display: none; }
}
@media (max-width: 900px) {
  .ap-bar-back { display: inline-flex; align-items: center; gap: 2px; height: 44px; margin-left: -8px; padding: 0 10px 0 4px; border-radius: 10px; color: var(--ink); font-size: 16px; font-weight: 650; letter-spacing: -0.01em; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .ap-bar-back:active { background: #F0F1F4; }
  .ap-bar.has-back .ap-logo { display: none; }
  .ap-page-move > .ap-crumb { display: none; }
  .ap-page-move .mv-head { margin-top: 4px; }
}
.ap-in-p { font-size: 14.5px; font-weight: 750; color: var(--ink); letter-spacing: -0.01em; }
.ap-in-p small { font-size: 11.5px; font-weight: 600; color: var(--muted); }
.ap-in-m { display: inline-flex; align-items: center; gap: 6px; }
.ap-qtag { display: inline-block; margin-right: 6px; padding: 1px 6px; border-radius: 5px; background: #EAF0FD; color: var(--blue-d); font-size: 11px; font-weight: 750; letter-spacing: .01em; vertical-align: 1px; }
.ap-inbox a.is-new, .ac-threads a.is-new, .mv-tr.is-new { background: #F0FAF3; box-shadow: inset 3px 0 0 #16A34A; }
.ap-inbox a.is-new:hover, .ac-threads a.is-new:hover { background: #E7F6EC; }
.ac-threads a.is-new.on { background: #E7F6EC; }
.ap-in-r em, .ac-threads .ap-in-r em { background: #16A34A; }
.ap-newdot { width: 9px; height: 9px; border-radius: 50%; background: #16A34A; box-shadow: 0 0 0 3px rgba(22,163,74,.16); }
.ap-qtag.new { background: #16A34A; color: #fff; }
.ap-newpill { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 999px; background: #16A34A; color: #fff; font-style: normal; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; vertical-align: 2px; }
.mv-tabs a span.g { background: #16A34A; color: #fff; }
@media (max-width: 900px) {
  .ap-tabs { display: none !important; }
  .pn-chat-open .tb { display: none; }
  .ap-bar-me { display: grid; place-items: center; width: 40px; height: 40px; margin-right: -2px; border-radius: 50%; text-decoration: none; }
  .ap-bar-me .ap-av { width: 34px; height: 34px; font-size: 14px; }
  .ap-bar-me[aria-current] .ap-av { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--blue-d); }
  .ap-content { padding-bottom: 24px; }
}
.ap-co { display: flex; align-items: center; gap: 10px; margin: 0 2px 14px; padding: 10px; border: 1px solid #ECEDF0; border-radius: 12px; background: #FAFAFB; }
.ap-co div { min-width: 0; }
.ap-co b { display: block; font-size: 13.5px; font-weight: 750; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ap-co small { display: block; font-size: 12px; color: var(--muted); }
.ap-co .ap-lg { width: 34px; height: 34px; border-radius: 9px; }
.ap-co .ap-lg img { max-width: 26px; max-height: 24px; }
.pl-flash { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: #E8F6EE; color: #0E5530; font-size: 14px; font-weight: 600; }
.pl-flash.bad { background: #FDECEC; color: #9B1C1C; }
.pl-head { align-items: flex-end; flex-wrap: wrap; }
.pl-sub { margin-top: 6px; font-size: 14.5px; color: #5C6578; }
.pl-seg { display: inline-flex; padding: 3px; border-radius: 11px; background: #EBECEF; }
.pl-seg a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 9px; font-size: 13.5px; font-weight: 650; color: #5C6578; text-decoration: none; transition: background .2s, color .2s, box-shadow .2s; }
.pl-seg a[aria-current] { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 0 0 .5px rgba(16,24,40,.06); }
.pl-seg span { padding: 0 6px; border-radius: 999px; background: rgba(16,24,40,.07); font-size: 12px; }
.pl-seg a[aria-current] span { background: var(--ink); color: #fff; }
.pl-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pl-card { display: block; padding: 18px 20px; background: #fff; border: 1px solid #E7E8EB; border-radius: 16px; text-decoration: none; color: inherit; transition: border-color .2s, box-shadow .2s, transform .2s; }
.pl-card:hover { border-color: #D5D8DE; box-shadow: 0 6px 24px rgba(16,24,40,.07); transform: translateY(-1px); }
.pl-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.pl-route { font-size: 20px; font-weight: 780; letter-spacing: -0.025em; color: var(--ink); }
.pl-route i { font-style: normal; color: var(--blue-d); margin: 0 8px; }
.pl-age { flex: none; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.pl-meta { display: flex; flex-wrap: wrap; gap: 4px 0; margin-top: 4px; font-size: 14px; color: #5C6578; }
.pl-meta b { font-weight: 650; color: var(--ink); }
.pl-meta > * + *::before { content: "·"; margin: 0 8px; color: #B6BCC8; }
.pl-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; }
.pl-chips li { padding: 4px 10px; border-radius: 999px; background: #F2F3F6; font-size: 12.5px; font-weight: 600; color: #3E4659; }
.pl-foot { display: flex; align-items: center; gap: 14px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #F1F2F4; }
.pl-est { font-size: 13.5px; color: var(--muted); }
.pl-est b { color: var(--ink); font-weight: 700; }
.pl-ct { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 6px; background: #F0F1F4; font-size: 12.5px; font-weight: 650; color: #4B5367; white-space: nowrap; }
.pl-ct.call { background: #E8F6EE; color: #0B7A3B; }
.pl-go { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--blue-d); white-space: nowrap; transition: gap .2s; }
.pl-card:hover .pl-go { gap: 9px; }
.pd-head { margin-bottom: 20px; }
.pd-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 16px; align-items: start; }
.pd-main { display: grid; gap: 16px; min-width: 0; }
.pd-side { display: grid; gap: 16px; min-width: 0; }
.pd-est { font-size: 13px; color: var(--muted); }
.pd-est b { color: var(--ink); font-weight: 700; }
.pd-dl div { grid-template-columns: 150px minmax(0, 1fr); }
.pd-note dd { font-style: italic; font-weight: 500; color: #3E4659; }
.pd-name { font-size: 17px; font-weight: 750; letter-spacing: -0.01em; color: var(--ink); }
.pd-reach { display: grid; gap: 8px; margin: 12px 0; }
.pd-call, .pd-mail { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #E7E8EB; border-radius: 12px; text-decoration: none; color: var(--ink); transition: background .2s; }
.pd-call { background: #F2FAF5; border-color: #CDEBD8; }
.pd-call .d-ic { color: #0B7A3B; }
.pd-call:hover { background: #E8F6EE; }
.pd-mail:hover { background: #FAFAFB; }
.pd-call small, .pd-mail small { display: block; font-size: 12px; color: var(--muted); }
.pd-call b { font-size: 18px; font-weight: 750; }
.pd-mail b { font-size: 14.5px; font-weight: 650; word-break: break-all; }
.pd-lock { display: flex; align-items: center; gap: 12px; margin: 12px 0 4px; padding: 12px 14px; border-radius: 12px; background: #F6F7F9; }
.pd-lock > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--ink); box-shadow: 0 0 0 1px #E7E8EB; }
.pd-lock small { display: block; font-size: 12px; color: var(--muted); }
.pd-lock b { font-size: 17px; letter-spacing: .04em; color: #9AA1AF; }
.pd-unlock { width: 100%; min-height: 48px; font-size: 15px; }
.pd-unlock[disabled] { background: #E9EBEF; color: #8B92A3; cursor: not-allowed; }
.pd-contact .ap-note { margin-top: 10px; }
.pd-ticket { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 13px; font-weight: 600; color: #8A5300; }
.pd-report { margin-top: 12px; border-top: 1px solid #F1F2F4; padding-top: 10px; }
.pd-report summary { cursor: pointer; font-size: 13.5px; font-weight: 650; color: var(--muted); list-style: none; }
.pd-report summary::-webkit-details-marker { display: none; }
.pd-report summary::after { content: " ›"; }
.pd-report[open] summary { color: var(--ink); }
.pd-report fieldset { display: grid; gap: 6px; margin: 12px 0 10px; padding: 0; border: 0; }
.pd-report label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); cursor: pointer; }
.pd-report textarea, .pd-f input, .pd-f select, .pd-f textarea, .pd-more { width: 100%; padding: 10px 12px; border: 1px solid #DADDE3; border-radius: 10px; background: #fff; font: inherit; font-size: 14.5px; color: var(--ink); transition: border-color .2s, box-shadow .2s; }
.pd-report textarea:focus, .pd-f input:focus, .pd-f select:focus, .pd-f textarea:focus, .pd-more:focus { outline: 0; border-color: var(--blue-d); box-shadow: 0 0 0 3px rgba(47,111,237,.15); }
.pd-mine-v { font-size: 34px; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); }
.pd-mine-v small { font-size: 16px; color: var(--muted); }
.pd-mine-m { margin-top: 2px; font-size: 14px; color: #5C6578; }
.pd-seen { display: inline-flex; align-items: center; gap: 5px; margin-top: 10px; font-size: 13px; font-weight: 650; color: var(--muted); }
.pd-seen.on { color: #0B7A3B; }
.pd-chat { width: 100%; }
.pd-free { padding: 2px 8px; border-radius: 999px; background: #E8F6EE; color: #0B7A3B; font-size: 12px; font-weight: 750; }
.pd-kind { display: grid; grid-template-columns: repeat(3, 1fr); padding: 3px; border-radius: 11px; background: #EBECEF; }
.pd-kind label { position: relative; cursor: pointer; }
.pd-kind input { position: absolute; opacity: 0; pointer-events: none; }
.pd-kind span { display: grid; place-items: center; height: 34px; border-radius: 9px; font-size: 13.5px; font-weight: 650; color: #5C6578; transition: background .2s, color .2s, box-shadow .2s; }
.pd-kind input:checked + span { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(16,24,40,.08), 0 0 0 .5px rgba(16,24,40,.06); }
.pd-kind input:focus-visible + span { box-shadow: 0 0 0 3px rgba(47,111,237,.3); }
.pd-price { display: flex; align-items: baseline; gap: 4px; margin-top: 14px; padding: 10px 14px; border: 1px solid #DADDE3; border-radius: 14px; transition: border-color .2s, box-shadow .2s; cursor: text; }
.pd-price:focus-within { border-color: var(--blue-d); box-shadow: 0 0 0 3px rgba(47,111,237,.15); }
.pd-cur { font-size: 26px; font-weight: 700; color: #8B92A3; }
.pd-price input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0; font: inherit; font-size: 36px; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); background: none; }
.pd-price input::placeholder { color: #C9CDD5; }
.pd-unit { font-size: 14px; font-weight: 600; color: var(--muted); }
.pd-ref { margin-top: 8px; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.pd-ref b { color: var(--ink); }
.pd-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.pd-f { display: block; }
.pd-f > span { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 650; color: var(--ink); }
.pd-inc { margin: 14px 0 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.pd-inc legend { margin-bottom: 8px; font-size: 13px; font-weight: 650; color: var(--ink); }
.pd-inc label { position: relative; cursor: pointer; }
.pd-inc input[type=checkbox] { position: absolute; opacity: 0; pointer-events: none; }
.pd-inc label span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; border-radius: 999px; border: 1px solid #DADDE3; font-size: 13px; font-weight: 600; color: #4B5367; transition: background .15s, border-color .15s, color .15s; }
.pd-inc input:checked + span { background: var(--ink); border-color: var(--ink); color: #fff; }
.pd-inc input:checked + span::before { content: "✓"; font-size: 11px; }
.pd-inc input:focus-visible + span { box-shadow: 0 0 0 3px rgba(47,111,237,.3); }
.pd-more { margin-top: 4px; font-size: 13.5px; }
.pd-msg { margin-top: 14px; }
.pd-msg textarea { resize: vertical; min-height: 84px; line-height: 1.5; }
.pd-hint { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12px; color: var(--muted); }
.pd-send { width: 100%; min-height: 50px; margin-top: 16px; font-size: 15.5px; background: var(--blue-d); }
.pd-send:hover { background: #1D4FC4; }
.pd-cancel { display: block; margin: 12px auto 0; text-align: center; text-decoration: none; }
.pd-pass { padding: 0 18px 16px; text-align: center; }
.ac-cust { width: 38px; height: 38px; background: #EAF0FD; color: var(--blue-d); font-size: 15px; }
.ac-who a { color: inherit; text-decoration: none; }
.ac-who a:hover { color: var(--ink); text-decoration: underline; }
.ac-callbtn { background: #0B7A3B; }
.ac-callbtn:hover { background: #096A33; }
.ac-closed { padding: 10px 16px; background: #FAFAFB; border-top: 1px solid #F0F1F3; font-size: 13px; color: var(--muted); text-align: center; }
.side-pro .pn-msg.by-mover { align-self: flex-end; text-align: right; }
.side-pro .pn-msg.by-mover p { background: var(--blue-d); color: #fff; border-radius: 16px; border-bottom-right-radius: 5px; text-align: left; }
.side-pro .pn-msg.by-customer { align-self: flex-start; text-align: left; }
.side-pro .pn-msg.by-customer p { background: #F1F3F6; color: var(--ink); border-radius: 16px; border-bottom-left-radius: 5px; }
.pj-sum { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pj-list + .pj-list { margin-top: 16px; }
.pj-row { display: grid; grid-template-columns: minmax(0, 1.6fr) 120px 110px 170px 16px; gap: 14px; align-items: center; padding: 14px 18px; border-top: 1px solid #F3F4F6; text-decoration: none; color: inherit; transition: background .15s; }
.pj-list .ap-panel-h + .pj-row { border-top: 0; }
.pj-row:hover { background: #FAFAFB; }
.pj-row > .d-ic { color: #A2A8B5; }
.pj-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pj-who > span:last-child { min-width: 0; }
.pj-who b { display: block; font-size: 14.5px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pj-who small { display: block; font-size: 13px; color: var(--muted); }
.pj-date { font-size: 13.5px; font-weight: 600; color: #3E4659; }
.pj-amt { font-size: 15px; font-weight: 750; color: var(--ink); }
.pj-amt small { font-size: 12px; color: var(--muted); }
.pj-new { background: #16A34A !important; color: #fff !important; }
.pj-past .pj-row { opacity: .72; }
.ps-co { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #F3F4F6; }
.ps-co b { display: block; font-size: 16px; font-weight: 750; color: var(--ink); }
.ps-co small { color: var(--muted); font-size: 13px; }
.ps-co .ap-lg { width: 46px; height: 46px; border-radius: 12px; }
.ps-co .ap-lg img { max-width: 36px; max-height: 32px; }
.ps-cc { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: linear-gradient(135deg, #10172F, #26345F); color: #fff; max-width: 360px; }
.ps-brand { padding: 2px 8px; border-radius: 6px; background: rgba(255,255,255,.14); font-size: 12px; font-weight: 750; letter-spacing: .02em; }
.ps-cc b { font-size: 16px; letter-spacing: .06em; }
.ps-cc small { margin-left: auto; font-size: 12px; color: rgba(255,255,255,.7); }
.ps-lead { font-size: 14.5px; line-height: 1.55; color: #3E4659; max-width: 34em; }
.ps-card .ap-note { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
.ps-fees-p { margin-bottom: 10px; }
.ps-fees { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ps-fees li { display: flex; flex-direction: column-reverse; gap: 4px; padding: 12px 14px; border: 1px solid #ECEDF0; border-radius: 12px; background: #FAFAFB; }
.ps-fees b { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
.ps-fees span { font-size: 13px; font-weight: 650; color: var(--ink); }
.ps-fees small { display: block; font-size: 12px; font-weight: 500; color: var(--muted); }
.ps-list a { gap: 14px; }
.ps-amt { font-size: 14.5px; font-weight: 750; color: var(--ink); }
.pw-out { border: 0; background: none; font: inherit; cursor: pointer; }
.pw-ic { position: relative; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 16px; background: #EAF0FD; }
.pw-ic span { position: absolute; inset: 16px; border-radius: 50%; border: 3px solid var(--blue-d); border-right-color: transparent; animation: pwSpin 1.1s linear infinite; }
.pw-steps { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 0; }
.pw-steps li { position: relative; padding: 0 0 18px 30px; }
.pw-steps li::before { content: ""; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #D5D8DE; background: #fff; }
.pw-steps li:not(:last-child)::after { content: ""; position: absolute; left: 8px; top: 20px; bottom: 2px; width: 2px; background: #E7E8EB; }
.pw-steps li.done::before { background: #16A34A; border-color: #16A34A; }
.pw-steps li.now::before { border-color: var(--blue-d); box-shadow: 0 0 0 4px rgba(47,111,237,.15); }
.pw-steps b { display: block; font-size: 14.5px; color: var(--ink); }
.pw-steps span { font-size: 13px; color: var(--muted); }
@media (max-width: 1100px) {
  .pd-grid { grid-template-columns: minmax(0, 1fr) 340px; }
  .ps-fees { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .pd-grid { grid-template-columns: minmax(0, 1fr); }
  .pro-page .pd > .ap-crumb { display: none; }
  .pj-row { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; }
  .pj-date { grid-column: 1; grid-row: 2; padding-left: 50px; font-size: 13px; color: var(--muted); }
  .pj-amt { grid-column: 2; grid-row: 1; text-align: right; }
  .pj-st { grid-column: 2; grid-row: 2; justify-self: end; }
  .pj-row > .d-ic { display: none; }
  .pj-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pj-sum div:nth-child(3) { border-left: 0; }
  .pj-sum div:nth-child(n+3) { border-top: 1px solid #F0F1F3; }
}
@media (max-width: 600px) {
  .pl-card { padding: 16px; border-radius: 14px; }
  .pl-route { font-size: 18px; }
  .pl-foot { flex-wrap: wrap; gap: 8px 10px; }
  .pl-go { margin-left: 0; width: 100%; justify-content: center; height: 40px; border-radius: 10px; background: #F1F5FE; }
  .pl-seg { width: 100%; }
  .pl-seg a { flex: 1; justify-content: center; }
  .pd-dl div { grid-template-columns: 1fr; gap: 2px; }
  .ps-fees { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pd-unlock.armed { background: #0B7A3B; animation: pdArm .35s ease-out; }
@media (max-width: 900px) {
  .pro-page .ap-bar-me { display: none; }
}
@media (max-width: 600px) {
  .pd-dl { display: grid; grid-template-columns: 1fr 1fr; }
  .pd-dl div { grid-column: span 2; }
  .pd-dl div:nth-child(-n+4) { grid-column: span 1; }
  .pd-dl div:nth-child(2) { border-top: 0; }
  .pd-dl div:nth-child(2), .pd-dl div:nth-child(4) { border-left: 1px solid #F3F4F6; }
}
.pl-empty-ic { display: inline-grid; place-items: center; width: 60px; height: 60px; margin-bottom: 16px; border-radius: 18px; background: #F2F3F6; color: #8B92A3; }
.pl-local { display: inline-block; margin-left: 10px; padding: 3px 9px; border-radius: 999px; background: #EAF0FD; color: var(--blue-d); font-size: 12.5px; font-weight: 700; letter-spacing: 0; vertical-align: 4px; }
.mv-head h1 .pl-local { font-size: 14px; vertical-align: 8px; }
.ld-hero { display: grid; grid-template-columns: minmax(0, 1fr) 410px; margin: 14px 0 16px; background: #fff; border: 1px solid #E7E8EB; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(16,24,40,.03); }
.ld-move { padding: 26px 28px; min-width: 0; }
.ld-k { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
.ld-k b { color: var(--ink); }
.ld-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(47,111,237,.14); }
.ld-route { margin-top: 10px; font-size: clamp(28px, 3vw, 38px); line-height: 1.08; font-weight: 800; letter-spacing: -0.035em; color: var(--ink); }
.ld-route i { font-style: normal; color: var(--blue-d); margin: 0 10px; }
.ld-route .pl-local { font-size: 13.5px; vertical-align: 7px; }
.ld-meta { margin-top: 8px; font-size: 15px; }
.ld-move .pl-chips { margin-top: 16px; }
.ld-est { margin-top: 16px; font-size: 14px; color: var(--muted); }
.ld-est b { color: var(--ink); font-weight: 700; }
.ld-cust { padding: 22px 24px 24px; background: linear-gradient(180deg, #FAFBFC 0%, #F4F5F8 100%); border-left: 1px solid #EEF0F2; }
.ld-cust.ld-open { background: linear-gradient(180deg, #F6FCF8 0%, #EEF8F2 100%); }
.ld-cust-h { display: flex; align-items: center; gap: 12px; }
.ld-cust-h > div { min-width: 0; }
.ld-cust-h b { display: block; font-size: 16px; font-weight: 750; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ld-cust-h small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--muted); }
.ld-av { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #E3EBFC; color: var(--blue-d); font-size: 17px; font-weight: 800; }
.ld-open .ld-av { background: #D7F0E1; color: #0B7A3B; }
.ld-tag { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px #E3E5EA; font-size: 12px; font-weight: 700; color: #4B5367; }
.ld-tag.ok { color: #0B7A3B; box-shadow: 0 0 0 1px #CDEBD8; }
.ld-phone { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #E7E8EB, 0 1px 2px rgba(16,24,40,.04); text-decoration: none; color: var(--ink); }
.ld-phone-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F1F2F5; color: var(--ink); }
.ld-phone-t { min-width: 0; }
.ld-phone-t small { display: block; font-size: 12px; color: var(--muted); }
.ld-phone-t b { display: block; margin-top: 1px; font-size: 20px; font-weight: 750; letter-spacing: .005em; }
.ld-phone-t i { font-style: normal; color: #B9BEC9; letter-spacing: .06em; }
.ld-phone.is-open { box-shadow: 0 0 0 1px #BFE5CD, 0 6px 20px rgba(11,122,59,.08); transition: transform .2s, box-shadow .2s; }
.ld-phone.is-open:hover { transform: translateY(-1px); box-shadow: 0 0 0 1px #A9DCBC, 0 10px 26px rgba(11,122,59,.12); }
.ld-phone.is-open .ld-phone-ic { background: #16A34A; color: #fff; }
.ld-phone-go { margin-left: auto; padding: 8px 16px; border-radius: 999px; background: #16A34A; color: #fff; font-size: 13.5px; font-weight: 750; }
.ld-phone.is-chat .ld-phone-t b { font-size: 16px; }
.ld-steps { list-style: none; margin: 14px 0 14px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ld-steps li { display: flex; align-items: flex-start; gap: 9px; padding: 10px 11px; border-radius: 12px; background: rgba(255,255,255,.55); box-shadow: 0 0 0 1px #E8E9ED; }
.ld-steps li > span { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #C9CDD5; font-size: 11.5px; font-weight: 800; color: #8B92A3; }
.ld-steps b { display: block; font-size: 13px; font-weight: 700; color: #5C6578; line-height: 1.3; }
.ld-steps small { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); }
.ld-steps li.now { background: #fff; box-shadow: 0 0 0 1.5px #B9CEF8, 0 4px 14px rgba(47,111,237,.08); }
.ld-steps li.now > span { background: var(--blue-d); color: #fff; box-shadow: none; }
.ld-steps li.now b { color: var(--ink); }
.ld-steps li.done > span { background: #16A34A; color: #fff; box-shadow: none; }
.ld-steps li.done b { color: var(--ink); }
.ld-unlock .ld-steps li.now { box-shadow: 0 0 0 1.5px #A9DCBC, 0 4px 14px rgba(11,122,59,.08); }
.ld-unlock .ld-steps li.now > span { background: #0B7A3B; }
.ld-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; padding: 0 18px; border: 0; border-radius: 14px; background: var(--ink); color: #fff; font: inherit; font-size: 15.5px; font-weight: 750; text-decoration: none; cursor: pointer; transition: transform .15s, background .2s, box-shadow .2s; }
.ld-btn:hover { color: #fff; }
.ld-btn:active { transform: scale(.985); }
.ld-btn.is-blue { background: var(--blue-d); box-shadow: 0 8px 22px rgba(47,111,237,.25); }
.ld-btn.is-blue:hover { background: #1D4FC4; }
.ld-btn.is-green { background: #0B7A3B; box-shadow: 0 8px 22px rgba(11,122,59,.25); }
.ld-btn.is-green:hover { background: #096A33; }
.ld-btn > span, .ld-bar-p > span { padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,.2); font-size: 12px; font-weight: 750; }
.ld-btn.armed, .ld-bar-p.armed { background: #075C2C; box-shadow: 0 0 0 4px rgba(11,122,59,.22), 0 8px 22px rgba(11,122,59,.3); animation: pdArm .35s ease-out; }
.ld-chat .ld-btn, .ld-quote .ld-btn { margin-top: 2px; }
.ld-chat .ld-note { margin: 12px 0 14px; }
.ld-note { margin-top: 10px; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.ld-note b { color: var(--ink); }
.ld-acts { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; margin-top: 10px; }
.ld-act { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 0 9px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px #E3E5EA; font-size: 12.5px; font-weight: 700; color: var(--blue-d); text-decoration: none; transition: background .15s; }
.ld-act:hover { background: #F7F9FE; }
.ld-act em { position: absolute; top: 6px; right: 10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #16A34A; color: #fff; font-style: normal; font-size: 11px; display: grid; place-items: center; }
.ld-mail { margin-top: 10px; font-size: 13px; color: #3E4659; word-break: break-all; }
.ld-cust .pd-report { border-top-color: rgba(16,24,40,.07); }
.ld-grid { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 16px; align-items: start; }
.ld-side { display: grid; gap: 16px; min-width: 0; }
.ld-edit { padding: 0; border: 0; background: none; font: inherit; font-size: 13.5px; font-weight: 650; color: var(--blue-d); cursor: pointer; }
.ld-qnote { margin-top: 10px; font-size: 13.5px; line-height: 1.5; font-style: italic; color: #3E4659; }
.ld-pass { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid #F3F4F6; font-size: 13.5px; color: var(--muted); }
.pd-form.is-collapsed { display: none; }
.pd-form .ap-panel-h { justify-content: flex-start; gap: 10px; }
.pd-form .pd-free { margin-left: auto; }
.ld-grab, .ld-x, .ld-scrim, .ld-bar { display: none; }
@media (max-width: 1100px) {
  .ld-hero, .ld-grid { grid-template-columns: minmax(0, 1fr) 360px; }
}
@media (max-width: 900px) {
  .ld-hero, .ld-grid { grid-template-columns: minmax(0, 1fr); }
  .ld-hero { margin-top: 4px; border-radius: 18px; }
  .ld-move { padding: 20px 20px 18px; }
  .ld-cust { padding: 18px 20px 20px; border-left: 0; border-top: 1px solid #EEF0F2; }
  .ld-cust .ld-btn { display: none; }
  .pro-lead .ap-content { padding-bottom: 24px; }
  .ld-bar { position: fixed; z-index: 60; left: 12px; right: 12px; bottom: max(10px, calc(env(safe-area-inset-bottom) - 14px)); display: flex; align-items: center; gap: 10px; }
  .ld-bar-b { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 66px; height: 60px; border: .5px solid rgba(255,255,255,.75); border-radius: 22px; background: rgba(255,255,255,.72); -webkit-backdrop-filter: blur(24px) saturate(1.9); backdrop-filter: blur(24px) saturate(1.9); box-shadow: 0 12px 36px rgba(16,24,40,.16), 0 1px 3px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.95); color: #1C1C1E; font: inherit; font-size: 10.5px; font-weight: 600; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .15s; }
  .ld-bar-p { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; height: 60px; padding: 0 18px; border: 0; border-radius: 999px; color: #fff; font: inherit; font-size: 16px; font-weight: 750; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .15s, background .2s; }
  .ld-bar-p.is-blue { background: var(--blue-d); box-shadow: 0 12px 30px rgba(47,111,237,.38); }
  .ld-bar-p.is-green { background: #0B7A3B; box-shadow: 0 12px 30px rgba(11,122,59,.36); }
  .ld-bar-b:active, .ld-bar-p:active { transform: scale(.96); }
  .ld-scrim { display: block; position: fixed; inset: 0; z-index: 85; background: rgba(10,14,30,.42); opacity: 0; pointer-events: none; transition: opacity .3s; }
  html.pd-sheet-open .ld-scrim { opacity: 1; pointer-events: auto; }
  .ld-grab { display: block; width: 38px; height: 5px; margin: 8px auto 0; border-radius: 3px; background: #D5D8DE; }
  .ld-x { display: grid; place-items: center; width: 32px; height: 32px; margin-left: 2px; border: 0; border-radius: 50%; background: #F0F1F4; color: #4B5367; cursor: pointer; }
}
@media (max-width: 600px) {
  .ld-steps { grid-template-columns: 1fr 1fr; }
  .ld-route { font-size: 28px; }
  .ld-phone-t b { font-size: 19px; }
}
.ld-move { display: flex; flex-direction: column; }
.ld-glance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: auto 0 0; padding-top: 18px; }
.ld-glance div { padding: 14px 16px 0 0; border-top: 1px solid #F0F1F3; }
.ld-glance div + div { padding-left: 16px; border-left: 1px solid #F0F1F3; }
.ld-glance dt { font-size: 12px; font-weight: 600; color: var(--muted); }
.ld-glance dd { margin: 3px 0 0; font-size: 14px; font-weight: 650; color: var(--ink); line-height: 1.35; }
.ld-move .ld-est { margin-bottom: 4px; }
@media (max-width: 900px) {
  .ld-glance { display: none; }
}
.pro-lead .ap-main { background: #fff; }
.pro-lead .ap-content { padding-top: 28px; }
.lv-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; margin-top: 18px; }
.lv-main { min-width: 0; }
.lv-head { position: relative; }
.lv-eye { font-size: 13px; font-weight: 600; color: var(--muted); }
.lv-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 6px; padding-right: 140px; }
.lv-title h1 { font-size: clamp(28px, 3vw, 36px); line-height: 1.1; font-weight: 800; letter-spacing: -0.035em; color: var(--ink); }
.lv-title h1 i { font-style: normal; font-weight: 600; color: #A2A8B5; margin: 0 10px; }
.lv-badge { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 6px; font-size: 12.5px; font-weight: 700; background: #F0F1F4; color: #4B5367; }
.lv-badge.blue { background: #EAF0FD; color: var(--blue-d); }
.lv-badge.ok { background: #E8F6EE; color: #0B7A3B; }
.lv-pass { position: absolute; top: 18px; right: 0; }
.lv-pass button { height: 34px; padding: 0 12px; border: 0; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px #DADDE3; font: inherit; font-size: 13px; font-weight: 650; color: #4B5367; cursor: pointer; }
.lv-pass button:hover { background: #F6F7F9; color: var(--ink); }
.lv-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 26px 0 0; padding: 18px 0; border-top: 1px solid #ECEDF0; border-bottom: 1px solid #ECEDF0; }
.lv-facts div { padding: 0 20px; }
.lv-facts div:first-child { padding-left: 0; }
.lv-facts div + div { border-left: 1px solid #ECEDF0; }
.lv-facts dt { font-size: 12.5px; font-weight: 600; color: var(--muted); }
.lv-facts dd { margin: 5px 0 0; font-size: 15px; font-weight: 650; color: var(--ink); }
.lv-facts dd small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--muted); }
.lv-sec { margin-top: 40px; }
.lv-sec h2, .lv-sec-h h2 { font-size: 17px; font-weight: 750; letter-spacing: -0.01em; color: var(--ink); }
.lv-sec > h2 { padding-bottom: 12px; border-bottom: 1px solid #ECEDF0; }
.lv-sec-h { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #ECEDF0; }
.lv-ghost { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px #DADDE3; font: inherit; font-size: 13px; font-weight: 650; color: var(--ink); cursor: pointer; }
.lv-ghost:hover { background: #F6F7F9; }
.lv-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 0; }
.lv-kv div { padding: 14px 0; border-bottom: 1px solid #F3F4F6; }
.lv-kv dt { font-size: 12.5px; font-weight: 600; color: var(--muted); }
.lv-kv dd { margin: 4px 0 0; font-size: 15px; line-height: 1.45; color: var(--ink); }
.lv-note { margin: 20px 0 0; padding: 2px 0 2px 16px; border-left: 3px solid #E3E7EF; }
.lv-note p { font-size: 15.5px; line-height: 1.55; color: var(--ink); }
.lv-note cite { display: block; margin-top: 6px; font-size: 12.5px; font-style: normal; font-weight: 600; color: var(--muted); }
.lv-note-mine { border-left-color: #C7D6F8; }
.lv-quote { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 18px 0 4px; }
.lv-q-amt b { display: block; font-size: 34px; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); line-height: 1; }
.lv-q-amt b small { font-size: 16px; color: var(--muted); }
.lv-q-amt span { display: block; margin-top: 8px; font-size: 14px; color: #5C6578; }
.lv-seen { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 650; color: var(--muted); }
.lv-seen i { width: 8px; height: 8px; border-radius: 50%; background: #C9CDD5; }
.lv-seen.on { color: #0B7A3B; }
.lv-seen.on i { background: #16A34A; }
.lv-inc { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding: 0; }
.lv-inc li { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #3E4659; }
.lv-inc .d-ic { color: #16A34A; }
.lv-side { position: sticky; top: 24px; }
.lv-card { padding: 20px; border: 1px solid #E7E8EB; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.04); }
.lv-who { display: flex; align-items: center; gap: 12px; }
.lv-who div { min-width: 0; }
.lv-who b { display: block; font-size: 16px; font-weight: 750; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lv-who small { display: block; margin-top: 1px; font-size: 13px; color: var(--muted); }
.lv-av { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #EEF2FB; color: var(--blue-d); font-size: 16px; font-weight: 800; }
.lv-s-open .lv-av { background: #E3F4EA; color: #0B7A3B; }
.lv-phone { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #F6F7F9; text-decoration: none; color: var(--ink); }
.lv-phone-t small { display: block; font-size: 12px; color: var(--muted); }
.lv-phone-t b { display: block; margin-top: 2px; font-size: 18px; font-weight: 750; letter-spacing: .005em; }
.lv-phone-t i { font-style: normal; color: #B9BEC9; letter-spacing: .06em; }
.lv-lock { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #8B92A3; box-shadow: 0 0 0 1px #E7E8EB; }
.lv-phone.is-open { background: #F1FAF4; box-shadow: inset 0 0 0 1px #CDEBD8; transition: background .2s; }
.lv-phone.is-open:hover { background: #E8F6EE; }
.lv-call { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #16A34A; color: #fff; box-shadow: 0 6px 16px rgba(22,163,74,.3); }
.lv-acts { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; margin-top: 8px; }
.lv-acts a { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border-radius: 10px; box-shadow: inset 0 0 0 1px #E3E5EA; font-size: 13px; font-weight: 650; color: var(--ink); text-decoration: none; transition: background .15s; }
.lv-acts a:hover { background: #F6F7F9; }
.lv-acts em { min-width: 17px; height: 17px; padding: 0 5px; border-radius: 999px; background: #16A34A; color: #fff; font-style: normal; font-size: 10.5px; font-weight: 800; display: grid; place-items: center; }
.lv-mail { margin-top: 10px; font-size: 13px; color: var(--muted); word-break: break-all; }
.lv-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 46px; margin-top: 12px; border: 0; border-radius: 11px; background: var(--ink); color: #fff; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .2s, transform .15s; }
.lv-btn:hover { color: #fff; }
.lv-btn:active { transform: scale(.985); }
.lv-btn.is-blue { background: var(--blue-d); }
.lv-btn.is-blue:hover { background: #1D4FC4; }
.lv-btn.is-green { background: #0B7A3B; }
.lv-btn.is-green:hover { background: #096A33; }
.lv-btn.armed { background: #075C2C; box-shadow: 0 0 0 4px rgba(11,122,59,.2); animation: pdArm .35s ease-out; }
.lv-tl { list-style: none; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid #F0F1F3; }
.lv-tl li { position: relative; padding: 0 0 16px 24px; }
.lv-tl li:last-child { padding-bottom: 0; }
.lv-tl li::before { content: ""; position: absolute; left: 0; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #C9CDD5; }
.lv-tl li:not(:last-child)::after { content: ""; position: absolute; left: 4px; top: 18px; bottom: 2px; width: 2px; background: #EEF0F2; }
.lv-tl li.done::before { background: #16A34A; box-shadow: none; }
.lv-tl li.now::before { background: var(--blue-d); box-shadow: 0 0 0 4px rgba(47,111,237,.16); }
.lv-s-unlock .lv-tl li.now::before { background: #0B7A3B; box-shadow: 0 0 0 4px rgba(11,122,59,.16); }
.lv-tl b { display: block; font-size: 13.5px; font-weight: 650; color: var(--ink); }
.lv-tl li:not(.done):not(.now) b { color: #8B92A3; }
.lv-tl span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.lv-fine { margin-top: 14px; font-size: 12.5px; color: var(--muted); }
.lv-fine b { color: var(--ink); }
.lv-card .pd-report { margin-top: 14px; }
.lv-drawer { position: fixed; z-index: 90; top: 0; right: 0; bottom: 0; width: 460px; max-width: 100vw; display: flex; flex-direction: column; background: #fff; box-shadow: -16px 0 48px rgba(16,24,40,.16); transform: translateX(104%); visibility: hidden; transition: transform .38s cubic-bezier(.2,.8,.2,1), visibility 0s linear .38s; }
html.pd-sheet-open .lv-drawer { transform: none; visibility: visible; transition: transform .38s cubic-bezier(.2,.8,.2,1); }
.lv-drawer-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 22px 24px 16px; border-bottom: 1px solid #F0F1F3; }
.lv-drawer-h h3 { font-size: 19px; font-weight: 780; letter-spacing: -0.02em; color: var(--ink); }
.lv-drawer-h p { margin-top: 3px; font-size: 13.5px; color: var(--muted); }
.lv-x { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #F0F1F4; color: #4B5367; cursor: pointer; }
.lv-x:hover { background: #E7E8EB; }
.lv-drawer-b { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 0; display: flex; flex-direction: column; }
.lv-drawer-f { position: sticky; bottom: 0; margin: 18px -24px 0; padding: 14px 24px calc(16px + env(safe-area-inset-bottom)); background: linear-gradient(rgba(255,255,255,.85), #fff 30%); border-top: 1px solid #F0F1F3; }
.lv-drawer-f .pd-send { margin-top: 0; }
.lv-drawer-f p { margin-top: 8px; text-align: center; font-size: 12.5px; color: var(--muted); }
html.pd-sheet-open .ld-scrim { display: block; opacity: 1; pointer-events: auto; }
.ld-scrim { position: fixed; inset: 0; z-index: 85; background: rgba(10,14,30,.36); opacity: 0; pointer-events: none; transition: opacity .3s; display: block; }
@media (max-width: 1100px) {
  .lv-grid { grid-template-columns: minmax(0, 1fr) 310px; gap: 32px; }
}
@media (max-width: 900px) {
  .pro-lead .ap-content { padding-top: 16px; }
  .pro-lead .lv > .ap-crumb { display: none; }
  .lv-grid { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 4px; }
  .lv-side { position: static; order: -1; margin: 18px 0 4px; }
  .lv-main { display: contents; }
  .lv-head { order: -2; }
  .lv-facts { order: -2; }
  .lv-title { padding-right: 0; }
  .lv-pass { position: static; margin-top: 10px; }
  .lv-facts { grid-template-columns: 1fr 1fr; margin-top: 18px; padding: 0; }
  .lv-facts div { padding: 12px 0 12px 14px; border-bottom: 1px solid #ECEDF0; }
  .lv-facts div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .lv-facts div:nth-child(n+3) { border-bottom: 0; }
  .lv-sec { margin-top: 30px; }
  .lv-kv { grid-template-columns: 1fr; }
  .lv-drawer { top: auto; left: 0; width: auto; max-height: 92svh; border-radius: 22px 22px 0 0; box-shadow: 0 -12px 40px rgba(16,24,40,.2); transform: translateY(104%); }
  html.pd-sheet-open .lv-drawer { transform: none; }
  .lv-drawer .ld-grab { display: block; }
  .lv-drawer-h { padding: 10px 20px 14px; }
  .lv-drawer-b { padding: 16px 20px 0; }
  .lv-drawer-f { margin: 16px -20px 0; padding-left: 20px; padding-right: 20px; }
}
.lv-route { position: relative; margin: 18px 0 4px; padding: 18px 20px; border-radius: 14px; background: #F7F8FA; }
.lv-stop { position: relative; display: flex; gap: 14px; }
.lv-pin { flex: none; position: relative; z-index: 1; width: 14px; height: 14px; margin-top: 3px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 4px var(--ink); }
.lv-stop.is-end .lv-pin { border-radius: 3px; box-shadow: none; background: var(--blue-d); }
.lv-stop small { display: block; font-size: 12px; font-weight: 650; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.lv-stop b { display: block; margin-top: 2px; font-size: 16px; font-weight: 750; color: var(--ink); }
.lv-stop p { margin-top: 3px; font-size: 14px; line-height: 1.45; color: #4B5367; }
.lv-leg { position: relative; margin: 6px 0 6px 6px; padding: 10px 0 10px 22px; border-left: 2px dashed #C9CFDA; }
.lv-leg span { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px #E3E6EC; font-size: 12.5px; font-weight: 700; color: #3E4659; }
.lv-route + .lv-kv { margin-top: 6px; }
@media (max-width: 900px) {
  .lv-route { padding: 16px; }
  .lv-card .lv-btn { display: flex; }
}
.lv-btn > span { padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,.2); font-size: 12px; font-weight: 750; }
.ap-logout { margin-top: 16px; text-align: center; }
.ap-logout button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 50px; border: 1px solid #E7E8EB; border-radius: 14px; background: #fff; font: inherit; font-size: 15px; font-weight: 700; color: #D92D20; cursor: pointer; transition: background .15s; }
.ap-logout button:hover { background: #FEF3F2; }
.ap-logout p { margin-top: 8px; font-size: 12.5px; color: var(--muted); }
.ac-sh-s { display: none; }
@media (max-width: 600px) {
  .ac-sh .ac-sh-s { display: inline; }
}
.mv-book { display: inline; }
.mv-book button { padding: 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 650; color: var(--blue-d); cursor: pointer; text-decoration: underline; text-decoration-color: rgba(47,111,237,.35); text-underline-offset: 3px; }
.mv-book button.armed { padding: 6px 10px; border-radius: 8px; background: #0B7A3B; color: #fff; text-decoration: none; }
.mv-act { flex-wrap: wrap; }
.mv-act .mv-book { flex-basis: 100%; text-align: right; }
.mv-tr.is-booked { background: #F1FAF4; box-shadow: inset 3px 0 0 #16A34A; }
.mv-tr.is-declined { opacity: .55; }
.ap-bookedpill { background: #0B7A3B; }
.ac-quote-book { display: block; margin-top: 12px; text-align: center; }
.ac-quote-book button { font-size: 13.5px; }
.ac-quote-b { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 5px 10px; border-radius: 999px; background: #E8F6EE; color: #0B7A3B; font-size: 13px; font-weight: 700; }
.ac-closed.ac-won { background: #F1FAF4; color: #0B7A3B; font-weight: 650; }
.pj-sum { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .pj-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pj-sum div:nth-child(5) { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #F0F1F3; }
  .mv-act .mv-book { text-align: center; }
}
.mv-who b:has(.ap-newpill) { white-space: normal; overflow: visible; }
.mv-who b .ap-newpill { white-space: nowrap; }
.lv-tpl { display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; cursor: pointer; }
.lv-tpl input { margin-top: 3px; width: 17px; height: 17px; accent-color: var(--blue-d); flex: none; }
.lv-tpl span { font-size: 13.5px; font-weight: 650; color: var(--ink); }
.lv-tpl small { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 500; color: var(--muted); line-height: 1.4; }
.ps-hint { font-size: 12.5px; color: var(--muted); }
.ps-prof .pd-f + .pd-row, .ps-prof .pd-row + .pd-f, .ps-prof .pd-f + .lv-tpl { margin-top: 14px; }
.ps-prof .pd-row { margin-top: 14px; }
.ps-prof textarea { resize: vertical; line-height: 1.5; }
.ps-prof .ap-btn { margin-top: 16px; }
.mv-ins { color: #0B7A3B; font-weight: 650; }
.ac-about { max-width: 520px; width: 100%; align-self: center; padding: 14px 16px; border-radius: 14px; background: #F7F8FA; }
.ac-about-h { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.ac-about-t { margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--ink); }
.ac-about ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; }
.ac-about li { padding: 3px 9px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px #E3E6EC; font-size: 12.5px; font-weight: 600; color: #3E4659; }