:root{--bg:#0b1020;--card:#111827;--card2:#171f32;--line:#28324b;--text:#f7fafc;--muted:#9fb0c8;--brand:#ff7a18;--brand2:#ffb347;--green:#1ec97f;--red:#ff5d73;--yellow:#ffcf5a;--blue:#46a6ff}
*{box-sizing:border-box} body{margin:0;font-family:'Arial Narrow','Roboto Condensed','Bahnschrift Condensed','Segoe UI',Arial,sans-serif;background:linear-gradient(180deg,#09101d,#111827 55%,#0d1322);color:var(--text);letter-spacing:.01em} a{color:#9ed0ff} video{display:block;width:100%;height:100%;object-fit:cover} input,select,textarea,.form{font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:normal}
#app{min-height:100vh}.layout,.login-wrap{max-width:1260px;margin:0 auto;padding:18px}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.brand{font-weight:900;font-size:28px;letter-spacing:.3px}.brand span{color:var(--brand)}.muted{color:var(--muted);font-size:14px;line-height:1.45}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffce8b;margin-bottom:6px}
.topbar,.section-title,.split,.item,.focus-head,.welcome-left,.welcome-card,.nav-actions,.service-card,.history-item,.stats,.login-card{display:flex;gap:14px}.topbar,.section-title,.focus-head{justify-content:space-between;align-items:center}.grid{display:grid;gap:16px}.cols-2,.customer-grid{grid-template-columns:1.1fr .9fr}.customer-grid{display:grid;gap:16px;align-items:start}
.btn{border:0;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#111827;padding:14px 18px;border-radius:16px;font-weight:800;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 12px 22px rgba(255,122,24,.23)}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.secondary{background:#202a3d;color:#fff;box-shadow:none}.btn.green{background:linear-gradient(90deg,#27d08a,#67f0b3);box-shadow:0 12px 22px rgba(39,208,138,.22)}
.btn-book-urgent{font-size:20px;padding:18px 24px;border-radius:18px;width:100%;margin-top:8px}.ambulance-glow{animation:ambulance 1s linear infinite}@keyframes ambulance{0%,100%{box-shadow:0 0 0 rgba(255,90,90,0),0 12px 24px rgba(255,122,24,.25);background:linear-gradient(90deg,#ff5d73,#ffb347)}50%{box-shadow:0 0 22px rgba(70,166,255,.55),0 12px 24px rgba(70,166,255,.25);background:linear-gradient(90deg,#46a6ff,#b8e0ff)}}
input,select,textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#0d1422;color:#fff;outline:none;font-size:15px}input::placeholder{color:#789}input[type=file]{padding:12px;background:#12192a}.form{display:grid;gap:12px}.pill,.role-badge,.countdown-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-weight:700;text-transform:capitalize}.role-badge{background:#1e293b;color:#fff;border:1px solid #334155}.countdown-badge{background:#271915;color:#ffd6d6;border:1px solid #6c2c2c}
.hero{display:flex;justify-content:space-between;align-items:center;gap:18px}.hero h1{margin:0 0 6px;font-size:34px}.small-video{width:220px;height:128px;overflow:hidden;border-radius:20px;border:1px solid #28324b;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.login-card{align-items:stretch;min-height:76vh}.login-left,.login-right{flex:1}.login-left{padding:14px 10px}.login-right{overflow:hidden;border-radius:20px}.title{font-size:44px;line-height:1.06;margin:18px 0 10px}.subtitle{font-size:16px;color:var(--muted);max-width:560px}
.welcome-card{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#121c2e,#1d2438)}.welcome-card h2{margin:0;font-size:30px}.avatar-wrap{position:relative;display:block;width:78px;height:78px;cursor:pointer}.avatar{width:78px;height:78px;border-radius:22px;object-fit:cover;border:2px solid rgba(255,255,255,.18)}.avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#ff8a1d,#ffd082);color:#111827;font-size:30px;font-weight:900}.avatar-edit{position:absolute;right:-2px;bottom:-4px;background:#fff;color:#111827;border-radius:999px;padding:4px 7px;font-size:12px;font-weight:800}.tagline{font-weight:700;color:#ffd79e;background:#231711;padding:12px 16px;border-radius:14px;border:1px solid #58330e}
.booking-card{position:relative;top:auto}.service-grid,.service-list,.booking-list,.review-list,.history-list,.ledger-list{display:grid;gap:12px}.service-card,.item,.history-item{align-items:center;justify-content:space-between;padding:14px 16px;border-radius:18px;background:#0d1422;border:1px solid #1f2b44}.service-card h4,.item h4{margin:0 0 4px}.chip-action{border:1px solid #31415d;background:#172237;color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer}
.booking-focus{position:relative;overflow:hidden}.booking-focus::after{content:'';position:absolute;inset:-40% auto auto -10%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,122,24,.16),transparent 70%);pointer-events:none}.complete-ring{border-color:#2f7f61}.live-stage{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;border-radius:18px;border:1px solid #2a334b;background:#10192b;animation:softPulse 2s ease infinite}.stage-icon{font-size:34px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#172338}.stage-title{font-size:18px;font-weight:800}@keyframes softPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
.timeline{display:grid;gap:10px}.tl{display:flex;gap:12px;align-items:flex-start;padding:8px 0}.dot{width:12px;height:12px;border-radius:999px;background:#64748b;box-shadow:0 0 0 6px rgba(100,116,139,.12)}.tl.active .dot{background:var(--brand);box-shadow:0 0 0 6px rgba(255,122,24,.16)}.review-highlight{margin-top:18px;padding:16px;border:1px solid #6a4b16;background:linear-gradient(180deg,#261b08,#111827);border-radius:20px}.review-btn{font-size:18px;width:100%}.upload-preview{margin-bottom:10px}
.compact-card{padding:14px 16px}.history-item{padding:12px 14px}.history-meta{font-size:14px;text-align:right;max-width:42%}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{background:#0d1422;border:1px solid #1f2b44;border-radius:18px;padding:14px}.stat .n{font-size:26px;font-weight:900;margin-top:8px}.money{font-weight:900;font-size:22px}
.status-booked{background:#21314e;color:#b5d2ff;border:1px solid #37558c}.status-accepted{background:#2a2611;color:#ffe9aa;border:1px solid #7f6b1a}.status-on_the_way{background:#102737;color:#9ee2ff;border:1px solid #1c7295}.status-working{background:#1f1837;color:#d6c4ff;border:1px solid #6a4ef1}.status-completed{background:#102b1c;color:#aaf0c9;border:1px solid #2a9d5f}
.login-wrap{display:grid;place-items:center;min-height:100vh}.pulse{animation:pulse 2.4s ease-in-out infinite}.flash{animation:flash .9s linear 3}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes flash{50%{box-shadow:0 0 0 3px rgba(255,122,24,.45)}}
@media (max-width:980px){.cols-2,.customer-grid,.login-card{grid-template-columns:1fr;display:grid}.small-video{width:100%;height:180px}.hero,.welcome-card{display:grid}.booking-card{position:static}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.title{font-size:34px}}
@media (max-width:640px){.layout,.login-wrap{padding:12px}.card{padding:14px;border-radius:20px}.brand{font-size:24px}.hero h1{font-size:28px}.welcome-card h2{font-size:24px}.btn-book-urgent{font-size:18px}.topbar,.section-title{gap:10px}.nav-actions{gap:8px}.history-meta{max-width:48%}.stage-icon{font-size:28px;width:50px;height:50px}}

.status-video-card{margin-top:14px}
.status-video-wrap{height:220px;overflow:hidden;border-radius:20px;border:1px solid #31415d;background:#000}
.status-video-wrap video{width:100%;height:100%;object-fit:contain;background:#08111f}
.strategy-split{align-items:start}
#scheduledAt{display:none}
@media (max-width:980px){.status-video-wrap{height:190px}}
@media (max-width:640px){.status-video-wrap{height:170px}.strategy-split{display:grid}}

.customer-grid>.grid,.customer-grid .card{min-width:0}
.status-note-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:16px;background:#0d1422;border:1px solid #1f2b44}
.tracking-banner,.countdown-pending,.work-highlight{margin:14px 0 0;border-radius:16px;padding:14px 16px}
.tracking-banner{background:#15233b;border:1px solid #31537f;color:#dceaff}
.countdown-pending{background:#221911;border:1px solid #70461d;color:#ffd7a7}
.work-highlight{background:linear-gradient(90deg,#12311d,#163f28);border:1px solid #24c27d;color:#dcffee}
.calendar-countdown{margin-top:14px;border:1px solid #31415d;border-radius:22px;padding:16px;background:linear-gradient(180deg,#121c2e,#19263d)}
.calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.calendar-highlight{font-weight:800;padding:10px 14px;border-radius:14px;background:#102737;color:#a9ebff;border:1px solid #1c7295;text-align:right}
.calendar-countdown.warn .calendar-highlight{background:#2a2611;color:#ffe9aa;border-color:#7f6b1a}
.calendar-countdown.danger .calendar-highlight{background:#34151d;color:#ffd3da;border-color:#b44b62}
.calendar-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.calendar-box{background:#09101d;border:1px solid #24314a;border-radius:18px;padding:14px;text-align:center}
.calendar-box strong{display:block;font-size:28px;line-height:1;font-weight:900}
.calendar-box.big strong{font-size:42px;color:#ffd782}
.calendar-box span{display:block;margin-top:8px;color:#9fb0c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.compact-ledger{align-items:flex-start}.ledger-meta{text-align:right;min-width:190px}.ledger-credit{color:#8ff1be}.ledger-debit{color:#ffb0bd}.chart-row{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;margin:10px 0}.chart-bar{height:14px;border-radius:999px;background:#172338;overflow:hidden;border:1px solid #29405f}.chart-bar i{display:block;height:100%;background:linear-gradient(90deg,#29d38b,#69efb2)}.chart-bar.negative i,.chart-bar.negative{background:#24131a;border-color:#6b3141}.chart-bar.negative i{background:linear-gradient(90deg,#ff7088,#ffb0bf)}.chart-bar.positive i{background:linear-gradient(90deg,#45a7ff,#8bd7ff)}.pnl-chart{display:grid;gap:6px}
@media (max-width:980px){.calendar-body{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-meta{min-width:0;text-align:left}.status-note-line,.calendar-head{display:grid}}
@media (max-width:640px){.calendar-box strong{font-size:24px}.calendar-box.big strong{font-size:34px}.status-video-wrap{height:220px}}

.customer-welcome-card{padding:8px 18px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:18px}
.customer-welcome-card .welcome-left{flex:1;min-width:0;align-items:center}
.customer-welcome-card .welcome-right.media-right{width:100%;max-width:none;display:flex;justify-content:flex-end}
.welcome-video{width:100%;height:148px;border-radius:22px}
.welcome-video video{width:100%;height:100%;object-fit:cover}
.current-only-timeline{margin-top:12px}
.completed-stop{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,#0f1727,#122138);padding:18px}
.stage-static-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#163126;font-size:30px;border:1px solid #2a9d5f}
@media (max-width:980px){.customer-welcome-card{grid-template-columns:1fr}.customer-welcome-card .welcome-right.media-right{width:100%;max-width:none}.welcome-video{height:180px}}


.signboard,.timeline,.pill,.eyebrow,.muted,.history-item,.item h4,.stage-title,.calendar-countdown,.ledger-list,.booking-list,.review-list,.stats,.chart-row{font-family:'Arial Narrow','Roboto Condensed','Bahnschrift Condensed','Segoe UI',Arial,sans-serif}
.countdown-pending,.review-highlight{display:none !important}
.work-highlight.compact{padding:10px 14px;font-size:14px;border-radius:14px}
.current-only-timeline{margin-top:10px}
.current-only-timeline .tl{padding:4px 0}
.current-only-timeline .muted{font-size:13px}
.tracking-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tracking-filter-bar{padding:12px 14px}
.customer-welcome-card{padding:8px 14px 8px 18px;grid-template-columns:minmax(0,1fr) 260px;gap:12px}
.welcome-video{height:138px}
.calendar-countdown{padding:12px 14px;border-radius:18px}
.calendar-box{padding:10px;border-radius:14px}
.calendar-box strong{font-size:24px}.calendar-box.big strong{font-size:34px}
@media (max-width:980px){.tracking-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-welcome-card{grid-template-columns:1fr}}
@media (max-width:640px){.tracking-filter-grid{grid-template-columns:1fr}.work-highlight.compact{font-size:13px}.welcome-video{height:160px}}


.mono-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin:10px 0 14px;background:linear-gradient(90deg,#101a2c,#16233b);border-color:#29405f}.mono-left{display:flex;align-items:center;gap:12px;min-width:0}.mono-badge{padding:6px 10px;border-radius:999px;background:#ff7a18;color:#fff;font-weight:900;font-size:12px;letter-spacing:.12em}.mono-copy{display:flex;gap:12px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap}.mono-copy strong{color:#fff}.mono-copy span{color:#b8c7dc;overflow:hidden;text-overflow:ellipsis}.mono-cta{padding:8px 14px;white-space:nowrap}.compact-ticket{padding:12px 14px;border-radius:18px;border:1px solid #24314a;background:#0d1422}.ticket-actions{min-width:220px;display:grid;gap:8px}.simple-track h4{margin-bottom:4px}.simple-track .muted{font-size:13px}.booking-focus{position:relative;overflow:hidden}.booking-focus::after{content:'';position:absolute;inset:-40% auto auto -10%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,122,24,.16),transparent 70%);pointer-events:none}.booking-focus .status-video-card{margin-bottom:0}@media (max-width:980px){.mono-strip{display:grid}.ticket-actions{min-width:0}}
.service-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-icon-card{border:1px solid #24314a;background:#0d1422;color:#fff;border-radius:18px;padding:14px 12px;display:grid;gap:6px;justify-items:center;text-align:center;cursor:pointer;transition:.18s ease;min-height:108px}
.service-icon-card:hover{transform:translateY(-1px);border-color:#3d5a88}
.service-icon-card.active{background:linear-gradient(180deg,#13233d,#0d1422);border-color:#4fb6ff;box-shadow:0 0 0 2px rgba(79,182,255,.12)}
.service-icon{font-size:26px;line-height:1}
.service-icon-card strong{font-size:15px;line-height:1.25}
.service-icon-card small{color:#9fb0c8;font-size:12px;line-height:1.3;display:block}
.booking-card .form{display:grid;gap:14px}
@media (max-width:980px){.service-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.service-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-icon-card{min-height:96px;padding:12px 10px}.service-icon-card strong{font-size:14px}}


/* V9 admin compact final */
.admin-compact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.admin-panel-card{
  padding:14px;
  border-radius:22px;
}
.admin-side-col{
  min-height:420px;
}
.compact-service-list,
.compact-booking-list{
  display:grid;
  gap:10px;
  max-height:340px;
  overflow:auto;
}
.compact-ticket,.admin-mini-row,.mini-track{
  padding:12px;
  min-height:auto;
}
.admin-actions-row{
  margin-top:10px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.engineer-square-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.engineer-square{
  border:1px solid rgba(64,86,120,.45);
  border-radius:18px;
  padding:12px;
  min-height:110px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:rgba(9,16,26,.28);
}
.engineer-square-top{
  display:flex;
  align-items:center;
  gap:8px;
}
.state-dot{
  width:10px;height:10px;border-radius:999px;display:inline-block;background:#fff;
}
.engineer-square.green .state-dot{ background:#22c55e; box-shadow:0 0 10px rgba(34,197,94,.6); animation: blinkPulse 1s infinite; }
.engineer-square.red .state-dot{ background:#ef4444; box-shadow:0 0 10px rgba(239,68,68,.6); animation: blinkPulse 1s infinite; }
.engineer-square.yellow .state-dot{ background:#facc15; box-shadow:0 0 10px rgba(250,204,21,.6); animation: blinkPulse 1s infinite; }
.engineer-square.white .state-dot{ background:#ffffff; box-shadow:0 0 10px rgba(255,255,255,.55); animation: blinkPulse 1s infinite; }
@keyframes blinkPulse { 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.45; transform:scale(.9)} }
.one-click-btn{ width:100%; min-height:38px; font-size:13px; padding:8px 10px; border-radius:14px; }
.tracking-filter-bar.admin-mini-card{ grid-column:span 2; }
.tracking-filter-grid.compact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.export-row.export-single{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.export-row.export-single select{ min-height:40px; }
.theme-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.theme-pill{
  border:1px solid rgba(64,86,120,.45);
  background:rgba(8,17,27,.36);
  border-radius:18px;
  padding:12px;
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.theme-pill.active{
  border-color:#fc8019;
  box-shadow:0 0 0 2px rgba(252,128,25,.12);
}
.pie-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
}
.pie-chart{
  width:180px;height:180px;border-radius:50%;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
.pie-center{
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  background:linear-gradient(180deg,#101a2a,#172438);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  border:1px solid rgba(64,86,120,.58);
}
.pie-legend{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:-14px;
}
.legend-dot{
  width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:6px;
}
.profit-dot{ background:#22c55e; }
.loss-dot{ background:#ef4444; }
@media (max-width: 1100px){
  .admin-compact-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tracking-filter-bar.admin-mini-card{ grid-column:span 2; }
}
@media (max-width: 720px){
  .admin-compact-grid{ grid-template-columns:1fr; }
  .tracking-filter-bar.admin-mini-card{ grid-column:span 1; }
  .tracking-filter-grid.compact-grid,
  .theme-grid,
  .engineer-square-grid{ grid-template-columns:1fr 1fr; }
}

.btn-mini{padding:6px 12px;font-size:12px;min-height:auto;border-radius:999px;}

/* Engineer registration update */
.engineer-entry-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg, rgba(255,140,0,.14), rgba(255,255,255,.02));}
.engineer-entry-strip strong{display:block;font-size:1rem;margin-bottom:4px}
.engineer-reg-wrap{padding:24px 0}
.engineer-reg-card{padding:24px;border-radius:28px;max-width:1120px;margin:0 auto;background:linear-gradient(180deg, rgba(6,16,34,.98), rgba(11,26,52,.96));}
.engineer-reg-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.engineer-reg-form{display:grid;gap:18px}
.engineer-reg-section{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.03)}
.engineer-reg-section h3{margin:0 0 14px;font-size:1.1rem}
.engineer-reg-grid{display:grid;gap:14px}
.engineer-reg-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.engineer-reg-grid .full{grid-column:1/-1}
.engineer-reg-grid label,.outside-body label{display:grid;gap:8px;font-size:.95rem;color:#dce6ff}
.engineer-reg-grid input,.engineer-reg-grid select,.outside-body textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#091224;color:#fff}
.engineer-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.check-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);cursor:pointer}
.check-pill input{accent-color:#ff8a00}
.outside-work-box{margin-top:16px;padding:14px;border-radius:18px;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.02)}
.outside-toggle{display:flex;align-items:center;gap:10px;font-weight:600}
.outside-body{margin-top:12px}
.selfie-grid .selfie-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.selfie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.selfie-live{overflow:hidden;border-radius:18px;background:#000;min-height:220px;display:grid;place-items:center}
.selfie-live video{width:100%;max-height:320px;object-fit:cover}
.file-preview{display:grid;gap:8px}
.file-preview>div,.mini-proof{min-height:124px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);display:grid;place-items:center;overflow:hidden;text-align:center;padding:8px}
.file-preview img,.mini-proof img{width:100%;height:100%;object-fit:cover}
.terms-box{max-height:140px;overflow:auto;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);margin-bottom:12px;line-height:1.55}
.engineer-reg-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}
.reg-ticket-list{display:grid;gap:12px;margin-top:14px}
.reg-ticket{display:grid;grid-template-columns:minmax(0,1.5fr) 180px 120px;gap:12px;align-items:center}
.reg-ticket-previews{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reg-ticket-actions{display:grid;gap:8px;justify-items:stretch}
.btn-mini{padding:8px 12px;font-size:.88rem}
@media (max-width: 900px){
  .engineer-reg-head,.engineer-entry-strip,.engineer-reg-actions{flex-direction:column;align-items:stretch}
  .engineer-reg-grid.two,.reg-ticket{grid-template-columns:1fr}
  .reg-ticket-previews{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .engineer-checkbox-grid{grid-template-columns:1fr}
  .reg-ticket-previews{grid-template-columns:1fr}
}
.registration-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.compact-reg-card{margin-top:0;min-height:112px}
.compact-reg-card .btn{white-space:nowrap}
.customer-reg-card .otp-card{background:linear-gradient(135deg, rgba(255,138,0,.08), rgba(255,255,255,.02));}
.otp-actions-inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.otp-actions-inline .btn{min-width:160px}
.customer-reg-form textarea{resize:vertical}
@media (max-width: 900px){
  .registration-entry-grid{grid-template-columns:1fr}
  .otp-actions-inline{align-items:stretch}
}


.reg-ticket-kind{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.reg-ticket-kind.engineer{background:#fff1e6;color:#ff6d10}
.reg-ticket-kind.customer{background:#eef9f2;color:#2b8a57}
.reg-ticket-engineer{border:1px solid rgba(255,109,16,.16);background:linear-gradient(180deg,#fffaf6,#ffffff)}
.reg-ticket-customer{border:1px solid rgba(43,138,87,.16);background:linear-gradient(180deg,#f8fffb,#ffffff)}
.v910-icon-btn.is-linked{box-shadow:0 10px 24px rgba(24,26,40,.04)}
.v910-refresh-value{display:flex;align-items:flex-end;gap:8px;line-height:1}
.v910-countdown-number{font-size:48px;font-weight:900;color:#1d2438}
.v910-countdown-unit{font-size:20px;font-weight:800;color:#ff6d10;padding-bottom:6px}
.v910-refresh-caption{margin-top:8px;color:#ff6d10;font-weight:800}
.v910-login-hero.parts .v910-login-kicker,
.v910-login-hero.tech .v910-login-kicker{background:linear-gradient(90deg,#ff6d10,#1d2438)}


/* V9.10.B progress + shared refresh polish */
.v910-sidebar-refresh-wrap{display:grid;gap:10px;margin-bottom:10px}
.v910-refresh-meter{display:grid;gap:8px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(29,36,56,.08)}
.v910-refresh-meter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.v910-refresh-meter-head strong{font-size:13px;color:#1d2438}
.v910-refresh-meter-head span{font-weight:800;color:#ff7a18}
.v910-refresh-meter-track{height:10px;border-radius:999px;background:#ece7e5;overflow:hidden}
.v910-refresh-meter-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a18,#ff973d);border-radius:999px;transition:width .35s ease}
.v910-refresh-meter-foot{font-size:12px;color:#6f7483}
.engineer-reg-progress{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:#fff8f1;border:1px solid rgba(255,122,24,.16);margin-bottom:8px}
.engineer-reg-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.engineer-reg-progress-head strong{font-size:14px;color:#1d2438}
#engineerRegProgressValue{font-weight:900;color:#ff7a18}
.engineer-reg-progress-bar{height:12px;border-radius:999px;background:#efe8e3;overflow:hidden}
.engineer-reg-progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a18,#ff973d);border-radius:999px;transition:width .25s ease}
.v910-refresh-card .v910-refresh-meter{margin:10px 0 8px}
.v910-side-link.active,.v910-top-nav-links a.active,.v910-head-link.active{box-shadow:0 8px 18px rgba(255,122,24,.16)}

/* RAR-inspired landing/about/public styles */
.lp-bg{position:relative;overflow:hidden;border-radius:32px;padding:28px;background:linear-gradient(180deg,#f8fbff 0%,#eef3ff 56%,#ffffff 100%);border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 80px rgba(30,41,59,.10);color:#1e1b4b}
.lp-bg *{box-sizing:border-box}
.lp-orb{position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none;opacity:.9}
.lp-orb-1{width:260px;height:260px;right:-60px;top:-50px;background:radial-gradient(circle,rgba(99,102,241,.28),transparent 70%)}
.lp-orb-2{width:240px;height:240px;left:-50px;bottom:-70px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%)}
.lp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,rgba(255,255,255,.55),transparent 85%);pointer-events:none}
.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(99,102,241,.10);border:1px solid rgba(99,102,241,.18);color:#4338ca;font-weight:800;font-size:.82rem;letter-spacing:.02em}
.lp-badge.soft{background:rgba(59,130,246,.08);color:#1d4ed8;border-color:rgba(59,130,246,.15)}
.lp-h1{margin:0;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.04;color:#1e1b4b;font-weight:900;letter-spacing:-.04em}
.lp-h1-highlight{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-subtitle{font-size:1.05rem;line-height:1.8;color:#64748b;margin:18px 0 0}
.lp-section-title{font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900;color:#1e1b4b;letter-spacing:-.03em}
.lp-glass-card{position:relative;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(148,163,184,.22);border-radius:30px;box-shadow:0 20px 50px rgba(99,102,241,.10)}
.lp-home-lite,.lp-about-shell,.lp-construction-shell{min-height:100%;display:grid;gap:26px}
.lp-home-hero-lite,.lp-about-hero-lite{position:relative;z-index:1;padding:18px 4px 0;display:grid;gap:16px;text-align:left}
.lp-home-heading{max-width:760px}
.lp-word-wave{display:inline-block;position:relative;animation:lpWordWave 2.8s ease-in-out infinite}
@keyframes lpWordWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.lp-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.lp-cta-main,.lp-cta-sec{appearance:none;border:0;border-radius:18px;padding:14px 24px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.lp-cta-main{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 18px 36px rgba(99,102,241,.22)}
.lp-cta-sec{background:#fff;color:#312e81;border:1px solid rgba(99,102,241,.16);box-shadow:0 12px 28px rgba(15,23,42,.06);text-decoration:none}
.lp-cta-main:hover,.lp-cta-sec:hover{transform:translateY(-1px);filter:brightness(1.02)}
.lp-home-progress-shell,.lp-home-proof-grid,.lp-home-service-row{position:relative;z-index:1}
.lp-progress-card{padding:28px}
.lp-progress-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.lp-progress-pill{padding:10px 14px;border-radius:999px;background:rgba(16,185,129,.10);color:#047857;font-weight:800;font-size:.9rem;border:1px solid rgba(16,185,129,.14)}
.lp-progress-track{height:11px;border-radius:999px;background:rgba(99,102,241,.10);overflow:hidden}
.lp-progress-track i{display:block;height:100%;width:72%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a855f7);animation:lpProgressFlow 3.4s ease-in-out infinite}
@keyframes lpProgressFlow{0%,100%{width:58%}50%{width:82%}}
.lp-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.lp-progress-step{background:#fff;border:1px solid rgba(148,163,184,.20);border-radius:22px;padding:16px;display:grid;gap:6px;color:#475569}
.lp-progress-step strong{color:#1e1b4b}
.lp-progress-step.active{border-color:rgba(99,102,241,.26);box-shadow:0 0 0 2px rgba(99,102,241,.06) inset}
.lp-home-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-feature-card{padding:20px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 36px rgba(99,102,241,.08);display:flex;gap:14px;align-items:flex-start}
.lp-feature-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.10));display:grid;place-items:center;font-size:1.4rem;flex:0 0 auto}
.lp-feature-title{margin:0;color:#1e1b4b;font-size:1.05rem}
.lp-feature-desc{margin:6px 0 0;color:#64748b;line-height:1.6}
.lp-home-service-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-service-pill{padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.18);display:grid;gap:6px;box-shadow:0 14px 30px rgba(15,23,42,.05)}
.lp-service-pill span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#6366f1;font-weight:800}
.lp-service-pill strong{color:#1e1b4b}
.lp-person-card{position:relative;z-index:1}
.lp-animated-tagline,.lp-animated-role{display:inline-block;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.01em;position:relative}
.lp-animated-tagline::after,.lp-animated-role::after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:linear-gradient(90deg,#6366f1,#a855f7);transform-origin:left;animation:lpLineRun 2.8s ease-in-out infinite}
@keyframes lpLineRun{0%,100%{transform:scaleX(.18);opacity:.5}50%{transform:scaleX(1);opacity:1}}
.lp-construction-center{position:relative;z-index:1}
.lp-construction-icon{width:124px;height:124px;border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%, white),color-mix(in srgb,var(--accent2) 10%, white));border:2px solid color-mix(in srgb,var(--accent) 18%, white);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;box-shadow:0 20px 60px color-mix(in srgb,var(--accent) 18%, transparent);font-size:3rem;animation:lpFloat 3s ease-in-out infinite}
@keyframes lpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.lp-empty-glow-bar{height:10px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;max-width:340px;margin:0 auto}
.lp-empty-glow-bar i{display:block;height:100%;width:64%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:lpProgressFlow 2.6s ease-in-out infinite}
.lp-loading-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}.lp-loading-dots span{width:10px;height:10px;border-radius:999px;background:#6366f1;opacity:.28;animation:lpDots 1.2s ease-in-out infinite}.lp-loading-dots span:nth-child(2){animation-delay:.15s}.lp-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes lpDots{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.lp-blank-copy{max-width:480px;margin:0 auto 18px}
.v910-login-grid.about-only{grid-template-columns:1fr}.v910-login-grid.about-only .v910-login-hero{grid-column:1/-1}.v910-login-grid.about-only .v910-login-panel{display:none}
.v910-login-hero .lp-bg{padding:26px}
.v910-login-hero .lp-home-lite,.v910-login-hero .lp-about-shell,.v910-login-hero .lp-construction-shell{background:transparent;border:none;box-shadow:none;padding:0}
@media (max-width:1100px){.lp-progress-grid,.lp-home-service-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-home-proof-grid{grid-template-columns:1fr}.lp-progress-head{display:grid}.lp-person-card{grid-template-columns:1fr !important;text-align:center}.lp-person-card > div:last-child{text-align:center}}
@media (max-width:680px){.lp-bg{padding:22px;border-radius:26px}.lp-home-actions{display:grid}.lp-cta-main,.lp-cta-sec{width:100%}.lp-progress-grid,.lp-home-service-row{grid-template-columns:1fr}.lp-h1{font-size:clamp(2rem,9vw,3.3rem)}.lp-about-hero-lite,.lp-home-hero-lite{text-align:center}}

.customer-ops-wrap{display:grid;gap:18px;margin-top:18px}.customer-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.customer-ops-card{border:1px solid rgba(99,102,241,.12);box-shadow:0 14px 34px rgba(15,23,42,.08)}.customer-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.customer-inline-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(148,163,184,.18)}.customer-inline-item:first-child{border-top:0;padding-top:0}.customer-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-coverage-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:12px;border-radius:16px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.24);color:#92400e}.customer-coverage-banner strong{font-size:.9rem}.customer-route-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.85rem}.customer-route-empty{padding:18px;border-radius:16px;background:rgba(15,23,42,.04)}.customer-warranty-card{background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(255,255,255,.96))}
.admin-lead-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;margin-bottom:18px;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.11)}.admin-lead-warning.error{border-color:rgba(239,68,68,.24);background:rgba(239,68,68,.1)}.admin-mini-form .split{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-mini-form label span{display:block;font-size:.82rem;color:#64748b;margin-bottom:6px}.admin-mini-form input{width:100%}.v910-admin-ops-extend{margin-top:16px}
.landing-wa-widget{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.landing-wa-float{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#25D366;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 18px 40px rgba(37,211,102,.28)}.landing-wa-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22)}.landing-wa-prompt{width:min(320px,calc(100vw - 36px));padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(37,211,102,.22);box-shadow:0 18px 40px rgba(15,23,42,.12);display:none;position:relative}.landing-wa-prompt.show{display:grid;gap:6px}.landing-wa-prompt strong{font-size:.95rem;color:#0f172a}.landing-wa-prompt span{font-size:.88rem;color:#475569}.landing-wa-prompt a{font-weight:700;color:#16a34a;text-decoration:none}.landing-wa-prompt button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:#64748b}


.v910-login-helper{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:#166534;font-size:.92rem;line-height:1.45}
.customer-coverage-fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}
.customer-coverage-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.16),transparent 36%),radial-gradient(circle at 80% 18%,rgba(16,185,129,.16),transparent 30%),linear-gradient(135deg,#06111f,#0b1730 42%,#0c1e3f 100%)}
.customer-coverage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25));opacity:.45}
.customer-coverage-orb{position:absolute;border-radius:999px;filter:blur(8px);opacity:.9;animation:coverageFloat 8s ease-in-out infinite}
.customer-coverage-orb.orb-one{width:260px;height:260px;left:-40px;top:12%;background:radial-gradient(circle,rgba(59,130,246,.42),transparent 70%)}
.customer-coverage-orb.orb-two{width:240px;height:240px;right:-30px;bottom:10%;background:radial-gradient(circle,rgba(16,185,129,.38),transparent 70%);animation-delay:-3s}
.customer-coverage-shell{position:relative;z-index:2;max-width:760px;width:min(92vw,760px);padding:42px 32px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:rgba(8,17,33,.74);backdrop-filter:blur(18px);box-shadow:0 25px 80px rgba(0,0,0,.45);text-align:center;color:#fff}
.customer-coverage-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(74,222,128,.28);color:#d1fae5;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.customer-coverage-shell h2{margin:20px 0 12px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;background:linear-gradient(90deg,#fff,#86efac,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent;animation:coverageGlow 4s linear infinite}
.customer-coverage-shell p{margin:0 auto;max-width:620px;color:rgba(255,255,255,.84);font-size:1.05rem;line-height:1.7}
.customer-coverage-loader{display:flex;justify-content:center;gap:12px;margin:26px 0 20px}
.customer-coverage-loader span{width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,#86efac,#60a5fa);animation:coverageBounce 1.2s infinite ease-in-out}
.customer-coverage-loader span:nth-child(2){animation-delay:.15s}.customer-coverage-loader span:nth-child(3){animation-delay:.3s}
.customer-coverage-marquee{overflow:hidden;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:10px 0;margin:0 auto 24px;max-width:540px}
.customer-coverage-marquee span{display:inline-block;white-space:nowrap;padding-left:100%;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#bfdbfe;animation:coverageMarquee 12s linear infinite}
.customer-coverage-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.customer-coverage-actions .btn{min-width:200px}
@keyframes coverageBounce{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-10px);opacity:1}}
@keyframes coverageMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@keyframes coverageFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-16px,0) scale(1.06)}}
@keyframes coverageGlow{0%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 14px rgba(147,197,253,.35))}100%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}


.hero-no-video{display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-mini-badge{padding:10px 14px;border-radius:999px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.24);font-weight:700;color:#ea580c}.customer-trust-mini-card{display:grid;gap:8px;padding:18px;border-radius:22px;border:1px solid rgba(99,102,241,.14);background:linear-gradient(180deg,rgba(99,102,241,.08),rgba(255,255,255,.96));box-shadow:0 14px 34px rgba(15,23,42,.08)}.customer-trust-kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6366f1;font-weight:800}.customer-trust-mini-card strong{font-size:1.1rem;color:#0f172a}.customer-trust-mini-card span{color:#475569;line-height:1.55}.customer-coverage-animated-line{margin:10px auto 0;overflow:hidden;max-width:440px}.customer-coverage-animated-line span{display:inline-block;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#e0f2fe;animation:coverageMarquee 9s linear infinite;white-space:nowrap;padding-left:100%}


.cityworkshop-otp-modal,.cityworkshop-idle-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,15,28,.55);backdrop-filter:blur(8px);z-index:9999;padding:24px}
.cityworkshop-otp-card,.cityworkshop-idle-card{width:min(92vw,460px);background:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 80px rgba(15,23,42,.25);border:1px solid rgba(99,102,241,.12)}
.cityworkshop-otp-badge,.cityworkshop-idle-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(99,102,241,.1);color:#4338ca;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}
.cityworkshop-otp-actions,.cityworkshop-idle-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.cityworkshop-idle-count{display:flex;align-items:end;gap:10px;margin:18px 0 10px;color:#111827}
.cityworkshop-idle-count span{font-size:3rem;font-weight:900;line-height:1}
.cityworkshop-idle-count small{font-size:.95rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

/* HosV2 professional landing + partner flow */
.landing-enhancer-wrap{display:grid;gap:18px;margin-top:24px}
.landing-enhancer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.landing-ticket-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(14,20,38,.72),rgba(15,23,42,.86));border-radius:22px;padding:18px 18px 16px;box-shadow:0 18px 48px rgba(2,6,23,.28)}
.landing-ticket-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,166,0,.18),transparent 45%);pointer-events:none}
.landing-ticket-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#cbd5e1}
.landing-ticket-card strong{display:block;font-size:32px;line-height:1.1;margin-top:8px;color:#fff}
.landing-ticket-card small{display:block;margin-top:8px;color:#cbd5e1}
.landing-ticket-card.pulse{animation:landingPulse 2.8s ease-in-out infinite}
@keyframes landingPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.landing-location-checker{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:end;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.landing-location-checker h3{margin:8px 0 6px;font-size:24px;color:#fff}
.landing-location-checker p{margin:0;color:#d7deea}
.landing-location-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landing-location-form label{display:grid;gap:6px;color:#d7deea;font-size:13px}
.landing-location-form select,.landing-location-form textarea,.landing-location-form input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(10,15,28,.88);color:#fff}
.landing-location-badge{padding:12px 14px;border-radius:14px;font-weight:700;display:inline-flex;align-items:center;min-height:46px}
.landing-location-badge.neutral{background:rgba(255,255,255,.08);color:#e2e8f0}
.landing-location-badge.warning{background:rgba(255,190,60,.14);color:#ffe08a}
.landing-location-badge.success{background:rgba(34,197,94,.16);color:#b7f7cb}
.partner-reg-form textarea{min-height:96px;resize:vertical}
.upload-preview{min-height:96px;border-radius:16px;border:1px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);overflow:hidden}
.upload-preview img{max-width:100%;max-height:120px;display:block}
.partner-card{max-width:720px}
.v910-role-partner .v910-header{background:linear-gradient(180deg,#0f172a,#111827)}
.v910-role-partner .v910-sidebar{background:linear-gradient(180deg,#111827,#0b1220)}
.v910-role-partner .v910-main{background:#f8fafc}
@media (max-width: 1024px){.pro3d-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro3d-location-checker{grid-template-columns:1fr}.pro3d-location-form{grid-template-columns:1fr}}
@media (max-width: 640px){.pro3d-stats-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════
   PRO 3D LANDING PAGE — Professional Animated Design
   ═══════════════════════════════════════════════════════ */

.pro3d-landing{position:relative;overflow:hidden;border-radius:32px;min-height:100%;background:linear-gradient(145deg,#0a0e1a 0%,#0f1629 28%,#131b35 56%,#0d1226 100%);color:#e8eaf6;padding:0}
.pro3d-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.7}
.pro3d-mesh-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);z-index:1;pointer-events:none}
.pro3d-grid-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.08),transparent 56%);z-index:1;pointer-events:none}
.pro3d-orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.6;z-index:1;pointer-events:none}
.pro3d-orb-1{width:400px;height:400px;top:-120px;right:-80px;background:radial-gradient(circle,rgba(99,102,241,.45),transparent 70%);animation:pro3dFloat 8s ease-in-out infinite}
.pro3d-orb-2{width:350px;height:350px;bottom:-80px;left:-60px;background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%);animation:pro3dFloat 10s ease-in-out infinite reverse}
.pro3d-orb-3{width:250px;height:250px;top:40%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);animation:pro3dFloat 12s ease-in-out infinite 2s}
@keyframes pro3dFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(25px,10px) scale(1.02)}}

/* Hero */
.pro3d-hero{position:relative;z-index:2;padding:64px 48px 28px;max-width:820px}
.pro3d-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.24);color:#a5b4fc;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px);margin-bottom:24px}
.pro3d-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pro3dPulseDot 1.5s ease-out infinite}
@keyframes pro3dPulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.pro3d-title{margin:0 0 22px;font-family:'Outfit','Inter',system-ui,sans-serif;font-size:clamp(2.8rem,6vw,5rem);line-height:1;font-weight:900;letter-spacing:-.05em;color:#fff}
.pro3d-title-accent{background:linear-gradient(135deg,#818cf8,#a78bfa,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:pro3dGradShift 4s ease infinite}
@keyframes pro3dGradShift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}
.pro3d-subtitle{font-size:1.15rem;line-height:1.75;color:rgba(203,213,225,.85);max-width:640px;margin:0 0 28px}
.pro3d-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.pro3d-btn-primary{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border:0;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 20px 40px rgba(99,102,241,.3)}
.pro3d-btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translateX(-100%);animation:pro3dShine 3s ease-in-out infinite}
@keyframes pro3dShine{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.pro3d-btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(99,102,241,.4)}
.pro3d-btn-arrow{font-style:normal;transition:transform .2s}.pro3d-btn-primary:hover .pro3d-btn-arrow{transform:translateX(4px)}
.pro3d-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);color:#cbd5e1;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:all .2s}
.pro3d-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(148,163,184,.35);color:#fff;transform:translateY(-1px)}
.pro3d-trust-row{display:flex;gap:16px;flex-wrap:wrap}
.pro3d-trust-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.12);backdrop-filter:blur(8px)}
.pro3d-trust-chip strong{color:#fff;font-size:1rem}.pro3d-trust-chip span{color:#94a3b8;font-size:.82rem}

/* Flow section */
.pro3d-flow-section{position:relative;z-index:2;padding:0 48px 28px}
.pro3d-flow-card{padding:32px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(0,0,0,.2)}
.pro3d-flow-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.pro3d-flow-badge{display:inline-flex;padding:8px 16px;border-radius:999px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);color:#a5b4fc;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.pro3d-flow-confidence{padding:10px 16px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#4ade80;font-weight:800;font-size:.85rem}
.pro3d-flow-bar{height:6px;border-radius:999px;background:rgba(99,102,241,.12);overflow:hidden;margin-bottom:24px}
.pro3d-flow-bar i{display:block;height:100%;width:72%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);background-size:200% 100%;animation:pro3dBarShimmer 3s linear infinite}
@keyframes pro3dBarShimmer{0%{background-position:200% 0}100%{background-position:0 0}}
.pro3d-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pro3d-step{padding:20px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08);display:grid;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}
.pro3d-step::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.06),transparent);opacity:0;transition:opacity .3s}.pro3d-step:hover::before{opacity:1}
.pro3d-step:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.2);box-shadow:0 16px 40px rgba(99,102,241,.12)}
.pro3d-step.active{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.06)}
.pro3d-step-num{font-family:'Outfit',sans-serif;font-size:2rem;font-weight:900;color:rgba(99,102,241,.25);line-height:1}
.pro3d-step.active .pro3d-step-num{color:rgba(99,102,241,.6)}
.pro3d-step strong{color:#e2e8f0;font-size:1.05rem}.pro3d-step span{color:#64748b;font-size:.85rem;line-height:1.5}

/* Features */
.pro3d-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 48px 28px}
.pro3d-feature-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08);backdrop-filter:blur(8px);display:flex;gap:16px;align-items:flex-start;transition:all .3s;position:relative;overflow:hidden}
.pro3d-feature-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(99,102,241,.05),transparent 30%);animation:pro3dRotate 8s linear infinite;opacity:0;transition:opacity .3s}
@keyframes pro3dRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.pro3d-feature-card:hover::after{opacity:1}
.pro3d-feature-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.2);box-shadow:0 20px 50px rgba(99,102,241,.12)}
.pro3d-feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;flex:0 0 auto;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.1));border:1px solid rgba(99,102,241,.12)}
.pro3d-feature-body h3{margin:0 0 6px;color:#e2e8f0;font-size:1.05rem;font-weight:800}
.pro3d-feature-body p{margin:0;color:#64748b;font-size:.88rem;line-height:1.6}

/* Services */
.pro3d-services{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0 48px 48px}
.pro3d-service-card{padding:18px 14px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.08);display:grid;gap:8px;justify-items:center;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}
.pro3d-service-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s}
.pro3d-service-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(99,102,241,.3);box-shadow:0 24px 48px rgba(99,102,241,.18)}
.pro3d-service-card:hover::before{opacity:1}
.pro3d-service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.08));animation:pro3dIconFloat 3s ease-in-out infinite}
.pro3d-service-card:nth-child(2) .pro3d-service-icon{animation-delay:.3s}
.pro3d-service-card:nth-child(3) .pro3d-service-icon{animation-delay:.6s}
.pro3d-service-card:nth-child(4) .pro3d-service-icon{animation-delay:.9s}
.pro3d-service-card:nth-child(5) .pro3d-service-icon{animation-delay:1.2s}
.pro3d-service-card:nth-child(6) .pro3d-service-icon{animation-delay:1.5s}
@keyframes pro3dIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.pro3d-service-card strong{color:#e2e8f0;font-size:.88rem}.pro3d-service-card span{color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}

/* Stats grid */
.pro3d-enhancer-wrap{display:grid;gap:24px;margin-top:28px;position:relative;z-index:2}
.pro3d-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pro3d-stat-card{position:relative;display:flex;align-items:center;gap:14px;padding:20px 18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(12px);overflow:hidden;transition:all .3s}
.pro3d-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.2)}
.pro3d-stat-shine{position:absolute;top:-50%;right:-50%;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:.3;pointer-events:none;transition:opacity .3s}
.pro3d-stat-glow-1 .pro3d-stat-shine{background:#6366f1}.pro3d-stat-glow-1:hover .pro3d-stat-shine{opacity:.5}
.pro3d-stat-glow-2 .pro3d-stat-shine{background:#22c55e}.pro3d-stat-glow-2:hover .pro3d-stat-shine{opacity:.5}
.pro3d-stat-glow-3 .pro3d-stat-shine{background:#f59e0b}.pro3d-stat-glow-3:hover .pro3d-stat-shine{opacity:.5}
.pro3d-stat-glow-4 .pro3d-stat-shine{background:#3b82f6}.pro3d-stat-glow-4:hover .pro3d-stat-shine{opacity:.5}
.pro3d-stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.08);flex:0 0 auto}
.pro3d-stat-content{display:grid;gap:2px}.pro3d-stat-content span{color:#94a3b8;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.pro3d-stat-content strong{color:#fff;font-size:1.6rem;font-weight:900;font-family:'Outfit',sans-serif}

/* Location checker */
.pro3d-location-checker{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:end;padding:28px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(12px)}
.pro3d-location-info h3{margin:10px 0 8px;font-size:1.5rem;color:#fff;font-weight:800}.pro3d-location-info p{margin:0;color:#94a3b8}
.pro3d-location-form{display:grid;gap:12px}
.pro3d-location-form label{display:grid;gap:6px;color:#94a3b8;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pro3d-location-form select,.pro3d-location-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.15);background:rgba(15,22,41,.8);color:#e2e8f0;font-size:.95rem}
.pro3d-location-form select:focus,.pro3d-location-form input:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}
.pro3d-coverage-badge{padding:14px 18px;border-radius:16px;font-weight:700;display:flex;align-items:center;gap:10px;font-size:.9rem;grid-column:1/-1}
.pro3d-coverage-badge.neutral{background:rgba(148,163,184,.08);color:#94a3b8;border:1px solid rgba(148,163,184,.12)}
.pro3d-coverage-badge.success{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.pro3d-coverage-badge.warning{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}

/* Responsive */
@media (max-width:1100px){.pro3d-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pro3d-features{grid-template-columns:1fr}.pro3d-services{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.pro3d-hero{padding:36px 24px 20px}.pro3d-title{font-size:clamp(2.2rem,8vw,3.5rem)}.pro3d-flow-section,.pro3d-features,.pro3d-services{padding-left:24px;padding-right:24px}.pro3d-flow-steps{grid-template-columns:1fr}.pro3d-services{grid-template-columns:repeat(2,minmax(0,1fr))}.pro3d-hero-actions{display:grid}.pro3d-btn-primary,.pro3d-btn-ghost{width:100%;justify-content:center}.pro3d-flow-card{padding:22px}.pro3d-location-checker{grid-template-columns:1fr}}
@media (max-width:480px){.pro3d-services{grid-template-columns:1fr}.pro3d-stats-grid{grid-template-columns:1fr 1fr}}


/* HosV12.2 OTP-only login compact patch */
.v122-login-shell .v910-login-panel{align-self:start}
.v122-login-card{background:linear-gradient(180deg,#22264f 0%,#1e2145 100%);border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 22px 60px rgba(15,23,42,.34);padding:22px 22px 18px;color:#fff;max-width:420px;width:100%}
.v122-login-head h2{margin:0 0 6px;font-size:2rem;line-height:1.05;font-weight:900;color:#fff}
.v122-login-head p{margin:0 0 16px;color:rgba(255,255,255,.76);font-size:.94rem;line-height:1.45}
.v122-login-form{display:grid;gap:12px}
.v122-login-form label{display:grid;gap:6px}
.v122-login-form label span{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.76)}
.v122-login-form input{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#f3f4f6;color:#111827;padding:0 14px;font-size:1rem;outline:none}
.v122-login-form input[readonly]{opacity:.84}
.v122-login-note{font-size:.88rem;line-height:1.4;border-radius:12px;background:rgba(255,255,255,.07);padding:10px 12px;color:rgba(255,255,255,.88)}
.v122-login-note.error{background:rgba(220,38,38,.18);color:#fecaca;border:1px solid rgba(248,113,113,.28)}
.v122-login-actions{display:grid;gap:10px}
.v122-login-actions.otp-step{grid-template-columns:1fr 1fr}
.v122-login-actions.otp-step .v122-primary-btn{grid-column:1/-1}
.v122-captcha-slot:empty{display:none}
.v122-keepalive{margin:0;color:rgba(255,255,255,.82)}
.v122-login-grid{align-items:start;gap:18px}
.v122-login-shell .v910-login-header{padding-bottom:12px}
.v122-login-shell .v910-login-footer{margin-top:12px;padding-top:12px;padding-bottom:14px;font-size:.82rem}
.v122-login-shell .v910-search-pill{padding:8px 12px;font-size:.84rem}
.v122-login-shell .pro3d-landing{padding:18px;min-height:auto}
.v122-login-shell .pro3d-hero{padding:22px 20px 18px;gap:14px}
.v122-login-shell .pro3d-title{font-size:clamp(2rem,4vw,3rem);line-height:1.02;margin:0}
.v122-login-shell .pro3d-subtitle{font-size:.95rem;line-height:1.5;max-width:580px}
.v122-login-shell .pro3d-hero-actions{gap:10px;flex-wrap:wrap}
.v122-login-shell .pro3d-hero-actions .pro3d-btn-ghost:last-child{display:inline-flex}
.v122-login-shell .pro3d-trust-row{gap:10px}
.v122-login-shell .pro3d-trust-chip{padding:10px 14px}
.v122-login-shell .pro3d-flow-section{margin-top:14px}
.v122-login-shell .pro3d-flow-card,.v122-login-shell .pro3d-booking-card,.v122-login-shell .pro3d-stats-card,.v122-login-shell .pro3d-service-card{padding:16px 16px}
.v122-login-shell .v910-login-hero video,.v122-login-shell .welcome-video,.v122-login-shell .small-video,.v122-login-shell .media-right{display:none!important}
#adminLoginHelper,#partnerSignupBtn,.v910-login-logo{display:none!important}
@media (max-width: 980px){
  .v122-login-grid{grid-template-columns:1fr}
  .v122-login-card{max-width:none}
  .v122-login-shell .v910-login-footer{display:none}
}
@media (max-width: 640px){
  .v122-login-card{border-radius:22px;padding:18px 16px 16px}
  .v122-login-head h2{font-size:1.75rem}
  .v122-login-actions.otp-step{grid-template-columns:1fr}
  .v122-login-shell .v910-login-header{padding-left:12px;padding-right:12px}
  .v122-login-shell .v910-login-grid{gap:12px}
  .v122-login-shell .pro3d-landing{padding:14px}
  .v122-login-shell .pro3d-hero{padding:18px 16px}
}

/* HosV12.7 professional registration + OTP polish */
.reg-pro-shell{background:radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 26%),linear-gradient(180deg,#060d1d 0%,#0a1229 52%,#0d1630 100%)}
.reg-pro-grid{align-items:start}
.reg-pro-card,.engineer-reg-card,.partner-card{border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(7,14,30,.98),rgba(15,23,42,.95));box-shadow:0 28px 90px rgba(2,6,23,.55);backdrop-filter:blur(18px)}
.reg-pro-head{align-items:flex-start;gap:18px}
.reg-pro-head .title,.partner-card h2{letter-spacing:-.03em}
.reg-pro-head .subtitle,.partner-card>p,.reg-pro-copy{color:#cbd5e1;max-width:820px;line-height:1.6}
.reg-pro-section{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.reg-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.reg-section-head h3{margin:0;font-size:1.08rem;color:#f8fafc}
.reg-section-step{margin:0 0 5px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#8b5cf6;font-weight:800}
.reg-section-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(99,102,241,.14);border:1px solid rgba(129,140,248,.2);color:#c4b5fd;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.reg-hero-band{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(79,70,229,.18),rgba(15,23,42,.78));border:1px solid rgba(129,140,248,.16);margin-bottom:12px}
.reg-hero-band strong{display:block;color:#fff;font-size:1rem}
.reg-hero-band span{display:block;color:#cbd5e1;font-size:.92rem}
.reg-hero-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(74,222,128,.2);font-weight:700;white-space:nowrap}
.reg-pro-soft-card{border-radius:20px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.36)}
.reg-inline-note{align-items:center;gap:14px}
.reg-otp-section{overflow:hidden}
.reg-otp-panel{display:grid;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(79,70,229,.12),rgba(15,23,42,.2));border:1px solid rgba(129,140,248,.16)}
.reg-otp-panel.compact{padding:16px}
.reg-captcha-mount{min-height:78px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px dashed rgba(148,163,184,.2);display:flex;align-items:center;justify-content:center;overflow:auto}
.reg-otp-entry label{margin:0}
.reg-otp-status{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.12);color:#cbd5e1;font-size:.96rem;line-height:1.5}
.reg-otp-status.error{background:rgba(127,29,29,.36);border-color:rgba(248,113,113,.28);color:#fecaca}
.reg-otp-status.success{background:rgba(20,83,45,.34);border-color:rgba(74,222,128,.25);color:#bbf7d0}
.reg-otp-actions{display:flex;flex-wrap:wrap;gap:10px}
.reg-terms-check{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.12);font-weight:600;color:#e5e7eb}
.reg-terms-check input{margin-top:3px;accent-color:#8b5cf6}
#engineerRegSubmitBtn.otp-ready,#partnerRegSubmitBtn.otp-ready{box-shadow:0 12px 30px rgba(99,102,241,.28)}
.partner-reg-form input,.partner-reg-form select,.partner-reg-form textarea,.engineer-reg-form input,.engineer-reg-form select,.engineer-reg-form textarea{transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}
.partner-reg-form input:focus,.partner-reg-form select:focus,.partner-reg-form textarea:focus,.engineer-reg-form input:focus,.engineer-reg-form select:focus,.engineer-reg-form textarea:focus{border-color:rgba(129,140,248,.72);box-shadow:0 0 0 4px rgba(99,102,241,.16);background:rgba(255,255,255,.08)}
@media (max-width: 860px){
  .reg-section-head,.reg-hero-band,.reg-otp-actions{flex-direction:column;align-items:stretch}
  .reg-section-chip,.reg-hero-pill{width:max-content}
}


/* HosV12.8 status system + registration visibility */
.status-new,.status-request_submitted,.status-pending{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc}.status-unassigned,.status-awaiting_admin,.status-awaiting_parts{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}.status-assigned,.status-lead_generated,.status-manually_assigned{background:#ede9fe;color:#6d28d9;border:1px solid #c4b5fd}.status-in_progress,.status-started,.status-purchased,.status-lead_purchased{background:#cffafe;color:#0f766e;border:1px solid #67e8f9}.status-on_hold,.status-reopened,.status-job_done{background:#fae8ff;color:#a21caf;border:1px solid #f0abfc}.status-cancelled,.status-rejected,.status-failed,.status-blocked{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.status-escalated,.status-suspended{background:#3f1020;color:#fecdd3;border:1px solid #fb7185}.status-approved,.status-paid,.status-active,.status-completed,.status-closed,.status-refunded{background:#dcfce7;color:#166534;border:1px solid #86efac}
body.role-admin .pill, body.role-customer .pill, body.role-engineer .pill{box-shadow:0 8px 18px rgba(15,23,42,.08)}
.engineer-reg-page,.partner-reg-page,.engineer-reg-page .muted,.partner-reg-page .muted,.engineer-reg-page label span,.partner-reg-page label span,.engineer-reg-page h1,.partner-reg-page h1,.engineer-reg-page h2,.partner-reg-page h2,.engineer-reg-page h3,.partner-reg-page h3{color:#1f2947!important}.engineer-reg-page input,.partner-reg-page input,.engineer-reg-page select,.partner-reg-page select,.engineer-reg-page textarea,.partner-reg-page textarea{color:#172033!important;background:#fff!important;border-color:#d7ddea!important}.engineer-reg-page input::placeholder,.partner-reg-page input::placeholder{color:#7b879c!important}.engineer-reg-page .reg-pro-section,.partner-reg-page .reg-pro-section,.engineer-reg-page .engineer-reg-section,.partner-reg-page .engineer-reg-section{background:#ffffff!important;border-color:#e4e8f2!important;box-shadow:0 18px 50px rgba(15,23,42,.06)}
.mobile-authority-card{margin-top:16px}.mobile-authority-current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}.mobile-authority-current>div{padding:14px 16px;border:1px solid #26324d;border-radius:16px;background:#0d1422}.mobile-authority-current span{display:block;color:#93a4bf;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.mobile-authority-current strong{font-size:18px;color:#fff}.mobile-authority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-authority-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mobile-authority-card .reg-otp-status{margin-top:12px}@media(max-width:780px){.mobile-authority-current,.mobile-authority-grid{grid-template-columns:1fr}}


/* HosV12.8.1 registration clarity refresh */
.engineer-reg-page,.partner-reg-page{color:#1e293b!important}
.engineer-reg-page .reg-pro-card,.partner-reg-page .reg-pro-card,.engineer-reg-page .engineer-reg-card,.partner-reg-page .partner-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid #dbe5f4!important;box-shadow:0 28px 80px rgba(15,23,42,.10)!important}
.engineer-reg-page .brand,.partner-reg-page .brand,.engineer-reg-page .v910-login-logo,.partner-reg-page .v910-login-logo{color:#1d4ed8!important}
.engineer-reg-page .brand span,.partner-reg-page .brand span,.engineer-reg-page .v910-login-logo span,.partner-reg-page .v910-login-logo span{color:#8b5cf6!important}
.engineer-reg-page .title,.partner-reg-page h2{color:#1f2947!important;font-weight:900!important;letter-spacing:-.035em}
.engineer-reg-page .subtitle,.partner-reg-page>p,.engineer-reg-page .muted,.partner-reg-page .muted,.engineer-reg-page .reg-pro-copy,.partner-reg-page .reg-pro-copy{color:#516179!important}
.engineer-reg-page .reg-pro-section,.partner-reg-page .reg-pro-section,.engineer-reg-page .engineer-reg-section,.partner-reg-page .engineer-reg-section{background:#ffffff!important;border-color:#dce6f4!important;box-shadow:0 14px 36px rgba(15,23,42,.06)!important}
.engineer-reg-page .reg-section-step,.partner-reg-page .reg-section-step{color:#6d28d9!important;font-weight:900!important;letter-spacing:.08em}
.engineer-reg-page .reg-section-head h3,.partner-reg-page .reg-section-head h3{color:#1f2947!important;font-weight:800!important}
.engineer-reg-page .reg-section-chip,.partner-reg-page .reg-section-chip{background:#eef2ff!important;color:#5b21b6!important;border:1px solid #c7d2fe!important;font-weight:800!important}
.engineer-reg-page label span,.partner-reg-page label span{color:#334155!important;font-weight:700!important}
.engineer-reg-page input,.engineer-reg-page select,.engineer-reg-page textarea,.partner-reg-page input,.partner-reg-page select,.partner-reg-page textarea{color:#0f172a!important;background:#ffffff!important;border:1px solid #cfd8e8!important;box-shadow:none!important}
.engineer-reg-page input::placeholder,.engineer-reg-page textarea::placeholder,.partner-reg-page input::placeholder,.partner-reg-page textarea::placeholder{color:#7c8aa5!important}
.engineer-reg-page input:focus,.engineer-reg-page select:focus,.engineer-reg-page textarea:focus,.partner-reg-page input:focus,.partner-reg-page select:focus,.partner-reg-page textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 4px rgba(139,92,246,.12)!important}
.engineer-reg-page .check-pill,.partner-reg-page .check-pill{background:#f8fafc!important;border-color:#dbe5f4!important;color:#334155!important}
.engineer-reg-page .reg-hero-band,.partner-reg-page .reg-hero-band{background:linear-gradient(135deg,#eef2ff 0%,#f8fbff 100%)!important;border:1px solid #cfd8ff!important}
.engineer-reg-page .reg-hero-band strong,.partner-reg-page .reg-hero-band strong{color:#1f2947!important}
.engineer-reg-page .reg-hero-band span,.partner-reg-page .reg-hero-band span{color:#5b6478!important}
.engineer-reg-page .reg-hero-pill,.partner-reg-page .reg-hero-pill{background:#ffffff!important;color:#5b21b6!important;border:1px solid #ddd6fe!important}
.engineer-reg-page .file-preview,.partner-reg-page .file-preview,.partner-reg-page .upload-preview{background:#f8fbff!important;border:1px dashed #cbd5e1!important;color:#334155!important}
.engineer-reg-page .file-preview strong,.partner-reg-page .file-preview strong,.partner-reg-page .upload-preview strong{color:#1f2947!important}
.engineer-reg-page .reg-otp-status,.partner-reg-page .reg-otp-status{background:#f8fbff!important;border:1px solid #d6e0ee!important;color:#42536b!important}
.engineer-reg-page .reg-otp-status.error,.partner-reg-page .reg-otp-status.error{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.engineer-reg-page .reg-otp-status.success,.partner-reg-page .reg-otp-status.success{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
.engineer-reg-page .reg-terms-check,.partner-reg-page .reg-terms-check{background:#f8fbff!important;border:1px solid #d6e0ee!important;color:#334155!important}
.engineer-reg-page .outside-work-box,.partner-reg-page .outside-work-box,.engineer-reg-page .selfie-card,.partner-reg-page .selfie-card{background:#f8fbff!important;border-color:#dce6f4!important;color:#334155!important}



/* HosV12.9 landing clarity + banner + about-us cleanup */
.v122-login-head h2{letter-spacing:-.03em}
.lp-about-clean-hero{max-width:1100px;margin:0 auto 26px;padding:0 28px}
.lp-about-clean-grid{max-width:1100px;margin:0 auto 48px;padding:0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lp-person-clean-card{padding:32px;display:flex;gap:22px;align-items:flex-start;background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 20px 60px rgba(15,23,42,.10)!important}
.lp-person-avatar{width:92px;height:92px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#fff;flex:none;box-shadow:0 16px 36px rgba(99,102,241,.22)}
.lp-person-avatar.founder{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}
.lp-person-avatar.developer{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.lp-person-copy h2{margin:0 0 10px;font-size:1.55rem;color:#1f2947;letter-spacing:-.03em}
.lp-person-copy p{margin:0;color:#475569;line-height:1.7;font-size:1rem}
.lp-person-role{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;margin-bottom:12px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lp-person-role.founder{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}
.lp-person-role.developer{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.lp-inline-cta{margin-top:16px;display:inline-flex}
.landing-flash-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#f97316 0%,#ec4899 100%);box-shadow:0 24px 50px rgba(249,115,22,.24);color:#fff}
.landing-flash-copy{display:grid;gap:4px}
.landing-flash-copy strong{font-size:1rem;line-height:1.4}
.landing-flash-label{display:inline-flex;width:max-content;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.landing-flash-actions{display:flex;align-items:center;gap:10px}
.landing-flash-cta{border:0;border-radius:12px;padding:11px 16px;background:#fff;color:#9a3412;font-weight:800;cursor:pointer}
.landing-flash-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:38px;height:38px;border-radius:12px;font-size:1.35rem;cursor:pointer}
.landing-wa-widget.compact{gap:0}
.landing-wa-widget.compact .landing-wa-prompt{display:none!important}
.landing-wa-widget.compact .landing-wa-float{opacity:.96}
.v122-login-shell .pro3d-hero-actions .join-partner-btn{display:inline-flex!important;visibility:visible!important}
.engineer-reg-page .subtitle,.partner-reg-page .partner-card>p,.partner-reg-page .v910-login-card>p{color:#5b677f!important;font-size:1rem!important;line-height:1.75!important}
.engineer-reg-page .brand,.partner-reg-page .brand{font-weight:900!important;font-size:2rem!important}
.engineer-reg-page .title,.partner-reg-page h2{font-size:3rem!important;line-height:1.04!important}
.engineer-reg-page .reg-section-chip,.partner-reg-page .reg-section-chip{background:#ede9fe!important;color:#5b21b6!important;border-color:#c4b5fd!important}
.engineer-reg-page .muted,.partner-reg-page .muted{color:#516179!important}
.engineer-reg-page .btn.secondary,.partner-reg-page .btn.secondary{background:#fff!important;color:#1f2947!important;border:1px solid #d6deeb!important}
@media (max-width: 940px){.lp-about-clean-grid{grid-template-columns:1fr}.landing-flash-banner{align-items:flex-start;flex-direction:column}.landing-flash-actions{width:100%;justify-content:space-between}}

.partner-reg-page .field-help,.engineer-reg-page .field-help{display:block;margin-top:6px;font-size:.82rem;line-height:1.45;color:#64748b!important}
.partner-reg-page .reg-hero-band{align-items:center!important}
.partner-reg-page .reg-hero-band>div{display:flex;flex-direction:column;gap:4px}
.partner-reg-page .ticket-partners span{color:#4f46e5!important}
.partner-reg-page .ticket-partners small{color:#516179!important}
.partner-reg-page .v910-login-hero p,.engineer-reg-page .subtitle{color:#5b677f!important}
.partner-reg-page .v910-login-hero .landing-ticket-card{background:#ffffff!important;border:1px solid #dce6f4!important;color:#1f2947!important;box-shadow:0 14px 36px rgba(15,23,42,.06)!important}

/* HosV12.11 public refinements */
.v122-login-shell .v910-login-grid.single-panel{grid-template-columns:1fr!important}
.v122-login-shell .v910-login-grid.single-panel .v910-login-hero{grid-column:1/-1}
.v122-login-shell .v910-login-grid.single-panel .v910-login-panel{display:none!important}

.lp-about-showcase{background:
  radial-gradient(circle at 12% 18%, rgba(99,102,241,.18), transparent 22%),
  radial-gradient(circle at 88% 14%, rgba(14,165,233,.18), transparent 24%),
  linear-gradient(180deg,#f8fbff 0%,#eef4ff 52%,#ffffff 100%)}
.lp-about-clean-hero.colorful .lp-badge.vivid{background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#4338ca;border-color:#c7d2fe;box-shadow:0 12px 24px rgba(99,102,241,.12)}
.lp-about-clean-grid.colorful{align-items:stretch}
.lp-person-clean-card.colorful{position:relative;overflow:hidden;min-height:320px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94));box-shadow:0 24px 60px rgba(30,41,59,.12)}
.lp-person-clean-card.colorful::after{content:'';position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 68%);pointer-events:none}
.lp-person-aura{position:absolute;inset:-40px auto auto -40px;width:180px;height:180px;border-radius:999px;filter:blur(4px);opacity:.9;pointer-events:none}
.lp-person-aura.founder{background:radial-gradient(circle,rgba(99,102,241,.22),transparent 66%)}
.lp-person-aura.developer{background:radial-gradient(circle,rgba(14,165,233,.22),transparent 66%)}
.lp-person-clean-card.colorful .lp-person-copy h2{color:#0f172a;font-size:2rem;line-height:1.1}
.lp-person-clean-card.colorful .lp-person-copy p{color:#334155;font-size:1rem;line-height:1.72}
.lp-person-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.lp-person-tags span{padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.03em;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}
.lp-inline-cta.vivid{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 18px 36px rgba(99,102,241,.22)}

.partner-reg-page .v910-login-grid.reg-pro-grid{position:relative;gap:34px}
.partner-reg-page .v910-login-grid.reg-pro-grid::before,
.partner-reg-page .v910-login-grid.reg-pro-grid::after{content:'';position:fixed;z-index:0;border-radius:999px;pointer-events:none;filter:blur(6px);animation:partnerFloat 9s ease-in-out infinite}
.partner-reg-page .v910-login-grid.reg-pro-grid::before{width:280px;height:280px;left:4%;top:18%;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 68%)}
.partner-reg-page .v910-login-grid.reg-pro-grid::after{width:320px;height:320px;right:6%;top:24%;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 68%);animation-delay:-3s}
@keyframes partnerFloat{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(10px)}}
.partner-reg-page .reg-pro-hero,.partner-reg-page .partner-form-panel{position:relative;z-index:1}
.partner-reg-page .reg-pro-hero{padding-top:88px}
.partner-reg-page .landing-ticket-card.ticket-partners.colorful{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 60%,#eef2ff 100%)!important;border:1px solid #d7def0!important;box-shadow:0 24px 60px rgba(30,41,59,.12)!important}
.partner-reg-page .landing-ticket-card.ticket-partners strong{color:#4f46e5!important}
.partner-reg-page .landing-ticket-card.ticket-partners small{color:#475569!important;line-height:1.7}
.partner-reg-page .vibrant-panel{position:relative;overflow:visible!important}
.partner-reg-page .vibrant-panel::before{content:'';position:absolute;inset:0;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(14,165,233,.16),rgba(168,85,247,.22));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.partner-reg-page .partner-card{max-height:calc(100vh - 120px);overflow:auto;padding-bottom:26px;scrollbar-width:thin}
.partner-reg-page .partner-card::-webkit-scrollbar{width:10px}
.partner-reg-page .partner-card::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}
.partner-reg-page .partner-card .form{display:grid;gap:16px}
.partner-reg-page .partner-submit-bar{position:sticky;bottom:0;z-index:3;display:grid;gap:10px;padding:14px 0 2px;background:linear-gradient(180deg,rgba(248,251,255,0),rgba(248,251,255,.92) 22%,#f8fbff 100%)}
.partner-reg-page .partner-submit-bar .btn{min-height:54px;font-size:1rem}
.partner-reg-page .partner-submit-bar .muted{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #dde7f5;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.partner-reg-page .reg-hero-band{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 54%,#eff6ff 100%)!important;border:1px solid #c7d2fe!important;box-shadow:0 14px 28px rgba(99,102,241,.08)}
.partner-reg-page .reg-hero-band strong{font-size:1.08rem!important}
.partner-reg-page .reg-pro-hero h1 span{background:linear-gradient(135deg,#818cf8,#22d3ee)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.partner-reg-page .v910-login-panel.partner-form-panel{align-items:flex-start}
.partner-reg-page .v910-login-logo span{font-weight:900;letter-spacing:-.03em}
.partner-reg-page .field-help{font-weight:600}
.partner-reg-page .btn.pulse{box-shadow:0 18px 36px rgba(99,102,241,.24)!important}
.partner-reg-page .btn.secondary{box-shadow:0 10px 24px rgba(15,23,42,.06)!important}

@media (max-width: 980px){
  .partner-reg-page .partner-card{max-height:none;overflow:visible}
  .partner-reg-page .partner-submit-bar{position:static;padding-top:8px;background:transparent}
}

/* HosV12.13 clean branding + location prompt */
.cityworkshop-wordmark,.cityworkshop-wordmark span{font-style:normal!important;letter-spacing:-.03em;font-weight:900;color:#2563eb!important;text-transform:none}
.v910-login-logo.cityworkshop-wordmark{display:inline-flex!important;align-items:center;justify-content:flex-start;min-height:auto}
.customer-layout .topbar.customer-topbar{padding:12px 0 8px;border-bottom:none;justify-content:space-between;align-items:center}
.customer-topbar .customer-topbar-main{display:flex;align-items:center;gap:10px}
.customer-topbar .customer-topbar-actions{gap:10px;align-items:center}
.customer-soft-role{display:block;margin-top:6px;font-size:.82rem;color:#b45309;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.customer-soft-copy,.customer-helper-copy,.customer-workspace .eyebrow,.customer-workspace .muted{font-size:.94rem;line-height:1.55}
.customer-booking-card .section-title h3,.customer-orders-card .section-title h3,.customer-reviews-card .section-title h3,.customer-live-track-card .section-title h3{font-size:1.05rem}
.customer-booking-card .customer-section-tag,.customer-trust-kicker,.customer-live-pill{font-size:.78rem}
.customer-layout .topbar .brand{margin-bottom:0}
.cw-location-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.48);backdrop-filter:blur(6px)}
.cw-location-card{width:min(460px,100%);background:#fff;border-radius:26px;padding:24px;border:1px solid rgba(37,99,235,.16);box-shadow:0 24px 80px rgba(15,23,42,.24);display:grid;gap:14px}
.cw-location-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(37,99,235,.08);color:#1d4ed8;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.cw-location-card h3{margin:0;font-size:1.4rem;color:#0f172a}
.cw-location-card p{margin:0;color:#475569;line-height:1.65}
.cw-location-actions{display:flex;gap:10px;flex-wrap:wrap}
.cw-location-note{font-size:.88rem}
@media (max-width:640px){.customer-topbar .customer-topbar-actions{gap:8px}.customer-topbar .customer-topbar-actions .btn{padding:10px 12px;font-size:.86rem}.customer-soft-copy,.customer-helper-copy,.customer-workspace .eyebrow,.customer-workspace .muted{font-size:.89rem}.cw-location-card{padding:18px;border-radius:22px}}


/* HosV12.14 landing stat refinement */
.pro3d-stats-grid.landing-compact-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.pro3d-stat-card.compact{min-height:104px;padding:14px 14px 12px;border-radius:18px;gap:12px}
.pro3d-stat-card.compact .pro3d-stat-icon{width:44px;height:44px;font-size:1.15rem;flex:0 0 44px}
.pro3d-stat-card.compact .pro3d-stat-content{display:grid;gap:2px;min-width:0}
.pro3d-stat-card.compact .pro3d-stat-content span{font-size:.72rem;line-height:1.15;letter-spacing:.14em;text-transform:uppercase;color:#c7d2fe;font-weight:800}
.pro3d-stat-card.compact .pro3d-stat-content strong{font-size:2rem;line-height:1;color:#fff}
.pro3d-stat-card.compact .pro3d-stat-content small{font-size:.76rem;line-height:1.2;color:#a5b4fc;font-weight:600}
.pro3d-stat-glow-5{box-shadow:0 10px 30px rgba(245,158,11,.14)}
.pro3d-stat-glow-6{box-shadow:0 10px 30px rgba(59,130,246,.14)}
.customer-layout .topbar.customer-topbar{padding:10px 0 6px}
.customer-topbar .btn.btn-mini,.customer-topbar .btn.secondary{font-size:.84rem}
.customer-soft-copy,.customer-helper-copy,.customer-workspace .eyebrow,.customer-workspace .muted{font-size:.88rem;line-height:1.5}
.customer-soft-role{display:inline-block;margin-top:2px;font-size:.76rem;line-height:1.2;color:#64748b;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:1280px){.pro3d-stats-grid.landing-compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.pro3d-stats-grid.landing-compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pro3d-stat-card.compact{min-height:96px;padding:12px}.pro3d-stat-card.compact .pro3d-stat-content strong{font-size:1.7rem}}
@media (max-width:480px){.pro3d-stats-grid.landing-compact-stats{grid-template-columns:1fr 1fr}.pro3d-stat-card.compact .pro3d-stat-content span{font-size:.68rem}}


/* HosV12.15 registration OTP visibility + mobile submit clarity */
@media (max-width: 760px){
  .engineer-reg-page .engineer-reg-form,.partner-reg-page .partner-reg-form{padding-bottom:140px}
  .engineer-reg-page .engineer-reg-actions,.partner-reg-page .partner-submit-bar{position:sticky;bottom:14px;z-index:35;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid #dce6f4;box-shadow:0 16px 44px rgba(15,23,42,.12);backdrop-filter:blur(8px)}
  .engineer-reg-page .engineer-reg-actions .btn,.partner-reg-page .partner-submit-bar .btn{width:100%}
  .engineer-reg-page .engineer-reg-actions .muted,.partner-reg-page .partner-submit-bar .muted{font-size:.9rem;line-height:1.45}
  .engineer-reg-page .reg-otp-section,.partner-reg-page .reg-otp-section{scroll-margin-bottom:180px}
}

/* HosV12.16 registration refresh */
.engineer-reg-page .title,.partner-reg-page h2{font-size:clamp(2.35rem,4vw,3.15rem)!important;line-height:1.05!important}.engineer-reg-page .subtitle,.partner-reg-page .v910-login-card>p,.partner-reg-page .partner-card>p{font-size:1rem!important;line-height:1.7!important;color:#5b6b83!important;max-width:860px}.engineer-reg-page .reg-pro-section,.partner-reg-page .reg-pro-section{border-radius:26px!important}.engineer-reg-page .reg-otp-panel,.partner-reg-page .reg-otp-panel{background:linear-gradient(180deg,#f5f7ff 0%,#eef4ff 100%)!important;border:1px solid #d7e0f1!important}.engineer-reg-page .reg-otp-intro,.partner-reg-page .reg-otp-intro{padding:14px 16px;border-radius:16px;background:#fff;border:1px dashed #cbd5e1;color:#52627b;font-weight:600}.engineer-reg-page .reg-otp-actions .btn,.partner-reg-page .reg-otp-actions .btn{min-width:132px}.engineer-reg-page .engineer-reg-actions,.partner-reg-page .partner-submit-bar{background:rgba(255,255,255,.98)!important}