/* VersandPro generated bundle. Do not edit directly. */

/* source: style.css */
:root{
  --bg:#0b1020;
  --bg-soft:#11182a;
  --panel:#111a2e;
  --panel-2:#17233b;
  --panel-3:#22314f;
  --text:#edf3ff;
  --muted:#95a3bf;
  --line:rgba(148,163,184,.18);
  --accent:#2dd4bf;
  --accent-2:#38bdf8;
  --accent-strong:#0f766e;
  --danger:#ef4444;
  --danger-soft:rgba(239,68,68,.12);
  --ok:#22c55e;
  --warning:#f59e0b;
  --radius:18px;
  --radius-sm:14px;
  --shadow:0 24px 60px rgba(2,8,23,.34);
  --shadow-soft:0 12px 28px rgba(2,8,23,.18);
  --max:1440px;
}

[data-theme="light"]{
  --bg:#edf3fb;
  --bg-soft:#e6edf7;
  --panel:#ffffff;
  --panel-2:#f6f9fd;
  --panel-3:#eaf1fb;
  --text:#122033;
  --muted:#5f7089;
  --line:rgba(15,23,42,.10);
  --shadow:0 24px 60px rgba(15,23,42,.10);
  --shadow-soft:0 12px 28px rgba(15,23,42,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,.10), transparent 28%),
    radial-gradient(circle at top right, rgba(45,212,191,.10), transparent 25%),
    var(--bg);
  color:var(--text);
  font:500 15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button,input,select,textarea{outline:none}
b,strong{font-weight:800}
small,.muted{color:var(--muted)}
h1,h2,h3{margin:0 0 8px}
p{margin:0}
pre{white-space:pre-wrap}

.app-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%, rgba(45,212,191,.07), transparent 25%),radial-gradient(circle at 85% 10%, rgba(56,189,248,.08), transparent 24%);z-index:0}
.icon{width:18px;height:18px;flex:0 0 18px}
.panel,.card,.auth-card,.public-grid article,.band,.glass,.tour-row-card,.quick-link,.timeline-item,.hero-card,.list-card,.tour-row-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.glass{background:linear-gradient(180deg, color-mix(in srgb,var(--panel) 88%, white 12%), var(--panel));backdrop-filter:blur(12px)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:14px;
  background:linear-gradient(135deg,var(--accent-strong),color-mix(in srgb,var(--accent) 65%, var(--accent-strong) 35%));
  color:#fff;font-weight:800;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow:0 14px 30px rgba(15,118,110,.28)
}
.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,118,110,.32)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--line);box-shadow:none}
.btn.ghost:hover{background:var(--panel-2)}
.btn.danger{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 14px 30px rgba(185,28,28,.22)}
.btn.full{width:100%}
.btn.small{min-height:36px;padding:0 12px;font-size:.92rem;border-radius:12px}
.btn.mini{min-height:32px;padding:0 10px;font-size:.84rem;border-radius:11px}
.theme-toggle{min-height:36px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);padding:0 12px;cursor:pointer}

.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-logo{width:42px;height:42px;border-radius:12px;box-shadow:var(--shadow-soft)}
.brand b{display:block;line-height:1.1}
.brand small{display:block;color:var(--muted)}
.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--panel-3),var(--panel-2));color:var(--accent);font-weight:900}
.online-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:var(--ok);margin-right:8px;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.ok{color:var(--ok)}
.eyebrow{color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pill,.status-chip,.hero-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);font-weight:800;font-size:.85rem}
.status-chip i{width:8px;height:8px;border-radius:999px;background:var(--ok);display:block}

.public-nav,.public-footer{max-width:var(--max);margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.public-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.public-nav nav,.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.public-nav nav a:not(.btn){color:var(--muted)}
.public-nav nav a:not(.btn):hover{color:var(--text)}
.public-footer{border-top:1px solid var(--line);margin-top:28px}

.hero{max-width:var(--max);margin:0 auto;padding:56px 22px 22px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:stretch}
.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:14px}
.hero h1{font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.02;max-width:860px}
.hero p{max-width:760px;color:var(--muted);font-size:1.06rem}
.hero-actions,.hero-highlights,.actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-highlights span{padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
.hero-card{padding:24px;display:grid;align-content:start;gap:12px}
.metric-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.metric-row:last-child{border-bottom:0}
.hero-mini-grid,.workflow-grid,.cards,.grid{display:grid;gap:16px}
.hero-mini-grid{grid-template-columns:repeat(2,1fr);margin-top:8px}
.hero-mini-grid div,.workflow-grid div{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:14px}

.public-grid{max-width:var(--max);margin:0 auto;padding:10px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.public-grid article{padding:22px}
.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--panel-2);color:var(--accent);margin-bottom:12px}
.band{max-width:var(--max);margin:18px auto 0;padding:24px 22px}
.workflow-band{display:grid;gap:18px}
.section-head{display:grid;gap:6px}
.workflow-grid{grid-template-columns:repeat(4,1fr)}

.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);position:relative}
.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-soft) 88%, transparent);backdrop-filter:blur(20px);z-index:20}
.sidebar-user,.sidebar-footer{padding:14px;display:flex;align-items:center;gap:12px}
.sidebar-footer{margin-top:auto;flex-direction:column;align-items:flex-start}
.nav{display:grid;gap:8px}
.nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:700;border:1px solid transparent}
.nav a:hover,.nav a.active{background:var(--panel);color:var(--text);border-color:var(--line)}
.nav-section{margin:8px 6px 2px;color:var(--muted);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sidebar-backdrop{display:none}
.main{min-width:0;position:relative;z-index:1}
.topbar{position:sticky;top:16px;z-index:10;margin:16px 18px 0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-left,.top-actions,.topbar-title{display:flex;align-items:center;gap:12px}
.topbar-title{flex-direction:column;align-items:flex-start;gap:2px}
.mobile-menu{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}
.content{padding:18px;display:grid;gap:18px}
.flash{padding:14px 16px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.flash.success{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.18)}
.flash.error{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.18)}

.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 2px}
.page-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:2px 0}
.page-head p{color:var(--muted);max-width:820px}
.dashboard-head{align-items:center}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{padding:18px}
.metric-card{display:grid;gap:4px;align-content:start;min-height:138px}
.metric-card span{color:var(--muted);font-weight:700}
.metric-card strong{font-size:2rem;line-height:1.05}
.metric-card.accent{background:linear-gradient(180deg, rgba(45,212,191,.12), transparent), var(--panel)}
.metric-card.danger-soft{background:linear-gradient(180deg, rgba(239,68,68,.10), transparent), var(--panel)}

.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}
.highlight-panel{display:grid;gap:18px}
.kpi-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kpi-showcase div,.planner-mini-stats div,.route-summary span,.tour-row-meta span{padding:14px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);display:grid;gap:4px}
.kpi-showcase span,.planner-mini-stats span,.route-summary small,.tour-row-meta small{color:var(--muted);font-size:.84rem}
.kpi-showcase b,.planner-mini-stats b,.route-summary b,.tour-row-meta b{font-size:1.05rem}
.quick-links,.stack-list,.timeline-list{display:grid;gap:12px}
.quick-link{padding:16px;display:flex;align-items:center;gap:14px}
.quick-link b{display:block}
.quick-link small{display:block}
.list-card{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.list-card.elevated{align-items:flex-start}
.list-card-meta{display:grid;gap:10px;justify-items:end}
.timeline-item{padding:14px 16px}
.timeline-item p{margin-top:4px;color:var(--muted)}

.panel{padding:18px}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.panel-title-row small{display:block}

.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.two.uneven{grid-template-columns:minmax(340px,.95fr) minmax(0,1.25fr)}

.form,.search,.filter-bar{display:grid;gap:12px}
.form.compact label,.filter-bar label{display:grid;gap:6px}
label span{color:var(--muted)}
input,select,textarea{
  width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);
  background:var(--panel-2);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
textarea{padding:12px 14px;min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 56%, transparent);box-shadow:0 0 0 4px rgba(45,212,191,.10)}
.search{grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px}
.filter-bar{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;margin-bottom:14px}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inline-form{display:inline-grid;gap:8px}
.inline-form.width-full{width:100%}

.check-list,.customer-picker,.selected-stops,.timeline-list,.stack-list{max-height:none}
.customer-picker{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:2px}
.customer-picker label{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer}
.customer-picker label.is-selected{border-color:rgba(45,212,191,.45);background:rgba(45,212,191,.08)}
.customer-picker input{width:18px;min-height:auto;padding:0;accent-color:var(--accent);flex:0 0 auto}
.customer-picker label span{display:grid;gap:2px}
.customer-picker em{margin-left:auto;color:var(--warning);font-style:normal;font-size:.84rem}

.selected-stops{display:grid;gap:10px}
.stop-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);cursor:grab}
.stop-sort span{display:grid;gap:2px}
.stop-sort strong{color:var(--accent)}
.stop-sort small{display:block}

.route-panel,.map-panel,.stop-order-panel,.customer-board{display:grid;gap:14px}
.planner-main{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.map{border-radius:18px;border:1px solid var(--line);overflow:hidden;background:var(--panel-2)}
.planner-map{min-height:500px}
#tourMap{min-height:380px}
.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.planner-side{display:grid;align-content:start;gap:14px}
.planner-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sticky-actions{position:sticky;bottom:0;padding-top:6px;background:linear-gradient(180deg, transparent, var(--panel) 40%)}
.mb{margin-bottom:12px}

.badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-weight:800;border:1px solid transparent}
.badge.draft{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.18)}
.badge.planned{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.18)}
.badge.active{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.18)}
.badge.done{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.18)}
.badge.cancelled{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.18)}
.progress{position:relative;height:10px;border-radius:999px;background:var(--panel-2);overflow:hidden;border:1px solid var(--line);margin-top:8px}
.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}

.tours-stack{gap:14px}
.tour-row-card{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}
.tour-row-main{padding:0;border:0;box-shadow:none;background:transparent}
.tour-row-title{display:grid;gap:3px;margin-bottom:14px}
.tour-row-title a{font-size:1.06rem}
.tour-row-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.tour-row-actions{display:grid;gap:12px;align-content:start}

table{width:100%;border-collapse:separate;border-spacing:0 10px}
thead th{padding:0 12px 6px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;text-align:left}
tbody td{background:var(--panel-2);padding:14px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
tbody td:first-child{border-left:1px solid var(--line);border-top-left-radius:14px;border-bottom-left-radius:14px}
tbody td:last-child{border-right:1px solid var(--line);border-top-right-radius:14px;border-bottom-right-radius:14px}
td small{display:block;margin-top:3px}
.actions{display:flex;gap:8px;flex-wrap:wrap}

.geocode-results{display:grid;gap:8px}
.geo-result{border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px 14px;border-radius:14px;text-align:left;cursor:pointer}
.geo-result.is-picked{border-color:rgba(45,212,191,.45);background:rgba(45,212,191,.08)}
.alert,.empty{padding:14px;border-radius:14px;background:var(--panel-2);border:1px dashed var(--line);color:var(--muted)}

.leaflet-container{font:500 13px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:var(--text);border:1px solid var(--line)}

@media (max-width: 1280px){
  .public-grid{grid-template-columns:repeat(2,1fr)}
  .workflow-grid{grid-template-columns:repeat(2,1fr)}
  .cards.four,.tour-row-meta{grid-template-columns:repeat(2,1fr)}
  .planner-main,.dashboard-grid{grid-template-columns:1fr}
}

@media (max-width: 1100px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,320px);transform:translateX(-102%);transition:transform .18s ease}
  body.menu-open .sidebar{transform:none}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(2,8,23,.45);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:19}
  body.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .mobile-menu{display:inline-flex}
}

@media (max-width: 900px){
  .hero{grid-template-columns:1fr}
  .cards.three,.cards.four,.grid.two,.grid.two.uneven,.route-summary,.planner-mini-stats,.kpi-showcase{grid-template-columns:1fr}
  .filter-bar,.search{grid-template-columns:1fr}
  .topbar{position:static;margin:14px 14px 0}
  .content{padding:14px}
  .tour-row-card{grid-template-columns:1fr}
}

@media (max-width: 640px){
  .public-nav,.public-footer,.hero,.public-grid,.band{padding-left:14px;padding-right:14px}
  .public-nav{align-items:flex-start}
  .public-nav nav{justify-content:flex-start}
  .page-head{align-items:flex-start}
  .topbar,.panel,.card,.list-card,.tour-row-card{padding:14px}
  .top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .topbar{flex-direction:column;align-items:flex-start}
  .stop-sort,.customer-picker label{align-items:flex-start}
  table{display:block;overflow:auto}
}


/* v4.3 premium pass */
.table-wrap{overflow:auto}
.compact-cards{margin-bottom:18px}
.stat-card{display:grid;gap:6px;min-height:132px}
.stat-card span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.stat-card strong{font-size:1.9rem;line-height:1.05}
.stat-card small{color:var(--muted)}
.ops-table-panel table{width:100%;border-collapse:separate;border-spacing:0}
.ops-table-panel th,.ops-table-panel td{padding:14px 14px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.ops-table-panel thead th{position:sticky;top:0;background:var(--panel);z-index:1}
.ops-table-panel tbody tr:hover{background:color-mix(in srgb,var(--panel-2) 70%, transparent)}
.table-user-cell{display:flex;align-items:center;gap:12px;min-width:220px}
.mini-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--panel-3);color:var(--accent);font-weight:900;box-shadow:var(--shadow-soft)}
.inline-form.stretch select{min-width:160px}
.admin-grid,.settings-grid{align-items:start}
.metric-stack{display:grid;gap:10px}
.info-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel-2),transparent)}
.info-box strong{display:block;margin-bottom:6px}
.driver-stats,.premium-tour-hero{margin-bottom:18px}
.premium-focus{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px}
.settings-panel,.settings-side-panel{min-height:100%}
.public-footer strong{display:block}
.public-footer small{color:var(--muted)}
.cards.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media (max-width:1200px){.cards.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.premium-focus{grid-template-columns:1fr}.cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cards.five{grid-template-columns:1fr}.ops-table-panel th,.ops-table-panel td{padding:12px 10px}.table-user-cell{min-width:180px}}

/* 4.4 Final Business Edition */
.glass-soft{background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.business-head .actions{gap:10px;flex-wrap:wrap}
.business-overview{display:grid;grid-template-columns:1.7fr .9fr;gap:18px;padding:22px;border-radius:28px;margin-bottom:18px}
.business-overview h2,.business-auth h2{margin:8px 0 10px}
.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.quick-action-card{display:block;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
.quick-action-card small{display:block;margin-top:6px;color:var(--muted)}
.quick-action-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 14px 32px rgba(0,0,0,.16)}
.business-overview-side{display:grid;gap:14px}
.business-metrics .metric-card strong{font-size:2rem}
.business-band .stat-card strong{font-size:1.9rem}
.business-dashboard-grid{align-items:start}
.business-side-column{display:grid;gap:16px}
.log-list{display:grid;gap:10px}
.log-entry{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.log-entry small,.log-entry p{display:block;color:var(--muted);margin-top:4px}
.tour-row-card.dense{padding:14px 16px}
.tour-row-actions.slim{align-items:stretch;min-width:140px}
.tour-row-meta.compact span{min-width:unset}
.auth-layout.business-auth{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:22px;align-items:stretch;max-width:1180px;margin:24px auto;padding:0 18px 24px}
.auth-card-premium{padding:26px;border-radius:28px}
.auth-side.business-side{padding:26px;border-radius:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.auth-points,.auth-kpis{display:grid;gap:12px}
.auth-points > div,.auth-kpis > div{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.auth-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.password-wrap{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.password-wrap input{margin:0}
.password-toggle{height:44px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--text);padding:0 14px;cursor:pointer}
.password-toggle:hover{border-color:var(--accent)}
.business-form label,.business-form input,.business-form textarea,.business-form select{font-size:.98rem}
.business-form-panel,.insight-panel,.business-map-panel,.business-stop-panel,.business-customer-board,.planner-command-business{border-radius:24px}
.planner-summary-cards .metric-card strong{font-size:1.85rem}
.planner-business-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.planner-hint-box{margin-top:14px}
.business-planner-workspace{gap:18px}
.status-chip-band{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.status-pivot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:120px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}
.status-pivot small{color:var(--muted)}
.status-pivot.active,.status-pivot:hover{border-color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.status-pivot.clear{margin-left:auto}
.panel-with-band{overflow:hidden}
.business-filter-bar{margin-bottom:16px}
.actions.stacked{display:flex;flex-direction:column;gap:8px}
.business-tour-row{border-radius:20px}
.table-wrap{overflow:auto}
.business-table{min-width:760px}
.wrap-actions{display:flex;flex-wrap:wrap;gap:8px}
.business-hero{align-items:stretch}
.business-hero-card{min-width:300px}
.business-feature-grid.compact article{min-height:unset}
@media (max-width: 1180px){
  .business-overview,.auth-layout.business-auth{grid-template-columns:1fr}
  .quick-actions-grid{grid-template-columns:1fr}
}
@media (max-width: 900px){
  .auth-layout.business-auth{padding:0 14px 20px}
  .status-pivot.clear{margin-left:0}
  .auth-kpis{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .business-overview,.auth-card-premium,.auth-side.business-side{padding:16px}
  .auth-kpis{grid-template-columns:1fr}
  .password-wrap{grid-template-columns:1fr}
  .status-pivot{min-width:calc(50% - 5px)}
  .business-table{min-width:620px}
}


.mobile-ops-note{display:none;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:var(--panel-2);color:var(--muted)}
.desktop-optimized .main{min-width:1080px}
.desktop-optimized .content{max-width:1800px}
.desktop-optimized .sidebar{width:320px}
.desktop-optimized .topbar{margin:18px 24px 0}
.desktop-optimized .content{padding:20px 24px 28px}
.density-compact .card,.density-compact .panel{padding:14px}
.density-compact .content{gap:14px}
.check-grid{display:grid;gap:10px}
.check-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}
.check-row input{width:18px;min-height:auto;padding:0;margin-top:3px}
.settings-enterprise-grid .settings-side-panel{display:grid;gap:14px;align-content:start}
.driver-inline-actions{display:grid;gap:8px;flex:1}
@media (max-width: 1100px){
  .desktop-optimized .main{min-width:0}
  .mobile-ops-note{display:block}
}
.readonly-field{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(148,163,184,.08)}
.readonly-field span{color:var(--muted);font-size:.86rem}.readonly-field b{font-size:.98rem}.readonly-field small{color:var(--muted)}

/* === v5.2 Pro Upgrade: Options, animation system, enterprise settings === */
.accent-blue{--accent:#38bdf8;--accent-2:#60a5fa;--accent-strong:#0369a1}
.accent-violet{--accent:#a78bfa;--accent-2:#c084fc;--accent-strong:#6d28d9}
.accent-emerald{--accent:#34d399;--accent-2:#22c55e;--accent-strong:#047857}
.accent-amber{--accent:#f59e0b;--accent-2:#fbbf24;--accent-strong:#b45309}
.surface-solid .glass,.surface-solid .panel,.surface-solid .card{backdrop-filter:none;background:var(--panel);box-shadow:var(--shadow-soft)}
.surface-contrast{--line:rgba(226,232,240,.32)}
.surface-contrast .panel,.surface-contrast .card,.surface-contrast .topbar,.surface-contrast .sidebar{border-width:2px}
.sidebar-compact .sidebar{width:238px}.sidebar-compact .main{margin-left:238px}.sidebar-compact .brand span small,.sidebar-compact .nav-section{display:none}
.sidebar-minimal .sidebar{width:92px;padding:14px 10px}.sidebar-minimal .main{margin-left:92px}.sidebar-minimal .brand span,.sidebar-minimal .sidebar-user div,.sidebar-minimal .nav a{font-size:0}.sidebar-minimal .nav a{justify-content:center}.sidebar-minimal .sidebar-footer small,.sidebar-minimal .sidebar-footer strong,.sidebar-minimal .sidebar-footer .btn{display:none}.sidebar-minimal .brand{justify-content:center}.sidebar-minimal .brand-logo{margin:0}.sidebar-minimal .avatar{margin:auto}
.density-dense{--radius:14px;--radius-sm:10px}.density-dense .content{gap:12px;padding:12px}.density-dense .panel,.density-dense .card{padding:14px}.density-dense input,.density-dense select,.density-dense textarea{min-height:40px;border-radius:11px}.density-dense .btn{min-height:38px}
.table-density-compact table td,.table-density-compact table th{padding:10px 12px}.table-density-dense table td,.table-density-dense table th{padding:7px 10px;font-size:.9rem}
.dashboard-layout-compact .business-overview,.dashboard-layout-compact .business-band{display:none}.dashboard-layout-executive .business-dashboard-grid{grid-template-columns:1fr}.dashboard-layout-executive .business-overview{grid-template-columns:1.25fr .75fr}
.settings-hero{padding:4px 0 0}.settings-metrics .metric-card{min-height:118px}.settings-console{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:92px;display:grid;gap:10px}.settings-nav-head{display:grid;gap:4px;margin-bottom:6px}.settings-tab{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);transition:transform .18s ease,border-color .18s ease,background .18s ease}.settings-tab:hover,.settings-tab.active{transform:translateX(3px);border-color:rgba(45,212,191,.38);background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(56,189,248,.08)),var(--panel-2)}.settings-tab span{display:grid;gap:2px}.enterprise-settings-editor{min-height:620px}.sticky-title-row{position:sticky;top:82px;z-index:3;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 80%,transparent));backdrop-filter:blur(14px);padding:12px;border-radius:16px;border:1px solid var(--line)}.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-field-grid label:not(.switch-row){display:grid;gap:7px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}.settings-field-grid.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.switch-row:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.32)}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:48px;height:28px;border-radius:999px;background:rgba(148,163,184,.25);border:1px solid var(--line);position:relative;transition:background .18s ease}.switch-ui::after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(2,8,23,.25);transition:transform .18s ease}.switch-row input:checked + .switch-ui{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent}.switch-row input:checked + .switch-ui::after{transform:translateX(20px)}.switch-row small{display:block;color:var(--muted)}.settings-preview{margin-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.preview-cards{display:flex;gap:10px;flex-wrap:wrap}.preview-pill{padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-weight:900}.preview-pill.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02131f}.preview-pill.muted{color:var(--muted)}
.revealable{opacity:0;transform:translateY(12px);transition:opacity .42s ease var(--reveal-delay,0ms),transform .42s ease var(--reveal-delay,0ms)}.revealable.is-visible{opacity:1;transform:none}.animation-reduced .revealable{transition-duration:.18s}.animation-off *{animation:none!important;transition:none!important}.animation-full .btn,.animation-full .quick-action-card,.animation-full .tour-row-card,.animation-full .card,.animation-full .panel{will-change:transform}.animation-full .btn:hover,.animation-full .quick-action-card:hover,.animation-full .tour-row-card:hover{transform:translateY(-2px)}.animation-full .btn{position:relative;overflow:hidden}.animation-full .btn::after{content:"";position:absolute;inset:-40% auto -40% -70%;width:55%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .55s ease}.animation-full .btn:hover::after{left:125%}.map-disabled{min-height:260px;display:grid;place-items:center;color:var(--muted);font-weight:900;background:linear-gradient(135deg,rgba(148,163,184,.1),transparent);border-radius:18px}.command-palette{position:fixed;inset:0;z-index:9999;background:rgba(2,8,23,.62);backdrop-filter:blur(10px);display:grid;place-items:start center;padding-top:12vh}.command-box{width:min(680px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:12px}.command-box input{border-radius:16px}.command-results{display:grid;gap:8px;margin-top:10px;max-height:420px;overflow:auto}.command-results a,.command-results span{padding:13px 14px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);font-weight:800}.command-results a:hover{border-color:rgba(45,212,191,.4);background:rgba(45,212,191,.08)}.panel-kicker svg{width:18px;height:18px;margin-right:6px;vertical-align:-4px}.readonly-field code,.info-box code{word-break:break-word}
@media(max-width:1100px){.settings-console{grid-template-columns:1fr}.settings-nav{position:static}.settings-field-grid,.settings-field-grid.toggle-grid{grid-template-columns:1fr}.sidebar-compact .main,.sidebar-minimal .main{margin-left:0}.sidebar-compact .sidebar,.sidebar-minimal .sidebar{width:290px}.sidebar-minimal .brand span,.sidebar-minimal .sidebar-user div,.sidebar-minimal .nav a{font-size:inherit}.sidebar-minimal .nav a{justify-content:flex-start}}

/* 5.3 Branding & Database Integration */
.brand-logo{object-fit:cover;background:#fff}
.topbar-brand-title{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-mark{width:40px;height:40px;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.16)}
.brand-header-showcase{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:var(--shadow);margin-bottom:22px}
.brand-header-showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.18),transparent 34%,rgba(2,6,23,.08));pointer-events:none}
.brand-header-showcase img{display:block;width:100%;height:auto;min-height:150px;max-height:310px;object-fit:cover;object-position:center}
.public-brand-header{max-width:1240px;margin:26px auto 24px}
.dashboard-brand-header{margin:0 0 22px}
.brand-settings-preview{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;align-items:center;margin-top:22px}
.brand-preview-stack{display:grid;gap:12px}
.brand-preview-stack img{width:100%;max-height:180px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.db-health-panel{margin-top:22px;display:grid;gap:18px}
.db-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.db-health-grid span{padding:14px;border-radius:16px;background:rgba(148,163,184,.10);border:1px solid var(--line)}
.db-health-grid b,.db-health-grid small{display:block}.db-health-grid small{color:var(--muted);margin-top:4px}.info-box.warning{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.10)}
@media(max-width:900px){.brand-settings-preview,.db-health-grid{grid-template-columns:1fr}.brand-header-showcase img{min-height:115px}.public-brand-header{margin:16px 14px 20px}}

/* 5.4 Extended Settings UI */
.setting-section-title{grid-column:1/-1;padding:16px 16px 10px;margin-top:4px;border-bottom:1px solid var(--line)}
.setting-section-title h3{margin:0 0 4px;font-size:1rem;letter-spacing:.01em}.setting-section-title p{margin:0;color:var(--muted);font-size:.9rem}.setting-section-title:first-child{margin-top:0}
.settings-field-grid .setting-field.wide{grid-column:1/-1}.settings-field-grid .setting-field textarea{min-height:110px;resize:vertical}.setting-label{display:flex;align-items:center;gap:8px;justify-content:space-between}.setting-label .badge{font-size:.7rem;padding:4px 8px}.setting-help{color:var(--muted);font-size:.86rem;line-height:1.45}.setting-input{width:100%}
.settings-field-grid .switch-row.wide{grid-column:1/-1}.settings-field-grid.toggle-grid .setting-section-title{margin-top:10px}.settings-field-grid.toggle-grid .switch-row.wide{grid-column:1/-1}
.badge-style-solid .badge{border-color:transparent;background:var(--accent);color:#04131f}.badge-style-solid .badge.done{background:var(--ok);color:#052813}.badge-style-solid .badge.problem,.badge-style-solid .badge.cancelled{background:var(--danger);color:#fff}.badge-style-solid .badge.arrived,.badge-style-solid .badge.active{background:var(--warning);color:#2b1600}
.badge-style-outline .badge{background:transparent;border-width:1px;border-color:rgba(56,189,248,.45);color:var(--text)}.badge-style-outline .badge.done{border-color:rgba(34,197,94,.55);color:#86efac}.badge-style-outline .badge.problem,.badge-style-outline .badge.cancelled{border-color:rgba(239,68,68,.55);color:#fca5a5}.badge-style-outline .badge.arrived,.badge-style-outline .badge.active{border-color:rgba(245,158,11,.58);color:#fcd34d}
.table-sticky-header .table-wrap table thead th{position:sticky;top:0;z-index:2;background:var(--panel);box-shadow:0 1px 0 var(--line)}
.forms-sticky-actions .form-actions,.forms-sticky-actions .sticky-actions{position:sticky;bottom:14px;z-index:5;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}
.brand-header-size-compact .brand-header-showcase img{max-height:190px;min-height:110px}.brand-header-size-large .brand-header-showcase img{max-height:420px;min-height:220px}
.public-shell.brand-header-size-large .public-brand-header{max-width:1380px}.public-shell.brand-header-size-compact .public-brand-header{max-width:980px}
.settings-console .info-box.success{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.09)}.settings-console .info-box.danger{border-color:rgba(239,68,68,.38);background:rgba(239,68,68,.09)}
.settings-console .info-box ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}.settings-console .info-box li{margin:4px 0}
@media(max-width:720px){.settings-field-grid .setting-field.wide,.settings-field-grid.toggle-grid .switch-row.wide{grid-column:auto}.setting-section-title{grid-column:auto}.forms-sticky-actions .form-actions,.forms-sticky-actions .sticky-actions{bottom:10px}}

/* 5.5 Premium UI Phase Pack */
.top-search-trigger{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),rgba(255,255,255,.03));color:var(--text);font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft)}
.top-search-trigger:hover{border-color:rgba(45,212,191,.42);transform:translateY(-1px)}
.top-search-trigger kbd{font:800 .72rem/1.1 Inter,system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:4px 6px;background:rgba(148,163,184,.10)}
.command-box{background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel-2) 55%, var(--panel)));}
.command-results a{display:flex;align-items:center;justify-content:space-between;gap:12px}.command-results a::after{content:"Öffnen";font-size:.74rem;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.command-center{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;margin-bottom:18px;border-radius:28px}
.command-map-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:18px;align-items:stretch}.command-map-card p{color:var(--muted);margin-top:8px}.ops-map-visual{position:relative;min-height:220px;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 22% 68%,rgba(45,212,191,.22),transparent 12%),radial-gradient(circle at 72% 30%,rgba(239,68,68,.20),transparent 10%),linear-gradient(135deg,rgba(56,189,248,.14),rgba(15,23,42,.18)),var(--panel-2)}
.ops-map-visual::before{content:"";position:absolute;inset:18px;border:1px dashed rgba(148,163,184,.22);border-radius:20px}.map-route-line{position:absolute;left:17%;top:67%;width:62%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--danger));transform:rotate(-24deg);transform-origin:left center;box-shadow:0 0 24px rgba(45,212,191,.24)}
.ops-map-visual i{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(45,212,191,.14),0 0 24px rgba(45,212,191,.45);transform:translate(-50%,-50%)}.ops-map-visual i.danger{background:var(--danger);box-shadow:0 0 0 8px rgba(239,68,68,.14),0 0 24px rgba(239,68,68,.45)}
.command-side-metrics{display:grid;gap:12px}.command-side-metrics div{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--panel-2);display:grid;gap:4px}.command-side-metrics small,.command-side-metrics span{color:var(--muted)}.command-side-metrics strong{font-size:1.8rem;line-height:1}
.dispatch-board{margin-bottom:18px;border-radius:28px}.dispatch-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dispatch-column{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:12px;min-width:0}.dispatch-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dispatch-column-head span{font-weight:900}.dispatch-column-head b{min-width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line)}
.dispatch-column-list{display:grid;gap:10px}.dispatch-mini-card{display:grid;gap:6px;padding:13px;border-radius:18px;border:1px solid var(--line);background:var(--panel-2);text-decoration:none;color:inherit}.dispatch-mini-card:hover{border-color:rgba(45,212,191,.40);transform:translateY(-2px)}.dispatch-mini-card small{color:var(--muted)}.dispatch-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.dispatch-meta em{font-style:normal;color:var(--muted)}.progress.micro{display:block;margin-top:2px;height:7px}.dispatch-empty{padding:13px;border-radius:16px;border:1px dashed var(--line);color:var(--muted);text-align:center}.dispatch-active .dispatch-column-head b{color:var(--ok)}.dispatch-problem .dispatch-column-head b{color:var(--danger)}.dispatch-done .dispatch-column-head b{color:var(--accent)}
.crm-board{border-radius:28px;margin-bottom:18px}.customer-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-card{display:grid;gap:10px;padding:16px;border-radius:22px;border:1px solid var(--line);background:var(--panel-2);min-height:220px}.customer-card:hover{border-color:rgba(45,212,191,.36);transform:translateY(-2px)}.customer-card-top,.customer-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-card h3{margin-top:4px}.customer-card p{color:var(--muted);min-height:44px}.customer-card > small{color:var(--muted)}
.settings-profile-card{padding:16px;border-radius:20px;border:1px solid rgba(45,212,191,.28);background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(56,189,248,.08)),var(--panel-2);display:grid;gap:8px}.settings-profile-card strong{font-size:1.05rem}.settings-profile-card small{color:var(--muted)}.profile-dots{display:flex;gap:7px}.profile-dots i{width:9px;height:9px;border-radius:99px;background:var(--accent)}.profile-dots i:nth-child(2){background:var(--accent-2)}.profile-dots i:nth-child(3){background:var(--ok)}
.customer-card .badge.cancelled,.badge.problem{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.18)}
@media(max-width:1300px){.dispatch-columns,.customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-map-card{grid-template-columns:1fr}}
@media(max-width:900px){.command-center{grid-template-columns:1fr}.dispatch-columns,.customer-card-grid{grid-template-columns:1fr}.top-search-trigger span,.top-search-trigger kbd{display:none}}

/* === v5.6 System & Settings Pro === */
.settings-search-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);gap:18px;align-items:center;margin-bottom:18px;border-radius:26px}
.settings-search-panel h2{margin:3px 0 6px}.settings-search-panel p{margin:0;color:var(--muted)}
.settings-search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel-2);border-radius:18px;padding:8px 10px}
.settings-search-box .icon{width:20px;height:20px;color:var(--muted);flex:0 0 auto}.settings-search-box input{border:0;background:transparent;padding:10px;min-height:40px}.settings-search-box input:focus{box-shadow:none}.settings-search-panel small[data-settings-search-status]{grid-column:1/-1;color:var(--muted);font-weight:800}.settings-sidebar-sticky .settings-nav{position:sticky;top:18px;align-self:start}.settings-compact-sections .setting-section-title{margin-top:10px}.settings-compact-sections .setting-section-title span{font-size:.72rem}.system-hero{border:1px solid var(--line);border-radius:30px;padding:26px;background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(59,130,246,.08),transparent),var(--panel)}.system-score-row{margin-bottom:18px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.system-panel{border-radius:26px}.system-panel.wide{grid-column:1/-1}.check-list,.migration-list,.mini-log-list{display:grid;gap:10px}.check-row,.migration-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}.check-row{grid-template-columns:34px minmax(0,1fr)}.check-row>span,.migration-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;font-weight:1000}.check-row.is-ok>span,.migration-row.is-applied>span{background:rgba(34,197,94,.15);color:var(--ok)}.check-row.is-warning>span,.migration-row.is-pending>span{background:rgba(245,158,11,.16);color:var(--warning)}.check-row small,.migration-row small,.mini-log-list small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.table-count-grid{margin-top:14px}.policy-stack{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.policy-stack span,.audit-metrics span{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;padding:12px 14px;font-weight:900}.policy-stack span.enabled{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.10)}.policy-stack span b,.audit-metrics span b{display:block;font-size:1.45rem}.policy-stack span small,.audit-metrics span small{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.audit-metrics{display:flex;gap:10px;margin:12px 0}.mini-log-list div{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.info-box.success{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.08)}
@media(max-width:1000px){.settings-search-panel,.system-grid{grid-template-columns:1fr}.system-panel.wide{grid-column:auto}.settings-sidebar-sticky .settings-nav{position:static}}

/* === v6.0 Enterprise Roadmap Patch === */
.enterprise-head{position:relative;overflow:hidden}.enterprise-head:after{content:"";position:absolute;inset:auto -12% -70% auto;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.22),transparent 64%);pointer-events:none}.enterprise-kpis .metric-card strong{letter-spacing:-.04em}.roadmap-panel,.system-score-panel,.migration-panel,.role-matrix-panel,.activity-feed-panel,.notification-center-panel,.enterprise-next-steps{overflow:hidden}.roadmap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.roadmap-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));position:relative;min-height:250px}.roadmap-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),transparent);opacity:.85}.roadmap-card.grundlage:before{background:linear-gradient(90deg,var(--warning),transparent)}.roadmap-version{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem;color:var(--muted)}.roadmap-card h3{margin:14px 0 10px}.roadmap-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}.roadmap-card>span{position:absolute;right:14px;bottom:14px;text-transform:uppercase;font-size:.72rem;color:var(--muted);letter-spacing:.12em}.enterprise-grid{align-items:start}.score-ring{width:84px;height:84px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--score)*1%),rgba(255,255,255,.09) 0);position:relative;isolation:isolate}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:inherit;background:var(--surface);z-index:-1}.check-list-pro,.migration-list,.notification-list{display:grid;gap:10px}.check-row,.migration-row,.notification-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035)}.check-row>span,.migration-row>span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.08)}.check-row.ok>span,.migration-row.done>span{background:rgba(34,197,94,.16);color:var(--success)}.check-row.warn>span,.migration-row.pending>span{background:rgba(245,158,11,.16);color:var(--warning)}.check-row b,.migration-row b,.notification-item b{display:block}.check-row small,.migration-row small,.notification-item small{display:block;color:var(--muted);line-height:1.45}.role-matrix-table td,.role-matrix-table th{text-align:center}.role-matrix-table td:first-child,.role-matrix-table th:first-child{text-align:left}.matrix-dot{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--border);font-weight:900}.matrix-dot.yes{background:rgba(34,197,94,.14);color:var(--success)}.matrix-dot.no{background:rgba(255,255,255,.045);color:var(--muted)}.enterprise-timeline{display:grid;gap:10px}.activity-item{display:flex;gap:12px}.activity-item>span{width:10px;height:10px;border-radius:999px;background:var(--primary);margin-top:8px;box-shadow:0 0 0 6px rgba(59,130,246,.1)}.activity-item b,.activity-item small,.activity-item em{display:block}.activity-item small{color:var(--muted)}.activity-item em{font-style:normal;color:var(--muted);font-size:.78rem;margin-top:4px}.notification-item .badge{align-self:flex-start}.next-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.driver-offline-status{border-style:dashed}.driver-offline-status.is-offline{border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08)}.driver-offline-status.is-syncing{border-color:rgba(59,130,246,.5);background:rgba(59,130,246,.08)}.driver-offline-status.is-online{border-color:rgba(34,197,94,.45)}.stop-sort{cursor:grab}.stop-sort.is-dragging{opacity:.55;transform:scale(.99)}.planner-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.planner-suggestion{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)}.planner-suggestion b,.planner-suggestion small{display:block}.planner-suggestion small{color:var(--muted);margin-top:4px}.calendar-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}.calendar-day{min-height:92px;border:1px solid var(--border);border-radius:14px;padding:10px;background:rgba(255,255,255,.035)}.calendar-day b,.calendar-day small{display:block}.calendar-day small{color:var(--muted)}.calendar-pill{display:block;margin-top:7px;padding:6px 8px;border-radius:10px;background:rgba(59,130,246,.12);font-size:.78rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-mini-card[draggable=true]{cursor:grab}.dispatch-column.is-over{outline:2px dashed rgba(59,130,246,.45);outline-offset:4px}.bad-address-warning{border-left:3px solid var(--warning);padding:10px 12px;border-radius:12px;background:rgba(245,158,11,.08);color:var(--text);margin:10px 0}.upload-hint{font-size:.78rem;color:var(--muted);margin-top:4px}
@media(max-width:1180px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-step-grid,.planner-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.roadmap-grid,.next-step-grid,.planner-suggestion-grid,.calendar-strip{grid-template-columns:1fr}.score-ring{width:70px;height:70px}.roadmap-card{min-height:auto}}

/* === v6.1 VersandPro Logistics UI Skin - inspired by premium dispatch dashboards === */
:root{
  --bg:#050b16;
  --bg-soft:#071120;
  --panel:#0b1728;
  --panel-2:#101f35;
  --panel-3:#142a49;
  --surface:#0b1728;
  --surface-2:#101f35;
  --text:#f4f8ff;
  --muted:#8b9bb8;
  --line:rgba(95,130,190,.18);
  --border:var(--line);
  --primary:#1477ff;
  --accent:#1477ff;
  --accent-2:#2fb7ff;
  --accent-strong:#0b5fde;
  --ok:#14b87a;
  --success:#14b87a;
  --warning:#f59e0b;
  --danger:#ff4d5f;
  --radius:18px;
  --radius-sm:14px;
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --shadow-soft:0 16px 42px rgba(0,0,0,.26);
}
[data-theme="light"]{
  --bg:#071120;
  --bg-soft:#091629;
  --panel:#0d1b30;
  --panel-2:#12243d;
  --panel-3:#173457;
  --surface:#0d1b30;
  --surface-2:#12243d;
  --text:#f4f8ff;
  --muted:#91a4c5;
  --line:rgba(95,130,190,.20);
  --border:var(--line);
  --shadow:0 24px 80px rgba(0,0,0,.42);
  --shadow-soft:0 16px 42px rgba(0,0,0,.26);
}
body{
  background:
    radial-gradient(circle at 78% -8%, rgba(20,119,255,.18), transparent 28%),
    radial-gradient(circle at 28% 8%, rgba(47,183,255,.10), transparent 26%),
    linear-gradient(180deg,#050a14,#07101e 44%,#050b16);
  letter-spacing:-.01em;
}
.app-bg{
  background:
    linear-gradient(rgba(85,123,185,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85,123,185,.028) 1px, transparent 1px),
    radial-gradient(circle at 55% 8%, rgba(20,119,255,.12), transparent 30%);
  background-size:52px 52px,52px 52px,auto;
}
.glass,.panel,.card,.auth-card,.public-grid article,.band,.tour-row-card,.quick-link,.timeline-item,.hero-card,.list-card,.tour-row-main{
  background:linear-gradient(180deg,rgba(16,31,53,.88),rgba(8,19,35,.92));
  border:1px solid rgba(95,130,190,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035);
}
.app-shell{grid-template-columns:246px minmax(0,1fr)}
.sidebar{
  padding:22px 18px;
  background:linear-gradient(180deg,rgba(7,17,32,.97),rgba(5,13,25,.98));
  border-right:1px solid rgba(20,119,255,.16);
  box-shadow:18px 0 70px rgba(0,0,0,.25);
}
.brand{gap:14px;padding:0 2px 12px}.brand-logo{width:42px;height:42px;border-radius:16px;box-shadow:0 0 0 1px rgba(58,167,255,.24),0 14px 34px rgba(20,119,255,.26)}
.brand-wordmark{font-size:1.26rem;font-style:italic;letter-spacing:-.05em;white-space:nowrap}.brand-wordmark em{font-style:italic;color:var(--primary);margin-left:1px}.brand small{font-size:.74rem;color:#7487a7}
.sidebar-user{display:none}.nav{gap:7px;margin-top:6px}.nav a{position:relative;min-height:44px;padding:0 12px;border-radius:12px;color:#a1aec5;border-color:transparent;background:transparent;font-weight:750}.nav a .icon{width:19px;height:19px;color:#c6d5ee}.nav a:hover{background:rgba(20,119,255,.08);border-color:rgba(20,119,255,.12);color:#fff}.nav a.active{background:linear-gradient(90deg,rgba(20,119,255,.28),rgba(20,119,255,.08));border-color:rgba(20,119,255,.28);color:#fff;box-shadow:inset 3px 0 0 var(--primary),0 0 32px rgba(20,119,255,.14)}.nav a.active .icon{color:#58a7ff}.nav-section{color:#526580;font-size:.68rem;margin:12px 6px 4px}
.sidebar-promo{margin-top:auto;padding:14px;border-radius:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;color:var(--text);text-decoration:none;background:linear-gradient(135deg,rgba(20,119,255,.14),rgba(10,24,43,.92));border-color:rgba(20,119,255,.24)}.sidebar-promo>strong{grid-column:1/-1;min-height:36px;display:grid;place-items:center;border-radius:12px;background:var(--primary);box-shadow:0 12px 30px rgba(20,119,255,.32);font-size:.86rem}.sidebar-promo small{display:block;margin-top:4px;font-size:.76rem;line-height:1.4}.promo-phone{width:42px;height:58px;border-radius:12px;border:1px solid rgba(115,158,220,.25);background:#081629;position:relative;display:grid;place-items:center}.promo-phone:before{content:"";position:absolute;inset:6px;border-radius:9px;background:linear-gradient(180deg,rgba(20,119,255,.25),rgba(2,8,23,.7))}.promo-phone i{position:relative;width:18px;height:18px;border-radius:999px;background:var(--primary);box-shadow:0 0 22px rgba(20,119,255,.75)}
.sidebar-footer{margin-top:0;padding:13px;border-radius:16px;background:rgba(8,19,35,.8)}.sidebar-footer .btn{min-height:38px;border-radius:12px}.online-dot{background:var(--success);box-shadow:0 0 0 6px rgba(20,184,122,.11)}
.main{background:linear-gradient(180deg,rgba(6,15,29,.42),transparent 260px)}.topbar{top:14px;margin:14px 20px 0;padding:12px 14px;border-radius:21px;background:linear-gradient(180deg,rgba(9,20,38,.82),rgba(6,14,27,.88));border-color:rgba(95,130,190,.16);box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.topbar-brand-title{display:none}.logistics-top-actions{width:100%;display:flex;align-items:center;gap:12px}.logistics-search{flex:1;justify-content:flex-start;min-height:48px;border-radius:18px;background:rgba(6,15,29,.64);border-color:rgba(95,130,190,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.logistics-search span{color:#a8b4c8;font-weight:650}.logistics-search .icon{color:#8194b3}.logistics-search kbd{margin-left:auto;border-radius:8px;background:rgba(255,255,255,.06);color:#8394b0}.logistics-primary-action,.btn{background:linear-gradient(135deg,#1680ff,#0e63e6);box-shadow:0 14px 34px rgba(20,119,255,.28);border-radius:14px}.btn:hover{box-shadow:0 18px 40px rgba(20,119,255,.34)}.btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(95,130,190,.18);box-shadow:none;color:#d9e6fb}.btn.ghost:hover{background:rgba(20,119,255,.08);border-color:rgba(20,119,255,.28)}.icon-action,.top-export-link{width:42px;height:42px;border-radius:14px;border:1px solid rgba(95,130,190,.18);background:rgba(255,255,255,.035);color:#dbe8fb;display:inline-grid;place-items:center;position:relative;cursor:pointer}.icon-action:hover,.top-export-link:hover{border-color:rgba(20,119,255,.34);background:rgba(20,119,255,.08)}.notify-dot{position:absolute;right:5px;top:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#1477ff;color:#fff;font-size:.68rem;font-weight:900;display:grid;place-items:center}.live-chip{background:rgba(20,184,122,.09);border-color:rgba(20,184,122,.22);color:#bfffe8}.user-menu-pill{display:flex;align-items:center;gap:10px;padding:5px 9px 5px 5px;border-radius:18px;border:1px solid rgba(95,130,190,.18);background:rgba(255,255,255,.035)}.user-menu-pill .avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#1477ff,#0a49c6);color:#fff}.user-menu-pill span{display:grid;line-height:1.15}.user-menu-pill b{font-size:.86rem}.user-menu-pill small{font-size:.74rem}.content{padding:22px 20px 28px;gap:18px}.mobile-ops-note{margin:18px 20px 0;border-radius:16px;border:1px solid rgba(20,119,255,.18);background:rgba(20,119,255,.075)}
.page-head{padding:4px 0 0}.page-head h1{font-size:1.86rem;letter-spacing:-.045em}.page-head p{color:#8fa0bd;font-size:.96rem}.logistics-dashboard-head{align-items:center}.logistics-head-actions .date-range-pill{height:42px;padding:0 14px;border-radius:13px;border:1px solid rgba(95,130,190,.18);background:rgba(255,255,255,.035);display:inline-flex;align-items:center;font-weight:800;color:#d7e4fb}.eyebrow{color:#64aaff;letter-spacing:.08em}
.brand-header-showcase{display:none!important}.business-overview{display:none!important}.cards.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric-card{position:relative;overflow:hidden;min-height:118px;padding:17px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(14,29,51,.94),rgba(10,22,39,.98));border-color:rgba(95,130,190,.16)}.metric-card span{font-size:.82rem;color:#c8d3e6;font-weight:780}.metric-card strong{font-size:1.82rem;letter-spacing:-.055em;margin-top:6px}.metric-card small{font-size:.75rem;color:#8393ae}.metric-card small b{font-size:.74rem}.trend-up{color:#18c98c}.trend-down{color:#ff5c70}.metric-card:after{content:"";position:absolute;right:14px;bottom:16px;opacity:.86}.metric-spark:after{width:74px;height:46px;background:linear-gradient(135deg,transparent 45%,rgba(20,119,255,.9) 46% 50%,transparent 51%),linear-gradient(45deg,transparent 49%,rgba(47,183,255,.9) 50%,transparent 51%);filter:drop-shadow(0 0 10px rgba(20,119,255,.45))}.metric-ring:after{width:58px;height:58px;border-radius:999px;background:conic-gradient(#1477ff 0 78%,rgba(255,255,255,.08) 78%);box-shadow:inset 0 0 0 10px rgba(8,19,35,.95),0 0 22px rgba(20,119,255,.25)}.metric-vehicle:after{content:"▱";font-size:50px;color:#1680ff;line-height:1}.metric-clock:after{content:"◷";font-size:54px;color:#f59e0b;line-height:1}.metric-money:after{content:"$";width:42px;height:42px;border-radius:999px;border:3px solid rgba(20,184,122,.65);display:grid;place-items:center;color:#14b87a;font-size:28px;font-weight:900}.metric-alert:after{content:"!";width:46px;height:46px;border-radius:999px;border:4px solid rgba(255,77,95,.75);display:grid;place-items:center;color:#ff5c70;font-size:28px;font-weight:900}.business-band{display:none!important}
.command-center.logistics-live-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:12px;padding:16px;border-radius:18px}.command-map-card{grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);gap:14px}.command-map-card h2{font-size:1.05rem}.command-map-card p{font-size:.88rem}.ops-map-visual{min-height:330px;border-radius:16px;background:
  radial-gradient(circle at 18% 67%,rgba(20,119,255,.50),transparent 3%),
  radial-gradient(circle at 46% 43%,rgba(255,255,255,.8),transparent 2.4%),
  radial-gradient(circle at 72% 68%,rgba(255,77,95,.6),transparent 3%),
  linear-gradient(rgba(80,116,175,.08) 1px,transparent 1px),
  linear-gradient(90deg,rgba(80,116,175,.08) 1px,transparent 1px),
  linear-gradient(135deg,rgba(20,119,255,.10),rgba(8,19,35,.85)),#0b1728;background-size:auto,auto,auto,48px 48px,48px 48px,auto}.ops-map-visual .map-route-line{position:absolute;left:13%;top:58%;width:74%;height:4px;background:linear-gradient(90deg,#1477ff,#2fb7ff,#1477ff);box-shadow:0 0 18px rgba(20,119,255,.85);transform:rotate(-18deg);border-radius:999px}.ops-map-visual i{width:15px;height:15px;border:3px solid #fff;background:#1477ff;box-shadow:0 0 0 8px rgba(20,119,255,.16),0 0 22px rgba(20,119,255,.75)}.ops-map-visual i.danger{background:#ff4d5f;box-shadow:0 0 0 8px rgba(255,77,95,.15),0 0 22px rgba(255,77,95,.65)}.command-side-metrics{gap:12px}.command-side-metrics div{border-radius:16px;background:rgba(255,255,255,.035);border-color:rgba(95,130,190,.16)}
.logistics-dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:12px}.operations-panel,.insight-panel{border-radius:18px}.tour-row-card.dense{grid-template-columns:minmax(0,1fr) 122px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.027);box-shadow:none}.tour-row-meta.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tour-row-meta.compact span{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.035)}.progress{height:8px;background:rgba(255,255,255,.06);border-color:rgba(95,130,190,.16)}.progress i{background:linear-gradient(90deg,#1477ff,#2fb7ff);box-shadow:0 0 16px rgba(20,119,255,.55)}.info-box,.quick-action-card,.readonly-field{background:rgba(255,255,255,.035);border:1px solid rgba(95,130,190,.16);border-radius:16px}.log-list .log-entry,.mini-log-list div{background:rgba(255,255,255,.035);border-color:rgba(95,130,190,.16)}
.badge{min-height:28px;padding:0 10px;border-radius:9px;font-size:.76rem}.badge.active,.badge.planned{background:rgba(20,119,255,.15);border-color:rgba(20,119,255,.20);color:#8fc4ff}.badge.done{background:rgba(20,184,122,.13);border-color:rgba(20,184,122,.2);color:#69e9b5}.badge.cancelled,.badge.problem{background:rgba(255,77,95,.13);border-color:rgba(255,77,95,.22);color:#ff9aa8}.badge.draft{background:rgba(148,163,184,.12);color:#b9c5d8}.badge.arrived{background:rgba(245,158,11,.12);color:#f8c471}
table{border-spacing:0 8px}thead th{color:#788aa6;font-size:.72rem}tbody td{background:rgba(255,255,255,.032);border-color:rgba(95,130,190,.13)}tbody tr:hover td{background:rgba(20,119,255,.055);border-color:rgba(20,119,255,.18)}input,select,textarea{background:rgba(255,255,255,.04);border-color:rgba(95,130,190,.17);border-radius:13px;color:#f4f8ff}input:focus,select:focus,textarea:focus{border-color:rgba(20,119,255,.48);box-shadow:0 0 0 4px rgba(20,119,255,.12)}.search,.filter-bar{gap:10px}.customer-picker label,.stop-sort,.driver-stat,.driver-stop,.driver-tour,.driver-card{background:rgba(255,255,255,.035);border-color:rgba(95,130,190,.16)}.customer-card,.dispatch-column,.dispatch-mini-card,.calendar-day,.planner-suggestion,.roadmap-card,.check-row,.migration-row,.notification-item{background:rgba(255,255,255,.035)!important;border-color:rgba(95,130,190,.16)!important}.dispatch-column h3{color:#dbe7fb}.dispatch-mini-card:hover,.customer-card:hover{border-color:rgba(20,119,255,.35)!important;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.public-nav{background:rgba(5,11,22,.78);border-bottom-color:rgba(95,130,190,.16)}.hero{padding-top:72px}.hero h1{letter-spacing:-.07em}.auth-card,.hero-card{border-radius:24px}.public-shell .btn,.auth-card .btn{background:linear-gradient(135deg,#1680ff,#0e63e6)}
.command-palette{background:rgba(2,8,23,.72)}.command-box{background:linear-gradient(180deg,#0d1b30,#071426);border-color:rgba(95,130,190,.24);box-shadow:0 28px 90px rgba(0,0,0,.52)}.command-results a,.command-results span{background:rgba(255,255,255,.04);border-color:rgba(95,130,190,.16)}.command-results a:hover{background:rgba(20,119,255,.10);border-color:rgba(20,119,255,.32)}
@media(max-width:1500px){.cards.six{grid-template-columns:repeat(3,minmax(0,1fr))}.command-map-card{grid-template-columns:1fr}.ops-map-visual{min-height:280px}}
@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(88vw,280px)}.cards.six{grid-template-columns:repeat(2,minmax(0,1fr))}.logistics-top-actions{gap:8px}.user-menu-pill span,.status-chip.live-chip,.top-export-link{display:none}.logistics-dashboard-grid,.command-center.logistics-live-panel{grid-template-columns:1fr}}
@media(max-width:760px){.cards.six{grid-template-columns:1fr}.logistics-primary-action{display:none}.icon-action{width:38px;height:38px}.content{padding:16px 14px}.topbar{margin:12px 12px 0}.date-range-pill{display:none!important}.tour-row-card.dense{grid-template-columns:1fr}.tour-row-actions.slim{grid-template-columns:1fr}}


/* source: premium-ui.css */
/* VersandPro Oberfläche
   Drop-in UI layer: logo, dashboard, shell polish, STRATO/PHP-safe. */

:root{
  --vp-bg:#030711;
  --vp-bg-2:#071323;
  --vp-panel:rgba(8,18,34,.84);
  --vp-panel-2:rgba(11,24,43,.94);
  --vp-line:rgba(91,145,220,.18);
  --vp-line-strong:rgba(0,128,255,.36);
  --vp-text:#f6f9ff;
  --vp-muted:#91a5c3;
  --vp-blue:#147cff;
  --vp-blue-2:#00c8ff;
  --vp-green:#23d18b;
  --vp-yellow:#facc15;
  --vp-orange:#fb923c;
  --vp-red:#ff5570;
  --vp-shadow:0 24px 80px rgba(0,0,0,.42);
  --vp-glow:0 0 28px rgba(20,124,255,.42);
  --vp-radius:22px;
}

html[data-theme="light"]{
  --vp-bg:#030711;
  --vp-bg-2:#071323;
  --vp-panel:rgba(8,18,34,.84);
  --vp-panel-2:rgba(11,24,43,.94);
  --vp-text:#f6f9ff;
  --vp-muted:#91a5c3;
}

body.premium-ui{
  background:
    radial-gradient(circle at 18% -10%, rgba(20,124,255,.24), transparent 32%),
    radial-gradient(circle at 85% 0%, rgba(0,200,255,.16), transparent 28%),
    linear-gradient(180deg,#030711 0%,#061021 45%,#030711 100%) !important;
  color:var(--vp-text);
}

body.premium-ui:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(80,128,190,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80,128,190,.032) 1px, transparent 1px),
    radial-gradient(circle at 50% 12%, rgba(20,124,255,.08), transparent 35%);
  background-size:56px 56px,56px 56px,auto;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.18));
  z-index:0;
}

.premium-ui .app-bg{background:transparent!important}
.premium-ui .sidebar,.premium-ui .main,.premium-ui .content,.premium-ui .topbar{position:relative;z-index:1}

.premium-ui .app-shell{grid-template-columns:260px minmax(0,1fr)}
.premium-ui .sidebar{
  background:linear-gradient(180deg,rgba(3,8,18,.96),rgba(5,13,27,.98));
  border-right:1px solid rgba(60,128,220,.22);
  box-shadow:22px 0 80px rgba(0,0,0,.34), inset -1px 0 rgba(255,255,255,.03);
  padding:24px 16px;
}
.premium-ui .brand{align-items:center;gap:13px;padding:0 4px 18px;margin-bottom:6px;text-decoration:none}
.premium-ui .brand-logo{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  object-fit:cover;
  background:#061326;
  box-shadow:0 0 0 1px rgba(74,159,255,.34),0 20px 42px rgba(20,124,255,.28), inset 0 1px rgba(255,255,255,.12);
}
.premium-ui .brand-wordmark{font-size:1.28rem;line-height:1;letter-spacing:-.055em;font-weight:950;color:#fff;text-shadow:0 0 22px rgba(20,124,255,.22)}
.premium-ui .brand-wordmark em{color:var(--vp-blue-2);font-style:italic;text-shadow:0 0 18px rgba(0,200,255,.45)}
.premium-ui .brand small{color:#7d91b1;margin-top:5px;font-weight:700;letter-spacing:.01em}
.premium-ui .sidebar-user{display:none!important}

.premium-ui .nav{gap:8px;margin-top:6px}
.premium-ui .nav a{
  min-height:48px;
  padding:0 14px;
  border-radius:15px;
  color:#aebed6;
  font-weight:820;
  letter-spacing:-.015em;
  background:transparent;
  border:1px solid transparent;
}
.premium-ui .nav a .icon{width:20px;height:20px;color:#b9c8df}
.premium-ui .nav a:hover{
  color:#fff;
  background:linear-gradient(90deg,rgba(20,124,255,.11),rgba(0,200,255,.035));
  border-color:rgba(50,132,255,.18);
}
.premium-ui .nav a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(20,124,255,.86),rgba(12,88,225,.56));
  border-color:rgba(102,190,255,.48);
  box-shadow:0 0 0 1px rgba(0,200,255,.14),0 0 32px rgba(20,124,255,.36), inset 0 1px rgba(255,255,255,.20);
}
.premium-ui .nav a.active .icon{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.28))}
.premium-ui .nav-section{margin:14px 8px 5px;color:#596a84;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.premium-ui .sidebar-promo,.premium-ui .sidebar-footer{
  border-radius:20px;
  border:1px solid rgba(58,141,255,.2);
  background:linear-gradient(150deg,rgba(16,35,61,.88),rgba(6,14,28,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.25);
}
.premium-ui .sidebar-footer{padding:15px;margin-top:14px}
.premium-ui .sidebar-promo{padding:15px;margin-top:auto}
.premium-ui .sidebar-promo>strong,.premium-ui .sidebar-footer .btn{
  background:linear-gradient(135deg,var(--vp-blue),#075be8);
  border:none;
  box-shadow:0 16px 36px rgba(20,124,255,.32);
}

.premium-ui .main{background:transparent!important;min-width:0}
.premium-ui .topbar{
  margin:16px 22px 0;
  padding:11px 14px;
  min-height:68px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,18,35,.82),rgba(5,12,25,.90));
  border:1px solid rgba(92,138,205,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(20px);
}
.premium-ui .topbar-left{min-width:0}
.premium-ui .topbar-brand-title{display:none!important}
.premium-ui .logistics-top-actions{width:100%;gap:12px}
.premium-ui .logistics-search{
  min-height:48px;
  max-width:700px;
  margin-left:auto;
  background:rgba(3,10,22,.72);
  border:1px solid rgba(116,154,210,.2);
  border-radius:17px;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.premium-ui .logistics-search span{font-weight:700;color:#aebbd1}
.premium-ui .logistics-search kbd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#b5c5dd}
.premium-ui .btn{
  min-height:42px;
  border-radius:14px;
  border:1px solid rgba(99,183,255,.28);
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,#1584ff,#075ce6);
  box-shadow:0 16px 34px rgba(20,124,255,.30), inset 0 1px rgba(255,255,255,.18);
}
.premium-ui .btn:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(20,124,255,.38)}
.premium-ui .btn.ghost{
  background:rgba(255,255,255,.045);
  border-color:rgba(126,162,212,.18);
  box-shadow:none;
  color:#d9e6fb;
}
.premium-ui .icon-action,.premium-ui .top-export-link{
  width:46px;height:46px;border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(126,162,212,.18);
  color:#edf5ff;
}
.premium-ui .notify-dot{background:linear-gradient(135deg,#1888ff,#095eea);box-shadow:0 0 18px rgba(20,124,255,.55)}
.premium-ui .user-menu-pill{
  min-height:48px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(126,162,212,.18);
  padding:5px 12px 5px 5px;
}
.premium-ui .avatar,.premium-ui .user-menu-pill .avatar{
  background:linear-gradient(135deg,#1a8cff,#0054dc);
  box-shadow:0 0 22px rgba(20,124,255,.36);
}
.premium-ui .content{padding:20px 22px 30px;gap:18px}
.premium-ui .mobile-ops-note{display:none}

.premium-ui .panel,.premium-ui .card,.premium-ui .glass,.premium-ui .auth-card,.premium-ui .public-grid article,.premium-ui .hero-card{
  background:linear-gradient(180deg,rgba(10,23,42,.86),rgba(5,13,27,.94));
  border:1px solid rgba(99,146,215,.17);
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
}

.vp-dashboard{display:grid;gap:18px;min-width:0}
.vp-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 0 2px}
.vp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#60b8ff;font-weight:950;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}
.vp-hero-row h1{margin:0;font-size:2rem;letter-spacing:-.06em;line-height:1.05;color:#fff}
.vp-hero-row p{margin:7px 0 0;color:var(--vp-muted);font-weight:650}
.vp-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.vp-date-pill{height:42px;display:inline-flex;align-items:center;padding:0 15px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(126,162,212,.18);color:#d7e5fb;font-weight:900}

.vp-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vp-kpi-card{position:relative;min-height:138px;padding:22px 20px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(11,25,46,.9),rgba(6,15,31,.96));border:1px solid rgba(95,145,220,.19);box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.055)}
.vp-kpi-card:before{content:"";position:absolute;inset:auto -30px -58px auto;width:160px;height:160px;border-radius:999px;background:conic-gradient(from 160deg,var(--vp-blue),var(--vp-blue-2),rgba(20,124,255,.08),rgba(255,255,255,.03));box-shadow:0 0 38px rgba(20,124,255,.28)}
.vp-kpi-card:after{content:"";position:absolute;right:13px;bottom:13px;width:108px;height:108px;border-radius:999px;background:rgba(3,8,18,.72);box-shadow:inset 0 0 0 13px rgba(3,8,18,.84)}
.vp-kpi-card span{display:block;color:#cbd8ea;font-weight:850;font-size:.92rem;margin-bottom:8px}
.vp-kpi-card strong{display:block;font-size:2.3rem;letter-spacing:-.07em;line-height:1;color:#fff}
.vp-kpi-card small{display:block;margin-top:8px;color:#8ea0bc;font-weight:750}.vp-kpi-card small b{color:var(--vp-green)}
.vp-kpi-card>i{position:absolute;right:47px;bottom:47px;z-index:2;color:#78d8ff;filter:drop-shadow(0 0 12px rgba(0,200,255,.65));display:grid;place-items:center}
.vp-kpi-card>i .icon{width:34px;height:34px}.vp-kpi-efficiency:before{background:conic-gradient(from 120deg,#00c8ff,#147cff 78%,rgba(255,255,255,.06) 79%)}

.vp-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.vp-map-card,.vp-side-card,.vp-analytics-card{background:linear-gradient(180deg,rgba(9,21,39,.87),rgba(5,13,27,.96));border:1px solid rgba(95,145,220,.18);border-radius:var(--vp-radius);box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.045)}
.vp-map-card{padding:18px;min-width:0}.vp-panel-head,.vp-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.vp-panel-head h2,.vp-card-head h3{margin:0;color:#fff;letter-spacing:-.035em}.vp-panel-head h2{font-size:1.24rem}.vp-card-head h3{font-size:1rem}.vp-card-head a,.vp-card-head span{font-size:.78rem;color:#39a8ff;font-weight:900;text-decoration:none}.vp-legend{display:flex;gap:18px;margin-top:8px;color:#9cacbf;font-size:.83rem;font-weight:760}.vp-legend span{display:inline-flex;align-items:center;gap:7px}.vp-legend i{width:9px;height:9px;border-radius:999px;background:#77869c}.vp-legend .blue{background:var(--vp-blue);box-shadow:0 0 12px rgba(20,124,255,.8)}.vp-legend .cyan{background:var(--vp-green);box-shadow:0 0 12px rgba(35,209,139,.55)}.vp-panel-actions{display:flex;align-items:center;gap:10px}.vp-panel-actions .small{min-height:38px;font-size:.82rem}

.vp-route-map{position:relative;min-height:464px;overflow:hidden;border-radius:19px;background:radial-gradient(circle at 70% 30%,rgba(0,200,255,.10),transparent 26%),linear-gradient(rgba(77,121,180,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(77,121,180,.085) 1px,transparent 1px),linear-gradient(135deg,rgba(11,38,70,.94),rgba(3,9,20,.98));background-size:auto,42px 42px,42px 42px,auto;border:1px solid rgba(95,145,220,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -80px 120px rgba(0,0,0,.22)}
.vp-route-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 56px,rgba(74,115,170,.10) 57px,transparent 59px),repeating-linear-gradient(-22deg,transparent 0 72px,rgba(74,115,170,.08) 73px,transparent 75px);opacity:.65}.vp-route-svg{position:absolute;inset:0;width:100%;height:100%}.vp-grid-path{fill:none;stroke:rgba(82,132,206,.28);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 12}.vp-grid-path-2{stroke:rgba(82,132,206,.18);stroke-width:2}.vp-route-path{fill:none;stroke:url(#dummy);stroke:#0eb7ff;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 9px rgba(0,184,255,.95)) drop-shadow(0 0 20px rgba(20,124,255,.65));animation:vp-route-glow 4s ease-in-out infinite}.vp-stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:34px;height:42px;border-radius:18px 18px 18px 5px;rotate:-45deg;background:linear-gradient(135deg,#1b90ff,#075ce6);border:2px solid rgba(200,235,255,.9);box-shadow:0 0 0 7px rgba(20,124,255,.15),0 0 28px rgba(20,124,255,.7);display:grid;place-items:center;color:#fff;font-weight:950;z-index:3;font-size:0}.vp-stop:before{content:attr(data-label);rotate:45deg;font-size:.9rem;line-height:1}.vp-stop.vp-start{width:44px;height:44px;border-radius:999px;rotate:0;background:linear-gradient(135deg,#0eb7ff,#126dff)}.vp-stop.vp-start:before{rotate:0;font-size:1rem}
.vp-tour-card{position:absolute;left:24px;bottom:24px;z-index:4;width:min(390px,calc(100% - 48px));padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(9,21,39,.90),rgba(5,13,27,.96));border:1px solid rgba(116,165,230,.22);box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px)}.vp-tour-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.vp-tour-card b{color:#fff}.vp-status{font-size:.72rem;min-height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:9px;font-weight:950}.vp-status.active{color:#6ff0b4;background:rgba(35,209,139,.12);border:1px solid rgba(35,209,139,.24)}.vp-tour-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 14px}.vp-tour-stats span{padding:11px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(126,162,212,.12)}.vp-tour-stats small{display:block;color:#8ea0bc;font-size:.72rem}.vp-tour-stats strong{display:block;margin-top:3px;font-size:.96rem}.vp-progress-label{display:flex;justify-content:space-between;color:#a9b8ce;font-size:.82rem;font-weight:800}.vp-progress{height:8px;margin:7px 0 12px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.vp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vp-blue),var(--vp-blue-2));box-shadow:0 0 15px rgba(20,124,255,.75)}.vp-tour-card>small{color:#8fa0bc}.vp-map-controls{position:absolute;right:18px;bottom:18px;z-index:5;display:grid;gap:7px}.vp-map-controls button{width:38px;height:38px;border-radius:13px;border:1px solid rgba(126,162,212,.18);background:rgba(5,13,27,.84);color:#fff;font-weight:950;font-size:1.1rem}

.vp-right-stack{display:grid;gap:12px}.vp-side-card{padding:15px;min-width:0}.vp-list,.vp-driver-list{display:grid;gap:8px}.vp-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(126,162,212,.12);text-decoration:none;color:inherit}.vp-list-item:hover{border-color:rgba(20,124,255,.32);background:rgba(20,124,255,.07)}.vp-list-item span{min-width:0}.vp-list-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.88rem}.vp-list-item small{display:block;color:#8ea0bc;font-size:.75rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-list-item em{font-style:normal;color:#65b8ff;font-size:.78rem;font-weight:950}.vp-dot{width:11px;height:11px;border-radius:999px;background:#64748b;box-shadow:0 0 0 5px rgba(100,116,139,.12)}.vp-dot.active{background:var(--vp-green);box-shadow:0 0 0 5px rgba(35,209,139,.14),0 0 15px rgba(35,209,139,.55)}.vp-dot.planned,.vp-dot.draft{background:var(--vp-blue);box-shadow:0 0 0 5px rgba(20,124,255,.14),0 0 15px rgba(20,124,255,.6)}.vp-dot.done{background:#94a3b8}.vp-list-item.order>i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(20,124,255,.10);color:#84c7ff}.vp-list-item.order .icon{width:18px;height:18px}.vp-list-item.order em{color:#ffb25e}
.vp-driver-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:10px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(126,162,212,.12)}.vp-avatar{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1a8cff,#064cd0);color:#fff;font-weight:950;box-shadow:0 0 20px rgba(20,124,255,.34)}.vp-driver-item b{display:block;color:#fff;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-driver-item small{display:block;color:#8798b4;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-driver-item em{font-style:normal;font-size:.75rem;font-weight:950}.vp-driver-item em.drive{color:var(--vp-green)}.vp-driver-item em.free{color:#57a8ff}.vp-driver-item em.pause{color:var(--vp-yellow)}.vp-mini-progress{grid-column:2/4;height:5px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.vp-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--vp-blue),var(--vp-blue-2));border-radius:inherit}.vp-empty{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px dashed rgba(126,162,212,.18);color:#8fa0bc;font-weight:750;text-align:center}

.vp-analytics-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px}.vp-analytics-card{min-height:230px;padding:18px;position:relative;overflow:hidden}.vp-donut{--value:92;width:132px;height:132px;border-radius:999px;background:conic-gradient(var(--vp-blue) calc(var(--value)*1%), rgba(255,255,255,.07) 0);display:grid;place-items:center;margin:12px 0 0;box-shadow:0 0 26px rgba(20,124,255,.26);position:relative}.vp-donut:after{content:"";position:absolute;inset:17px;border-radius:999px;background:#071327;border:1px solid rgba(126,162,212,.12)}.vp-donut strong,.vp-donut small{position:relative;z-index:1}.vp-donut strong{font-size:1.65rem;color:#fff}.vp-donut small{font-size:.74rem;color:#90a1bb;align-self:start;margin-top:-28px}.vp-performance-list{position:absolute;right:18px;bottom:23px;display:grid;gap:9px;min-width:160px}.vp-performance-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aebbd1;font-size:.82rem}.vp-performance-list i{width:9px;height:9px;border-radius:999px;background:var(--vp-blue);margin-right:4px;display:inline-block}.vp-performance-list .yellow{background:var(--vp-yellow)}.vp-performance-list .red{background:var(--vp-red)}.vp-chart-card>strong,.vp-eco-card>strong{display:block;font-size:2rem;letter-spacing:-.06em;color:#fff}.vp-line-chart{height:112px;margin:18px 0 8px;display:flex;align-items:flex-end;gap:12px;padding:12px 10px;border-radius:15px;background:linear-gradient(180deg,rgba(20,124,255,.05),rgba(255,255,255,.025));border:1px solid rgba(126,162,212,.10)}.vp-line-chart i{flex:1;height:var(--h);border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--vp-blue-2),var(--vp-blue));box-shadow:0 0 14px rgba(20,124,255,.45)}.vp-eco-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:6px 18px}.vp-eco-card .vp-card-head{grid-column:1/-1;width:100%}.vp-leaf{width:112px;height:112px;border-radius:999px;display:grid;place-items:center;font-size:3.2rem;color:#62f2b4;background:radial-gradient(circle,rgba(35,209,139,.18),rgba(6,15,31,.92));border:1px solid rgba(35,209,139,.36);box-shadow:0 0 28px rgba(35,209,139,.20)}.vp-eco-card small{color:#8ea0bc}.vp-eco-card p{grid-column:1/-1;margin:8px 0 0;padding:10px 12px;border-radius:13px;background:rgba(35,209,139,.08);border:1px solid rgba(35,209,139,.18);color:#78f4bd;font-weight:850}
.vp-upcoming-card,.vp-activity-card{padding:18px}.vp-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vp-upcoming-grid a,.vp-upcoming-grid div{padding:12px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(126,162,212,.12);text-decoration:none;color:inherit}.vp-upcoming-grid b{display:block;color:#fff}.vp-upcoming-grid small{display:block;color:#8ea0bc;margin-top:4px}

.premium-ui .public-nav{background:rgba(3,8,18,.80);border-bottom:1px solid rgba(95,145,220,.18);backdrop-filter:blur(18px)}.premium-ui.public-shell{background:linear-gradient(180deg,#030711,#061221)}.premium-ui .business-hero{min-height:calc(100vh - 90px);padding:92px 5vw;background:radial-gradient(circle at 72% 15%,rgba(20,124,255,.18),transparent 28%)}.premium-ui .hero h1{letter-spacing:-.08em}.premium-ui .hero-chip{border-color:rgba(20,124,255,.32);background:rgba(20,124,255,.11);color:#9bd8ff}.premium-ui .auth-card{border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 40px rgba(20,124,255,.10)}

@keyframes vp-route-glow{0%,100%{opacity:.84;filter:drop-shadow(0 0 8px rgba(0,184,255,.78)) drop-shadow(0 0 18px rgba(20,124,255,.45))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(0,184,255,1)) drop-shadow(0 0 28px rgba(20,124,255,.78))}}

@media(max-width:1540px){.vp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-main-grid{grid-template-columns:1fr}.vp-right-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-analytics-grid{grid-template-columns:1fr 1fr}.vp-eco-card{grid-column:1/-1}.vp-route-map{min-height:420px}}
@media(max-width:1180px){.premium-ui .app-shell{grid-template-columns:1fr}.premium-ui .sidebar{width:min(88vw,290px)}.premium-ui .logistics-search{max-width:none}.premium-ui .user-menu-pill span,.premium-ui .live-chip,.premium-ui .top-export-link{display:none}.vp-right-stack,.vp-analytics-grid,.vp-upcoming-grid{grid-template-columns:1fr}.vp-hero-row{align-items:flex-start;flex-direction:column}.vp-panel-head{align-items:flex-start;flex-direction:column}.vp-route-map{min-height:380px}.vp-tour-card{position:relative;left:auto;bottom:auto;width:auto;margin:210px 14px 14px}}
@media(max-width:760px){.premium-ui .content{padding:16px 14px}.premium-ui .topbar{margin:12px 12px 0}.premium-ui .logistics-primary-action,.premium-ui .theme-toggle,.premium-ui .date-range-pill{display:none}.vp-kpi-grid{grid-template-columns:1fr}.vp-kpi-card{min-height:118px}.vp-route-map{min-height:360px}.vp-tour-stats{grid-template-columns:1fr}.vp-analytics-card{min-height:unset}.vp-performance-list{position:static;margin-top:14px}.vp-eco-card{grid-template-columns:1fr}.vp-leaf{width:96px;height:96px}.vp-panel-actions{width:100%;flex-wrap:wrap}.vp-panel-actions .btn{flex:1}}

/* === VersandPro Oberfläche ===
   Covers every classic view/page, public area, auth, admin tables, planner, customers,
   tours, reports, settings and system pages without touching backend logic. */
.premium-ui .page-head{padding:8px 0 4px;align-items:flex-end;border-bottom:1px solid rgba(95,145,220,.10);padding-bottom:16px;margin-bottom:2px}
.premium-ui .page-head h1{font-size:clamp(1.85rem,2.8vw,2.75rem);letter-spacing:-.07em;line-height:1.04;color:#fff;text-shadow:0 0 32px rgba(20,124,255,.16)}
.premium-ui .page-head p{color:#91a5c3;font-weight:650;max-width:880px}
.premium-ui .page-head .actions{align-items:center;justify-content:flex-end}
.premium-ui .eyebrow,.premium-ui .panel-kicker{color:#63b9ff;text-shadow:0 0 18px rgba(20,124,255,.28)}
.premium-ui .cards,.premium-ui .grid{gap:16px}
.premium-ui .cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.premium-ui .cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.premium-ui .compact-cards{gap:13px}
.premium-ui .stat-card,.premium-ui .metric-card{position:relative;overflow:hidden;min-height:118px;border-radius:19px;background:linear-gradient(180deg,rgba(12,27,48,.92),rgba(6,15,31,.96));border-color:rgba(95,145,220,.18)}
.premium-ui .stat-card:after,.premium-ui .metric-card:after{content:"";position:absolute;right:-42px;bottom:-60px;width:145px;height:145px;border-radius:999px;background:radial-gradient(circle,rgba(20,124,255,.26),transparent 62%);pointer-events:none}
.premium-ui .stat-card span,.premium-ui .metric-card span{font-size:.82rem;color:#b9c8df;font-weight:850;text-transform:none}
.premium-ui .stat-card strong,.premium-ui .metric-card strong{font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.065em;color:#fff;position:relative;z-index:1}
.premium-ui .stat-card small,.premium-ui .metric-card small{color:#8293af;font-weight:700;position:relative;z-index:1}
.premium-ui .metric-card.accent,.premium-ui .stat-card.accent{background:linear-gradient(180deg,rgba(20,124,255,.18),rgba(6,15,31,.96));border-color:rgba(20,124,255,.30);box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 34px rgba(20,124,255,.10)}
.premium-ui .panel-title-row{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(95,145,220,.10)}
.premium-ui .panel-title-row h2{font-size:1.18rem;letter-spacing:-.04em;color:#fff}
.premium-ui .panel-title-row small{color:#889bb8;font-weight:650}
.premium-ui .panel-title-row code{color:#9dd8ff;background:rgba(20,124,255,.10);border:1px solid rgba(20,124,255,.18);padding:2px 7px;border-radius:8px}
.premium-ui .table-wrap{border-radius:18px;border:1px solid rgba(95,145,220,.12);background:rgba(255,255,255,.025);overflow:auto}
.premium-ui table{width:100%;border-collapse:separate;border-spacing:0}
.premium-ui thead th{position:sticky;top:0;z-index:2;background:rgba(5,13,27,.92);backdrop-filter:blur(12px);color:#7f92af;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;border-bottom:1px solid rgba(95,145,220,.14)}
.premium-ui th,.premium-ui td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(95,145,220,.09)}
.premium-ui tbody tr:last-child td{border-bottom:0}
.premium-ui tbody tr:hover td{background:rgba(20,124,255,.055)}
.premium-ui tbody td{color:#dce7f8;font-weight:650}
.premium-ui td code,.premium-ui code{color:#9dd8ff;background:rgba(20,124,255,.10);border:1px solid rgba(20,124,255,.14);border-radius:8px;padding:2px 7px}
.premium-ui .actions-cell,.premium-ui .tour-row-actions,.premium-ui .customer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.premium-ui .form,.premium-ui .form.compact,.premium-ui .filter-bar,.premium-ui .search{gap:13px}
.premium-ui label span,.premium-ui .field span{color:#91a5c3;font-weight:800;font-size:.82rem}
.premium-ui input,.premium-ui select,.premium-ui textarea{background:rgba(255,255,255,.045);border-color:rgba(126,162,212,.18);border-radius:15px;box-shadow:inset 0 1px rgba(255,255,255,.035);color:#f5f9ff}
.premium-ui input::placeholder,.premium-ui textarea::placeholder{color:#687b98}
.premium-ui input:focus,.premium-ui select:focus,.premium-ui textarea:focus{border-color:rgba(20,124,255,.56);box-shadow:0 0 0 4px rgba(20,124,255,.12),0 0 28px rgba(20,124,255,.12)}
.premium-ui .filter-bar{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(10,23,42,.76),rgba(5,13,27,.92));border:1px solid rgba(95,145,220,.15)}
.premium-ui .badge{min-height:28px;padding:0 10px;border-radius:10px;font-size:.75rem;font-weight:950;letter-spacing:.01em;border:1px solid rgba(126,162,212,.18);background:rgba(255,255,255,.055);color:#dce7f8}
.premium-ui .badge.active,.premium-ui .badge.done{background:rgba(35,209,139,.13);border-color:rgba(35,209,139,.24);color:#79f5bc}
.premium-ui .badge.planned,.premium-ui .badge.draft{background:rgba(20,124,255,.14);border-color:rgba(20,124,255,.25);color:#9dd0ff}
.premium-ui .badge.arrived{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.22);color:#ffe28a}
.premium-ui .badge.problem,.premium-ui .badge.cancelled,.premium-ui .badge.error{background:rgba(255,85,112,.13);border-color:rgba(255,85,112,.24);color:#ff9bae}
.premium-ui .empty{min-height:360px;display:grid;place-items:center;text-align:center;padding:44px;border-radius:28px;background:linear-gradient(180deg,rgba(10,23,42,.80),rgba(5,13,27,.94));border:1px solid rgba(95,145,220,.16);box-shadow:0 26px 80px rgba(0,0,0,.30)}
.premium-ui .empty h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.075em}
.premium-ui .empty p{color:#92a4c0;margin:8px 0 18px}
.premium-ui .flash{border-radius:17px;background:linear-gradient(180deg,rgba(10,23,42,.92),rgba(5,13,27,.96));border-color:rgba(95,145,220,.18);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.premium-ui .flash.success{border-color:rgba(35,209,139,.24);background:linear-gradient(180deg,rgba(35,209,139,.11),rgba(5,13,27,.94))}
.premium-ui .flash.error{border-color:rgba(255,85,112,.28);background:linear-gradient(180deg,rgba(255,85,112,.12),rgba(5,13,27,.94))}

/* Auth + public website */
.premium-ui.public-shell .public-nav .brand-logo{width:54px!important;height:54px!important;border-radius:18px!important}
.premium-ui.public-shell .public-nav nav a:not(.btn){font-weight:850;color:#a9bad2}
.premium-ui.public-shell .public-footer{border-top-color:rgba(95,145,220,.16);color:#a9bad2}
.premium-ui .auth-card{max-width:470px;margin:54px auto;padding:28px;background:linear-gradient(180deg,rgba(10,23,42,.92),rgba(5,13,27,.96));border:1px solid rgba(95,145,220,.18);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 46px rgba(20,124,255,.10)}
.premium-ui .auth-card h1{font-size:2.1rem;letter-spacing:-.065em}
.premium-ui .auth-card p{color:#91a5c3}
.premium-ui .public-grid article,.premium-ui .workflow-grid div,.premium-ui .band{background:linear-gradient(180deg,rgba(10,23,42,.78),rgba(5,13,27,.93));border-color:rgba(95,145,220,.16)}
.premium-ui .feature-icon{background:rgba(20,124,255,.12);border:1px solid rgba(20,124,255,.22);color:#87ceff;box-shadow:0 0 26px rgba(20,124,255,.14)}

/* Planner */
.premium-ui .planner-main,.premium-ui .tour-workspace{gap:18px}
.premium-ui .planner-side,.premium-ui .route-panel,.premium-ui .map-panel,.premium-ui .stop-order-panel,.premium-ui .customer-board{gap:14px}
.premium-ui .map,.premium-ui .planner-map,#tourMap{border-radius:22px;border-color:rgba(20,124,255,.18);box-shadow:0 0 44px rgba(20,124,255,.10);background:#071327;overflow:hidden}
.premium-ui .route-summary span,.premium-ui .planner-mini-stats div,.premium-ui .customer-picker label,.premium-ui .stop-sort{background:rgba(255,255,255,.04);border-color:rgba(126,162,212,.14);border-radius:16px}
.premium-ui .customer-picker label:hover,.premium-ui .stop-sort:hover{border-color:rgba(20,124,255,.32);background:rgba(20,124,255,.07)}
.premium-ui .customer-picker label.is-selected{border-color:rgba(20,124,255,.52);background:rgba(20,124,255,.11);box-shadow:0 0 0 4px rgba(20,124,255,.08)}
.premium-ui .sticky-actions{background:linear-gradient(180deg,transparent,rgba(5,13,27,.92) 42%);backdrop-filter:blur(12px);padding:12px;border-radius:18px;border:1px solid rgba(95,145,220,.10)}

/* Tours + customers + boards */
.premium-ui .tour-row-card,.premium-ui .tour-row-main,.premium-ui .customer-card,.premium-ui .quick-link,.premium-ui .list-card,.premium-ui .timeline-item,.premium-ui .info-box,.premium-ui .quick-action-card,.premium-ui .readonly-field,.premium-ui .dispatch-column,.premium-ui .dispatch-mini-card,.premium-ui .calendar-day,.premium-ui .planner-suggestion,.premium-ui .roadmap-card,.premium-ui .check-row,.premium-ui .migration-row,.premium-ui .notification-item{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));border:1px solid rgba(126,162,212,.14);border-radius:17px;box-shadow:none}
.premium-ui .tour-row-card:hover,.premium-ui .customer-card:hover,.premium-ui .quick-link:hover,.premium-ui .dispatch-mini-card:hover{border-color:rgba(20,124,255,.36);background:rgba(20,124,255,.07);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.premium-ui .tour-hero,.premium-ui .premium-tour-hero{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(20,124,255,.24),transparent 36%),linear-gradient(135deg,rgba(12,30,57,.94),rgba(5,13,27,.98));border-color:rgba(20,124,255,.24)}
.premium-ui .tour-hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(0,200,255,.20),transparent 65%)}
.premium-ui .tour-hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.075em}
.premium-ui .tour-progress-line,.premium-ui .progress{background:rgba(255,255,255,.075);border:1px solid rgba(126,162,212,.12);border-radius:999px;overflow:hidden}
.premium-ui .tour-progress-line i,.premium-ui .progress i{background:linear-gradient(90deg,var(--vp-blue),var(--vp-blue-2));box-shadow:0 0 18px rgba(20,124,255,.58)}
.premium-ui .stop-card,.premium-ui .timeline-stop{background:rgba(255,255,255,.04);border-color:rgba(126,162,212,.14);border-radius:18px}
.premium-ui .stop-card:hover{border-color:rgba(20,124,255,.30)}
.premium-ui .stop-index,.premium-ui .mini-avatar,.premium-ui .table-user-cell .mini-avatar{background:linear-gradient(135deg,#1a8cff,#075ce6);color:#fff;box-shadow:0 0 20px rgba(20,124,255,.28)}

/* Settings / admin forms */
.premium-ui .settings-layout,.premium-ui .admin-grid{gap:18px}
.premium-ui .settings-tabs,.premium-ui .tab-list{background:linear-gradient(180deg,rgba(10,23,42,.76),rgba(5,13,27,.92));border:1px solid rgba(95,145,220,.15);border-radius:22px;padding:10px}
.premium-ui .settings-tabs a,.premium-ui .tab-list a,.premium-ui .tab-btn{border-radius:14px;color:#aebed6;font-weight:850;border:1px solid transparent;background:transparent}
.premium-ui .settings-tabs a.active,.premium-ui .tab-list a.active,.premium-ui .tab-btn.active{background:linear-gradient(135deg,rgba(20,124,255,.78),rgba(7,92,230,.55));border-color:rgba(99,183,255,.28);color:#fff;box-shadow:0 0 28px rgba(20,124,255,.24)}
.premium-ui .setting-group,.premium-ui .settings-section{background:rgba(255,255,255,.035);border:1px solid rgba(126,162,212,.13);border-radius:18px;padding:16px}
.premium-ui .toggle,.premium-ui .switch{accent-color:var(--vp-blue)}

/* Driver app when shown through shared CSS classes */
.premium-ui .driver-card,.premium-ui .driver-tour,.premium-ui .driver-stop,.premium-ui .driver-login,.premium-ui .driver-hero-card{background:linear-gradient(180deg,rgba(10,23,42,.90),rgba(5,13,27,.96));border-color:rgba(95,145,220,.18);box-shadow:0 22px 65px rgba(0,0,0,.30)}

@media(max-width:1500px){.premium-ui .cards.five,.premium-ui .cards.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.premium-ui .planner-main,.premium-ui .tour-workspace,.premium-ui .grid.two.uneven{grid-template-columns:1fr}.premium-ui .cards.four,.premium-ui .cards.five,.premium-ui .cards.six{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-ui .filter-bar{grid-template-columns:1fr 1fr}.premium-ui .search{grid-template-columns:1fr}}
@media(max-width:760px){.premium-ui .cards.two,.premium-ui .cards.three,.premium-ui .cards.four,.premium-ui .cards.five,.premium-ui .cards.six,.premium-ui .public-grid,.premium-ui .workflow-grid,.premium-ui .filter-bar{grid-template-columns:1fr}.premium-ui .page-head{align-items:flex-start}.premium-ui .page-head .actions{width:100%;justify-content:flex-start}.premium-ui .actions .btn{flex:1}.premium-ui .auth-card{margin:28px 14px}.premium-ui th,.premium-ui td{padding:11px 12px}}

/* === VersandPro Oberfläche === */
:root{
  --vp-card-border:rgba(79,143,239,.24);
  --vp-card-border-strong:rgba(53,155,255,.48);
  --vp-inner-glow:inset 0 1px rgba(255,255,255,.08), inset 0 -1px rgba(0,123,255,.12);
}

.premium-ui.app-shell{
  min-height:100vh;
  grid-template-columns:270px minmax(1040px,1fr);
  background:#030711;
}

.premium-ui .sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:28px 18px;
  overflow:auto;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,200,255,.16), transparent 26%),
    linear-gradient(180deg, rgba(1,5,14,.98), rgba(4,12,26,.98));
  border-right:1px solid rgba(83,145,255,.25);
  box-shadow:22px 0 70px rgba(0,0,0,.38), inset -1px 0 rgba(0,177,255,.1);
}
.premium-ui .brand{justify-content:center;text-align:center;flex-direction:column;margin-bottom:22px;gap:8px}
.premium-ui .brand-logo{width:104px!important;height:104px!important;border-radius:28px!important;object-fit:cover;box-shadow:0 0 0 1px rgba(0,200,255,.45),0 0 34px rgba(0,112,255,.35)}
.premium-ui .brand-wordmark{font-size:1.42rem;letter-spacing:-.07em;text-shadow:0 0 30px rgba(20,124,255,.45)}
.premium-ui .brand small{display:none}
.premium-ui .nav{gap:10px}
.premium-ui .nav a{height:54px;min-height:54px;border-radius:14px;font-size:1rem;gap:16px;position:relative;overflow:hidden}
.premium-ui .nav a.active:after{content:"";position:absolute;right:-34px;top:50%;width:80px;height:80px;translate:0 -50%;border-radius:50%;background:radial-gradient(circle,rgba(0,213,255,.45),transparent 68%);filter:blur(2px)}
.premium-ui .nav-section{display:none}
.premium-ui .sidebar-footer{margin-top:16px;display:none}
.premium-ui .sidebar-promo{
  margin-top:auto;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,23,50,.9),rgba(3,10,24,.92));
  border:1px solid rgba(28,118,255,.28);
  box-shadow:0 0 28px rgba(0,115,255,.16),var(--vp-inner-glow);
}
.premium-ui .sidebar:after{content:none;display:none}

.premium-ui .main{background:transparent;min-height:100vh;overflow:visible}
.premium-ui .content{padding:16px 18px 28px;gap:18px}
.premium-ui .topbar{
  position:sticky;
  top:18px;
  z-index:24;
  margin:16px 18px 0;
  min-height:70px;
  padding:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.premium-ui .topbar:before{display:none!important}
.premium-ui .topbar-left{min-width:360px}
.premium-ui .topbar-brand-title{gap:12px}
.premium-ui .topbar-mark{display:none}
.premium-ui .eyebrow{display:none}
.premium-ui .topbar-title strong{font-size:clamp(1.5rem,1.7vw,2rem);line-height:1;color:#fff;letter-spacing:-.045em}
.premium-ui .topbar-title small{font-size:.96rem;color:#bbc8dc}
.premium-ui .top-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.premium-ui .logistics-search{
  order:-1;
  width:min(520px,36vw);
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(98,142,208,.3);
  background:rgba(8,16,32,.82);
  color:#cbd6e7;
  box-shadow:var(--vp-inner-glow);
  backdrop-filter:blur(18px);
}
.premium-ui .logistics-search span{flex:1;text-align:left;color:#aebbd1}
.premium-ui .logistics-search kbd{border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:4px 9px;color:#c8d6ed}
.premium-ui .logistics-primary-action,.premium-ui .theme-toggle,.premium-ui .live-chip,.premium-ui .top-export-link{display:none!important}
.premium-ui .icon-action{
  width:54px;height:54px;border-radius:18px;border:1px solid rgba(76,139,239,.34);background:rgba(8,18,35,.82);color:#fff;box-shadow:var(--vp-inner-glow),0 0 22px rgba(0,112,255,.14);position:relative;
}
.premium-ui .notify-dot{position:absolute;right:7px;top:-4px;min-width:22px;height:22px;border-radius:999px;background:#107cff;color:#fff;border:2px solid #07101e;font-size:.78rem;font-weight:950;display:grid;place-items:center}
.premium-ui .user-menu-pill{height:58px;border-radius:18px;padding:8px 18px 8px 8px;background:rgba(9,19,38,.88);border:1px solid rgba(98,142,208,.28);box-shadow:var(--vp-inner-glow);gap:12px;min-width:220px}
.premium-ui .user-menu-pill .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#17325f,#0b93ff);box-shadow:0 0 0 2px rgba(0,200,255,.22)}
.premium-ui .user-menu-pill small{color:#9aabc4}

.premium-ui .panel,.premium-ui .card,.premium-ui .glass,.premium-ui .tour-row-card,.premium-ui .list-card,.premium-ui .auth-card,.premium-ui .public-grid article,.premium-ui .band{
  background:linear-gradient(180deg,rgba(9,20,38,.86),rgba(5,13,29,.92));
  border:1px solid var(--vp-card-border);
  box-shadow:0 24px 70px rgba(0,0,0,.32),var(--vp-inner-glow);
  backdrop-filter:blur(18px);
}
.premium-ui .page-head{padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(9,20,38,.86),rgba(5,13,29,.74));border:1px solid rgba(80,144,240,.22);box-shadow:var(--vp-inner-glow)}
.premium-ui .page-head h1{letter-spacing:-.05em}
.premium-ui .btn{background:linear-gradient(135deg,#1288ff,#0757ff);border-color:rgba(107,197,255,.5);box-shadow:0 12px 30px rgba(15,94,255,.3),var(--vp-inner-glow);border-radius:13px}
.premium-ui .btn.ghost{background:rgba(10,22,43,.72);border-color:rgba(105,153,220,.24);box-shadow:var(--vp-inner-glow)}
.premium-ui input,.premium-ui select,.premium-ui textarea{background:rgba(6,14,30,.86)!important;border-color:rgba(83,137,209,.28)!important;color:#f8fbff!important;border-radius:14px!important;box-shadow:var(--vp-inner-glow)}
.premium-ui table{border-spacing:0 10px}.premium-ui tbody td{background:rgba(9,20,38,.9);border-color:rgba(70,128,210,.18)}
.premium-ui tbody td:first-child{border-radius:14px 0 0 14px}.premium-ui tbody td:last-child{border-radius:0 14px 14px 0}

/* Dashboard exact design system */
.premium-ui .vp-dashboard{display:grid;gap:18px}
.premium-ui .vp-dashboard .vp-hero-row{display:none!important}
.premium-ui .vp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}
.premium-ui .vp-kpi-card{
  min-height:138px;
  padding:24px 24px 22px 130px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,22,43,.88),rgba(5,13,29,.94));
  border:1px solid rgba(65,128,231,.25);
  box-shadow:0 18px 52px rgba(0,0,0,.32),var(--vp-inner-glow);
  position:relative;overflow:hidden;
}
.premium-ui .vp-kpi-card:before{content:"";position:absolute;left:26px;top:24px;width:76px;height:76px;border-radius:50%;background:conic-gradient(from 210deg,#147cff 0 68%,rgba(20,124,255,.14) 68% 100%);box-shadow:0 0 30px rgba(20,124,255,.45)}
.premium-ui .vp-kpi-card:after{content:"";position:absolute;left:36px;top:34px;width:56px;height:56px;border-radius:50%;background:rgba(4,13,28,.96);border:1px solid rgba(111,180,255,.25)}
.premium-ui .vp-kpi-card i{position:absolute;left:52px;top:50px;width:24px;height:24px;display:grid;place-items:center;color:#d9e8ff;z-index:2;background:transparent;border:0;box-shadow:none}.premium-ui .vp-kpi-card i .icon{width:26px;height:26px}
.premium-ui .vp-kpi-card span{font-weight:700;color:#d9e3f5}.premium-ui .vp-kpi-card strong{font-size:2.2rem;letter-spacing:-.05em}.premium-ui .vp-kpi-card small{color:#b1c1d8}.premium-ui .vp-kpi-card small b{color:#24e39a}
.premium-ui .vp-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}
.premium-ui .vp-map-card,.premium-ui .vp-side-card,.premium-ui .vp-analytics-card{
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,19,36,.9),rgba(5,13,28,.94));
  border:1px solid rgba(78,139,228,.25);
  box-shadow:0 24px 70px rgba(0,0,0,.3),var(--vp-inner-glow);
  overflow:hidden;
}
.premium-ui .vp-map-card{min-height:430px}.premium-ui .vp-panel-head{padding:18px 22px;border-bottom:1px solid rgba(73,133,224,.16)}
.premium-ui .vp-panel-head h2,.premium-ui .vp-card-head h3{letter-spacing:-.035em}.premium-ui .vp-legend span{color:#bac8dc}.premium-ui .vp-legend i{box-shadow:0 0 14px currentColor}.premium-ui .vp-panel-actions .btn{height:42px}
.premium-ui .vp-route-map{
  height:380px;
  border-radius:0 0 18px 18px;
  background:
    radial-gradient(circle at 74% 55%, rgba(0,200,255,.16), transparent 22%),
    linear-gradient(28deg, transparent 0 7%, rgba(62,113,170,.15) 7.3% 7.8%, transparent 8.1% 14%, rgba(62,113,170,.13) 14.2% 14.7%, transparent 15% 100%),
    linear-gradient(126deg, transparent 0 10%, rgba(62,113,170,.16) 10.2% 10.7%, transparent 11% 24%, rgba(62,113,170,.13) 24.2% 24.8%, transparent 25% 100%),
    linear-gradient(rgba(54,93,148,.12) 1px, transparent 1px),
    linear-gradient(90deg,rgba(54,93,148,.12) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(14,42,78,.86), rgba(4,12,26,.98) 70%);
  background-size:auto, auto, auto, 54px 54px, 54px 54px, auto;
  overflow:hidden;
}
.premium-ui .vp-route-map:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%, transparent 0 45%, rgba(0,0,0,.34) 78%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 22%,transparent 76%,rgba(0,0,0,.2));pointer-events:none}
.premium-ui .vp-route-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(0,132,255,.7))}
.premium-ui .vp-city-line{fill:none;stroke:rgba(104,157,221,.18);stroke-width:2}.premium-ui .vp-city-line-2{stroke:rgba(107,179,255,.12)}.premium-ui .vp-city-line-3{stroke:rgba(94,151,218,.1);stroke-width:1.6}
.premium-ui .vp-grid-path{display:none}.premium-ui .vp-route-path{fill:none;stroke:url(#none);stroke:#0dcfff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;animation:vp-route-pulse 2.4s ease-in-out infinite}.premium-ui .vp-route-shadow{stroke:#136cff;stroke-width:12;opacity:.32;filter:blur(4px)}
@keyframes vp-route-pulse{0%,100%{opacity:.94}50%{opacity:1;filter:drop-shadow(0 0 18px rgba(0,200,255,.8))}}
.premium-ui .vp-stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:34px;height:42px;border-radius:18px 18px 18px 4px;rotate:-45deg;display:grid;place-items:center;background:linear-gradient(135deg,#146dff,#04c8ff);border:2px solid rgba(197,231,255,.75);box-shadow:0 0 24px rgba(0,128,255,.7);color:#fff;font-weight:950;font-size:.9rem;z-index:3}.premium-ui .vp-stop{color:transparent}.premium-ui .vp-stop:after{content:attr(data-label);rotate:45deg;color:#fff}.premium-ui .vp-start{width:46px;height:46px;border-radius:50%;rotate:0;background:linear-gradient(135deg,#147cff,#00c8ff);font-size:1rem}.premium-ui .vp-start:after{rotate:0}
.premium-ui .vp-tour-card{position:absolute;left:22px;top:28px;width:300px;border-radius:17px;background:rgba(7,16,31,.84);border:1px solid rgba(90,151,227,.25);box-shadow:0 24px 60px rgba(0,0,0,.42),var(--vp-inner-glow);backdrop-filter:blur(20px);padding:20px;z-index:4}.premium-ui .vp-tour-card>div:first-child b{font-size:1.16rem}.premium-ui .vp-tour-stats{grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid rgba(98,142,208,.18);padding-bottom:14px}.premium-ui .vp-tour-stats span{border-right:1px solid rgba(98,142,208,.16)}.premium-ui .vp-tour-stats span:last-child{border-right:0}.premium-ui .vp-progress{height:7px;background:rgba(102,144,200,.16);border:0}.premium-ui .vp-progress i{background:linear-gradient(90deg,#176bff,#02d4ff);box-shadow:0 0 18px rgba(0,183,255,.65)}.premium-ui .vp-map-controls{right:18px;bottom:18px}.premium-ui .vp-map-controls button{background:rgba(5,13,28,.86);border-color:rgba(100,155,224,.24);color:#fff}
.premium-ui .vp-right-stack{display:grid;gap:14px}.premium-ui .vp-side-card{padding:18px}.premium-ui .vp-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.premium-ui .vp-card-head a,.premium-ui .vp-card-head span{color:#168cff;font-weight:800;font-size:.84rem}.premium-ui .vp-list{display:grid;gap:9px}.premium-ui .vp-list-item,.premium-ui .vp-driver-item{min-height:64px;padding:12px;border-radius:14px;background:rgba(10,22,42,.68);border:1px solid rgba(72,129,210,.13);transition:.16s ease}.premium-ui .vp-list-item:hover{border-color:rgba(0,148,255,.35);box-shadow:0 0 26px rgba(0,112,255,.12)}.premium-ui .vp-list-item b,.premium-ui .vp-driver-item b{color:#f7fbff}.premium-ui .vp-list-item small,.premium-ui .vp-driver-item small{color:#9dadc5}.premium-ui .vp-list-item em{color:#1e90ff}.premium-ui .vp-dot.active,.premium-ui .vp-dot.done{background:#1ee888}.premium-ui .vp-dot.planned{background:#178cff}.premium-ui .vp-avatar{border-radius:50%;background:linear-gradient(135deg,#1b80ff,#0ee2ff);color:#fff;box-shadow:0 0 0 2px rgba(0,200,255,.18)}.premium-ui .vp-driver-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.premium-ui .vp-mini-progress{grid-column:2/4;height:5px;background:rgba(115,145,190,.15);border-radius:99px;overflow:hidden}.premium-ui .vp-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#168cff,#23eaa0)}
.premium-ui .vp-analytics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.premium-ui .vp-analytics-card{min-height:230px;padding:20px}.premium-ui .vp-donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#0c7cff calc(var(--value)*1%),#facc15 0 94%,#ff516b 0 100%);position:relative;display:grid;place-items:center;text-align:center;float:left;margin-right:24px;box-shadow:0 0 34px rgba(20,124,255,.34)}.premium-ui .vp-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#061325}.premium-ui .vp-donut strong,.premium-ui .vp-donut small{position:relative;z-index:2}.premium-ui .vp-donut strong{font-size:1.65rem}.premium-ui .vp-donut small{grid-row:2;color:#aebbd2}.premium-ui .vp-performance-list{display:grid;gap:14px;padding-top:20px}.premium-ui .vp-performance-list span{display:flex;justify-content:space-between;gap:14px;color:#b8c5da}.premium-ui .vp-performance-list i{width:10px;height:10px;border-radius:50%;background:#167fff;margin-right:6px;display:inline-block}.premium-ui .vp-performance-list i.yellow{background:#facc15}.premium-ui .vp-performance-list i.red{background:#ff516b}.premium-ui .vp-chart-card strong{font-size:1.7rem}.premium-ui .vp-line-chart{height:118px;display:flex;align-items:end;gap:9px;border-bottom:1px solid rgba(93,141,204,.18);background:linear-gradient(180deg,transparent,rgba(13,114,255,.08));padding:8px 0}.premium-ui .vp-line-chart i{flex:1;height:var(--h);border-radius:999px 999px 0 0;background:linear-gradient(180deg,#11b8ff,#0d57ff);box-shadow:0 0 16px rgba(0,143,255,.4)}.premium-ui .vp-eco-card{display:grid;grid-template-columns:126px 1fr;align-items:center}.premium-ui .vp-eco-card .vp-card-head{grid-column:1/-1}.premium-ui .vp-leaf{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0be5a3 0 13%,rgba(11,229,163,.12) 15% 55%,rgba(11,229,163,.02) 70%);border:2px solid rgba(18,224,176,.65);color:#30f2b8;font-size:4rem;box-shadow:0 0 40px rgba(17,222,183,.35)}.premium-ui .vp-eco-card strong{font-size:2.2rem}.premium-ui .vp-eco-card p{color:#21e596;font-weight:900}

/* Notification center */
.premium-ui .vp-notification-center{position:fixed;right:240px;top:86px;width:360px;z-index:70;border-radius:18px;background:linear-gradient(180deg,rgba(8,18,34,.97),rgba(5,12,25,.98));border:1px solid rgba(81,146,238,.3);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 44px rgba(0,118,255,.2),var(--vp-inner-glow);padding:14px;display:none}.premium-ui .vp-notification-center.is-open{display:block;animation:vp-pop .16s ease-out}@keyframes vp-pop{from{opacity:0;translate:0 -8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.premium-ui .vp-notification-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.premium-ui .vp-notification-head strong{font-size:1.05rem}.premium-ui .vp-notification-head button,.premium-ui .vp-notification-all{border:0;background:transparent;color:#168cff;font-weight:800;cursor:pointer}.premium-ui .vp-notification-list{display:grid;gap:9px}.premium-ui .vp-notification-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:14px;background:rgba(12,26,49,.74);border:1px solid rgba(91,145,220,.16);position:relative}.premium-ui .vp-notification-item.is-read{opacity:.55}.premium-ui .vp-notification-item i{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0d67ff,#0ad4ff);box-shadow:0 0 18px rgba(0,145,255,.36)}.premium-ui .vp-notification-item.type-success i{background:linear-gradient(135deg,#10b981,#00f5c8)}.premium-ui .vp-notification-item b{display:block;color:#fff;font-size:.9rem}.premium-ui .vp-notification-item small{display:block;color:#99aac5;font-size:.78rem;line-height:1.25}.premium-ui .vp-notification-item em{font-size:.72rem;color:#9caecc;font-style:normal;align-self:start}.premium-ui .vp-notification-settings{margin-top:12px;padding-top:12px;border-top:1px solid rgba(89,143,211,.18);display:grid;gap:10px}.premium-ui .vp-notification-settings>b{font-size:.86rem;color:#c8d6eb}.premium-ui .vp-notification-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aebbd2;font-size:.86rem}.premium-ui .vp-notification-settings label span{display:flex;align-items:center;gap:9px}.premium-ui .vp-notification-settings input{position:absolute;opacity:0;pointer-events:none}.premium-ui .vp-notification-settings label>i{width:42px;height:24px;border-radius:999px;background:rgba(116,139,177,.22);border:1px solid rgba(133,163,210,.16);position:relative;transition:.18s}.premium-ui .vp-notification-settings label>i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#8ba0bc;transition:.18s}.premium-ui .vp-notification-settings input:checked+i{background:#126dff;box-shadow:0 0 18px rgba(18,109,255,.36)}.premium-ui .vp-notification-settings input:checked+i:after{left:19px;background:#fff}.premium-ui .vp-notification-all{width:100%;height:42px;margin-top:12px;border-radius:12px;border:1px solid rgba(42,132,255,.22);background:rgba(12,37,77,.34)}
.premium-ui .vp-browser-toast{position:fixed;right:18px;top:92px;width:280px;z-index:80;padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(19,34,54,.96),rgba(12,23,40,.98));border:1px solid rgba(90,146,216,.28);box-shadow:0 20px 60px rgba(0,0,0,.45),var(--vp-inner-glow);display:grid;grid-template-columns:34px 1fr;gap:12px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s}.premium-ui .vp-browser-toast.is-visible{opacity:1;transform:none}.premium-ui .vp-browser-toast>span{width:32px;height:32px;border-radius:50%;background:conic-gradient(#ff3b30,#facc15,#34c759,#0a84ff,#ff3b30)}.premium-ui .vp-browser-toast strong{display:block;color:#fff;font-size:.86rem}.premium-ui .vp-browser-toast small,.premium-ui .vp-browser-toast em{display:block;color:#aebbd2;font-size:.75rem;font-style:normal;margin-top:2px}

/* Maps throughout app */
.premium-ui .leaflet-container,.premium-ui .map{background:#061326!important;border-color:rgba(77,139,226,.3)!important;box-shadow:inset 0 0 60px rgba(0,104,255,.12)}.premium-ui .leaflet-tile{filter:none}.premium-ui .leaflet-control-zoom a{background:#071326!important;color:#fff!important;border-color:rgba(81,146,238,.28)!important}.premium-ui .leaflet-popup-content-wrapper,.premium-ui .leaflet-popup-tip{background:#071326!important;color:#fff!important;border:1px solid rgba(81,146,238,.26)!important}.vp-leaflet-route{filter:drop-shadow(0 0 12px rgba(0,143,255,.7))}

/* Public/auth views */
.premium-ui.public-shell,.premium-ui.public-shell main{background:#030711;color:#f7fbff}.premium-ui .public-nav{background:rgba(7,16,31,.7);border:1px solid rgba(70,128,210,.18);border-radius:22px;margin-top:18px;backdrop-filter:blur(18px)}.premium-ui .hero.business-hero{background:radial-gradient(circle at 70% 35%,rgba(0,150,255,.18),transparent 32%),linear-gradient(135deg,rgba(8,22,48,.9),rgba(3,8,18,.9));border:1px solid rgba(80,144,240,.24);border-radius:28px;box-shadow:0 24px 90px rgba(0,0,0,.35),var(--vp-inner-glow)}.premium-ui .auth-card{max-width:520px;margin-inline:auto;border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(9,20,38,.94),rgba(5,13,29,.98))}

@media(max-width:1280px){.premium-ui.app-shell{grid-template-columns:240px minmax(0,1fr)}.premium-ui .vp-main-grid{grid-template-columns:1fr}.premium-ui .vp-right-stack{grid-template-columns:repeat(3,1fr)}.premium-ui .vp-notification-center{right:120px}.premium-ui .logistics-search{width:360px}.premium-ui .vp-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.premium-ui.app-shell{grid-template-columns:1fr}.premium-ui .sidebar{position:fixed}.premium-ui .topbar{position:static;flex-direction:column;align-items:stretch}.premium-ui .topbar-left{min-width:0}.premium-ui .top-actions{width:100%;flex-wrap:wrap}.premium-ui .logistics-search{width:100%}.premium-ui .vp-kpi-grid,.premium-ui .vp-analytics-grid,.premium-ui .vp-right-stack{grid-template-columns:1fr}.premium-ui .vp-main-grid{grid-template-columns:1fr}.premium-ui .vp-route-map{height:500px}.premium-ui .vp-tour-card{position:relative;left:auto;top:auto;margin:16px;width:auto}.premium-ui .vp-notification-center{left:14px;right:14px;top:86px;width:auto}.premium-ui .vp-browser-toast{left:14px;right:14px;width:auto}.premium-ui .brand-logo{width:70px!important;height:70px!important}}

/* === VersandPro Oberfläche === */
.vp-route-map.is-live .vp-map-fallback{opacity:0;pointer-events:none;visibility:hidden}
.vp-dashboard-live-map{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .35s ease;background:#030711}
.vp-route-map.is-live .vp-dashboard-live-map{opacity:1}
.vp-dashboard-live-map .leaflet-container,.vp-dashboard-live-map.leaflet-container{background:#030711;font:inherit}
.vp-dashboard-live-map .leaflet-tile{filter:none}
.vp-dashboard-live-map .leaflet-control-container{display:none}
.vp-route-map.is-live::after{display:none}
.vp-route-map.is-live .vp-tour-card,.vp-route-map.is-live .vp-map-controls{z-index:4}
.vp-leaflet-route{filter:drop-shadow(0 0 7px rgba(0,145,255,.9)) drop-shadow(0 0 18px rgba(0,224,255,.42));stroke-linecap:round;stroke-linejoin:round}
.vp-leaflet-marker{background:transparent;border:0}
.vp-leaflet-marker span{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:linear-gradient(135deg,#1b8cff,#00e5ff);border:1px solid rgba(203,242,255,.88);box-shadow:0 0 0 5px rgba(25,118,255,.16),0 0 28px rgba(0,166,255,.95),inset 0 0 16px rgba(255,255,255,.24);color:#fff;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.8);font-size:14px}
.vp-leaflet-marker span b{display:block;transform:rotate(45deg);line-height:1}
.vp-leaflet-marker.is-start span{border-radius:50%;transform:none;width:42px;height:42px;background:linear-gradient(135deg,#0066ff,#19e8ff);font-size:18px;box-shadow:0 0 0 8px rgba(20,112,255,.16),0 0 40px rgba(0,153,255,1)}
.vp-leaflet-marker.is-start span b{transform:none}
.vp-leaflet-marker.status-done span{background:linear-gradient(135deg,#64748b,#334155);box-shadow:0 0 22px rgba(148,163,184,.5)}
.vp-leaflet-marker.status-problem span,.vp-leaflet-marker.status-skipped span{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 0 28px rgba(249,115,22,.75)}
.vp-dashboard-live-map .leaflet-popup-content-wrapper,.vp-dashboard-live-map .leaflet-popup-tip{background:rgba(5,13,28,.94);color:#e5f4ff;border:1px solid rgba(56,189,248,.35);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.vp-dashboard-live-map .leaflet-popup-content{font-size:13px;line-height:1.35}.vp-dashboard-live-map .leaflet-popup-content strong{color:#fff}
.vp-notification-item{cursor:pointer}.vp-notification-item.is-read{opacity:.56}.vp-notification-empty{padding:16px;color:rgba(226,239,255,.66);font-size:13px;text-align:center}
.vp-notification-button .notify-dot[hidden]{display:none}
.vp-notification-center .vp-notification-item[data-action-url] span b::after{content:"↗";margin-left:7px;color:#38bdf8;font-size:.85em}


/* source: ultra-ui.css */
/* Versand Pro 7.5 Ultra Surface System
   Global UI override for the full app: main app, public pages, planner, admin, settings, reports and notifications. */

:root{
  --vp-bg-0:#020712;
  --vp-bg-1:#06111f;
  --vp-bg-2:#09182b;
  --vp-surface:rgba(10,23,42,.82);
  --vp-surface-2:rgba(13,29,52,.72);
  --vp-surface-3:rgba(19,43,76,.62);
  --vp-border:rgba(117,171,245,.18);
  --vp-border-strong:rgba(76,174,255,.36);
  --vp-text:#f6fbff;
  --vp-muted:#91a7c4;
  --vp-muted-2:#647899;
  --vp-blue:#147cff;
  --vp-cyan:#00e7ff;
  --vp-teal:#2df5cf;
  --vp-violet:#8b5cf6;
  --vp-green:#29e68d;
  --vp-yellow:#f8b84e;
  --vp-red:#ff5b6b;
  --vp-card-radius:24px;
  --vp-card-radius-lg:32px;
  --vp-shadow:0 28px 95px rgba(0,0,0,.44);
  --vp-shadow-soft:0 16px 48px rgba(0,0,0,.28);
  --vp-glow:0 0 26px rgba(20,124,255,.28),0 0 70px rgba(0,231,255,.11);
  --vp-grid-line:rgba(105,152,218,.06);
  --bg:var(--vp-bg-0);
  --bg-soft:var(--vp-bg-1);
  --panel:var(--vp-surface);
  --panel-2:var(--vp-surface-2);
  --panel-3:var(--vp-surface-3);
  --text:var(--vp-text);
  --muted:var(--vp-muted);
  --line:var(--vp-border);
  --accent:var(--vp-cyan);
  --accent-2:var(--vp-blue);
  --accent-strong:#075ee6;
  --radius:var(--vp-card-radius);
  --radius-sm:18px;
  --shadow:var(--vp-shadow);
  --shadow-soft:var(--vp-shadow-soft);
}

[data-theme="light"]{
  --vp-bg-0:#eef5ff;
  --vp-bg-1:#e7f0fb;
  --vp-bg-2:#f7fbff;
  --vp-surface:rgba(255,255,255,.88);
  --vp-surface-2:rgba(255,255,255,.74);
  --vp-surface-3:rgba(239,247,255,.86);
  --vp-border:rgba(21,62,112,.12);
  --vp-border-strong:rgba(20,124,255,.25);
  --vp-text:#071428;
  --vp-muted:#526985;
  --vp-muted-2:#73839a;
  --vp-shadow:0 26px 80px rgba(18,44,78,.12);
  --vp-shadow-soft:0 16px 38px rgba(18,44,78,.09);
  --vp-grid-line:rgba(42,74,112,.06);
}

html{background:var(--vp-bg-0)}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% -8%,rgba(20,124,255,.23),transparent 34%),
    radial-gradient(circle at 74% 0%,rgba(0,231,255,.15),transparent 30%),
    radial-gradient(circle at 88% 70%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(180deg,var(--vp-bg-0),var(--vp-bg-1) 42%,#030914);
  color:var(--vp-text);
  letter-spacing:-.012em;
  text-rendering:geometricPrecision;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(var(--vp-grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--vp-grid-line) 1px,transparent 1px),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.055),transparent 48%);
  background-size:44px 44px,44px 44px,auto;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.18) 55%,transparent 100%);
  z-index:0;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 12%,transparent 88%,rgba(255,255,255,.018));
  z-index:0;
}
a,button{ -webkit-tap-highlight-color:transparent }
::selection{background:rgba(0,231,255,.26);color:#fff}

.premium-ui .app-bg{
  background:
    radial-gradient(circle at 8% 16%,rgba(0,231,255,.16),transparent 28%),
    radial-gradient(circle at 78% 10%,rgba(20,124,255,.16),transparent 30%),
    radial-gradient(circle at 54% 92%,rgba(45,245,207,.08),transparent 36%);
  filter:saturate(1.2);
}

.panel,.card,.auth-card,.public-grid article,.band,.glass,.tour-row-card,.quick-link,.timeline-item,.hero-card,.list-card,.tour-row-main,
.ops-table-panel,.info-box,.metric-card,.stat-card,.quick-action-card,.business-form-panel,.business-map-panel,.business-stop-panel,.business-customer-board,
.enterprise-head,.migration-panel,.system-score-panel,.role-matrix-panel,.activity-feed-panel,.notification-center-panel,.enterprise-next-steps,
.driver-card,.driver-tour,.driver-stop,.driver-hero-card,.driver-stepper-card,.driver-empty-state{
  background:
    linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.030)),
    linear-gradient(135deg,rgba(20,124,255,.045),transparent 40%),
    var(--vp-surface);
  border:1px solid var(--vp-border);
  box-shadow:var(--vp-shadow-soft), inset 0 1px 0 rgba(255,255,255,.065);
  backdrop-filter:blur(22px) saturate(1.35);
}
.surface-solid .panel,.surface-solid .card,.surface-solid .glass{backdrop-filter:none;background:rgba(9,21,39,.96)}
.surface-contrast .panel,.surface-contrast .card,.surface-contrast .glass{border-color:rgba(255,255,255,.16)}

.card:hover,.panel:hover,.quick-action-card:hover,.tour-row-card:hover,.metric-card:hover,.stat-card:hover{
  border-color:rgba(76,174,255,.30);
  box-shadow:var(--vp-shadow-soft),var(--vp-glow), inset 0 1px 0 rgba(255,255,255,.075);
}

.app-shell{grid-template-columns:304px minmax(0,1fr);isolation:isolate}
.sidebar{
  height:calc(100vh - 24px);
  top:12px;
  margin:12px 0 12px 12px;
  border:1px solid rgba(117,171,245,.17);
  border-radius:30px;
  background:
    radial-gradient(circle at 35% 0%,rgba(0,231,255,.16),transparent 26%),
    linear-gradient(180deg,rgba(8,19,36,.92),rgba(4,11,23,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:-1px auto -1px 0;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--vp-cyan),var(--vp-blue),transparent);
  opacity:.85;
}
.brand-logo,.topbar-mark{
  border-radius:16px;
  background:linear-gradient(135deg,rgba(20,124,255,.24),rgba(0,231,255,.12));
  border:1px solid rgba(157,214,255,.22);
  box-shadow:0 0 0 5px rgba(20,124,255,.08),0 16px 36px rgba(0,0,0,.35),0 0 28px rgba(0,170,255,.26);
}
.brand-wordmark{font-size:1.04rem;letter-spacing:-.03em}
.brand-wordmark em{font-style:normal;color:var(--vp-cyan);text-shadow:0 0 18px rgba(0,231,255,.55)}
.brand small{font-size:.75rem;line-height:1.25}
.sidebar-user,.sidebar-footer,.sidebar-promo{
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.030));
  border-color:rgba(117,171,245,.18);
}
.avatar,.mini-avatar,.vp-avatar{
  background:linear-gradient(135deg,#188bff,#04def6);
  color:#fff;
  box-shadow:0 0 0 5px rgba(20,124,255,.10),0 12px 28px rgba(20,124,255,.24);
}
.nav{gap:7px;overflow:auto;padding-right:2px}
.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgba(117,171,245,.22);border-radius:999px}
.nav a{
  position:relative;
  min-height:46px;
  border-radius:16px;
  color:#8da4c4;
  background:transparent;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.nav a .icon{opacity:.82}
.nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.045);border-color:rgba(117,171,245,.14);color:#eaf7ff}
.nav a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(20,124,255,.92),rgba(0,203,255,.62));
  border-color:rgba(167,227,255,.40);
  box-shadow:0 16px 34px rgba(20,124,255,.30),0 0 24px rgba(0,231,255,.23),inset 0 1px 0 rgba(255,255,255,.20);
}
.nav a.active::after{
  content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-radius:999px;background:#fff;box-shadow:0 0 16px #fff;transform:translateY(-50%);
}
.nav-section{color:#5f7899;margin-top:10px}
.sidebar-promo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;text-decoration:none;color:inherit}
.sidebar-promo strong:last-child{color:#aeeaff;font-size:.8rem}
.promo-phone{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(20,124,255,.23),rgba(0,231,255,.10));border:1px solid rgba(117,171,245,.20)}
.promo-phone i{display:block;width:18px;height:28px;border:2px solid #9de7ff;border-radius:6px;box-shadow:0 0 18px rgba(0,231,255,.55)}

.main{z-index:1}
.topbar{
  top:12px;
  margin:12px 18px 0;
  padding:14px 16px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(10,24,44,.78),rgba(6,15,29,.70));
  border:1px solid rgba(117,171,245,.18);
  box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);
}
.topbar-brand-title{display:flex;align-items:center;gap:12px}
.topbar-title strong{font-size:1.12rem;letter-spacing:-.035em}.topbar-title small{color:#7f95b2}
.eyebrow,.panel-kicker,.vp-eyebrow{color:#82dfff;text-shadow:0 0 18px rgba(0,231,255,.24);letter-spacing:.105em}
.logistics-search,.top-search-trigger{
  height:42px;min-width:min(440px,35vw);padding:0 14px;border:1px solid rgba(117,171,245,.17);border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#8fa5c2;box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.logistics-search:hover{border-color:rgba(0,231,255,.28);background:rgba(20,124,255,.08);color:#dff8ff}
.logistics-search kbd{margin-left:auto;border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:8px;padding:2px 7px;color:#9cb4d1;font-size:.72rem}
.icon-action,.top-export-link,.mobile-menu{
  width:42px;height:42px;border-radius:15px;border:1px solid rgba(117,171,245,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));
  color:#eaf7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.icon-action:hover,.top-export-link:hover,.mobile-menu:hover{border-color:rgba(0,231,255,.34);box-shadow:0 0 26px rgba(0,231,255,.15),inset 0 1px 0 rgba(255,255,255,.08)}
.user-menu-pill{height:46px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(117,171,245,.16);padding:5px 10px 5px 5px;display:flex;align-items:center;gap:10px}
.user-menu-pill b{display:block;font-size:.86rem}.user-menu-pill small{display:block;color:#8298b6;font-size:.73rem}
.status-chip.live-chip{border-color:rgba(41,230,141,.24);background:rgba(41,230,141,.08);color:#b8ffd9}
.notify-dot{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5b6b,#f8b84e);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 0 0 4px rgba(5,12,24,.92)}
.vp-notification-button{position:relative}
.content{padding:20px 18px 28px;gap:18px}
.mobile-ops-note{margin:16px 18px 0;border-radius:18px;border:1px solid rgba(248,184,78,.20);background:rgba(248,184,78,.08);color:#ffd89d;padding:11px 14px;font-size:.9rem}

.page-head,.business-head,.system-check-head,.enterprise-head{
  position:relative;overflow:hidden;border-radius:30px;padding:22px;
  background:
    radial-gradient(circle at 85% 8%,rgba(0,231,255,.13),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(117,171,245,.17);
  box-shadow:var(--vp-shadow-soft),inset 0 1px 0 rgba(255,255,255,.06);
}
.page-head::after,.business-head::after,.system-check-head::after,.enterprise-head::after{
  content:"";position:absolute;right:-70px;bottom:-110px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(20,124,255,.20),transparent 62%);pointer-events:none;
}
.page-head h1,.business-head h1,.hero h1{letter-spacing:-.075em}.page-head p{color:#8ca2c1}

.btn{
  border-radius:15px;
  min-height:44px;
  background:linear-gradient(135deg,#0a63ea,#00c7ff);
  color:#fff;
  box-shadow:0 15px 34px rgba(20,124,255,.28),0 0 24px rgba(0,231,255,.13),inset 0 1px 0 rgba(255,255,255,.20);
  border:1px solid rgba(168,225,255,.22);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(20,124,255,.36),0 0 32px rgba(0,231,255,.20)}
.btn.ghost,.btn.secondary{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-color:rgba(117,171,245,.18);box-shadow:none;color:#e8f5ff}
.btn.ghost:hover,.btn.secondary:hover{background:rgba(20,124,255,.10);border-color:rgba(0,231,255,.32)}
.btn.danger{background:linear-gradient(135deg,#d9253e,#ff6a3d);box-shadow:0 15px 34px rgba(255,91,107,.22)}
.btn.ok{background:linear-gradient(135deg,#12b76a,#2df5cf);box-shadow:0 15px 34px rgba(41,230,141,.22)}
.btn.warn{background:linear-gradient(135deg,#f59e0b,#f8b84e);box-shadow:0 15px 34px rgba(248,184,78,.18)}

input,select,textarea,.field input,.field select,.field textarea,.setting-input input,.setting-input select,.setting-input textarea{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(117,171,245,.18)!important;
  color:var(--vp-text)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(0,231,255,.44)!important;
  box-shadow:0 0 0 4px rgba(0,231,255,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  background:rgba(20,124,255,.075)!important;
}
option{background:#071326;color:#fff}
label.field,.settings-field-grid label:not(.switch-row),.switch-row{
  border-radius:20px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(117,171,245,.14)!important;
}
.switch-ui{background:rgba(255,255,255,.14);border-color:rgba(117,171,245,.20)}
.switch-row input:checked + .switch-ui{background:linear-gradient(90deg,#147cff,#00e7ff);box-shadow:0 0 24px rgba(0,231,255,.22)}

.table-wrap,.ops-table-panel{border-radius:24px;overflow:auto;border:1px solid rgba(117,171,245,.16);background:rgba(255,255,255,.025);box-shadow:var(--vp-shadow-soft)}
table,.business-table{border-collapse:separate;border-spacing:0;width:100%}
th{background:rgba(11,28,52,.92);color:#9eddf8;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:950;border-bottom:1px solid rgba(117,171,245,.18)!important}
td{border-bottom:1px solid rgba(117,171,245,.095)!important;color:#dce9fa}
tr:hover td{background:rgba(20,124,255,.055)}
.table-sticky-header thead th{backdrop-filter:blur(16px)}
.badge,.status-chip,.pill,.hero-chip{
  border-radius:999px;border:1px solid rgba(117,171,245,.18);background:rgba(255,255,255,.055);color:#dceeff;font-weight:900;
}
.badge.active,.badge.done,.badge.ok,.badge.yes,.status-chip.ok{background:rgba(41,230,141,.12);color:#98ffd0;border-color:rgba(41,230,141,.28)}
.badge.planned,.badge.pending,.badge.draft{background:rgba(20,124,255,.12);color:#9cd5ff;border-color:rgba(20,124,255,.28)}
.badge.warning,.badge.warn{background:rgba(248,184,78,.13);color:#ffd18a;border-color:rgba(248,184,78,.28)}
.badge.cancelled,.badge.problem,.badge.error,.badge.danger{background:rgba(255,91,107,.12);color:#ffb0ba;border-color:rgba(255,91,107,.30)}

.cards{gap:18px}.cards.four,.compact-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-card,.stat-card,.vp-kpi-card,.vp-kpi-box{
  position:relative;overflow:hidden;min-height:134px;border-radius:26px!important;
}
.metric-card::before,.stat-card::before,.vp-kpi-card::before,.vp-kpi-box::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--vp-blue),var(--vp-cyan),transparent);opacity:.95;
}
.metric-card::after,.stat-card::after,.vp-kpi-card::after,.vp-kpi-box::after{
  content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(0,231,255,.18),transparent 64%);pointer-events:none;
}
.metric-card strong,.stat-card strong,.vp-kpi-card strong,.vp-kpi-box strong{font-size:clamp(1.65rem,2.1vw,2.35rem);letter-spacing:-.075em;color:#fff}
.metric-card span,.stat-card small,.vp-kpi-card span,.vp-kpi-box span{color:#8ea4c2}

/* Dashboard and logistics map */
.vp-dashboard{gap:18px}.vp-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.vp-kpi-grid{gap:16px}.vp-map-card{border-radius:30px;overflow:hidden}.vp-panel-head,.panel-title-row{padding-bottom:10px;border-bottom:1px solid rgba(117,171,245,.10)}
.vp-route-map,.vp-dashboard-live-map,.map,.leaflet-container{
  border-radius:24px!important;
  border:1px solid rgba(91,153,237,.24)!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(0,231,255,.12),transparent 28%),
    linear-gradient(180deg,#08192f,#030914)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -90px 130px rgba(0,0,0,.32),0 20px 62px rgba(0,0,0,.34);
}
.vp-route-map::after,.vp-dashboard-live-map::after{display:none}
.vp-route-path{stroke:#00d6ff!important;stroke-width:8!important;filter:drop-shadow(0 0 10px rgba(0,231,255,.95)) drop-shadow(0 0 26px rgba(20,124,255,.72))}
.vp-stop{box-shadow:0 0 0 7px rgba(20,124,255,.16),0 0 34px rgba(0,231,255,.8),inset 0 0 16px rgba(255,255,255,.22)}
.vp-tour-card{border-radius:24px;background:linear-gradient(180deg,rgba(8,19,36,.90),rgba(4,11,23,.96));border-color:rgba(117,171,245,.25);box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 44px rgba(0,231,255,.10),inset 0 1px rgba(255,255,255,.08)}
.vp-tour-stats span,.vp-list-item,.vp-driver-item,.vp-upcoming-grid a,.vp-upcoming-grid div{border-radius:17px;background:rgba(255,255,255,.045);border-color:rgba(117,171,245,.14)}
.vp-list-item:hover,.vp-driver-item:hover{background:rgba(20,124,255,.08);border-color:rgba(0,231,255,.24)}
.vp-side-card,.vp-analytics-card,.vp-upcoming-card,.vp-activity-card{border-radius:26px!important}
.vp-donut{box-shadow:0 0 38px rgba(20,124,255,.34)}
.vp-line-chart{border-radius:20px;background:linear-gradient(180deg,rgba(20,124,255,.075),rgba(255,255,255,.025));border-color:rgba(117,171,245,.12)}
.leaflet-tile{filter:none!important}.leaflet-control-attribution{background:rgba(255,255,255,.9)!important;color:#334155!important}.leaflet-control-zoom a{background:#fff!important;color:#17202c!important;border-color:rgba(117,171,245,.24)!important}

/* Planner / customer board */
.planner-layout,.planner-business-grid{display:grid;gap:18px}.planner-command-business,.route-panel,.map-panel,.stop-order-panel,.customer-board{border-radius:26px!important}
.customer-pick-list label,.customer-board label{border-radius:18px!important;background:rgba(255,255,255,.035);border:1px solid rgba(117,171,245,.13);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.customer-pick-list label:hover,.customer-board label:hover{transform:translateY(-1px);border-color:rgba(0,231,255,.28);background:rgba(20,124,255,.07)}
.customer-pick-list label.is-selected,.customer-board label.is-selected{border-color:rgba(0,231,255,.36);background:linear-gradient(135deg,rgba(20,124,255,.16),rgba(0,231,255,.07))}
.stop-sort{border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(117,171,245,.14);padding:12px}
.geo-result{border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(117,171,245,.14);color:#dcecff}
.geo-result.is-picked{border-color:rgba(41,230,141,.35);background:rgba(41,230,141,.09)}

/* Settings, admin and enterprise pages */
.settings-console{gap:18px}.settings-nav{top:106px}.settings-tab{border-radius:18px;background:rgba(255,255,255,.035);border-color:rgba(117,171,245,.14)}
.settings-tab:hover,.settings-tab.active{border-color:rgba(0,231,255,.32);background:linear-gradient(135deg,rgba(20,124,255,.18),rgba(0,231,255,.06));box-shadow:0 0 26px rgba(0,231,255,.09)}
.settings-preview,.brand-preview-stack,.profile-dots,.db-health-panel,.check-row,.migration-row,.notification-item,.activity-item,.roadmap-card,.planner-suggestion,.calendar-day{
  border-radius:18px;background:rgba(255,255,255,.035);border-color:rgba(117,171,245,.14);
}
.score-ring{box-shadow:0 0 36px rgba(20,124,255,.26)}
.matrix-dot.yes{box-shadow:0 0 20px rgba(41,230,141,.12)}

/* Public/login */
.public-nav{border-radius:0 0 28px 28px;background:rgba(4,11,23,.74);border-bottom-color:rgba(117,171,245,.18);box-shadow:0 14px 45px rgba(0,0,0,.25)}
.public-shell main{position:relative;z-index:1}.hero{padding-top:72px}.business-hero{border-radius:0 0 44px 44px;overflow:hidden}.hero-card,.business-hero-card,.auth-card{border-radius:32px!important}
.auth-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),rgba(6,15,29,.84);border-color:rgba(117,171,245,.20);box-shadow:0 36px 110px rgba(0,0,0,.48),0 0 50px rgba(0,231,255,.11)}
.public-grid article:hover,.workflow-grid div:hover,.hero-mini-grid div:hover{transform:translateY(-3px);border-color:rgba(0,231,255,.28);box-shadow:var(--vp-shadow-soft),0 0 26px rgba(0,231,255,.12)}
.feature-icon{background:linear-gradient(135deg,rgba(20,124,255,.20),rgba(0,231,255,.09));border:1px solid rgba(117,171,245,.18);color:#92eaff}
.legal{max-width:960px;margin:0 auto;padding:28px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid rgba(117,171,245,.14)}

/* Notifications and command palette */
.vp-notification-center{
  border-radius:26px;background:linear-gradient(180deg,rgba(8,19,36,.94),rgba(4,11,23,.98));border:1px solid rgba(117,171,245,.22);box-shadow:0 32px 100px rgba(0,0,0,.54),0 0 46px rgba(0,231,255,.12);
}
.vp-notification-item{border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(117,171,245,.13)}
.vp-notification-item:hover{background:rgba(20,124,255,.08);border-color:rgba(0,231,255,.26)}
.vp-notification-settings label{border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(117,171,245,.13)}
.vp-browser-toast{border-radius:22px;background:linear-gradient(180deg,rgba(10,24,44,.94),rgba(5,13,27,.98));border:1px solid rgba(117,171,245,.23);box-shadow:0 26px 85px rgba(0,0,0,.50),0 0 38px rgba(0,231,255,.14)}
.command-palette{background:rgba(2,7,18,.72);backdrop-filter:blur(18px)}
.command-box{border-radius:28px;background:linear-gradient(180deg,rgba(10,24,44,.98),rgba(5,13,27,.98));border-color:rgba(117,171,245,.24);box-shadow:0 32px 110px rgba(0,0,0,.60),0 0 46px rgba(0,231,255,.12)}
.command-results a,.command-results span{border-radius:17px;background:rgba(255,255,255,.04);border-color:rgba(117,171,245,.14)}
.command-results a:hover{background:rgba(20,124,255,.12);border-color:rgba(0,231,255,.32);transform:translateX(2px)}

/* Density modes */
.density-compact .content{gap:14px}.density-compact .card,.density-compact .panel{padding:15px}.density-dense .content{gap:10px}.density-dense .card,.density-dense .panel{padding:12px;border-radius:18px}
.sidebar-compact .app-shell{grid-template-columns:104px minmax(0,1fr)}.sidebar-compact .sidebar{width:92px;padding-inline:12px}.sidebar-compact .brand span,.sidebar-compact .nav a span,.sidebar-compact .nav a:not(.active),.sidebar-compact .sidebar-user div,.sidebar-compact .sidebar-promo span,.sidebar-compact .sidebar-footer small,.sidebar-compact .sidebar-footer strong{font-size:0}

/* Responsive polish */
@media (max-width:1280px){
  .vp-main-grid,.dashboard-grid{grid-template-columns:1fr}.vp-right-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-analytics-grid{grid-template-columns:1fr}.logistics-search{min-width:260px}.cards.four,.compact-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .app-shell{display:block}.sidebar{position:fixed;z-index:80;left:0;top:0;height:100vh;margin:0;border-radius:0 30px 30px 0;transform:translateX(-105%);transition:transform .25s ease}.menu-open .sidebar{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);z-index:70;opacity:0;pointer-events:none}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{top:0;margin:0;border-radius:0 0 26px 26px}.top-actions{gap:8px}.logistics-search span,.logistics-search kbd,.user-menu-pill span,.live-chip{display:none}.logistics-search{min-width:42px;width:42px;padding:0;justify-content:center}.content{padding:14px}.vp-right-stack,.cards.four,.cards.three,.cards.two,.settings-console,.vp-upcoming-grid{grid-template-columns:1fr}.public-nav{position:relative;align-items:flex-start}.public-nav nav{justify-content:flex-start}.hero{grid-template-columns:1fr;padding-top:36px}.public-grid,.workflow-grid{grid-template-columns:1fr 1fr}.settings-nav{position:relative;top:auto}.vp-tour-card{position:relative;left:auto;bottom:auto;width:auto;margin:14px}.vp-map-controls{display:none}
}
@media (max-width:640px){
  body{font-size:14px}.page-head{padding:18px;border-radius:24px}.public-grid,.workflow-grid,.kpi-showcase,.hero-mini-grid{grid-template-columns:1fr}.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}.vp-kpi-grid{grid-template-columns:1fr}.topbar-title small,.eyebrow{display:none}.vp-tour-stats{grid-template-columns:1fr}.vp-performance-list{position:static;margin-top:12px}.vp-eco-card{grid-template-columns:1fr}.vp-leaf{width:92px;height:92px}.btn{min-height:42px}.brand-logo{width:38px;height:38px}.auth-card{border-radius:24px!important}.public-nav{padding:14px}.public-nav nav a:not(.btn){display:none}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* source: next-level.css */
/* Versand Pro 7.6 Next Level UI */
.nav a.nav-next-level{position:relative;overflow:hidden;border:1px solid rgba(77,213,255,.24);background:linear-gradient(135deg,rgba(18,130,255,.14),rgba(28,255,205,.08));box-shadow:0 0 28px rgba(20,160,255,.12) inset}
.nav a.nav-next-level::after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(20deg);animation:vp-sheen 5.5s linear infinite}
.top-command-link{border-color:rgba(63,211,255,.34)!important;background:linear-gradient(135deg,rgba(30,132,255,.15),rgba(11,255,202,.08))!important;color:#dff8ff!important}
@keyframes vp-sheen{0%{translate:-70% 0}55%,100%{translate:85% 0}}

.vp-next-level-strip{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(260px,1.4fr) auto;gap:18px;align-items:center;padding:18px;margin:20px 0;border:1px solid rgba(61,203,255,.22);background:linear-gradient(135deg,rgba(8,18,40,.88),rgba(5,11,26,.72) 52%,rgba(0,124,255,.10));border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)}
.vp-next-level-score{display:grid;gap:4px;padding:14px 18px;border-radius:22px;background:radial-gradient(circle at 20% 20%,rgba(33,217,255,.28),transparent 58%),rgba(255,255,255,.04);border:1px solid rgba(120,227,255,.17)}
.vp-next-level-score span,.vp-next-level-action span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8fb6ce}
.vp-next-level-score strong{font-size:2.05rem;color:#fff;text-shadow:0 0 28px rgba(52,197,255,.42);line-height:1}
.vp-next-level-score small,.vp-next-level-action small{color:#8ea9bd}
.vp-next-level-action{min-width:0}.vp-next-level-action b{display:block;color:#fff;font-size:1.05rem;margin:.2rem 0}.vp-next-level-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.ops-command-center{display:grid;gap:22px}.ops-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ops-hero h1{font-size:clamp(2.1rem,5vw,4.8rem);line-height:.92;margin:.15rem 0;background:linear-gradient(135deg,#fff,#9edfff 52%,#33fff0);-webkit-background-clip:text;color:transparent;letter-spacing:-.06em}.ops-hero p{max-width:740px;color:#99abc1}.ops-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.next-level-hero{padding:26px;border-radius:32px;background:radial-gradient(circle at 12% 12%,rgba(33,165,255,.30),transparent 34%),radial-gradient(circle at 82% 0%,rgba(30,255,208,.18),transparent 30%),linear-gradient(135deg,rgba(7,15,34,.94),rgba(4,8,20,.82));border:1px solid rgba(99,218,255,.18);box-shadow:0 34px 90px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.06)}
.ops-intelligence-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:16px}.ops-score-card,.ops-metric-card,.ops-map-panel,.ops-action-panel,.ops-event-panel,.ops-risk-panel,.ops-driver-panel,.ops-cluster-panel{border:1px solid rgba(98,212,255,.16);background:linear-gradient(145deg,rgba(12,22,48,.86),rgba(4,9,22,.76));box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);border-radius:26px}.ops-score-card{padding:22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.ops-score-card>span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#7ea7c4}.ops-score-card>strong{font-size:1.15rem;color:#fff}.ops-score-card p{grid-column:1/-1;color:#8da4bb;margin:0;font-size:.9rem}.ops-score-ring{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#2ee6ff var(--ops-score),rgba(255,255,255,.08) 0);box-shadow:0 0 48px rgba(39,210,255,.18)}.ops-score-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(145deg,#07142d,#040914)}.ops-score-ring b,.ops-score-ring small{position:relative;z-index:1}.ops-score-ring b{font-size:2.15rem;color:#fff;letter-spacing:-.05em}.ops-score-ring small{align-self:end;margin-bottom:35px;margin-left:-22px;color:#90dfff}.ops-metric-card{padding:20px;position:relative;overflow:hidden}.ops-metric-card::after{content:"";position:absolute;inset:auto -35px -45px auto;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,rgba(45,211,255,.17),transparent 68%)}.ops-metric-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:rgba(41,189,255,.12);color:#8eeeff}.ops-metric-card span{display:block;color:#89a7bd;font-size:.82rem;margin-top:16px}.ops-metric-card strong{display:block;color:#fff;font-size:2rem;letter-spacing:-.04em;margin-top:4px}.ops-metric-card small{color:#7c94aa}
.ops-main-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:18px}.ops-map-panel{position:relative;min-height:580px;padding:18px;overflow:hidden}.ops-live-map{height:500px;min-height:500px;border-radius:22px;overflow:hidden;background:#050b16;border:1px solid rgba(100,220,255,.16);box-shadow:inset 0 0 60px rgba(0,0,0,.45)}.ops-map-overlay{position:absolute;left:38px;bottom:34px;width:min(390px,calc(100% - 76px));padding:18px;border-radius:22px;background:rgba(3,9,22,.78);border:1px solid rgba(90,220,255,.18);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.38)}.ops-map-overlay b{display:block;color:#fff}.ops-map-overlay span{display:block;color:#8ea8bd;margin:.35rem 0 .75rem}.ops-map-overlay a{color:#7fe9ff;text-decoration:none;font-weight:800}.ops-side-stack{display:grid;gap:18px}.ops-action-panel,.ops-event-panel,.ops-risk-panel,.ops-driver-panel,.ops-cluster-panel{padding:18px}.ops-action-list,.ops-event-list,.ops-risk-list,.ops-driver-list,.ops-cluster-list{display:grid;gap:10px}.ops-action-item{display:grid;gap:5px;text-decoration:none;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.ops-action-item:hover{border-color:rgba(78,220,255,.32);background:rgba(31,167,255,.08)}.ops-action-item em{justify-self:start;font-style:normal;font-size:.64rem;letter-spacing:.13em;color:#06111f;background:#67e8f9;padding:4px 8px;border-radius:999px;font-weight:900}.ops-action-item.priority-hoch em{background:#ff6b86;color:#fff}.ops-action-item.priority-mittel em{background:#fbbf24;color:#111827}.ops-action-item b{color:#fff}.ops-action-item small{color:#91a7b9}.ops-event-list article{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:start;padding:12px;border-radius:16px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.05)}.ops-event-list i{width:10px;height:10px;border-radius:50%;background:#39e6ff;box-shadow:0 0 16px rgba(57,230,255,.7);margin-top:6px}.ops-event-list b{display:block;color:#fff;font-size:.92rem}.ops-event-list small{display:block;color:#8399ad;font-size:.78rem}.ops-event-list em{font-style:normal;color:#6f879c;font-size:.74rem;white-space:nowrap}.ops-bottom-grid{display:grid;grid-template-columns:1.15fr .95fr .75fr;gap:18px}.ops-risk-row{display:grid;grid-template-columns:1fr 72px;gap:12px;position:relative;padding:14px 14px 18px;border-radius:18px;text-decoration:none;color:inherit;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.06);overflow:hidden}.ops-risk-row:hover{border-color:rgba(74,218,255,.28)}.ops-risk-row b{color:#fff}.ops-risk-row small{display:block;color:#849aae;margin-top:2px}.ops-risk-row div{text-align:right}.ops-risk-row div strong{display:block;color:#fff}.ops-risk-row div small{color:#88a0b6}.ops-risk-row>i{position:absolute;left:0;bottom:0;height:3px;width:var(--risk);background:linear-gradient(90deg,#3de7ff,#ffd166,#ff5470);box-shadow:0 0 18px rgba(61,231,255,.5)}.ops-driver-list article{display:grid;grid-template-columns:42px 1fr 52px;gap:12px;align-items:center;position:relative;padding:12px 12px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);overflow:hidden}.ops-driver-list .avatar{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#1a9cff,#35ffe0);display:grid;place-items:center;color:#02111f;font-weight:900}.ops-driver-list b{color:#fff}.ops-driver-list small{display:block;color:#8399ad}.ops-driver-list strong{color:#b9f5ff;text-align:right}.ops-driver-list i{position:absolute;left:66px;right:12px;bottom:8px;height:4px;border-radius:999px;background:rgba(255,255,255,.08)}.ops-driver-list i::after{content:"";display:block;width:var(--load);height:100%;border-radius:inherit;background:linear-gradient(90deg,#35d5ff,#27ffc7)}.ops-cluster-item{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:inherit;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.ops-cluster-item:hover{border-color:rgba(72,218,255,.28)}.ops-cluster-item b{color:#fff}.ops-cluster-item small{display:block;color:#849aae}.ops-cluster-item strong{min-width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(54,213,255,.12);color:#b9f5ff}.ops-command-center .leaflet-control-attribution{display:none}.ops-command-center .vp-leaflet-marker span{box-shadow:0 0 22px rgba(21,180,255,.42)}.ops-command-center.is-refreshing{opacity:.82}.ops-command-center.is-refreshing .ops-score-ring{animation:ops-pulse 1.1s ease-in-out infinite}@keyframes ops-pulse{50%{filter:brightness(1.35)}}
@media (max-width:1300px){.ops-intelligence-grid{grid-template-columns:repeat(2,1fr)}.ops-score-card{grid-column:1/-1}.ops-main-layout,.ops-bottom-grid{grid-template-columns:1fr}.vp-next-level-strip{grid-template-columns:1fr}.vp-next-level-links{justify-content:flex-start}.ops-map-panel{min-height:auto}.ops-live-map{height:430px;min-height:430px}}
@media (max-width:760px){.ops-hero{display:grid}.ops-hero-actions{justify-content:flex-start}.ops-intelligence-grid{grid-template-columns:1fr}.ops-score-card{grid-template-columns:1fr}.ops-score-ring{width:116px;height:116px}.ops-live-map{height:360px;min-height:360px}.ops-map-overlay{position:static;width:auto;margin-top:12px}.ops-bottom-grid{gap:14px}.vp-next-level-strip{padding:14px}.top-command-link{display:none!important}}

/* Versand Pro 7.7 Sales & White-Label readiness */
.business-readiness-panel{display:grid;gap:18px}
.business-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.business-profile-grid article,.readiness-check,.profile-term-stack span{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(126,162,212,.12)}
.business-profile-grid span,.readiness-check small,.profile-term-stack small{display:block;color:#8ea4bb;font-size:.78rem}
.business-profile-grid strong{display:block;margin:.25rem 0;color:#fff;font-size:1.08rem}
.business-profile-grid small{color:#8ea4bb}
.readiness-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.readiness-check{display:grid;grid-template-columns:30px 1fr;gap:6px 10px;text-decoration:none;color:inherit;min-height:116px;transition:.16s ease}
.readiness-check:hover{border-color:rgba(66,211,255,.34);background:rgba(34,153,255,.08)}
.readiness-check span{grid-row:1/3;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;font-weight:950;background:rgba(248,181,55,.14);color:#fbbf24;border:1px solid rgba(251,191,36,.24)}
.readiness-check.ok span{background:rgba(35,209,139,.13);color:#6ef0b1;border-color:rgba(35,209,139,.24)}
.readiness-check b{color:#fff}
.business-profile-preview{align-items:center}
.profile-term-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:min(560px,100%)}
.profile-term-stack b{display:block;color:#fff;font-size:1rem}
@media (max-width:1100px){.business-profile-grid,.readiness-check-grid,.profile-term-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.business-profile-grid,.readiness-check-grid,.profile-term-stack{grid-template-columns:1fr}.readiness-check{min-height:auto}}


/* source: ux-refresh.css */
/* Versand Pro 7.8 UX Refresh
   Final override layer: calmer operations UI, clearer navigation, stronger focus states. */

:root{
  --ux-bg:#f3f5f8;
  --ux-bg-2:#e8edf3;
  --ux-sidebar:#12161d;
  --ux-sidebar-2:#181d25;
  --ux-surface:#ffffff;
  --ux-surface-2:#f7f9fc;
  --ux-surface-3:#edf2f7;
  --ux-text:#17202c;
  --ux-muted:#657386;
  --ux-border:#d7dee8;
  --ux-border-strong:#b9c4d2;
  --ux-primary:#0f766e;
  --ux-primary-2:#155e75;
  --ux-blue:#2563eb;
  --ux-green:#15803d;
  --ux-amber:#b45309;
  --ux-red:#b91c1c;
  --ux-radius:8px;
  --ux-radius-sm:6px;
  --ux-shadow:0 10px 30px rgba(15,23,42,.08);
  --ux-shadow-soft:0 4px 14px rgba(15,23,42,.06);
  --bg:var(--ux-bg);
  --bg-soft:var(--ux-bg-2);
  --panel:var(--ux-surface);
  --panel-2:var(--ux-surface-2);
  --panel-3:var(--ux-surface-3);
  --text:var(--ux-text);
  --muted:var(--ux-muted);
  --line:var(--ux-border);
  --border:var(--ux-border);
  --primary:var(--ux-primary);
  --accent:var(--ux-primary);
  --accent-2:var(--ux-blue);
  --accent-strong:var(--ux-primary);
  --ok:var(--ux-green);
  --success:var(--ux-green);
  --warning:var(--ux-amber);
  --danger:var(--ux-red);
  --radius:var(--ux-radius);
  --radius-sm:var(--ux-radius-sm);
  --shadow:var(--ux-shadow);
  --shadow-soft:var(--ux-shadow-soft);
  color-scheme:light;
}

html[data-theme="dark"]{
  --ux-bg:#111827;
  --ux-bg-2:#0f172a;
  --ux-sidebar:#0b1120;
  --ux-sidebar-2:#111827;
  --ux-surface:#182131;
  --ux-surface-2:#202b3d;
  --ux-surface-3:#273449;
  --ux-text:#edf2f7;
  --ux-muted:#a0aec0;
  --ux-border:#334155;
  --ux-border-strong:#475569;
  --ux-shadow:0 12px 34px rgba(0,0,0,.24);
  --ux-shadow-soft:0 6px 16px rgba(0,0,0,.20);
  color-scheme:dark;
}

body.premium-ui{
  background:linear-gradient(180deg,var(--ux-bg),var(--ux-bg-2))!important;
  color:var(--ux-text);
  font-size:14px;
  letter-spacing:0!important;
}
body.premium-ui::before,
body.premium-ui::after,
.premium-ui .app-bg,
.premium-ui .page-head::after,
.premium-ui .business-head::after,
.premium-ui .enterprise-head::after{display:none!important}

.premium-ui .app-shell{grid-template-columns:272px minmax(0,1fr)}
.premium-ui .sidebar{
  top:0!important;
  height:100vh!important;
  margin:0!important;
  padding:14px 12px!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--ux-border) 35%, transparent)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,var(--ux-sidebar),var(--ux-sidebar-2))!important;
  box-shadow:none!important;
}
.premium-ui .sidebar::before{display:none!important}
.premium-ui .brand{
  min-height:56px;
  padding:6px 8px 12px!important;
  margin:0 0 4px!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.premium-ui .brand-logo{
  width:38px!important;
  height:38px!important;
  border-radius:8px!important;
  border:0!important;
  box-shadow:none!important;
}
.premium-ui .brand-wordmark{
  font-size:1rem!important;
  font-style:normal!important;
  letter-spacing:0!important;
  color:#fff!important;
}
.premium-ui .brand small{font-size:.72rem!important;color:#9ca3af!important}
.premium-ui .nav{gap:2px!important;overflow:auto;padding:4px 0!important}
.premium-ui .nav-section{
  margin:14px 10px 6px!important;
  color:#8b95a5!important;
  font-size:.68rem!important;
}
.premium-ui .nav a{
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#cbd5e1!important;
  font-weight:700!important;
  transform:none!important;
  box-shadow:none!important;
}
.premium-ui .nav a::after{display:none!important}
.premium-ui .nav a .icon{width:17px!important;height:17px!important;color:#94a3b8!important}
.premium-ui .nav a:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.premium-ui .nav a.active{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#ffffff!important;
}
.premium-ui .nav a.active .icon{color:var(--ux-primary)!important}
.premium-ui .sidebar-promo,
.premium-ui .sidebar-footer{
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:none!important;
}
.premium-ui .sidebar-promo{display:none!important}
.premium-ui .sidebar-footer{padding:10px!important}
.premium-ui .sidebar-footer .btn{width:100%;min-height:36px!important}

.premium-ui .main{background:transparent!important}
.premium-ui .topbar{
  position:sticky!important;
  top:0!important;
  margin:0!important;
  min-height:64px!important;
  padding:10px 18px!important;
  border:0!important;
  border-bottom:1px solid var(--ux-border)!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--ux-surface) 94%, transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px);
}
.premium-ui .topbar-brand-title{display:flex!important}
.premium-ui .topbar-mark{width:30px!important;height:30px!important;border-radius:7px!important;box-shadow:none!important}
.premium-ui .topbar-title strong{font-size:1rem!important;color:var(--ux-text)!important}
.premium-ui .topbar-title small,
.premium-ui .eyebrow{color:var(--ux-muted)!important;text-shadow:none!important;letter-spacing:0!important;text-transform:none!important}
.premium-ui .logistics-top-actions{gap:8px!important}
.premium-ui .top-search-trigger,
.premium-ui .logistics-search{
  min-height:40px!important;
  max-width:460px!important;
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface-2)!important;
  color:var(--ux-muted)!important;
  box-shadow:none!important;
}
.premium-ui .logistics-search:hover{border-color:var(--ux-border-strong)!important;background:var(--ux-surface)!important}
.premium-ui .logistics-search kbd{border-radius:5px!important;background:var(--ux-surface-3)!important;color:var(--ux-muted)!important;border:1px solid var(--ux-border)!important}
.premium-ui .icon-action,
.premium-ui .top-export-link,
.premium-ui .mobile-menu{
  width:40px!important;
  height:40px!important;
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  color:var(--ux-text)!important;
  box-shadow:none!important;
}
.premium-ui .icon-action:hover,
.premium-ui .top-export-link:hover,
.premium-ui .mobile-menu:hover{background:var(--ux-surface-2)!important;border-color:var(--ux-border-strong)!important}
.premium-ui .theme-toggle{font-size:0!important}
.premium-ui .theme-toggle::before{content:"◐";font-size:16px}
.premium-ui .vp-notification-button{font-size:0!important}
.premium-ui .vp-notification-button::before{content:"🔔";font-size:15px}
.premium-ui .notify-dot{
  top:-5px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  background:var(--ux-red)!important;
  box-shadow:0 0 0 2px var(--ux-surface)!important;
}
.premium-ui .user-menu-pill{
  height:40px!important;
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  box-shadow:none!important;
}
.premium-ui .avatar,
.premium-ui .user-menu-pill .avatar,
.premium-ui .vp-avatar,
.premium-ui .mini-avatar{
  border-radius:7px!important;
  background:var(--ux-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.premium-ui .live-chip{display:none!important}

.premium-ui .content{padding:18px!important;gap:16px!important}
.premium-ui .mobile-ops-note{display:none!important}
.premium-ui .page-head,
.premium-ui .business-head,
.premium-ui .enterprise-head,
.premium-ui .system-check-head{
  padding:0 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.premium-ui .page-head h1,
.premium-ui .business-head h1{
  font-size:1.72rem!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.premium-ui .page-head p{max-width:760px;color:var(--ux-muted)!important}

.premium-ui .panel,
.premium-ui .card,
.premium-ui .glass,
.premium-ui .auth-card,
.premium-ui .public-grid article,
.premium-ui .band,
.premium-ui .tour-row-card,
.premium-ui .quick-link,
.premium-ui .timeline-item,
.premium-ui .hero-card,
.premium-ui .list-card,
.premium-ui .tour-row-main,
.premium-ui .vp-map-card,
.premium-ui .vp-side-card,
.premium-ui .vp-analytics-card,
.premium-ui .vp-kpi-card,
.premium-ui .metric-card,
.premium-ui .stat-card,
.premium-ui .settings-tab,
.premium-ui .readiness-check,
.premium-ui .business-profile-grid article{
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  color:var(--ux-text)!important;
  box-shadow:var(--ux-shadow-soft)!important;
  backdrop-filter:none!important;
}
.premium-ui .panel:hover,
.premium-ui .card:hover,
.premium-ui .tour-row-card:hover,
.premium-ui .metric-card:hover{box-shadow:var(--ux-shadow)!important;border-color:var(--ux-border-strong)!important}
.premium-ui .panel-title-row,
.premium-ui .vp-panel-head,
.premium-ui .vp-card-head{
  padding-bottom:10px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid var(--ux-border)!important;
}
.premium-ui .panel-title-row h2,
.premium-ui .vp-panel-head h2,
.premium-ui .vp-card-head h3{color:var(--ux-text)!important;letter-spacing:0!important}

.premium-ui .btn{
  min-height:40px!important;
  border-radius:8px!important;
  border:1px solid var(--ux-primary)!important;
  background:var(--ux-primary)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:none!important;
  transform:none!important;
}
.premium-ui .btn:hover{background:#115e59!important;border-color:#115e59!important;box-shadow:none!important}
.premium-ui .btn.ghost,
.premium-ui .btn.secondary{
  background:var(--ux-surface)!important;
  border-color:var(--ux-border)!important;
  color:var(--ux-text)!important;
}
.premium-ui .btn.ghost:hover,
.premium-ui .btn.secondary:hover{background:var(--ux-surface-2)!important;border-color:var(--ux-border-strong)!important}
.premium-ui .btn.mini{min-height:30px!important;border-radius:6px!important}
.premium-ui .btn.small{min-height:34px!important;border-radius:7px!important}

.premium-ui input,
.premium-ui select,
.premium-ui textarea,
.premium-ui .setting-input input,
.premium-ui .setting-input select,
.premium-ui .setting-input textarea{
  min-height:42px!important;
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  color:var(--ux-text)!important;
  box-shadow:none!important;
}
.premium-ui textarea{min-height:104px!important}
.premium-ui input:focus,
.premium-ui select:focus,
.premium-ui textarea:focus,
.premium-ui button:focus-visible,
.premium-ui a:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ux-primary) 24%, transparent)!important;
  outline-offset:2px!important;
  border-color:var(--ux-primary)!important;
  box-shadow:none!important;
}
.premium-ui option{background:var(--ux-surface)!important;color:var(--ux-text)!important}

.premium-ui .cards{gap:12px!important}
.premium-ui .cards.four,
.premium-ui .vp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.premium-ui .metric-card,
.premium-ui .vp-kpi-card{
  min-height:110px!important;
  padding:16px!important;
}
.premium-ui .metric-card::before,
.premium-ui .metric-card::after,
.premium-ui .vp-kpi-card::before,
.premium-ui .vp-kpi-card::after{display:none!important}
.premium-ui .metric-card span,
.premium-ui .vp-kpi-card span{font-size:.82rem!important;color:var(--ux-muted)!important}
.premium-ui .metric-card strong,
.premium-ui .vp-kpi-card strong{font-size:1.85rem!important;color:var(--ux-text)!important;letter-spacing:0!important}
.premium-ui .metric-card small,
.premium-ui .vp-kpi-card small{color:var(--ux-muted)!important}
.premium-ui .metric-card.accent{border-left:4px solid var(--ux-primary)!important}

.premium-ui .vp-dashboard{gap:14px!important}
.premium-ui .vp-hero-row{display:flex!important;padding:0!important}
.premium-ui .vp-eyebrow{display:none!important}
.premium-ui .vp-hero-row h1{font-size:1.55rem!important;color:var(--ux-text)!important;letter-spacing:0!important}
.premium-ui .vp-main-grid{grid-template-columns:minmax(0,1fr) 360px!important;gap:14px!important}
.premium-ui .vp-route-map,
.premium-ui .vp-dashboard-live-map,
.premium-ui .map,
.premium-ui .leaflet-container{
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface-2)!important;
  box-shadow:none!important;
}
.premium-ui .leaflet-tile,
.premium-ui .vp-dashboard-live-map .leaflet-tile,
.leaflet-tile{
  filter:none!important;
}
.premium-ui .leaflet-container,
.premium-ui .map,
.premium-ui .vp-dashboard-live-map,
.premium-ui .vp-route-map{
  background:#eef2f7!important;
}
.premium-ui .vp-route-map::after,
.premium-ui .vp-dashboard-live-map::after,
.premium-ui .vp-route-map.is-live::after{
  display:none!important;
}
.premium-ui .leaflet-control-attribution{
  background:rgba(255,255,255,.9)!important;
  color:#334155!important;
}
.premium-ui .leaflet-control-zoom a{
  background:#fff!important;
  color:#17202c!important;
  border-color:var(--ux-border)!important;
}
.premium-ui .vp-tour-card{
  border-radius:8px!important;
  background:var(--ux-surface)!important;
  border:1px solid var(--ux-border)!important;
  box-shadow:var(--ux-shadow-soft)!important;
}
.premium-ui .vp-tour-stats span,
.premium-ui .vp-list-item,
.premium-ui .vp-driver-item,
.premium-ui .vp-upcoming-grid a,
.premium-ui .vp-upcoming-grid div,
.premium-ui .customer-picker label,
.premium-ui .stop-sort,
.premium-ui .calendar-day,
.premium-ui .planner-suggestion,
.premium-ui .check-row,
.premium-ui .migration-row,
.premium-ui .notification-item{
  border-radius:8px!important;
  background:var(--ux-surface-2)!important;
  border:1px solid var(--ux-border)!important;
}
.premium-ui .vp-list-item:hover,
.premium-ui .customer-picker label:hover,
.premium-ui .stop-sort:hover{background:var(--ux-surface-3)!important;border-color:var(--ux-border-strong)!important}
.premium-ui .progress,
.premium-ui .vp-progress,
.premium-ui .vp-mini-progress{height:8px!important;border-radius:999px!important;background:var(--ux-surface-3)!important;border:0!important}
.premium-ui .progress i,
.premium-ui .vp-progress i,
.premium-ui .vp-mini-progress i{background:var(--ux-primary)!important;box-shadow:none!important}

.premium-ui .table-wrap,
.premium-ui .ops-table-panel{
  border-radius:8px!important;
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  box-shadow:var(--ux-shadow-soft)!important;
}
.premium-ui table{border-collapse:separate!important;border-spacing:0!important}
.premium-ui thead th{
  position:sticky;
  top:0;
  z-index:1;
  padding:10px 12px!important;
  background:var(--ux-surface-2)!important;
  color:var(--ux-muted)!important;
  border-bottom:1px solid var(--ux-border)!important;
  font-size:.72rem!important;
  letter-spacing:.04em!important;
}
.premium-ui tbody td{
  padding:12px!important;
  background:var(--ux-surface)!important;
  border:0!important;
  border-bottom:1px solid var(--ux-border)!important;
}
.premium-ui tbody tr:hover td{background:var(--ux-surface-2)!important}
.premium-ui tbody td:first-child,
.premium-ui tbody td:last-child{border-radius:0!important}

.premium-ui .badge,
.premium-ui .status-chip,
.premium-ui .pill,
.premium-ui .hero-chip{
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:var(--ux-surface-2)!important;
  border:1px solid var(--ux-border)!important;
  color:var(--ux-text)!important;
  font-size:.75rem!important;
}
.premium-ui .badge.active,
.premium-ui .badge.done,
.premium-ui .matrix-dot.yes{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
.premium-ui .badge.planned,
.premium-ui .badge.draft{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.premium-ui .badge.cancelled,
.premium-ui .badge.problem{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
html[data-theme="dark"] .premium-ui .badge.active,
html[data-theme="dark"] .premium-ui .badge.done{background:rgba(22,101,52,.25)!important;color:#86efac!important;border-color:rgba(134,239,172,.18)!important}
html[data-theme="dark"] .premium-ui .badge.planned,
html[data-theme="dark"] .premium-ui .badge.draft{background:rgba(37,99,235,.22)!important;color:#93c5fd!important;border-color:rgba(147,197,253,.18)!important}
html[data-theme="dark"] .premium-ui .badge.cancelled,
html[data-theme="dark"] .premium-ui .badge.problem{background:rgba(153,27,27,.24)!important;color:#fca5a5!important;border-color:rgba(252,165,165,.18)!important}

.premium-ui .settings-console{grid-template-columns:300px minmax(0,1fr)!important;gap:14px!important}
.premium-ui .settings-nav{position:sticky!important;top:82px!important;max-height:calc(100vh - 100px);overflow:auto}
.premium-ui .settings-tab{padding:10px!important;box-shadow:none!important}
.premium-ui .settings-tab.active{border-left:4px solid var(--ux-primary)!important;background:var(--ux-surface-2)!important}
.premium-ui .settings-field-grid{gap:10px!important}
.premium-ui .switch-row{border-radius:8px!important;background:var(--ux-surface-2)!important;border:1px solid var(--ux-border)!important}
.premium-ui .switch-row input:checked + .switch-ui{background:var(--ux-primary)!important}

.mobile-dock{display:none}
.ux-scroll-top{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  width:42px;
  height:42px;
  border:1px solid var(--ux-border);
  border-radius:8px;
  background:var(--ux-surface);
  color:var(--ux-text);
  box-shadow:var(--ux-shadow);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.16s ease;
}
.ux-scroll-top.is-visible{opacity:1;pointer-events:auto;transform:none}

.premium-ui.public-shell,
.premium-ui.public-shell main{background:var(--ux-bg)!important;color:var(--ux-text)!important}
.premium-ui .public-nav{border-radius:0!important;background:var(--ux-surface)!important;border-bottom:1px solid var(--ux-border)!important;box-shadow:none!important}
.premium-ui .hero.business-hero{
  min-height:auto!important;
  padding:44px 22px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--ux-bg)!important;
  box-shadow:none!important;
}
.premium-ui .hero h1{font-size:clamp(2rem,4vw,3.2rem)!important;letter-spacing:0!important;color:var(--ux-text)!important}
.premium-ui .hero p{color:var(--ux-muted)!important}

@media (max-width:1280px){
  .premium-ui .cards.four,
  .premium-ui .vp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-ui .vp-main-grid{grid-template-columns:1fr!important}
  .premium-ui .vp-right-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:980px){
  .premium-ui .app-shell{display:block!important}
  .premium-ui .sidebar{
    position:fixed!important;
    z-index:80!important;
    width:min(84vw,300px)!important;
    transform:translateX(-104%);
    transition:transform .2s ease;
  }
  body.menu-open .premium-ui .sidebar,
  body.menu-open .sidebar{transform:none!important}
  .sidebar-backdrop{z-index:70!important}
  body.menu-open .sidebar-backdrop{opacity:1!important;pointer-events:auto!important}
  .premium-ui .mobile-menu{display:inline-grid!important}
  .premium-ui .topbar{padding:8px 12px!important}
  .premium-ui .topbar-brand-title{display:none!important}
  .premium-ui .logistics-search span,
  .premium-ui .logistics-search kbd,
  .premium-ui .user-menu-pill span,
  .premium-ui .top-command-link,
  .premium-ui .top-export-link{display:none!important}
  .premium-ui .logistics-search{width:40px!important;min-width:40px!important;padding:0!important;justify-content:center!important}
  .premium-ui .content{padding:12px 12px 84px!important}
  .premium-ui .settings-console{grid-template-columns:1fr!important}
  .premium-ui .settings-nav{position:relative!important;top:auto!important;max-height:none!important}
  .premium-ui .vp-right-stack{grid-template-columns:1fr!important}
  .mobile-dock{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:65;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:6px;
    border:1px solid var(--ux-border);
    border-radius:12px;
    background:color-mix(in srgb,var(--ux-surface) 94%, transparent);
    box-shadow:var(--ux-shadow);
    backdrop-filter:blur(16px);
  }
  .mobile-dock a{
    min-height:46px;
    display:grid;
    place-items:center;
    gap:2px;
    color:var(--ux-muted);
    font-size:.68rem;
    font-weight:800;
    border-radius:8px;
  }
  .mobile-dock a.active{background:var(--ux-surface-2);color:var(--ux-primary)}
  .mobile-dock .icon{width:18px;height:18px}
  .ux-scroll-top{bottom:76px}
}

@media (max-width:640px){
  .premium-ui .cards.four,
  .premium-ui .cards.three,
  .premium-ui .cards.two,
  .premium-ui .vp-kpi-grid,
  .premium-ui .vp-analytics-grid,
  .premium-ui .business-profile-grid,
  .premium-ui .readiness-check-grid,
  .premium-ui .profile-term-stack{grid-template-columns:1fr!important}
  .premium-ui .page-head h1{font-size:1.42rem!important}
  .premium-ui .vp-hero-row{display:none!important}
  .premium-ui .vp-route-map{min-height:420px!important}
  .premium-ui .vp-tour-card{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;margin:12px!important}
  .premium-ui .public-nav nav a:not(.btn){display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .premium-ui *, .premium-ui *::before, .premium-ui *::after{transition:none!important;animation:none!important}
}


/* source: app-shell-79.css */
/* VersandPro 7.9 - App Shell, Planner Workspace, Tables, Settings Tabs, Driver Focus UI */
:root {
  --vp-bg: #050914;
  --vp-bg-soft: #08111f;
  --vp-surface: rgba(12, 20, 35, .86);
  --vp-surface-strong: rgba(15, 25, 43, .96);
  --vp-surface-muted: rgba(255,255,255,.045);
  --vp-border: rgba(148, 163, 184, .18);
  --vp-border-strong: rgba(125, 211, 252, .30);
  --vp-text: #eef6ff;
  --vp-text-soft: #a9b7ca;
  --vp-text-muted: #748198;
  --vp-accent: #27d3ff;
  --vp-accent-2: #39f4b1;
  --vp-danger: #ff5d73;
  --vp-warning: #ffbd59;
  --vp-success: #3ee59f;
  --vp-radius-xs: 10px;
  --vp-radius-sm: 14px;
  --vp-radius-md: 20px;
  --vp-radius-lg: 28px;
  --vp-shadow: 0 24px 80px rgba(0, 0, 0, .34);
  --vp-shadow-soft: 0 16px 42px rgba(0, 0, 0, .22);
  --vp-sidebar-width: 292px;
  --vp-topbar-height: 78px;
  --vp-content-max: 1760px;
}

[data-theme="light"] {
  --vp-bg: #f3f7fb;
  --vp-bg-soft: #eef4fa;
  --vp-surface: rgba(255,255,255,.90);
  --vp-surface-strong: rgba(255,255,255,.98);
  --vp-surface-muted: rgba(15, 23, 42, .045);
  --vp-border: rgba(15, 23, 42, .12);
  --vp-border-strong: rgba(14, 165, 233, .30);
  --vp-text: #101827;
  --vp-text-soft: #46566d;
  --vp-text-muted: #718096;
  --vp-shadow: 0 24px 80px rgba(15, 23, 42, .14);
  --vp-shadow-soft: 0 16px 42px rgba(15, 23, 42, .10);
}

.accent-blue { --vp-accent: #4aa3ff; --vp-accent-2: #7dd3fc; }
.accent-violet { --vp-accent: #a78bfa; --vp-accent-2: #f0abfc; }
.accent-emerald { --vp-accent: #34d399; --vp-accent-2: #a7f3d0; }
.accent-amber { --vp-accent: #f59e0b; --vp-accent-2: #fde68a; }

body.app-shell {
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--vp-accent) 28%, transparent), transparent 36%),
    radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--vp-accent-2) 16%, transparent), transparent 34%),
    linear-gradient(140deg, var(--vp-bg), var(--vp-bg-soft));
  color: var(--vp-text);
}

.app-shell .main {
  min-height: 100vh;
  padding-left: var(--vp-sidebar-width);
}

.app-shell .topbar {
  position: sticky;
  top: 0;
  z-index: 35;
  min-height: var(--vp-topbar-height);
  border-bottom: 1px solid var(--vp-border);
  background: color-mix(in srgb, var(--vp-surface-strong) 92%, transparent);
  backdrop-filter: blur(22px);
  box-shadow: 0 10px 38px rgba(0,0,0,.18);
}

.app-shell .content {
  width: min(var(--vp-content-max), calc(100vw - var(--vp-sidebar-width) - 42px));
  margin: 0 auto;
  padding: 26px 22px 42px;
}

.sidebar {
  width: var(--vp-sidebar-width);
  border-right: 1px solid var(--vp-border);
  background: linear-gradient(180deg, color-mix(in srgb, var(--vp-surface-strong) 96%, transparent), color-mix(in srgb, var(--vp-bg) 96%, transparent));
  box-shadow: 18px 0 64px rgba(0,0,0,.28);
}

.sidebar .brand,
.sidebar-user,
.sidebar-promo,
.sidebar-footer {
  border: 1px solid var(--vp-border);
  background: var(--vp-surface-muted);
}

.nav a {
  min-height: 44px;
  border: 1px solid transparent;
}

.nav a.active,
.nav a:hover {
  border-color: var(--vp-border-strong);
  background: linear-gradient(135deg, color-mix(in srgb, var(--vp-accent) 16%, transparent), color-mix(in srgb, var(--vp-accent-2) 8%, transparent));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

.nav-section {
  margin-top: 14px;
  padding: 12px 12px 5px;
  color: var(--vp-text-muted);
  font-size: .72rem;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.top-search-trigger,
.logistics-search {
  border: 1px solid var(--vp-border);
  background: var(--vp-surface-muted);
  color: var(--vp-text-soft);
}

.vp-workspace-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.vp-workspace-meta span,
.vp-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid var(--vp-border);
  border-radius: 999px;
  background: var(--vp-surface-muted);
  color: var(--vp-text-soft);
  font-size: .82rem;
}

.panel,
.card,
.driver-card,
.driver-tour,
.driver-stop {
  border: 1px solid var(--vp-border);
  background: var(--vp-surface);
  box-shadow: var(--vp-shadow-soft);
}

.btn {
  border-radius: 13px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.btn:hover { transform: translateY(-1px); }
.btn.is-loading,
button.is-loading { opacity: .72; pointer-events: none; }
.btn.is-loading::after,
button.is-loading::after {
  content: '';
  width: 14px;
  height: 14px;
  margin-left: 8px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  display: inline-block;
  vertical-align: -2px;
  animation: vpSpin .7s linear infinite;
}

@keyframes vpSpin { to { transform: rotate(360deg); } }

/* Planner: echte 3-Spalten-Arbeitsfläche */
.planner-workspace.vp-planner-workspace {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(420px, 1fr) minmax(330px, 390px);
  gap: 18px;
  align-items: start;
}

.vp-planner-column {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.vp-planner-left,
.vp-planner-right {
  position: sticky;
  top: calc(var(--vp-topbar-height) + 18px);
  max-height: calc(100vh - var(--vp-topbar-height) - 36px);
  overflow: auto;
  scrollbar-width: thin;
}

.vp-planner-map-column .map,
.vp-planner-map-column .planner-map {
  height: clamp(480px, 62vh, 760px);
  border-radius: var(--vp-radius-lg);
}

.vp-planner-map-column .route-panel {
  overflow: hidden;
}

.planner-command-business {
  display: grid;
  gap: 14px;
}

.vp-planner-step-card {
  display: grid;
  gap: 12px;
}

.vp-step-line {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
  color: var(--vp-text-soft);
}

.vp-step-line b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vp-accent) 20%, transparent);
  color: var(--vp-text);
}

.customer-picker label {
  border-radius: 16px;
  border: 1px solid var(--vp-border);
  background: color-mix(in srgb, var(--vp-surface-muted) 86%, transparent);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.customer-picker label:hover,
.customer-picker label.is-selected {
  transform: translateY(-1px);
  border-color: var(--vp-border-strong);
  background: color-mix(in srgb, var(--vp-accent) 12%, var(--vp-surface-muted));
}

.selected-stops .stop-sort,
.stop-sort {
  border: 1px solid var(--vp-border);
  border-radius: 16px;
  background: var(--vp-surface-muted);
}

.vp-route-quality {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.vp-route-quality span {
  padding: 12px;
  border-radius: 16px;
  background: var(--vp-surface-muted);
  border: 1px solid var(--vp-border);
}

.vp-route-quality small,
.vp-route-quality b { display: block; }
.vp-route-quality small { color: var(--vp-text-muted); margin-bottom: 4px; }

/* Data tables */
.vp-table-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0;
}

.vp-table-search {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: min(100%, 420px);
  padding: 10px 13px;
  border-radius: 16px;
  border: 1px solid var(--vp-border);
  background: var(--vp-surface-muted);
}

.vp-table-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--vp-text);
}

.vp-data-table-wrap {
  overflow: auto;
  border: 1px solid var(--vp-border);
  border-radius: var(--vp-radius-md);
  background: var(--vp-surface-muted);
}

.vp-data-table {
  width: 100%;
  min-width: 920px;
  border-collapse: separate;
  border-spacing: 0;
}

.vp-data-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 14px 16px;
  text-align: left;
  font-size: .72rem;
  color: var(--vp-text-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  background: color-mix(in srgb, var(--vp-surface-strong) 96%, transparent);
  border-bottom: 1px solid var(--vp-border);
}

.vp-data-table td {
  padding: 16px;
  border-bottom: 1px solid var(--vp-border);
  vertical-align: middle;
}

.vp-data-table tbody tr {
  transition: background .16s ease, transform .16s ease;
}

.vp-data-table tbody tr:hover {
  background: color-mix(in srgb, var(--vp-accent) 8%, transparent);
}

.vp-cell-title { display: grid; gap: 4px; }
.vp-cell-title b { color: var(--vp-text); }
.vp-cell-title small { color: var(--vp-text-muted); }
.vp-table-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.vp-progress-cell { min-width: 180px; }
.vp-progress-cell .progress { margin-top: 8px; }

/* Settings */
.settings-console.vp-settings-console {
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 18px;
}

.settings-nav-search {
  margin: 14px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.settings-nav-search input {
  width: 100%;
  border: 1px solid var(--vp-border);
  border-radius: 14px;
  background: var(--vp-surface-muted);
  color: var(--vp-text);
  padding: 11px 12px;
}

.settings-nav-search button {
  border: 1px solid var(--vp-border);
  border-radius: 14px;
  background: var(--vp-surface-muted);
  color: var(--vp-text-soft);
  padding: 0 12px;
}

.settings-search-status {
  display: block;
  margin: 0 0 10px;
  color: var(--vp-text-muted);
}

.setting-input,
.switch-row {
  border: 1px solid var(--vp-border);
  border-radius: 16px;
  background: var(--vp-surface-muted);
}

.setting-section-title[data-setting-section] {
  grid-column: 1 / -1;
}

.settings-save-bar {
  position: sticky;
  bottom: 14px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--vp-border-strong);
  background: color-mix(in srgb, var(--vp-surface-strong) 92%, transparent);
  box-shadow: var(--vp-shadow-soft);
  backdrop-filter: blur(18px);
}

.settings-save-bar small { color: var(--vp-text-muted); }
.settings-save-state.is-dirty { color: var(--vp-warning); }
.settings-save-state.is-clean { color: var(--vp-success); }

/* Driver app simplification */
body[class*="driver-ui"] {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--vp-accent) 22%, transparent), transparent 34%),
    linear-gradient(180deg, #06101e, #030712);
}

.driver-top {
  position: sticky;
  top: 0;
  z-index: 15;
  backdrop-filter: blur(18px);
  background: rgba(5, 10, 20, .72);
  border-bottom: 1px solid rgba(148, 163, 184, .15);
}

.driver-focus-card {
  border: 1px solid color-mix(in srgb, var(--vp-accent) 46%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--vp-accent) 18%, rgba(15,23,42,.94)), rgba(8,14,28,.96));
  box-shadow: 0 24px 70px rgba(0,0,0,.32);
}

.driver-current-address {
  font-size: 1.02rem;
  color: var(--vp-text-soft);
  line-height: 1.45;
}

.driver-primary-navigation {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.driver-primary-navigation .route-link {
  flex: 1 1 220px;
  justify-content: center;
  min-height: 52px;
}

.driver-stop-list.vp-compact-stop-list .driver-stop:not(.is-focus) {
  opacity: .72;
}

.driver-stop-list.vp-compact-stop-list .driver-stop:not(.is-focus) .driver-actions,
.driver-stop-list.vp-compact-stop-list .driver-stop:not(.is-focus) .field {
  display: none;
}

.driver-actions.large-actions .btn {
  min-height: 58px;
  font-size: 1rem;
  font-weight: 800;
}

/* Generic toasts */
.vp-ui-toast-stack {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  display: grid;
  gap: 10px;
  width: min(380px, calc(100vw - 28px));
  pointer-events: none;
}

.vp-ui-toast {
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--vp-border-strong);
  border-radius: 18px;
  background: color-mix(in srgb, var(--vp-surface-strong) 94%, transparent);
  box-shadow: var(--vp-shadow-soft);
  backdrop-filter: blur(18px);
  animation: vpToastIn .24s ease both;
}

.vp-ui-toast::before {
  content: '';
  width: 10px;
  border-radius: 999px;
  background: var(--vp-accent);
}

.vp-ui-toast b,
.vp-ui-toast small { display: block; }
.vp-ui-toast small { color: var(--vp-text-soft); margin-top: 3px; }

@keyframes vpToastIn {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: none; }
}

.revealable { opacity: 0; transform: translateY(14px); }
.revealable.is-visible { opacity: 1; transform: none; transition: opacity .42s ease var(--reveal-delay, 0ms), transform .42s ease var(--reveal-delay, 0ms); }
.animation-off .revealable,
.animation-reduced .revealable { opacity: 1; transform: none; }

@media (max-width: 1320px) {
  .planner-workspace.vp-planner-workspace { grid-template-columns: minmax(280px, 340px) 1fr; }
  .vp-planner-right { grid-column: 1 / -1; position: static; max-height: none; overflow: visible; }
}

@media (max-width: 980px) {
  :root { --vp-sidebar-width: 0px; }
  .app-shell .main { padding-left: 0; }
  .app-shell .content { width: 100%; padding: 18px 14px 92px; }
  .planner-workspace.vp-planner-workspace { grid-template-columns: 1fr; }
  .vp-planner-left,
  .vp-planner-right { position: static; max-height: none; overflow: visible; }
  .settings-console.vp-settings-console { grid-template-columns: 1fr; }
  .settings-save-bar { bottom: 78px; }
}

@media (max-width: 720px) {
  .vp-route-quality { grid-template-columns: 1fr; }
  .vp-table-toolbar { align-items: stretch; }
  .vp-table-search { min-width: 100%; }
}


/* source: user-friendly-ui.css */
/* VersandPro user friendly surface: fewer visible blocks, clearer primary actions */
.uf-action-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.uf-action-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .72);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 18px 48px rgba(2, 6, 23, .22);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.uf-action-card:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 212, 191, .48);
    background: rgba(15, 23, 42, .9);
}

.uf-action-card.primary {
    border-color: rgba(45, 212, 191, .5);
    background: linear-gradient(135deg, rgba(20, 184, 166, .22), rgba(59, 130, 246, .13)), rgba(15, 23, 42, .86);
}

.uf-action-card svg,
.uf-action-card .icon {
    flex: 0 0 auto;
}

.uf-action-card span {
    display: grid;
    gap: 3px;
}

.uf-action-card b {
    font-size: .95rem;
    line-height: 1.2;
}

.uf-action-card small {
    color: var(--muted, #94a3b8);
    line-height: 1.35;
}

.uf-step-guide {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}

.uf-step-guide span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border-radius: 18px;
    background: rgba(15, 23, 42, .68);
    border: 1px solid rgba(148, 163, 184, .16);
    color: var(--text, #e5edf7);
    font-weight: 750;
}

.uf-step-guide b {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(45, 212, 191, .16);
    color: #67e8f9;
}

.uf-disclosure {
    margin: 18px 0;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(8, 13, 24, .56);
    box-shadow: 0 18px 50px rgba(2, 6, 23, .22);
    overflow: hidden;
}

.uf-disclosure > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 20px;
    border-radius: 24px;
    user-select: none;
}

.uf-disclosure > summary::-webkit-details-marker {
    display: none;
}

.uf-disclosure > summary span {
    display: grid;
    gap: 3px;
}

.uf-disclosure > summary b {
    font-size: 1rem;
}

.uf-disclosure > summary small,
.uf-disclosure > summary em {
    color: var(--muted, #94a3b8);
    font-style: normal;
}

.uf-disclosure > summary em {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .12);
    white-space: nowrap;
}

.uf-disclosure[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    border-radius: 24px 24px 0 0;
}

.uf-disclosure > *:not(summary) {
    margin: 16px;
}

.uf-disclosure-primary {
    background: rgba(11, 18, 32, .72);
}

.uf-inline-disclosure {
    margin: 12px 0;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(15, 23, 42, .58);
    overflow: hidden;
}

.uf-inline-disclosure > summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 14px;
    color: var(--muted, #94a3b8);
    font-weight: 760;
}

.uf-inline-disclosure > summary::-webkit-details-marker {
    display: none;
}

.uf-inline-disclosure > div {
    padding: 0 14px 14px;
}

.uf-compact-metrics {
    gap: 12px !important;
    margin: 14px 0 18px !important;
}

.uf-compact-metrics .metric-card,
.uf-compact-metrics.card,
.compact-cards.uf-compact-metrics .card {
    min-height: unset;
    padding: 15px !important;
}

.uf-compact-metrics .metric-card small {
    display: none;
}

.uf-primary-panel {
    border-color: rgba(45, 212, 191, .22) !important;
    box-shadow: 0 24px 70px rgba(2, 6, 23, .22) !important;
}

.uf-secondary-info {
    opacity: .82;
}

.uf-save-hint {
    color: var(--muted, #94a3b8);
    font-size: .85rem;
    font-weight: 700;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .12);
}

.uf-focus-dashboard .vp-hero-row {
    align-items: flex-end;
}

.uf-focus-dashboard .vp-next-level-strip {
    margin-top: 12px;
}

.uf-focus-dashboard .vp-kpi-grid {
    margin-top: 16px;
}

.uf-focus-dashboard .vp-analytics-grid,
.uf-focus-dashboard .vp-upcoming-grid {
    margin-top: 0;
}

.settings-console .settings-profile-card,
.settings-console .info-box.compact {
    display: none;
}

.page-settings .settings-nav {
    align-self: start;
}

.page-settings .settings-editor .settings-preview {
    margin-top: 16px;
}

@media (max-width: 1180px) {
    .uf-action-bar,
    .uf-step-guide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .uf-action-bar,
    .uf-step-guide {
        grid-template-columns: 1fr;
    }

    .uf-action-card {
        min-height: auto;
    }

    .uf-disclosure > summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .uf-disclosure > *:not(summary) {
        margin: 12px;
    }
}


/* source: app-structure-upgrade.css */
/* VersandPro structure upgrade: grouped navigation, page context and focus mode */
.app-structure-upgrade {
  --vp-structure-line: rgba(148, 163, 184, .16);
  --vp-structure-line-strong: rgba(45, 212, 191, .28);
  --vp-structure-panel: rgba(8, 13, 24, .68);
  --vp-structure-panel-soft: rgba(15, 23, 42, .54);
  --vp-structure-text: var(--text, #e5edf7);
  --vp-structure-muted: var(--muted, #94a3b8);
}

.app-structure-upgrade .content {
  max-width: 1540px;
  width: min(100%, 1540px);
  margin-inline: auto;
  display: grid;
  gap: 18px;
}

.app-structure-upgrade .sidebar {
  padding-bottom: 16px;
}

.app-structure-upgrade .sidebar .brand {
  margin-bottom: 10px;
}

.app-structure-upgrade .sidebar-user {
  margin-bottom: 12px;
}

.app-structure-upgrade .nav-groups {
  display: grid;
  gap: 12px;
  overflow: auto;
  padding-right: 2px;
}

.app-structure-upgrade .nav-group {
  display: grid;
  gap: 5px;
  padding: 9px;
  border-radius: 18px;
  border: 1px solid transparent;
  background: transparent;
}

.app-structure-upgrade .nav-group.is-active {
  border-color: var(--vp-structure-line);
  background: rgba(15, 23, 42, .42);
}

.app-structure-upgrade .nav-group-title {
  display: grid;
  gap: 2px;
  padding: 2px 6px 5px;
  line-height: 1.2;
}

.app-structure-upgrade .nav-group-title span {
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(226, 232, 240, .78);
  font-weight: 900;
}

.app-structure-upgrade .nav-group-title small {
  color: rgba(148, 163, 184, .76);
  font-size: .69rem;
  white-space: normal;
}

.app-structure-upgrade .nav-group a {
  min-height: 40px;
  border-radius: 13px;
}

.app-structure-upgrade .nav-group a.active {
  background: linear-gradient(135deg, rgba(45, 212, 191, .18), rgba(59, 130, 246, .10));
  border-color: var(--vp-structure-line-strong);
}

.app-structure-upgrade.sidebar-compact .nav-group-title small,
.app-structure-upgrade.sidebar-minimal .nav-group-title {
  display: none;
}

.app-structure-upgrade .topbar {
  align-items: center;
  min-height: 76px;
}

.app-structure-upgrade .topbar-title small {
  max-width: 720px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.app-structure-upgrade .top-actions {
  gap: 9px;
}

.app-structure-upgrade .top-search-trigger {
  min-width: 190px;
}

.app-structure-upgrade .vp-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  min-height: 42px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.app-structure-upgrade .vp-view-switch button {
  min-height: 32px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  background: transparent;
  color: var(--muted);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .01em;
  cursor: pointer;
}

.app-structure-upgrade .vp-view-switch button:hover {
  color: var(--text);
  background: rgba(255,255,255,.055);
}

.app-structure-upgrade .vp-view-switch button.is-active {
  background: rgba(45, 212, 191, .18);
  color: #99f6e4;
  box-shadow: 0 8px 22px rgba(15, 118, 110, .16);
}

.app-structure-upgrade .vp-page-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 14px 0 0;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid var(--vp-structure-line);
  background: rgba(8, 13, 24, .54);
}

.app-structure-upgrade .vp-workspace-strip {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 1px;
}

.app-structure-upgrade .vp-workspace-strip a {
  display: grid;
  gap: 1px;
  min-width: 136px;
  padding: 9px 12px;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  border: 1px solid transparent;
  background: rgba(15, 23, 42, .46);
}

.app-structure-upgrade .vp-workspace-strip a.active {
  border-color: rgba(45, 212, 191, .34);
  background: rgba(20, 184, 166, .12);
}

.app-structure-upgrade .vp-workspace-strip b {
  font-size: .86rem;
}

.app-structure-upgrade .vp-workspace-strip small {
  color: var(--vp-structure-muted);
  font-size: .72rem;
  white-space: nowrap;
}

.app-structure-upgrade .vp-context-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.app-structure-upgrade .vp-context-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 999px;
  border: 1px solid var(--vp-structure-line);
  background: rgba(15, 23, 42, .62);
  color: inherit;
  text-decoration: none;
  font-weight: 850;
  font-size: .86rem;
  white-space: nowrap;
}

.app-structure-upgrade .vp-context-actions a.primary {
  border-color: rgba(45, 212, 191, .5);
  background: linear-gradient(135deg, rgba(20, 184, 166, .28), rgba(59, 130, 246, .16));
}

.app-structure-upgrade .vp-context-actions a:hover,
.app-structure-upgrade .vp-workspace-strip a:hover,
.app-structure-upgrade .nav-group a:hover {
  border-color: rgba(45, 212, 191, .32);
}

.app-structure-upgrade .page-head,
.app-structure-upgrade .vp-hero-row,
.app-structure-upgrade .ops-hero {
  border-radius: 28px;
  border: 1px solid var(--vp-structure-line);
  background: linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(8, 13, 24, .62));
  padding: 24px;
  box-shadow: 0 20px 62px rgba(2, 6, 23, .22);
}

.app-structure-upgrade .page-head p,
.app-structure-upgrade .vp-hero-row p,
.app-structure-upgrade .ops-hero p {
  max-width: 760px;
}

.app-structure-upgrade .vp-workspace-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.app-structure-upgrade .vp-workspace-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(15, 23, 42, .48);
  color: rgba(226, 232, 240, .82);
  font-size: .78rem;
  font-weight: 800;
}

.app-structure-upgrade .uf-compact-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-structure-upgrade .uf-compact-metrics .card,
.app-structure-upgrade .uf-compact-metrics .metric-card,
.app-structure-upgrade .vp-kpi-card,
.app-structure-upgrade .ops-metric-card,
.app-structure-upgrade .ops-score-card {
  border-radius: 20px;
}

.app-structure-upgrade .uf-disclosure {
  border-radius: 22px;
  background: rgba(8, 13, 24, .46);
}

.app-structure-upgrade .uf-disclosure > summary {
  padding: 15px 18px;
}

.app-structure-upgrade .uf-disclosure > summary b {
  font-size: .96rem;
}

.app-structure-upgrade .uf-disclosure > summary small {
  max-width: 640px;
}

.app-structure-upgrade .uf-disclosure:not([open]) {
  box-shadow: none;
}

.app-structure-upgrade .uf-disclosure:not([open]) > summary em {
  background: rgba(45, 212, 191, .11);
  color: #99f6e4;
}

.app-structure-upgrade .planner-workspace,
.app-structure-upgrade .vp-planner-workspace {
  align-items: start;
}

.app-structure-upgrade .panel-title-row {
  gap: 14px;
}

.app-structure-upgrade .panel-title-row h2,
.app-structure-upgrade .vp-card-head h3 {
  letter-spacing: -.01em;
}

.app-structure-upgrade .vp-table-toolbar,
.app-structure-upgrade .business-search,
.app-structure-upgrade .search {
  border-radius: 18px;
}

.app-structure-upgrade .vp-data-table-wrap {
  border-radius: 20px;
  overflow: auto;
}

.app-structure-upgrade .vp-data-table th {
  white-space: nowrap;
}

.app-structure-upgrade .vp-data-table td {
  vertical-align: middle;
}

.app-structure-upgrade .vp-table-actions {
  justify-content: flex-end;
}

.app-structure-upgrade .settings-console {
  align-items: start;
}

.app-structure-upgrade .settings-nav {
  position: sticky;
  top: 108px;
  max-height: calc(100vh - 132px);
  overflow: auto;
}

.app-structure-upgrade .settings-tab span small {
  opacity: .78;
}

.app-structure-upgrade .mobile-dock {
  border-top: 1px solid var(--vp-structure-line);
}

@media (max-width: 1280px) {
  .app-structure-upgrade .vp-page-context {
    grid-template-columns: 1fr;
  }

  .app-structure-upgrade .vp-context-actions {
    justify-content: flex-start;
  }

  .app-structure-upgrade .topbar-title small {
    max-width: 460px;
  }
}

@media (max-width: 980px) {
  .app-structure-upgrade .top-search-trigger kbd,
  .app-structure-upgrade .topbar-title small,
  .app-structure-upgrade .user-menu-pill span,
  .app-structure-upgrade .vp-workspace-strip small {
    display: none;
  }

  .app-structure-upgrade .top-search-trigger {
    min-width: unset;
  }

  .app-structure-upgrade .vp-workspace-strip a {
    min-width: unset;
  }

  .app-structure-upgrade .uf-compact-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .app-structure-upgrade .vp-page-context {
    margin-top: 10px;
    padding: 8px;
    border-radius: 18px;
  }

  .app-structure-upgrade .vp-context-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-structure-upgrade .vp-context-actions a {
    width: 100%;
    min-height: 42px;
  }

  .app-structure-upgrade .uf-compact-metrics {
    grid-template-columns: 1fr;
  }

  .app-structure-upgrade .page-head,
  .app-structure-upgrade .vp-hero-row,
  .app-structure-upgrade .ops-hero {
    padding: 18px;
    border-radius: 22px;
  }
}


/* source: app-usability-upgrade.css */
/* VersandPro usability upgrade: ruhigere Oberflächen, klarere Module, sichtbarer Logout */
.app-usability-upgrade .topbar-logout{
    gap:.45rem;
    text-decoration:none;
    padding:.68rem .85rem;
    border-radius:999px;
    min-width:auto;
    color:var(--text, #eaf2ff);
}
.app-usability-upgrade .topbar-logout .icon{width:1rem;height:1rem}
.app-usability-upgrade .topbar-logout span{font-weight:800;font-size:.82rem}
.app-usability-upgrade .sidebar-footer .btn.full{justify-content:center}

.app-usability-upgrade.reduce-page-chrome .page-head,
.app-usability-upgrade.reduce-page-chrome .business-head,
.app-usability-upgrade.reduce-page-chrome .planner-head{
    padding:1.1rem 1.2rem;
    gap:1rem;
}
.app-usability-upgrade.reduce-page-chrome .page-head p,
.app-usability-upgrade.reduce-page-chrome .business-head p,
.app-usability-upgrade.reduce-page-chrome .planner-head p{
    max-width:760px;
    margin-top:.35rem;
    line-height:1.45;
}
.app-usability-upgrade.reduce-page-chrome .vp-workspace-meta{
    margin-top:.75rem;
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
}
.app-usability-upgrade.reduce-page-chrome .vp-workspace-meta span{
    padding:.42rem .58rem;
    border-radius:999px;
    opacity:.88;
}
.app-usability-upgrade.reduce-page-chrome .uf-compact-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.75rem;
}
.app-usability-upgrade.reduce-page-chrome .metric-card,
.app-usability-upgrade.reduce-page-chrome .stat-card{
    padding:1rem;
    min-height:auto;
}
.app-usability-upgrade.reduce-page-chrome .metric-card strong,
.app-usability-upgrade.reduce-page-chrome .stat-card strong{
    font-size:1.65rem;
}

.vp-module-hub{
    border:1px solid rgba(255,255,255,.09);
    border-radius:28px;
    padding:1.15rem;
    margin:1rem 0;
    background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    box-shadow:0 18px 52px rgba(0,0,0,.22);
}
.vp-module-hub-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
}
.vp-module-hub-head h2{margin:.15rem 0 0;font-size:1.1rem}
.vp-module-groups{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.85rem;
}
.vp-module-group{
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:.85rem;
    background:rgba(3,7,17,.28);
}
.vp-module-group>strong{
    display:block;
    margin-bottom:.65rem;
    font-size:.82rem;
    letter-spacing:.04em;
    text-transform:uppercase;
    opacity:.82;
}
.vp-module-group>div{display:grid;gap:.5rem}
.vp-module-group a{
    display:flex;
    gap:.65rem;
    align-items:flex-start;
    padding:.7rem;
    border-radius:16px;
    text-decoration:none;
    color:inherit;
    background:rgba(255,255,255,.045);
    border:1px solid transparent;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.vp-module-group a:hover{
    transform:translateY(-1px);
    border-color:rgba(96,165,250,.34);
    background:rgba(255,255,255,.075);
}
.vp-module-group .icon{width:1.05rem;height:1.05rem;flex:0 0 auto;margin-top:.1rem}
.vp-module-group b{display:block;font-size:.88rem}
.vp-module-group small{display:block;margin-top:.16rem;line-height:1.25;opacity:.68;font-size:.75rem}

.app-usability-upgrade .uf-disclosure>summary{
    cursor:pointer;
    user-select:none;
}
.app-usability-upgrade .uf-disclosure>summary em{
    white-space:nowrap;
}
.app-usability-upgrade .vp-data-table-wrap,
.app-usability-upgrade .table-wrap{
    border-radius:22px;
}
.app-usability-upgrade .vp-table-actions{
    gap:.4rem;
}
.app-usability-upgrade .vp-table-actions .btn.mini,
.app-usability-upgrade .actions-cell .btn.mini{
    padding:.48rem .62rem;
}
.app-usability-upgrade .business-filter-bar,
.app-usability-upgrade .business-search{
    align-items:end;
}
.app-usability-upgrade .vp-page-context{
    margin-bottom:.85rem;
}

@media (max-width:1200px){
    .vp-module-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
    .app-usability-upgrade .topbar-logout span{display:none}
    .app-usability-upgrade.reduce-page-chrome .uf-compact-metrics,
    .vp-module-groups{grid-template-columns:1fr}
    .vp-module-hub-head{align-items:stretch;flex-direction:column}
}

.settings-field-sections{display:grid;gap:.9rem!important}
.settings-section-card{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.045);overflow:hidden}
.settings-section-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;cursor:pointer}
.settings-section-card>summary::-webkit-details-marker{display:none}
.settings-section-card>summary span{display:grid;gap:.16rem}
.settings-section-card>summary b{font-size:.98rem}
.settings-section-card>summary small{opacity:.65;font-size:.78rem}
.settings-section-card>summary em{font-style:normal;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.58}
.settings-section-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.settings-section-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}
.settings-field-sections.toggle-grid .settings-section-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-section-fields .wide{grid-column:1/-1}
@media (max-width:900px){.settings-section-fields,.settings-field-sections.toggle-grid .settings-section-fields{grid-template-columns:1fr}}


/* source: layout-scaling-upgrade.css */
/* VersandPro 7.9.3 - Layout- und Skalierungsoptimierung */
:root{
  --vp-sidebar-width:clamp(246px,15.6vw,292px);
  --vp-content-max:1640px;
  --vp-page-pad-x:clamp(14px,1.45vw,24px);
  --vp-page-pad-y:clamp(16px,1.65vw,28px);
  --vp-layout-gap:clamp(12px,1.05vw,20px);
  --vp-panel-pad:clamp(15px,1.2vw,22px);
  --vp-head-pad:clamp(18px,1.55vw,26px);
  --vp-control-height:clamp(40px,2.45vw,46px);
}

html{font-size:clamp(14px,.82vw,16px);text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
body.app-shell{display:grid!important;grid-template-columns:var(--vp-sidebar-width) minmax(0,1fr)!important;align-items:start}
body.app-shell .sidebar{width:var(--vp-sidebar-width)!important;min-width:var(--vp-sidebar-width);max-width:var(--vp-sidebar-width)}
body.app-shell .main{min-width:0!important;width:100%;padding-left:0!important}
body.app-shell .content{width:min(100%,var(--vp-content-max))!important;max-width:var(--vp-content-max);margin-inline:auto!important;padding:var(--vp-page-pad-y) var(--vp-page-pad-x) clamp(42px,4vw,70px)!important;gap:var(--vp-layout-gap)!important}
body.app-shell .topbar,
body.app-shell .vp-page-context{width:min(calc(100% - (var(--vp-page-pad-x) * 2)),var(--vp-content-max));max-width:var(--vp-content-max);margin-left:auto!important;margin-right:auto!important}
body.app-shell .topbar{margin-top:clamp(10px,1vw,16px)!important;padding:clamp(10px,1vw,16px) var(--vp-page-pad-x)!important;border-radius:clamp(18px,1.5vw,26px)}
body.app-shell .vp-page-context{margin-top:clamp(10px,1vw,14px)!important}

.app-shell .sidebar{padding:clamp(14px,1.15vw,22px) clamp(12px,.95vw,18px)!important;gap:clamp(10px,.9vw,16px)!important;overflow:hidden}
.app-shell .sidebar .brand{gap:10px!important;margin-bottom:4px!important;padding-bottom:clamp(8px,.8vw,14px)!important}
.app-shell .brand-logo{width:clamp(42px,3.15vw,58px)!important;height:clamp(42px,3.15vw,58px)!important;border-radius:clamp(14px,1.15vw,20px)!important}
.app-shell .brand-wordmark{font-size:clamp(1.05rem,1.08vw,1.28rem)!important}
.app-shell .nav-groups{gap:clamp(8px,.85vw,12px)!important;max-height:calc(100vh - 238px);padding-bottom:6px;scrollbar-width:thin}
.app-shell .nav-group{padding:clamp(6px,.62vw,9px)!important;border-radius:clamp(15px,1.12vw,19px)!important}
.app-shell .nav-group-title small{font-size:clamp(.63rem,.62vw,.7rem)!important;line-height:1.25}
.app-shell .nav a,
.app-shell .nav-group a{min-height:clamp(38px,2.55vw,46px)!important;padding:0 clamp(10px,.9vw,14px)!important;border-radius:clamp(12px,.95vw,15px)!important}
.app-shell .sidebar-footer{padding:clamp(10px,.9vw,14px)!important;gap:8px!important}

.app-shell .topbar-left{min-width:0;flex:1 1 440px}
.app-shell .topbar-brand-title{min-width:0;display:flex;align-items:center;gap:clamp(9px,.8vw,13px)}
.app-shell .topbar-title{min-width:0;display:grid!important;gap:1px!important}
.app-shell .topbar-title strong{font-size:clamp(1rem,1.08vw,1.22rem);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(46vw,760px)}
.app-shell .topbar-title small{max-width:min(44vw,680px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
.app-shell .topbar-mark{width:clamp(30px,2.2vw,40px)!important;height:clamp(30px,2.2vw,40px)!important;flex:0 0 auto}
.app-shell .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.6vw,10px)!important;min-width:0;flex:1 1 420px;flex-wrap:wrap}
.app-shell .top-actions .icon-action,
.app-shell .top-actions .top-search-trigger,
.app-shell .top-actions .topbar-logout{min-height:var(--vp-control-height)!important}
.app-shell .top-search-trigger{min-width:clamp(150px,12vw,210px)!important;max-width:260px}
.app-shell .user-menu-pill{min-width:0;max-width:220px}
.app-shell .user-menu-pill span{min-width:0}
.app-shell .user-menu-pill b{display:block;max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.app-shell .page-head,
.app-shell .business-head,
.app-shell .planner-head,
.app-shell .vp-hero-row,
.app-shell .ops-hero{padding:var(--vp-head-pad)!important;border-radius:clamp(20px,1.55vw,28px)!important;gap:var(--vp-layout-gap)!important}
.app-shell .page-head,
.app-shell .business-head,
.app-shell .planner-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.app-shell .page-head h1,
.app-shell .business-head h1,
.app-shell .planner-head h1{font-size:clamp(1.75rem,2.1vw,2.8rem);line-height:1.06;letter-spacing:-.045em}
.app-shell .page-head p,
.app-shell .business-head p,
.app-shell .planner-head p{font-size:clamp(.92rem,.9vw,1rem);line-height:1.5;max-width:760px!important}
.app-shell .page-head .actions,
.app-shell .business-head .actions,
.app-shell .planner-head .actions{justify-content:flex-end;align-items:center;min-width:0}

.app-shell .panel,
.app-shell .card,
.app-shell .driver-card,
.app-shell .uf-disclosure,
.app-shell .vp-module-hub{border-radius:clamp(18px,1.35vw,26px)!important}
.app-shell .panel,
.app-shell .card{padding:var(--vp-panel-pad)}
.app-shell .panel-title-row,
.app-shell .vp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--vp-layout-gap);min-width:0}
.app-shell .panel-title-row h2,
.app-shell .vp-card-head h3{font-size:clamp(1.02rem,1vw,1.25rem);line-height:1.18}

.app-shell .cards,
.app-shell .grid,
.app-shell .vp-kpi-grid,
.app-shell .vp-analytics-grid,
.app-shell .vp-upcoming-grid,
.app-shell .business-metrics,
.app-shell .compact-cards{gap:var(--vp-layout-gap)!important}
.app-shell .cards.two,
.app-shell .grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important}
.app-shell .cards.three,
.app-shell .grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
.app-shell .cards.four,
.app-shell .compact-cards.four,
.app-shell .uf-compact-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important}
.app-shell .cards.five,
.app-shell .cards.six{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important}
.app-shell .grid.two.uneven,
.app-shell .business-dashboard-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr)!important;gap:var(--vp-layout-gap)!important}
.app-shell .vp-main-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:var(--vp-layout-gap)!important}
.app-shell .vp-right-stack{gap:var(--vp-layout-gap)!important}

.app-shell .metric-card,
.app-shell .stat-card,
.app-shell .vp-kpi-card,
.app-shell .ops-metric-card{min-height:auto!important;padding:clamp(13px,1vw,18px)!important}
.app-shell .metric-card strong,
.app-shell .stat-card strong{font-size:clamp(1.35rem,1.85vw,2rem)!important;line-height:1.05}
.app-shell .metric-card small{font-size:clamp(.7rem,.7vw,.78rem)}

.app-shell .vp-module-hub{padding:clamp(12px,1vw,18px)!important}
.app-shell .vp-module-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr))!important;gap:var(--vp-layout-gap)!important}
.app-shell .vp-module-group{padding:clamp(10px,.85vw,14px)!important}
.app-shell .vp-module-group a{padding:clamp(10px,.8vw,13px)!important;min-height:64px}

.app-shell .vp-workspace-strip{gap:8px;scrollbar-width:none}
.app-shell .vp-workspace-strip::-webkit-scrollbar{display:none}
.app-shell .vp-workspace-strip a{min-width:clamp(112px,9.8vw,150px)!important;padding:clamp(8px,.7vw,10px) clamp(10px,.85vw,13px)!important}
.app-shell .vp-context-actions{gap:8px!important}
.app-shell .vp-context-actions a{min-height:var(--vp-control-height)!important;padding-inline:clamp(10px,.85vw,14px)!important}

.app-shell .vp-data-table-wrap,
.app-shell .table-wrap{max-width:100%;overflow:auto;scrollbar-width:thin}
.app-shell .vp-data-table{min-width:min(940px,calc(100vw - 32px))}
.app-shell .vp-data-table th,
.app-shell .vp-data-table td{padding:clamp(10px,.85vw,15px) clamp(11px,.9vw,16px)!important}
.app-shell .vp-table-toolbar,
.app-shell .business-search,
.app-shell .search,
.app-shell .filter-bar{gap:clamp(8px,.75vw,12px)!important}
.app-shell .vp-table-actions{gap:6px!important;justify-content:flex-end}
.app-shell .vp-table-actions .btn.mini,
.app-shell .actions-cell .btn.mini{min-height:34px;white-space:nowrap}

.app-shell input,
.app-shell select,
.app-shell textarea{max-width:100%}
.app-shell .split{gap:var(--vp-layout-gap)!important}
.app-shell .form.compact{gap:clamp(10px,.9vw,14px)!important}
.app-shell .btn{min-height:var(--vp-control-height)}
.app-shell .btn.small{min-height:clamp(36px,2.1vw,40px)}
.app-shell .btn.mini{min-height:clamp(31px,1.9vw,35px)}

.app-shell .planner-workspace.vp-planner-workspace{grid-template-columns:minmax(280px,340px) minmax(430px,1fr) minmax(290px,360px)!important;gap:var(--vp-layout-gap)!important}
.app-shell .vp-planner-left,
.app-shell .vp-planner-right{top:calc(var(--vp-topbar-height) + 22px);max-height:calc(100vh - var(--vp-topbar-height) - 44px)}
.app-shell .vp-planner-map-column .map,
.app-shell .vp-planner-map-column .planner-map,
.app-shell .vp-route-map,
.app-shell .ops-live-map{height:clamp(390px,52vh,680px)!important;min-height:clamp(360px,45vh,520px)!important}
.app-shell .ops-main-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr)!important;gap:var(--vp-layout-gap)!important}
.app-shell .ops-bottom-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;gap:var(--vp-layout-gap)!important}

.app-shell .settings-console.vp-settings-console,
.app-shell .settings-console{grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;gap:var(--vp-layout-gap)!important}
.app-shell .settings-nav{top:calc(var(--vp-topbar-height) + 26px)!important;max-height:calc(100vh - var(--vp-topbar-height) - 48px)!important}
.app-shell .settings-section-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
.app-shell .settings-save-bar{left:auto;right:auto}

@media (min-width:1780px){
  :root{--vp-content-max:1720px;--vp-sidebar-width:292px}
  html{font-size:16px}
}

@media (max-width:1480px){
  :root{--vp-content-max:1440px}
  .app-shell .planner-workspace.vp-planner-workspace{grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important}
  .app-shell .vp-planner-right{grid-column:1/-1;position:static;max-height:none;overflow:visible}
  .app-shell .vp-main-grid,
  .app-shell .ops-main-layout{grid-template-columns:1fr!important}
  .app-shell .vp-right-stack{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important}
  .app-shell .top-search-trigger kbd{display:none!important}
}

@media (max-width:1180px){
  :root{--vp-sidebar-width:238px;--vp-content-max:1120px}
  .app-shell .nav-group-title small{display:none!important}
  .app-shell .topbar-title strong{max-width:40vw}
  .app-shell .topbar-title small{display:none!important}
  .app-shell .user-menu-pill span{display:none!important}
  .app-shell .grid.two.uneven,
  .app-shell .business-dashboard-grid,
  .app-shell .planner-workspace.vp-planner-workspace,
  .app-shell .settings-console.vp-settings-console,
  .app-shell .settings-console{grid-template-columns:1fr!important}
  .app-shell .vp-planner-left,
  .app-shell .settings-nav{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
  .app-shell .page-head,
  .app-shell .business-head,
  .app-shell .planner-head{grid-template-columns:1fr!important;align-items:start}
  .app-shell .page-head .actions,
  .app-shell .business-head .actions,
  .app-shell .planner-head .actions{justify-content:flex-start}
}

@media (max-width:980px){
  :root{--vp-sidebar-width:0px;--vp-content-max:100%;--vp-page-pad-x:14px;--vp-page-pad-y:16px}
  html{font-size:15px}
  body.app-shell{display:block!important}
  body.app-shell .sidebar{width:min(86vw,292px)!important;min-width:0;max-width:min(86vw,292px);overflow:auto}
  body.app-shell .topbar{width:100%;margin:0!important;border-radius:0 0 22px 22px!important;padding:10px 12px!important}
  body.app-shell .vp-page-context{width:calc(100% - 24px);margin-top:12px!important}
  .app-shell .top-actions{flex:0 0 auto;gap:6px!important}
  .app-shell .topbar-left{flex:1 1 auto;min-width:0}
  .app-shell .topbar-title strong{max-width:46vw}
  .app-shell .top-search-trigger{min-width:42px!important;width:42px!important;padding-inline:0!important;justify-content:center}
  .app-shell .top-search-trigger span{display:none!important}
  .app-shell .topbar-logout span{display:none!important}
  .app-shell .vp-context-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%}
  .app-shell .vp-context-actions a{width:100%}
  .app-shell .vp-workspace-strip{width:100%}
}

@media (max-width:720px){
  :root{--vp-page-pad-x:12px;--vp-page-pad-y:14px;--vp-control-height:42px}
  html{font-size:14px}
  .app-shell .content{padding-bottom:96px!important}
  .app-shell .topbar-mark,
  .app-shell .eyebrow{display:none!important}
  .app-shell .topbar-title strong{font-size:1rem;max-width:54vw}
  .app-shell .page-head,
  .app-shell .business-head,
  .app-shell .planner-head,
  .app-shell .vp-hero-row,
  .app-shell .ops-hero{padding:16px!important;border-radius:20px!important}
  .app-shell .page-head h1,
  .app-shell .business-head h1,
  .app-shell .planner-head h1{font-size:1.55rem}
  .app-shell .page-head .actions .btn,
  .app-shell .business-head .actions .btn,
  .app-shell .planner-head .actions .btn{flex:1 1 150px}
  .app-shell .vp-module-group a{min-height:auto}
  .app-shell .panel-title-row,
  .app-shell .vp-card-head{display:grid;grid-template-columns:1fr}
  .app-shell .vp-data-table{min-width:720px}
  .app-shell .vp-table-toolbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .app-shell .vp-table-search{min-width:0!important;width:100%}
  .app-shell .split{grid-template-columns:1fr!important}
  .app-shell .settings-save-bar{bottom:76px!important;display:grid!important;grid-template-columns:1fr!important}
  .app-shell .settings-save-bar .btn{width:100%}
}

@media (max-width:520px){
  .app-shell .mobile-dock a span{font-size:.68rem}
  .app-shell .topbar-title strong{max-width:48vw}
  .app-shell .vp-context-actions{grid-template-columns:1fr}
  .app-shell .uf-disclosure>summary{padding:14px!important}
  .app-shell .uf-disclosure>summary em{align-self:flex-start}
  .app-shell .vp-data-table{min-width:650px}
}

@media (prefers-reduced-motion:reduce){
  .app-shell *,
  body[class*="driver-ui"] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Fahrerbereich */
body[class*="driver-ui"] main{width:min(100%,860px);margin-inline:auto;padding-inline:max(14px,env(safe-area-inset-left));padding-bottom:max(28px,env(safe-area-inset-bottom))}
body[class*="driver-ui"] .driver-top{width:min(100%,860px);margin-inline:auto;padding:clamp(12px,2.6vw,18px);gap:12px}
body[class*="driver-ui"] .driver-brand img{width:clamp(38px,8vw,52px);height:clamp(38px,8vw,52px)}
body[class*="driver-ui"] .driver-hero-card,
body[class*="driver-ui"] .driver-tour,
body[class*="driver-ui"] .driver-card,
body[class*="driver-ui"] .driver-stop{border-radius:clamp(18px,4vw,26px);padding:clamp(15px,3.6vw,22px)}
body[class*="driver-ui"] .driver-stats,
body[class*="driver-ui"] .driver-stats-extended{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:clamp(8px,2vw,12px)}
body[class*="driver-ui"] .driver-tour-head{gap:12px}
body[class*="driver-ui"] .driver-actions.large-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}
body[class*="driver-ui"] .driver-primary-navigation .route-link{min-height:clamp(48px,10vw,58px)}

@media (max-width:620px){
  body[class*="driver-ui"] main{padding-inline:12px}
  body[class*="driver-ui"] .driver-top{position:sticky;top:0;border-radius:0 0 20px 20px;align-items:center}
  body[class*="driver-ui"] .driver-user-box{display:none}
  body[class*="driver-ui"] .driver-logout span{display:none}
  body[class*="driver-ui"] .driver-hero-card{display:grid;gap:12px}
  body[class*="driver-ui"] .driver-tour-head{display:grid;grid-template-columns:1fr;align-items:start}
  body[class*="driver-ui"] .driver-stats,
  body[class*="driver-ui"] .driver-stats-extended{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Webseitenansicht: Desktop / Mobil */
body.vp-view-mobile.app-shell{
  --vp-sidebar-width:0px;
  --vp-content-max:460px;
  --vp-page-pad-x:12px;
  --vp-page-pad-y:14px;
  --vp-control-height:42px;
  display:block!important;
  min-width:0!important;
}
body.vp-view-mobile.app-shell .main{
  width:min(100vw,460px)!important;
  max-width:460px!important;
  min-width:0!important;
  margin-inline:auto!important;
  box-shadow:0 0 0 1px rgba(148,163,184,.10),0 28px 80px rgba(0,0,0,.34);
}
body.vp-view-mobile.app-shell .sidebar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:min(86vw,292px)!important;
  min-width:0!important;
  max-width:min(86vw,292px)!important;
  transform:translateX(-105%)!important;
  z-index:120!important;
  overflow:auto!important;
}
body.vp-view-mobile.app-shell.menu-open .sidebar{transform:translateX(0)!important}
body.vp-view-mobile.app-shell .sidebar-backdrop{display:none!important}
body.vp-view-mobile.app-shell.menu-open .sidebar-backdrop{display:block!important;opacity:1!important;pointer-events:auto!important}
body.vp-view-mobile.app-shell .mobile-menu{display:inline-flex!important}
body.vp-view-mobile.app-shell .mobile-dock{display:flex!important}
body.vp-view-mobile.app-shell .topbar{
  width:100%!important;
  margin:0!important;
  border-radius:0 0 22px 22px!important;
  padding:10px 12px!important;
}
body.vp-view-mobile.app-shell .topbar-title strong{font-size:1rem!important;max-width:50vw!important}
body.vp-view-mobile.app-shell .topbar-title small,
body.vp-view-mobile.app-shell .topbar-mark,
body.vp-view-mobile.app-shell .eyebrow,
body.vp-view-mobile.app-shell .user-menu-pill span,
body.vp-view-mobile.app-shell .topbar-logout span{display:none!important}
body.vp-view-mobile.app-shell .top-actions{flex:0 0 auto!important;gap:6px!important}
body.vp-view-mobile.app-shell .top-search-trigger{min-width:42px!important;width:42px!important;padding-inline:0!important;justify-content:center!important}
body.vp-view-mobile.app-shell .top-search-trigger span,
body.vp-view-mobile.app-shell .top-search-trigger kbd{display:none!important}
body.vp-view-mobile.app-shell .vp-view-switch{padding:3px!important;min-height:38px!important;gap:2px!important}
body.vp-view-mobile.app-shell .vp-view-switch button{width:32px!important;min-height:30px!important;padding:0!important;font-size:0!important}
body.vp-view-mobile.app-shell .vp-view-switch button::after{content:attr(data-short-label);font-size:.78rem;font-weight:950}
body.vp-view-mobile.app-shell .vp-page-context{width:calc(100% - 24px)!important;margin:12px auto 0!important;grid-template-columns:1fr!important}
body.vp-view-mobile.app-shell .vp-context-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;width:100%!important}
body.vp-view-mobile.app-shell .vp-context-actions a{width:100%!important}
body.vp-view-mobile.app-shell .content{padding:var(--vp-page-pad-y) var(--vp-page-pad-x) 96px!important;gap:14px!important}
body.vp-view-mobile.app-shell .page-head,
body.vp-view-mobile.app-shell .business-head,
body.vp-view-mobile.app-shell .planner-head,
body.vp-view-mobile.app-shell .vp-hero-row,
body.vp-view-mobile.app-shell .ops-hero{grid-template-columns:1fr!important;padding:16px!important;border-radius:20px!important}
body.vp-view-mobile.app-shell .page-head h1,
body.vp-view-mobile.app-shell .business-head h1,
body.vp-view-mobile.app-shell .planner-head h1{font-size:1.55rem!important}
body.vp-view-mobile.app-shell .vp-main-grid,
body.vp-view-mobile.app-shell .ops-main-layout,
body.vp-view-mobile.app-shell .business-dashboard-grid,
body.vp-view-mobile.app-shell .grid.two.uneven,
body.vp-view-mobile.app-shell .planner-workspace.vp-planner-workspace,
body.vp-view-mobile.app-shell .settings-console.vp-settings-console,
body.vp-view-mobile.app-shell .settings-console{grid-template-columns:1fr!important}
body.vp-view-mobile.app-shell .vp-planner-left,
body.vp-view-mobile.app-shell .vp-planner-right,
body.vp-view-mobile.app-shell .settings-nav{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
body.vp-view-mobile.app-shell .vp-data-table{min-width:650px!important}
body.vp-view-mobile.app-shell .settings-save-bar{bottom:76px!important;display:grid!important;grid-template-columns:1fr!important}
body.vp-view-mobile.app-shell .settings-save-bar .btn{width:100%!important}

@media (max-width:980px){
  body.vp-view-desktop.app-shell{
    min-width:1120px!important;
    display:flex!important;
    overflow-x:auto!important;
  }
  body.vp-view-desktop.app-shell .sidebar{
    position:sticky!important;
    transform:none!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
  body.vp-view-desktop.app-shell .main{
    min-width:860px!important;
    width:auto!important;
    max-width:none!important;
    margin-inline:0!important;
    box-shadow:none!important;
  }
  body.vp-view-desktop.app-shell .mobile-menu,
  body.vp-view-desktop.app-shell .mobile-dock,
  body.vp-view-desktop.app-shell .sidebar-backdrop{display:none!important}
  body.vp-view-desktop.app-shell .topbar{margin:14px 20px 0!important;border-radius:21px!important}
}



/* source: view-mode-optimization.css */
/* VersandPro 7.9.5: optimierte Desktop-/Mobile-Webseitenansicht und Fahrer-Nachweise */
.app-shell.desktop-wide-content{--vp-content-max:1760px}
.app-shell.desktop-dense-topbar.vp-view-desktop .topbar{min-height:68px;padding-block:.75rem}
.app-shell.vp-view-desktop .content{width:min(100%,var(--vp-content-max));margin-inline:auto}
.app-shell.vp-view-desktop .cards,
.app-shell.vp-view-desktop .settings-metrics,
.app-shell.vp-view-desktop .planner-summary-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
.app-shell.vp-view-desktop .panel,
.app-shell.vp-view-desktop .card{contain:layout paint}
.app-shell.vp-view-desktop .vp-data-table-wrap{max-width:100%;overflow:auto}
.app-shell.vp-view-desktop .vp-page-context{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.app-shell.vp-view-desktop .vp-context-actions{justify-content:flex-end;flex-wrap:wrap}
.app-shell.vp-view-desktop .planner-workspace.vp-planner-workspace{grid-template-columns:minmax(290px,360px) minmax(560px,1fr) minmax(285px,360px)!important}
.app-shell.vp-view-desktop .vp-planner-map-column .map,
.app-shell.vp-view-desktop .planner-map{height:clamp(450px,58vh,760px)!important}
.app-shell.vp-view-desktop .settings-console.vp-settings-console{grid-template-columns:minmax(250px,310px) minmax(0,1fr)!important}
.app-shell.vp-view-desktop .tour-workspace{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;align-items:start}
.app-shell.vp-view-desktop .stop-timeline-panel{min-width:0}

.app-shell.vp-view-mobile{background:radial-gradient(circle at top,rgba(20,124,255,.16),transparent 34%),var(--bg,#030711)}
.app-shell.vp-view-mobile .main{min-height:100vh;background:rgba(3,7,17,.94)}
.app-shell.vp-view-mobile .content{display:grid;gap:12px!important}
.app-shell.vp-view-mobile.mobile-bottom-nav-off .mobile-dock{display:none!important}
.app-shell.vp-view-mobile.mobile-bottom-nav-off .content{padding-bottom:24px!important}
.app-shell.vp-view-mobile.mobile-hide-secondary-text .vp-workspace-meta,
.app-shell.vp-view-mobile.mobile-hide-secondary-text .uf-secondary-info,
.app-shell.vp-view-mobile.mobile-hide-secondary-text .panel-title-row small,
.app-shell.vp-view-mobile.mobile-hide-secondary-text .settings-profile-card,
.app-shell.vp-view-mobile.mobile-hide-secondary-text .sidebar-footer small{display:none!important}
.app-shell.vp-view-mobile .topbar{position:sticky;top:0;z-index:95;backdrop-filter:blur(22px) saturate(1.25)}
.app-shell.vp-view-mobile .top-actions{margin-left:auto}
.app-shell.vp-view-mobile .icon-action{width:38px;height:38px;min-width:38px;padding:0}
.app-shell.vp-view-mobile .vp-page-context{padding:10px!important;border-radius:18px!important;gap:8px!important}
.app-shell.vp-view-mobile .vp-workspace-strip{display:flex!important;overflow:auto;gap:8px;padding-bottom:1px}
.app-shell.vp-view-mobile .vp-workspace-strip>*{flex:0 0 auto}
.app-shell.vp-view-mobile .vp-context-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.app-shell.vp-view-mobile .vp-context-actions a,
.app-shell.vp-view-mobile .vp-context-actions .btn{min-height:40px!important;padding:.62rem .7rem!important;font-size:.78rem!important}
.app-shell.vp-view-mobile .page-head,
.app-shell.vp-view-mobile .business-head,
.app-shell.vp-view-mobile .planner-head,
.app-shell.vp-view-mobile .tour-hero{box-shadow:0 14px 40px rgba(0,0,0,.18)!important}
.app-shell.vp-view-mobile .cards,
.app-shell.vp-view-mobile .cards.four,
.app-shell.vp-view-mobile .cards.five,
.app-shell.vp-view-mobile .uf-compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.app-shell.vp-view-mobile .card,
.app-shell.vp-view-mobile .metric-card,
.app-shell.vp-view-mobile .stat-card{padding:13px!important;border-radius:18px!important;min-height:auto!important}
.app-shell.vp-view-mobile .metric-card strong,
.app-shell.vp-view-mobile .stat-card strong{font-size:1.35rem!important}
.app-shell.vp-view-mobile .panel{border-radius:20px!important;padding:14px!important}
.app-shell.vp-view-mobile .panel-title-row{gap:8px!important}
.app-shell.vp-view-mobile .filter-bar,
.app-shell.vp-view-mobile .business-filter-bar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.app-shell.vp-view-mobile .vp-table-toolbar{position:sticky;top:60px;z-index:4;background:rgba(3,7,17,.84);backdrop-filter:blur(18px);border-radius:18px;padding:10px}
.app-shell.vp-view-mobile .vp-data-table-wrap{border-radius:18px!important;overflow:auto!important;max-width:100%}
.app-shell.vp-view-mobile .vp-data-table{font-size:.82rem!important}
.app-shell.vp-view-mobile .vp-table-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.app-shell.vp-view-mobile .vp-table-actions .btn{width:100%;justify-content:center}
.app-shell.vp-view-mobile .planner-summary-cards{display:none!important}
.app-shell.vp-view-mobile .vp-planner-column{min-width:0!important}
.app-shell.vp-view-mobile .customer-picker{max-height:42vh!important}
.app-shell.vp-view-mobile .planner-map{height:340px!important;min-height:300px!important}
.app-shell.vp-view-mobile .route-summary,
.app-shell.vp-view-mobile .business-route-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.app-shell.vp-view-mobile .settings-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
.app-shell.vp-view-mobile .settings-nav-head,
.app-shell.vp-view-mobile .settings-nav-search,
.app-shell.vp-view-mobile .settings-search-status,
.app-shell.vp-view-mobile .info-box.compact{grid-column:1/-1}
.app-shell.vp-view-mobile .settings-tab{padding:10px!important;border-radius:16px!important}
.app-shell.vp-view-mobile .settings-tab small{display:none!important}
.app-shell.vp-view-mobile .settings-section-fields{padding:12px!important;gap:10px!important}
.app-shell.vp-view-mobile .settings-save-bar{left:12px!important;right:12px!important;border-radius:18px!important}
.app-shell.vp-view-mobile .tour-workspace{grid-template-columns:1fr!important}
.app-shell.vp-view-mobile .tour-map-panel{order:-1}

.settings-quick-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:0 0 1rem}
.settings-quick-rail a{display:flex;align-items:flex-start;gap:.72rem;padding:1rem;border-radius:20px;text-decoration:none;color:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085)}
.settings-quick-rail a.active{border-color:rgba(0,216,255,.34);background:rgba(0,216,255,.08)}
.settings-quick-rail .icon{width:1.1rem;height:1.1rem;flex:0 0 auto;margin-top:.12rem}
.settings-quick-rail b{display:block;font-size:.92rem}.settings-quick-rail small{display:block;opacity:.68;margin-top:.18rem;line-height:1.3}

body[class*="driver-ui"] .driver-actions.large-actions{grid-template-columns:1fr!important}
body[class*="driver-ui"] .driver-action-form{gap:.8rem}
body[class*="driver-ui"] .driver-action-form.driver-signature-form{border-color:rgba(41,230,141,.22);background:rgba(41,230,141,.045)}
body[class*="driver-ui"] .driver-complaint-form{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.065)}
body[class*="driver-ui"] .btn.complaint{background:linear-gradient(135deg,#f59e0b,#ffce5c);box-shadow:0 18px 42px rgba(245,158,11,.23);color:#1f1300}
.driver-signature-pad{display:grid;gap:.55rem;border:1px dashed rgba(166,229,255,.26);border-radius:18px;padding:.75rem;background:rgba(255,255,255,.045)}
.driver-signature-pad-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:850;font-size:.86rem}
.driver-signature-pad-head button{border:0;border-radius:999px;padding:.45rem .65rem;background:rgba(255,255,255,.09);color:inherit;font-weight:800;cursor:pointer}
.driver-signature-pad canvas{display:block;width:100%;height:150px;border-radius:15px;background:rgba(2,7,18,.62);border:1px solid rgba(255,255,255,.10);touch-action:none}
.driver-signature-pad small{color:var(--driver-muted,#90a4bc)}
.driver-signature-pad.has-signature{border-color:rgba(41,230,141,.35)}
.driver-signature-pad.needs-signature{border-color:rgba(255,91,107,.58);box-shadow:0 0 0 4px rgba(255,91,107,.12)}
.driver-signature-preview{display:inline-grid;gap:.35rem;margin-top:.55rem;padding:.55rem;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.driver-signature-preview span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--driver-muted,#90a4bc);font-weight:850}
.driver-signature-preview img{max-width:220px;max-height:86px;object-fit:contain;border-radius:10px;background:#fff;padding:.35rem}
.driver-issue-note{border-color:rgba(245,158,11,.28)!important;background:rgba(245,158,11,.08)!important}

@media (max-width:620px){
  body[class*="driver-ui"] .driver-actions.large-actions{gap:12px}
  body[class*="driver-ui"] .driver-action-form{border-radius:20px;padding:13px}
  .driver-signature-pad canvas{height:170px}
  .driver-signature-preview img{max-width:100%;max-height:74px}
}
.stop-signature-proof{display:inline-grid;gap:.35rem;margin-top:.45rem;padding:.55rem;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.stop-signature-proof span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;opacity:.68;font-weight:850}
.stop-signature-proof img{max-width:240px;max-height:86px;object-fit:contain;border-radius:10px;background:#fff;padding:.35rem}
.stop-note.issue-note{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08)}


/* source: help-page.css */
.help-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,420px);
    gap:22px;
    align-items:stretch;
}
.help-hero-video{
    padding:14px;
    display:grid;
    gap:10px;
}
.help-hero-video video,
.help-video-frame video,
.help-video-frame img{
    width:100%;
    display:block;
    border-radius:22px;
    border:1px solid rgba(148,163,184,.18);
    background:#08111f;
    aspect-ratio:16/9;
    object-fit:cover;
}
.help-hero-video strong{font-size:1rem;color:var(--text, #f8fafc)}
.help-hero-video small{color:var(--muted, #94a3b8);line-height:1.45}
.help-filter{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:0 0 18px;
}
.help-filter a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 15px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(15,23,42,.55);
    color:var(--muted, #94a3b8);
    text-decoration:none;
    font-weight:800;
}
.help-filter a.active,
.help-filter a:hover{
    color:#ecfeff;
    border-color:rgba(45,212,191,.45);
    background:linear-gradient(135deg,rgba(20,184,166,.22),rgba(59,130,246,.16));
}
.help-tutorial-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
}
.help-tutorial-card{
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:14px;
    overflow:hidden;
}
.help-video-frame{position:relative}
.help-video-frame span{
    position:absolute;
    right:12px;
    bottom:12px;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(2,6,23,.78);
    color:#e2e8f0;
    font-size:.74rem;
    font-weight:900;
    border:1px solid rgba(255,255,255,.12);
}
.help-card-body{display:grid;gap:10px;padding:2px 4px 4px}
.help-category{
    width:max-content;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(20,184,166,.14);
    color:#67e8f9;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.help-card-body h2{margin:0;font-size:1.08rem;color:var(--text, #f8fafc)}
.help-card-body p{margin:0;color:var(--muted, #94a3b8);line-height:1.55}
.help-steps{
    margin:2px 0 4px;
    padding-left:20px;
    color:var(--text, #e5e7eb);
}
.help-steps li{margin:5px 0;color:var(--muted, #cbd5e1)}
.help-note{
    margin-top:20px;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.help-note h2{margin:.2rem 0 .35rem;font-size:1.18rem}
.help-note p{margin:0;color:var(--muted, #94a3b8)}
.help-note code{
    padding:3px 6px;
    border-radius:7px;
    background:rgba(15,23,42,.7);
    color:#bae6fd;
}
body.vp-view-mobile .help-hero{grid-template-columns:1fr}
@media (max-width: 860px){
    .help-hero{grid-template-columns:1fr}
    .help-tutorial-grid{grid-template-columns:1fr}
    .help-note{align-items:flex-start;flex-direction:column}
}
body.vp-view-mobile .help-tutorial-grid{grid-template-columns:1fr}
body.vp-view-mobile .help-filter{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
body.vp-view-mobile .help-filter a{white-space:nowrap}


/* source: demo-login.css */
.demo-login-card{margin-top:18px;padding:16px;border:1px solid rgba(125,170,245,.18);border-radius:20px;background:linear-gradient(180deg,rgba(45,110,255,.10),rgba(9,18,36,.50));display:grid;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.demo-login-card strong{display:block;font-size:1rem;color:var(--text,#f6fbff);margin-bottom:3px}.demo-login-card small{color:var(--muted,#91a5c3);line-height:1.45}.demo-login-form{margin:0}.demo-login-card .btn{justify-content:center}.demo-login-hint{display:block;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.demo-session-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(20,124,255,.12);border:1px solid rgba(20,124,255,.25);color:#b9dcff;font-size:.78rem;font-weight:700;white-space:nowrap}.demo-session-badge::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 10px currentColor}@media(max-width:720px){.demo-login-card{padding:14px;border-radius:16px}.demo-session-badge{display:none}}


/* source: immersive-3d.css */
/* VersandPro 8.2 - Immersive 3D Website Layer
   Progressive enhancement: if WebGL/Three.js is blocked, CSS fallback remains usable. */
:root {
    --vp3d-bg: #020814;
    --vp3d-panel: rgba(10, 22, 42, .72);
    --vp3d-panel-strong: rgba(11, 24, 48, .88);
    --vp3d-line: rgba(121, 243, 255, .32);
    --vp3d-cyan: #6df6ff;
    --vp3d-teal: #34f5c6;
    --vp3d-violet: #9a7cff;
    --vp3d-amber: #ffd166;
    --vp3d-radius: 30px;
    --vp3d-shadow: 0 34px 90px rgba(0, 0, 0, .42), 0 0 80px rgba(63, 224, 255, .12);
    --vp3d-perspective: 1200px;
    --vp3d-tilt-x: 0deg;
    --vp3d-tilt-y: 0deg;
}

body.vp-immersive-3d {
    background:
        radial-gradient(circle at 15% 12%, rgba(89, 245, 255, .13), transparent 28rem),
        radial-gradient(circle at 80% 0%, rgba(147, 92, 246, .15), transparent 30rem),
        linear-gradient(135deg, #020814, #07111f 48%, #041018);
    overflow-x: hidden;
}

body.vp-immersive-3d::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -4;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(109, 246, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(109, 246, 255, .045) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.15));
    transform: perspective(900px) rotateX(58deg) translateY(-23vh) scale(1.35);
    transform-origin: top center;
}

.vp-immersive-background {
    position: fixed;
    inset: 0;
    z-index: -3;
    overflow: hidden;
    pointer-events: none;
    opacity: .72;
}

.vp-immersive-background canvas {
    width: 100%;
    height: 100%;
    display: block;
    filter: saturate(1.15) contrast(1.05);
}

.vp-immersive-gradient {
    position: absolute;
    inset: -18%;
    background:
        radial-gradient(circle at 18% 18%, rgba(35, 245, 215, .20), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(125, 95, 255, .18), transparent 30%),
        radial-gradient(circle at 50% 84%, rgba(24, 124, 255, .12), transparent 28%);
    animation: vpAuroraDrift 18s ease-in-out infinite alternate;
}

@keyframes vpAuroraDrift {
    from { transform: translate3d(-2%, -1%, 0) scale(1); }
    to { transform: translate3d(2%, 1%, 0) scale(1.06); }
}

body.vp-immersive-3d .content,
body.vp-immersive-3d main {
    position: relative;
    transform-style: preserve-3d;
    perspective: var(--vp3d-perspective);
}

.vp-landing-3d-hero,
.vp-dashboard-3d-hero,
.business-auth {
    position: relative;
    isolation: isolate;
    transform-style: preserve-3d;
}

.vp-landing-3d-hero {
    min-height: min(760px, calc(100vh - 140px));
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(360px, 1.15fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 4rem);
    padding: clamp(2rem, 5vw, 5.25rem);
    border: 1px solid rgba(139, 246, 255, .18);
    border-radius: clamp(28px, 4vw, 54px);
    background:
        linear-gradient(135deg, rgba(5, 12, 28, .88), rgba(8, 25, 44, .66)),
        radial-gradient(circle at 82% 35%, rgba(59, 233, 255, .16), transparent 24rem),
        radial-gradient(circle at 72% 75%, rgba(149, 92, 255, .18), transparent 22rem);
    box-shadow: var(--vp3d-shadow);
    overflow: hidden;
    margin: clamp(1rem, 3vw, 2rem);
}

.vp-landing-3d-hero::before,
.vp-dashboard-3d-hero::before,
.auth-side::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(109,246,255,.65), rgba(154,124,255,.22), rgba(52,245,198,.42));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
    opacity: .75;
}

.vp-landing-3d-hero::after {
    content: "";
    position: absolute;
    right: -16%;
    bottom: -30%;
    width: 70%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(109,246,255,.17), transparent 62%);
    filter: blur(12px);
    z-index: -1;
}

.vp-hero-copy-3d {
    transform: translateZ(54px);
    max-width: 720px;
}

.vp-hero-copy-3d h1,
.vp-dashboard-hero-copy h1 {
    font-size: clamp(2.6rem, 7vw, 6.2rem);
    line-height: .9;
    letter-spacing: -.08em;
    margin-bottom: 1.1rem;
    text-wrap: balance;
    background: linear-gradient(115deg, #fff, #dffbff 42%, var(--vp3d-cyan), #b4a7ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 18px 70px rgba(109, 246, 255, .16);
}

.vp-hero-copy-3d p,
.vp-dashboard-hero-copy p {
    color: rgba(228, 246, 255, .78);
    font-size: clamp(1rem, 1.55vw, 1.25rem);
    max-width: 58ch;
}

.vp-hero-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    align-items: center;
    margin-top: 1.25rem;
}

.vp-depth-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid rgba(109, 246, 255, .20);
    background: rgba(109, 246, 255, .08);
    color: rgba(236, 253, 255, .86);
    border-radius: 999px;
    padding: .68rem .95rem;
    box-shadow: inset 0 1px rgba(255,255,255,.12);
}

.vp-immersive-stage {
    position: relative;
    min-height: clamp(360px, 54vw, 650px);
    border-radius: clamp(28px, 4vw, 48px);
    overflow: hidden;
    transform: translateZ(72px) rotateX(var(--vp3d-tilt-x)) rotateY(var(--vp3d-tilt-y));
    transform-style: preserve-3d;
    background:
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        radial-gradient(circle at 50% 45%, rgba(109,246,255,.16), transparent 30rem);
    border: 1px solid rgba(174, 246, 255, .18);
    box-shadow: 0 35px 110px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.12);
    transition: transform .18s ease-out, box-shadow .25s ease-out;
}

.vp-immersive-stage canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.vp-stage-fallback {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 50%, rgba(109,246,255,.13), transparent 38%),
        linear-gradient(160deg, rgba(2,8,20,.36), rgba(11,22,42,.16));
}

body.vp-webgl-ready .vp-stage-fallback {
    opacity: .10;
}

.vp-css-orbit {
    position: absolute;
    inset: 13% 8% 12% 8%;
    border-radius: 50%;
    transform: rotateX(62deg) rotateZ(-20deg) translateZ(60px);
    border: 1px solid rgba(109,246,255,.23);
    box-shadow: 0 0 90px rgba(109,246,255,.12), inset 0 0 40px rgba(109,246,255,.10);
    animation: vpOrbitPulse 5.2s ease-in-out infinite alternate;
}

.vp-css-orbit::before,
.vp-css-orbit::after {
    content: "";
    position: absolute;
    inset: 12%;
    border-radius: 50%;
    border: 1px dashed rgba(154,124,255,.34);
}

.vp-css-orbit::after {
    inset: 28%;
    border-style: solid;
    border-color: rgba(52,245,198,.25);
}

.vp-css-orbit span,
.vp-css-orbit i {
    position: absolute;
    width: 22px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--vp3d-cyan);
    box-shadow: 0 0 34px var(--vp3d-cyan);
    transform: translate(-50%, -50%) translateZ(40px);
}
.vp-css-orbit span:nth-child(1) { left: 12%; top: 54%; }
.vp-css-orbit span:nth-child(2) { left: 32%; top: 22%; background: var(--vp3d-teal); box-shadow: 0 0 34px var(--vp3d-teal); }
.vp-css-orbit span:nth-child(3) { left: 68%; top: 24%; background: var(--vp3d-violet); box-shadow: 0 0 34px var(--vp3d-violet); }
.vp-css-orbit span:nth-child(4) { left: 86%; top: 58%; }
.vp-css-orbit i { left: 50%; top: 50%; width: 62px; background: radial-gradient(circle, #fff, var(--vp3d-cyan)); }

@keyframes vpOrbitPulse {
    from { transform: rotateX(62deg) rotateZ(-20deg) translateZ(60px) scale(.97); }
    to { transform: rotateX(62deg) rotateZ(-14deg) translateZ(75px) scale(1.02); }
}

.vp-floating-panel {
    position: absolute;
    z-index: 2;
    min-width: 150px;
    padding: .9rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(174,246,255,.22);
    background: rgba(6, 20, 37, .76);
    box-shadow: 0 18px 60px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.12);
    backdrop-filter: blur(16px);
    color: #eefcff;
    transform: translateZ(115px);
    animation: vpFloatPanel 4.8s ease-in-out infinite alternate;
}
.vp-floating-panel small { display: block; color: rgba(226,245,255,.62); margin-top: .2rem; }
.vp-floating-panel.panel-a { left: 8%; top: 10%; }
.vp-floating-panel.panel-b { right: 8%; top: 18%; animation-delay: -.9s; }
.vp-floating-panel.panel-c { left: 17%; bottom: 10%; animation-delay: -1.8s; }
@keyframes vpFloatPanel {
    from { transform: translate3d(0, -5px, 115px); }
    to { transform: translate3d(0, 10px, 150px); }
}

.vp-dashboard-3d-hero {
    align-items: stretch;
    gap: 1.25rem;
    min-height: 330px;
    padding: clamp(1.2rem, 2.4vw, 2rem);
    border: 1px solid rgba(137, 244, 255, .16);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(5,13,29,.86), rgba(9,29,48,.56)),
        radial-gradient(circle at 78% 40%, rgba(109,246,255,.14), transparent 22rem);
    box-shadow: var(--vp3d-shadow);
    overflow: hidden;
}

.vp-dashboard-hero-copy {
    min-width: min(460px, 100%);
    transform: translateZ(44px);
}

.vp-dashboard-hero-copy h1 {
    font-size: clamp(2.1rem, 4.8vw, 4.7rem);
}

.dashboard-stage {
    flex: 1 1 440px;
    min-height: 280px;
    max-height: 360px;
}

.vp-css-route-space {
    position: absolute;
    inset: 9%;
    transform: rotateX(64deg) rotateZ(-18deg) translateZ(58px);
    border-radius: 36px;
    background:
        linear-gradient(rgba(109,246,255,.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(109,246,255,.08) 1px, transparent 1px);
    background-size: 42px 42px;
    box-shadow: inset 0 0 60px rgba(109,246,255,.08);
}

.vp-css-route-space .route-line {
    position: absolute;
    inset: 18% 8% 22%;
    border: 4px solid rgba(109,246,255,.6);
    border-left-color: transparent;
    border-radius: 48%;
    filter: drop-shadow(0 0 24px rgba(109,246,255,.55));
}

.vp-css-route-space span {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 32px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #ecfeff, var(--vp3d-cyan));
    color: #04111f;
    font-weight: 900;
    transform: translate(-50%, -50%) translateZ(60px);
    box-shadow: 0 0 35px rgba(109,246,255,.62);
}

.vp-3d-feature-deck article,
body.vp-3d-tilt-enabled .vp-kpi-card,
body.vp-3d-tilt-enabled .card,
body.vp-3d-tilt-enabled .panel,
body.vp-3d-tilt-enabled .vp-map-card,
body.vp-3d-tilt-enabled .vp-side-card,
body.vp-3d-tilt-enabled .vp-module-hub,
body.vp-3d-tilt-enabled .auth-card,
body.vp-3d-tilt-enabled .auth-side {
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out;
}

body.vp-3d-tilt-enabled .vp-tilt-active {
    transform: perspective(980px) rotateX(var(--vp-card-rx, 0deg)) rotateY(var(--vp-card-ry, 0deg)) translateY(-2px) translateZ(10px);
    box-shadow: 0 26px 80px rgba(0,0,0,.30), 0 0 50px rgba(109,246,255,.10);
}

body.vp-3d-tilt-enabled .vp-kpi-card > *,
body.vp-3d-tilt-enabled .card > *,
body.vp-3d-tilt-enabled .panel > *,
body.vp-3d-tilt-enabled .vp-map-card > *,
body.vp-3d-tilt-enabled .vp-side-card > *,
body.vp-3d-tilt-enabled .vp-module-hub > * {
    transform: translateZ(12px);
}

.business-auth {
    min-height: calc(100vh - 160px);
    perspective: 1200px;
}

.business-auth .auth-card,
.business-auth .auth-side {
    border: 1px solid rgba(124, 234, 255, .18);
    box-shadow: var(--vp3d-shadow);
}

.vp-auth-card-3d {
    transform: translateZ(34px);
}

.auth-side {
    overflow: hidden;
    transform: translateZ(56px);
}

.vp-auth-orb-stage {
    position: relative;
    height: 250px;
    margin: 1.2rem 0;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(109,246,255,.18);
    background: radial-gradient(circle at center, rgba(109,246,255,.17), rgba(4,13,28,.38) 58%, rgba(0,0,0,.12));
}

.vp-auth-orb-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

.vp-auth-orb-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}
.vp-auth-orb-fallback i {
    position: absolute;
    width: 140px;
    aspect-ratio: 1;
    border: 1px solid rgba(109,246,255,.44);
    border-radius: 50%;
    transform: rotateX(64deg) rotateZ(var(--r,0deg));
    box-shadow: 0 0 45px rgba(109,246,255,.10);
    animation: vpAuthSpin 8s linear infinite;
}
.vp-auth-orb-fallback i:nth-child(2) { --r: 60deg; border-color: rgba(154,124,255,.42); animation-duration: 10s; }
.vp-auth-orb-fallback i:nth-child(3) { --r: 120deg; border-color: rgba(52,245,198,.36); animation-duration: 12s; }
@keyframes vpAuthSpin { to { transform: rotateX(64deg) rotateZ(calc(var(--r,0deg) + 360deg)); } }

.vp-3d-intensity-subtle .vp-immersive-background { opacity: .42; }
.vp-3d-intensity-subtle .vp-floating-panel { animation: none; }
.vp-3d-intensity-cinematic .vp-immersive-background { opacity: .9; }
.vp-3d-intensity-cinematic .vp-immersive-stage { transform: translateZ(90px) rotateX(var(--vp3d-tilt-x)) rotateY(var(--vp3d-tilt-y)); }

body.vp-3d-reduced .vp-immersive-background canvas,
body.vp-3d-reduced .vp-immersive-stage canvas {
    opacity: .65;
}
body.vp-3d-fallback .vp-immersive-stage canvas,
body.vp-3d-fallback .vp-immersive-background canvas {
    display: none;
}

@media (max-width: 980px) {
    .vp-landing-3d-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .vp-immersive-stage { min-height: 420px; transform: translateZ(28px); }
    .vp-dashboard-3d-hero { flex-direction: column; }
    .dashboard-stage { width: 100%; max-height: none; }
}

@media (max-width: 640px) {
    .vp-landing-3d-hero { margin: .75rem; padding: 1.25rem; border-radius: 28px; }
    .vp-hero-copy-3d h1 { font-size: clamp(2.6rem, 15vw, 4rem); }
    .vp-immersive-stage { min-height: 340px; }
    .vp-floating-panel { min-width: 116px; padding: .7rem .75rem; font-size: .86rem; }
    .vp-floating-panel.panel-b { top: 8%; }
    .business-auth { min-height: auto; }
    .vp-auth-orb-stage { height: 180px; }
}

@media (prefers-reduced-motion: reduce) {
    .vp-immersive-gradient,
    .vp-css-orbit,
    .vp-floating-panel,
    .vp-auth-orb-fallback i {
        animation: none !important;
    }
    body.vp-3d-tilt-enabled .vp-tilt-active {
        transform: none;
    }
}


/* source: argus-3d-theme.css */
/* VersandPro 8.3 - Argus-inspirierte 3D Website Oberfläche
   Durchgängiges Dark-3D-Design mit Neon-Orbits, Tiefenebenen und Motion-Fallbacks. */
:root{
  --argus-bg:#02020d;
  --argus-bg-2:#050415;
  --argus-panel:rgba(12,12,34,.58);
  --argus-panel-strong:rgba(15,15,43,.82);
  --argus-border:rgba(183,167,255,.18);
  --argus-border-strong:rgba(188,168,255,.38);
  --argus-text:#f4f1ff;
  --argus-muted:#9f9ab7;
  --argus-soft:#d8d1ff;
  --argus-violet:#8f65ff;
  --argus-violet-2:#6d5cff;
  --argus-blue:#2748ff;
  --argus-cyan:#69eaff;
  --argus-magenta:#e66bff;
  --argus-glow:0 0 32px rgba(144,99,255,.35),0 0 96px rgba(56,38,255,.18);
  --argus-card-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
  --argus-radius:30px;
  --argus-radius-lg:44px;
  --argus-perspective:1400px;
  --argus-pointer-x:0px;
  --argus-pointer-y:0px;
}

html[data-theme="light"] body.vp-argus-3d-site,
body.vp-argus-3d-site{
  --bg:var(--argus-bg);
  --bg-soft:#07071a;
  --panel:var(--argus-panel);
  --panel-strong:var(--argus-panel-strong);
  --line:var(--argus-border);
  --text:var(--argus-text);
  --muted:var(--argus-muted);
  --primary:var(--argus-violet);
  --primary-2:var(--argus-blue);
  --success:#62ffd7;
  --warning:#ffd98a;
  --danger:#ff6482;
  color:var(--argus-text);
  background:
    radial-gradient(circle at 50% -12%,rgba(126,84,255,.34),transparent 31rem),
    radial-gradient(circle at 80% 20%,rgba(39,72,255,.23),transparent 30rem),
    radial-gradient(circle at 16% 10%,rgba(230,107,255,.16),transparent 26rem),
    linear-gradient(180deg,#02020d 0%,#050415 46%,#02020d 100%) !important;
  overflow-x:hidden;
  isolation:isolate;
}

body.vp-argus-3d-site::before{
  content:"";
  position:fixed;
  inset:-18vh -18vw auto -18vw;
  height:min(95vh,820px);
  z-index:-5;
  pointer-events:none;
  border-radius:0 0 50% 50%;
  background:
    radial-gradient(ellipse at center,transparent 52%,rgba(204,192,255,.98) 53.1%,rgba(148,91,255,.92) 53.6%,rgba(81,63,255,.36) 55.2%,transparent 58%),
    radial-gradient(ellipse at center,rgba(97,57,255,.22),transparent 53%);
  filter:blur(.2px) drop-shadow(0 0 24px rgba(193,176,255,.85)) drop-shadow(0 0 90px rgba(102,66,255,.72));
  transform:translate3d(calc(var(--argus-pointer-x) * .012),calc(var(--argus-pointer-y) * .012),0) rotate(-1deg);
  opacity:.9;
}

body.vp-argus-3d-site::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-6;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    radial-gradient(circle at calc(50% + var(--argus-pointer-x) * .018) calc(28% + var(--argus-pointer-y) * .018),rgba(102,70,255,.20),transparent 24rem);
  background-size:72px 72px,72px 72px,100% 100%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.52) 50%,rgba(0,0,0,.22));
}

body.vp-argus-3d-site .app-bg,
body.vp-argus-3d-site .vp-immersive-gradient{display:none!important;}
body.vp-argus-3d-site .vp-immersive-background{opacity:.62;mix-blend-mode:screen;filter:saturate(1.25) hue-rotate(22deg);}
body.vp-argus-3d-site.vp-3d-reduced .vp-immersive-background{opacity:.35;}

/* Global surfaces */
body.vp-argus-3d-site .glass,
body.vp-argus-3d-site .panel,
body.vp-argus-3d-site .card,
body.vp-argus-3d-site .auth-card,
body.vp-argus-3d-site .auth-side,
body.vp-argus-3d-site .info-box,
body.vp-argus-3d-site .vp-page-context,
body.vp-argus-3d-site .vp-module-hub,
body.vp-argus-3d-site .vp-map-card,
body.vp-argus-3d-site .vp-side-card,
body.vp-argus-3d-site .vp-kpi-card,
body.vp-argus-3d-site .brand-header-showcase,
body.vp-argus-3d-site .public-grid article,
body.vp-argus-3d-site .workflow-grid>div,
body.vp-argus-3d-site .uf-disclosure,
body.vp-argus-3d-site .tour-hero,
body.vp-argus-3d-site .stop-card,
body.vp-argus-3d-site .tour-row-card,
body.vp-argus-3d-site .customer-card,
body.vp-argus-3d-site .route-summary,
body.vp-argus-3d-site .settings-section{
  position:relative;
  border:1px solid var(--argus-border)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.024) 42%,rgba(68,51,144,.05)),
    rgba(8,7,28,.62)!important;
  box-shadow:var(--argus-card-shadow)!important;
  backdrop-filter:blur(22px) saturate(1.2);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);
  color:var(--argus-text);
}

body.vp-argus-3d-site .panel::before,
body.vp-argus-3d-site .card::before,
body.vp-argus-3d-site .auth-card::before,
body.vp-argus-3d-site .auth-side::before,
body.vp-argus-3d-site .public-grid article::before,
body.vp-argus-3d-site .vp-kpi-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at calc(50% + var(--mx,0px)) calc(0% + var(--my,0px)),rgba(180,154,255,.18),transparent 22rem);
  opacity:.75;
}

body.vp-argus-3d-site .panel:hover,
body.vp-argus-3d-site .card:hover,
body.vp-argus-3d-site .public-grid article:hover,
body.vp-argus-3d-site .vp-kpi-card:hover,
body.vp-argus-3d-site .auth-card:hover,
body.vp-argus-3d-site .auth-side:hover{
  border-color:var(--argus-border-strong)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 70px rgba(128,94,255,.18),inset 0 1px rgba(255,255,255,.12)!important;
}

body.vp-argus-3d-site h1,
body.vp-argus-3d-site h2,
body.vp-argus-3d-site h3,
body.vp-argus-3d-site strong{color:var(--argus-text);}
body.vp-argus-3d-site p,
body.vp-argus-3d-site small,
body.vp-argus-3d-site .muted,
body.vp-argus-3d-site td,
body.vp-argus-3d-site .panel-title-row small{color:var(--argus-muted);}
body.vp-argus-3d-site a{color:#ddd7ff;}
body.vp-argus-3d-site .eyebrow,
body.vp-argus-3d-site .vp-eyebrow,
body.vp-argus-3d-site .panel-kicker{
  color:#c6b7ff!important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  text-shadow:0 0 24px rgba(154,117,255,.4);
}

/* Public navigation like the reference video */
body.vp-argus-3d-site .public-nav{
  position:sticky;
  top:16px;
  z-index:60;
  width:min(1180px,calc(100% - 32px));
  margin:16px auto 0;
  border:1px solid rgba(202,190,255,.16);
  border-radius:999px;
  padding:8px 10px 8px 12px;
  background:linear-gradient(180deg,rgba(9,8,27,.72),rgba(6,5,18,.50));
  box-shadow:0 18px 70px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(24px);
}
body.vp-argus-3d-site .public-nav .brand,
body.vp-argus-3d-site .sidebar .brand{
  color:#fff;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;
}
body.vp-argus-3d-site .public-nav .brand-logo{width:34px;height:34px;filter:drop-shadow(0 0 18px rgba(143,101,255,.52));}
body.vp-argus-3d-site .public-nav .brand small{display:none;}
body.vp-argus-3d-site .public-nav nav{gap:6px;align-items:center;}
body.vp-argus-3d-site .public-nav nav>a,
body.vp-argus-3d-site .public-nav nav>button{
  min-height:36px;
  border-radius:999px;
  padding:.55rem .9rem;
  color:#c9c1e9;
  background:transparent;
  border:1px solid transparent;
  font-size:.82rem;
}
body.vp-argus-3d-site .public-nav nav>a:hover,
body.vp-argus-3d-site .public-nav nav>button:hover{
  border-color:rgba(193,177,255,.18);
  background:rgba(255,255,255,.055);
  color:#fff;
}

/* App shell */
body.vp-argus-3d-site.app-shell{
  display:grid;
  grid-template-columns:286px minmax(0,1fr);
  gap:0;
  min-height:100vh;
}
body.vp-argus-3d-site .sidebar{
  position:sticky;
  top:18px;
  height:calc(100vh - 36px);
  margin:18px 0 18px 18px;
  border-radius:34px;
  border:1px solid rgba(190,178,255,.16)!important;
  background:linear-gradient(180deg,rgba(10,9,31,.74),rgba(5,5,18,.62))!important;
  box-shadow:0 26px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(26px);
  overflow:hidden;
}
body.vp-argus-3d-site .sidebar::before{
  content:"";
  position:absolute;
  inset:-10% -45% auto -45%;
  height:220px;
  background:radial-gradient(ellipse at center,rgba(133,91,255,.38),transparent 64%);
  pointer-events:none;
}
body.vp-argus-3d-site .sidebar .brand{position:relative;z-index:1;padding:6px 4px 14px;}
body.vp-argus-3d-site .sidebar .brand-logo{width:48px!important;height:48px!important;filter:drop-shadow(0 0 24px rgba(143,101,255,.62));}
body.vp-argus-3d-site .brand-wordmark{font-size:.9rem;letter-spacing:.08em;}
body.vp-argus-3d-site .sidebar .brand small{color:var(--argus-muted);letter-spacing:.02em;text-transform:none;}
body.vp-argus-3d-site .sidebar-user,
body.vp-argus-3d-site .sidebar-footer{
  border-radius:24px!important;
  background:rgba(255,255,255,.04)!important;
}
body.vp-argus-3d-site .nav-group-title span{color:#efeaff;}
body.vp-argus-3d-site .nav-group-title small{color:#7d7898;}
body.vp-argus-3d-site .nav a{
  min-height:44px;
  border-radius:16px;
  color:#aaa4c5;
  background:transparent;
  border:1px solid transparent;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
body.vp-argus-3d-site .nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
  border-color:rgba(183,167,255,.16);
  transform:translateX(3px);
}
body.vp-argus-3d-site .nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(137,94,255,.30),rgba(37,54,255,.12))!important;
  border-color:rgba(183,167,255,.34)!important;
  box-shadow:0 0 34px rgba(126,84,255,.18),inset 3px 0 0 #bba8ff!important;
}
body.vp-argus-3d-site .nav a .icon{color:#d2c8ff;}
body.vp-argus-3d-site .main{background:transparent!important;min-width:0;padding:18px 18px 26px 10px;perspective:var(--argus-perspective);}
body.vp-argus-3d-site .topbar{
  position:sticky;
  top:18px;
  z-index:45;
  margin:0 0 16px;
  border-radius:999px;
  border:1px solid rgba(198,184,255,.16)!important;
  background:linear-gradient(180deg,rgba(9,8,28,.72),rgba(5,5,18,.52))!important;
  box-shadow:0 22px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.09)!important;
  backdrop-filter:blur(26px);
}
body.vp-argus-3d-site .topbar-mark{filter:drop-shadow(0 0 16px rgba(143,101,255,.58));}
body.vp-argus-3d-site .topbar-title strong{font-size:1.02rem;}
body.vp-argus-3d-site .topbar-title small{color:#8f8aa7;}
body.vp-argus-3d-site .logistics-search,
body.vp-argus-3d-site .vp-view-switch,
body.vp-argus-3d-site .icon-action,
body.vp-argus-3d-site .user-menu-pill,
body.vp-argus-3d-site .topbar-logout{
  border:1px solid rgba(186,169,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  color:#ddd7ff!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
body.vp-argus-3d-site .logistics-search:hover,
body.vp-argus-3d-site .icon-action:hover,
body.vp-argus-3d-site .topbar-logout:hover{
  border-color:rgba(201,186,255,.34)!important;
  box-shadow:0 0 38px rgba(128,94,255,.16),inset 0 1px rgba(255,255,255,.10)!important;
}
body.vp-argus-3d-site .avatar{
  background:radial-gradient(circle at 32% 28%,#fff,#c9b9ff 22%,#815cff 52%,#2c1b74 100%)!important;
  color:#080617!important;
  box-shadow:0 0 30px rgba(143,101,255,.38)!important;
}
body.vp-argus-3d-site .content{
  position:relative;
  z-index:2;
  max-width:1760px!important;
  padding:0 2px 24px!important;
  gap:20px;
}
body.vp-argus-3d-site .vp-page-context{
  border-radius:24px!important;
  margin-bottom:18px;
}

/* Buttons and inputs */
body.vp-argus-3d-site .btn,
body.vp-argus-3d-site button.btn,
body.vp-argus-3d-site a.btn{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(222,214,255,.28)!important;
  background:linear-gradient(135deg,#f3efff 0%,#bfb0ff 42%,#7d5dff 100%)!important;
  color:#080617!important;
  border-radius:999px!important;
  min-height:44px;
  font-weight:900;
  letter-spacing:-.01em;
  box-shadow:0 14px 46px rgba(130,91,255,.36),0 0 42px rgba(105,234,255,.08)!important;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.vp-argus-3d-site .btn::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -60%;
  width:48%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);
  opacity:.42;
  transition:left .55s ease;
  z-index:-1;
}
body.vp-argus-3d-site .btn:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 20px 64px rgba(130,91,255,.46),0 0 70px rgba(105,234,255,.12)!important;}
body.vp-argus-3d-site .btn:hover::after{left:120%;}
body.vp-argus-3d-site .btn.ghost,
body.vp-argus-3d-site .btn.mini.ghost,
body.vp-argus-3d-site .btn.small.ghost{
  color:#e7e1ff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(199,183,255,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
body.vp-argus-3d-site .btn.danger{background:linear-gradient(135deg,#ff9baa,#ff577b)!important;color:#16030a!important;}
body.vp-argus-3d-site input,
body.vp-argus-3d-site select,
body.vp-argus-3d-site textarea{
  border:1px solid rgba(185,169,255,.18)!important;
  background:rgba(7,6,22,.72)!important;
  color:#f5f1ff!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
body.vp-argus-3d-site input:focus,
body.vp-argus-3d-site select:focus,
body.vp-argus-3d-site textarea:focus{
  border-color:rgba(202,188,255,.54)!important;
  box-shadow:0 0 0 4px rgba(137,94,255,.14),0 0 34px rgba(137,94,255,.16),inset 0 1px rgba(255,255,255,.08)!important;
}
body.vp-argus-3d-site label{color:#dcd5ff;}

/* Argus public hero */
body.vp-argus-3d-site .public-brand-header{display:none!important;}
body.vp-argus-3d-site .vp-landing-3d-hero.argus-landing{
  min-height:min(980px,calc(100vh - 76px));
  width:min(1300px,calc(100% - 28px));
  margin:-6px auto 0!important;
  padding:clamp(4.8rem,9vw,8.2rem) clamp(1.25rem,4vw,4rem) clamp(3rem,6vw,6rem)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center;
  text-align:center;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
  perspective:1500px;
}
body.vp-argus-3d-site .vp-landing-3d-hero.argus-landing::before{display:none!important;}
body.vp-argus-3d-site .vp-landing-3d-hero.argus-landing::after{
  content:"";
  position:absolute;
  inset:auto 5% 12% 5%;
  height:24%;
  z-index:-1;
  background:radial-gradient(ellipse at center,rgba(97,55,255,.36),transparent 68%);
  filter:blur(20px);
}
.argus-landing .hero-copy{position:relative;z-index:4;max-width:980px!important;transform:translateZ(80px);}
.argus-orbit-shell{
  position:absolute;
  left:50%;top:-18%;
  width:min(1180px,105vw);
  aspect-ratio:1;
  transform:translateX(-50%) rotateX(4deg) translateZ(0);
  pointer-events:none;
  z-index:0;
}
.argus-orbit-shell::before,
.argus-orbit-shell::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,transparent 56%,rgba(248,246,255,.94) 56.4%,rgba(164,128,255,.92) 56.9%,rgba(54,61,255,.28) 58.4%,transparent 60%);
  filter:drop-shadow(0 0 18px rgba(228,218,255,.8)) drop-shadow(0 0 90px rgba(108,78,255,.72));
  animation:argusOrbitBreath 5.4s ease-in-out infinite alternate;
}
.argus-orbit-shell::after{
  inset:11%;opacity:.36;filter:drop-shadow(0 0 40px rgba(75,80,255,.52));animation-duration:7s;animation-direction:alternate-reverse;
}
.argus-wordmark-letters{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  gap:clamp(.45rem,3.8vw,3.6rem);
  margin:clamp(4rem,17vw,12.5rem) auto 2.1rem;
  color:rgba(245,242,255,.92);
  font-size:clamp(2.4rem,8vw,8.3rem);
  line-height:.8;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 0 20px rgba(218,206,255,.45),0 0 64px rgba(103,77,255,.36);
  transform:translateZ(120px);
}
.argus-wordmark-letters span{
  display:inline-block;
  animation:argusLetterFloat 3.8s ease-in-out infinite alternate;
  animation-delay:calc(var(--i) * -.18s);
}
.argus-wordmark-letters span:nth-child(2n){transform:translateY(.12em) rotate(-3deg);}
.argus-wordmark-letters span:nth-child(3n){transform:translateY(-.08em) rotate(3deg);}
.argus-landing .vp-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;}
.argus-landing h1{
  max-width:820px;
  margin:0 auto .7rem;
  font-size:clamp(2.1rem,4.6vw,5rem)!important;
  line-height:.95!important;
  letter-spacing:-.07em!important;
  background:linear-gradient(110deg,#fff,#eee8ff 45%,#9f85ff 84%,#69eaff);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:none!important;
}
.argus-landing p{max-width:720px;margin:0 auto;color:rgba(226,220,255,.72)!important;font-size:clamp(1rem,1.4vw,1.18rem)!important;}
.argus-landing .hero-chip{
  margin:1.25rem auto 0;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(199,183,255,.20)!important;
  color:#ded7ff!important;
  box-shadow:0 0 34px rgba(130,91,255,.12),inset 0 1px rgba(255,255,255,.08);
}
.argus-landing .vp-hero-action-row{justify-content:center;margin-top:1rem;}
.argus-device-stage{
  position:relative;
  z-index:4;
  width:min(860px,100%);
  min-height:250px;
  margin:clamp(2rem,5vw,4rem) auto 0;
  border-radius:38px;
  border:1px solid rgba(200,184,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(180deg,rgba(35,20,88,.48),rgba(7,6,25,.74));
  box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 70px rgba(112,75,255,.20),inset 0 1px rgba(255,255,255,.1);
  overflow:hidden;
  transform:translateZ(70px);
}
.argus-device-stage::before{
  content:"";position:absolute;inset:-30% 48% -30% -20%;
  background:linear-gradient(110deg,transparent,rgba(142,101,255,.55),transparent);
  filter:blur(2px);transform:skewX(-18deg);
  animation:argusSweep 5.6s ease-in-out infinite;
}
.argus-device-card{
  position:absolute;right:8%;bottom:-18px;width:min(220px,34vw);aspect-ratio:10/16;border-radius:30px;
  border:1px solid rgba(218,205,255,.26);
  background:linear-gradient(180deg,rgba(18,16,50,.96),rgba(4,4,17,.96));
  box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 70px rgba(135,92,255,.26),inset 0 1px rgba(255,255,255,.14);
  transform:translateZ(110px) rotateY(-9deg) rotateX(4deg);
}
.argus-device-card::before{content:"";position:absolute;inset:12px;border-radius:22px;background:radial-gradient(circle at 50% 64%,rgba(133,91,255,.52),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.07),transparent);}
.argus-device-card::after{content:"";position:absolute;left:50%;top:52%;width:68px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(213,197,255,.58);box-shadow:0 0 32px rgba(145,101,255,.62),inset 0 0 22px rgba(145,101,255,.34);}
.argus-device-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%) translateZ(90px);text-align:left;max-width:360px;}
.argus-device-copy b{display:block;font-size:clamp(2rem,4.5vw,4.2rem);line-height:.92;letter-spacing:-.07em;color:#fff;}
.argus-device-copy small{display:block;margin-top:.7rem;color:#aaa3c7;line-height:1.6;}

body.vp-argus-3d-site .public-grid,
body.vp-argus-3d-site .workflow-band{
  width:min(1180px,calc(100% - 28px));
  margin:clamp(1.5rem,5vw,4rem) auto;
}
body.vp-argus-3d-site .public-grid article{border-radius:28px!important;padding:1.45rem!important;min-height:210px;overflow:hidden;}
body.vp-argus-3d-site .feature-icon{background:radial-gradient(circle,#f2edff,#a98fff 44%,rgba(117,82,255,.22) 70%)!important;color:#080617!important;box-shadow:0 0 36px rgba(143,101,255,.36)!important;}
body.vp-argus-3d-site .workflow-band{border:none!important;background:transparent!important;box-shadow:none!important;}
body.vp-argus-3d-site .workflow-grid>div{border-radius:26px;padding:1.3rem;}

/* Auth pages */
body.vp-argus-3d-site.public-shell.page-login main,
body.vp-argus-3d-site.public-shell.page-register main{min-height:calc(100vh - 72px);}
body.vp-argus-3d-site .business-auth{
  width:min(1180px,calc(100% - 28px));
  min-height:calc(100vh - 122px)!important;
  margin:22px auto 0;
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(360px,1.14fr);
  align-items:center;
  gap:22px;
  perspective:1400px;
}
body.vp-argus-3d-site .auth-card,
body.vp-argus-3d-site .auth-side{border-radius:36px!important;overflow:hidden;}
body.vp-argus-3d-site .auth-card{padding:clamp(1.4rem,4vw,2.2rem)!important;transform:translateZ(60px);}
body.vp-argus-3d-site .auth-side{min-height:560px;padding:clamp(1.4rem,4vw,2.4rem)!important;transform:translateZ(90px);}
body.vp-argus-3d-site .auth-side h2{font-size:clamp(2rem,4.5vw,4.8rem);line-height:.93;letter-spacing:-.08em;}
body.vp-argus-3d-site .vp-auth-orb-stage{height:280px;border-radius:34px!important;background:radial-gradient(circle at 50% 48%,rgba(137,94,255,.30),rgba(4,4,18,.24) 52%,transparent 78%)!important;border-color:rgba(199,183,255,.20)!important;}

/* Dashboard / app pages */
body.vp-argus-3d-site .vp-dashboard-3d-hero{
  position:relative;
  min-height:390px;
  border-radius:42px!important;
  border:1px solid rgba(199,183,255,.20)!important;
  background:linear-gradient(145deg,rgba(12,10,38,.70),rgba(5,5,17,.46)),radial-gradient(circle at 72% 42%,rgba(114,77,255,.24),transparent 25rem)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.46),0 0 90px rgba(112,75,255,.16),inset 0 1px rgba(255,255,255,.10)!important;
  overflow:hidden;
}
body.vp-argus-3d-site .vp-dashboard-3d-hero::after{
  content:"";position:absolute;right:-18%;top:-78%;width:min(820px,75vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,transparent 58%,rgba(238,232,255,.88) 58.7%,rgba(139,94,255,.9) 59.3%,rgba(70,55,255,.24) 61.5%,transparent 64%);
  filter:drop-shadow(0 0 24px rgba(226,216,255,.6)) drop-shadow(0 0 90px rgba(108,78,255,.54));
  pointer-events:none;
  animation:argusOrbitBreath 6s ease-in-out infinite alternate;
}
body.vp-argus-3d-site .vp-dashboard-hero-copy{position:relative;z-index:2;}
body.vp-argus-3d-site .vp-dashboard-hero-copy h1{font-size:clamp(2.4rem,5.2vw,5.8rem)!important;letter-spacing:-.08em!important;line-height:.9!important;background:linear-gradient(110deg,#fff,#eee8ff 50%,#a98fff);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
body.vp-argus-3d-site .dashboard-stage,
body.vp-argus-3d-site .vp-immersive-stage{border-radius:34px!important;border-color:rgba(199,183,255,.18)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 80px rgba(0,0,0,.32)!important;}
body.vp-argus-3d-site .vp-floating-panel{border-color:rgba(199,183,255,.22)!important;background:rgba(11,9,34,.72)!important;box-shadow:0 20px 70px rgba(0,0,0,.36),0 0 42px rgba(130,91,255,.18)!important;}
body.vp-argus-3d-site .vp-depth-chip,
body.vp-argus-3d-site .hero-chip,
body.vp-argus-3d-site .vp-date-pill,
body.vp-argus-3d-site .status-chip,
body.vp-argus-3d-site .badge,
body.vp-argus-3d-site .demo-session-badge{
  border:1px solid rgba(199,183,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  color:#e6e0ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(130,91,255,.10)!important;
}
body.vp-argus-3d-site .badge.done,
body.vp-argus-3d-site .badge.active,
body.vp-argus-3d-site .badge.ok{color:#c7fff1!important;border-color:rgba(98,255,215,.24)!important;background:rgba(98,255,215,.075)!important;}
body.vp-argus-3d-site .badge.problem,
body.vp-argus-3d-site .badge.cancelled,
body.vp-argus-3d-site .badge.error{color:#ffd1dc!important;border-color:rgba(255,100,130,.28)!important;background:rgba(255,100,130,.10)!important;}
body.vp-argus-3d-site .metric-card strong,
body.vp-argus-3d-site .stat-card strong,
body.vp-argus-3d-site .vp-kpi-card strong{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.08em;}
body.vp-argus-3d-site .cards,
body.vp-argus-3d-site .grid,
body.vp-argus-3d-site .vp-main-grid,
body.vp-argus-3d-site .vp-right-stack{perspective:var(--argus-perspective);}
body.vp-argus-3d-site .map,
body.vp-argus-3d-site #tourMap,
body.vp-argus-3d-site #plannerMap,
body.vp-argus-3d-site .vp-route-map{
  border-radius:32px!important;
  border:1px solid rgba(199,183,255,.16)!important;
  filter:saturate(.82) contrast(1.08) hue-rotate(218deg) brightness(.72);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.38)!important;
  overflow:hidden;
}
body.vp-argus-3d-site .leaflet-tile{filter:saturate(.65) contrast(1.16) hue-rotate(218deg) brightness(.65) invert(.04);}
body.vp-argus-3d-site .table-wrap{border-radius:26px;border:1px solid rgba(199,183,255,.14);background:rgba(5,4,18,.38);overflow:auto;}
body.vp-argus-3d-site table{background:transparent!important;color:#ede8ff;}
body.vp-argus-3d-site th{background:rgba(255,255,255,.055)!important;color:#d4cbff!important;border-color:rgba(199,183,255,.14)!important;}
body.vp-argus-3d-site td{border-color:rgba(199,183,255,.09)!important;}
body.vp-argus-3d-site tr:hover td{background:rgba(137,94,255,.07)!important;}
body.vp-argus-3d-site code{background:rgba(255,255,255,.06);border:1px solid rgba(199,183,255,.16);color:#dcd5ff;border-radius:10px;padding:.15rem .35rem;}
body.vp-argus-3d-site .flash{width:min(1180px,calc(100% - 28px));margin:16px auto;border-radius:20px;border:1px solid rgba(199,183,255,.20);background:rgba(12,10,38,.72);color:#fff;box-shadow:0 16px 70px rgba(0,0,0,.34);}

/* Motion helpers */
body.vp-argus-3d-site .argus-reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1);}
body.vp-argus-3d-site .argus-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);}
.argus-cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;pointer-events:none;z-index:20;background:radial-gradient(circle,rgba(143,101,255,.16),rgba(105,234,255,.05) 36%,transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .25s ease;}
body.vp-argus-3d-site.argus-pointer-active .argus-cursor-glow{opacity:1;}
body.vp-argus-3d-site .argus-scanline{position:fixed;inset:0;z-index:90;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.035),transparent);height:18vh;transform:translateY(-120%);animation:argusScan 7s linear infinite;opacity:.28;mix-blend-mode:screen;}

@keyframes argusOrbitBreath{from{transform:scale(.985) rotate(-1deg);opacity:.74;}to{transform:scale(1.018) rotate(1deg);opacity:1;}}
@keyframes argusLetterFloat{from{translate:0 -5px;text-shadow:0 0 14px rgba(218,206,255,.3),0 0 42px rgba(103,77,255,.26);}to{translate:0 8px;text-shadow:0 0 24px rgba(255,255,255,.46),0 0 72px rgba(103,77,255,.48);}}
@keyframes argusSweep{0%,20%{left:-60%;opacity:0;}45%{opacity:.6;}80%,100%{left:128%;opacity:0;}}
@keyframes argusScan{0%{transform:translateY(-140%);}100%{transform:translateY(620%);}}

/* Responsive */
@media(max-width:1180px){
  body.vp-argus-3d-site.app-shell{grid-template-columns:1fr;}
  body.vp-argus-3d-site .sidebar{position:fixed;top:0;bottom:0;left:0;z-index:80;width:min(88vw,310px);height:100vh;margin:0;border-radius:0 34px 34px 0;transform:translateX(-105%);transition:transform .25s ease;}
  body.vp-argus-3d-site.menu-open .sidebar{transform:none;}
  body.vp-argus-3d-site .main{padding:12px;}
  body.vp-argus-3d-site .topbar{top:12px;}
  body.vp-argus-3d-site .public-nav{top:10px;width:calc(100% - 20px);}
  .argus-wordmark-letters{gap:clamp(.22rem,2.4vw,1.7rem);}
}
@media(max-width:880px){
  body.vp-argus-3d-site::before{height:58vh;inset:-16vh -50vw auto -50vw;}
  body.vp-argus-3d-site .public-nav{border-radius:28px;align-items:flex-start;}
  body.vp-argus-3d-site .public-nav nav{width:100%;justify-content:flex-start;overflow:auto;padding-bottom:2px;}
  body.vp-argus-3d-site .business-auth{grid-template-columns:1fr;min-height:auto!important;}
  body.vp-argus-3d-site .auth-side{min-height:auto;}
  body.vp-argus-3d-site .topbar{border-radius:28px;align-items:stretch;}
  body.vp-argus-3d-site .top-actions{flex-wrap:wrap;}
  body.vp-argus-3d-site .logistics-search{width:100%;}
  .argus-orbit-shell{top:-8%;width:118vw;}
  .argus-wordmark-letters{margin-top:24vw;font-size:clamp(2rem,11vw,6rem);letter-spacing:.03em;}
  .argus-device-stage{min-height:360px;}
  .argus-device-copy{left:7%;right:7%;top:22%;transform:none;text-align:center;max-width:none;}
  .argus-device-card{left:50%;right:auto;bottom:-24px;transform:translateX(-50%) translateZ(80px) rotateY(0deg);width:min(210px,48vw);}
}
@media(max-width:640px){
  body.vp-argus-3d-site .public-nav .brand span small,
  body.vp-argus-3d-site .topbar-title small,
  body.vp-argus-3d-site .user-menu-pill span,
  body.vp-argus-3d-site .vp-view-switch button:not([aria-pressed="true"]),
  body.vp-argus-3d-site .logistics-search span,
  body.vp-argus-3d-site .logistics-search kbd{display:none!important;}
  body.vp-argus-3d-site .public-nav nav>a,body.vp-argus-3d-site .public-nav nav>button{font-size:.78rem;padding:.5rem .72rem;}
  body.vp-argus-3d-site .vp-landing-3d-hero.argus-landing{width:calc(100% - 16px);padding-top:3.4rem!important;}
  .argus-wordmark-letters{font-size:clamp(1.7rem,10.2vw,4.2rem);gap:.28rem;margin-top:25vw;}
  .argus-landing h1{font-size:clamp(2rem,12vw,3.8rem)!important;}
  body.vp-argus-3d-site .public-grid,body.vp-argus-3d-site .workflow-band{width:calc(100% - 16px);}
  body.vp-argus-3d-site .content{padding-bottom:92px!important;}
  .argus-cursor-glow,.argus-scanline{display:none;}
}
@media(prefers-reduced-motion:reduce){
  body.vp-argus-3d-site *,body.vp-argus-3d-site *::before,body.vp-argus-3d-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

.argus-device-stage .vp-immersive-stage{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:1;
  opacity:.68;
}
.argus-device-stage .vp-stage-fallback{opacity:.48;}
.argus-device-stage .argus-device-copy,.argus-device-stage .argus-device-card{z-index:3;}
body.vp-argus-3d-site.vp-webgl-ready .argus-device-stage .vp-stage-fallback{opacity:.08;}


/* source: v84-interface.css */
/* VersandPro 8.4 - Refined Immersive UI
   Ziel: konsistente 3D-Anmutung ohne überladene Effekte, bessere Lesbarkeit, responsive Bedienung. */
:root{
  --v84-bg:#050511;
  --v84-bg-2:#09091d;
  --v84-surface:rgba(13,14,36,.78);
  --v84-surface-2:rgba(22,22,56,.72);
  --v84-surface-3:rgba(34,30,78,.66);
  --v84-line:rgba(205,197,255,.16);
  --v84-line-strong:rgba(209,198,255,.30);
  --v84-text:#f8f6ff;
  --v84-muted:#aaa6c4;
  --v84-soft:#ded7ff;
  --v84-primary:#8d6cff;
  --v84-primary-2:#4d6dff;
  --v84-cyan:#5fe7ff;
  --v84-pink:#e675ff;
  --v84-green:#50f0bd;
  --v84-warning:#ffd27a;
  --v84-danger:#ff6b88;
  --v84-radius:26px;
  --v84-radius-lg:38px;
  --v84-shadow:0 24px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
  --v84-shadow-soft:0 16px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055);
  --v84-max:1480px;
  --v84-px:50vw;
  --v84-py:18vh;
}

html[data-theme="light"] body.vp-v84-ui{
  --v84-bg:#f4f7ff;
  --v84-bg-2:#eef2ff;
  --v84-surface:rgba(255,255,255,.86);
  --v84-surface-2:rgba(246,248,255,.84);
  --v84-surface-3:rgba(236,240,255,.78);
  --v84-line:rgba(48,51,90,.12);
  --v84-line-strong:rgba(92,86,170,.22);
  --v84-text:#111526;
  --v84-muted:#5f6379;
  --v84-soft:#2e3150;
}

body.vp-v84-ui,
body.vp-v84-driver{
  background:
    radial-gradient(circle at var(--v84-px) var(--v84-py), rgba(135,103,255,.22), transparent 30rem),
    radial-gradient(circle at 88% 10%, rgba(95,231,255,.10), transparent 26rem),
    radial-gradient(circle at 10% 12%, rgba(230,117,255,.10), transparent 24rem),
    linear-gradient(180deg,var(--v84-bg) 0%,var(--v84-bg-2) 48%,var(--v84-bg) 100%) !important;
  color:var(--v84-text)!important;
  overflow-x:hidden;
}

body.vp-v84-ui::before{
  content:"";
  position:fixed;
  inset:-28vh -12vw auto -12vw;
  height:min(70vh,720px);
  z-index:-6;
  pointer-events:none;
  border-radius:0 0 50% 50%;
  background:
    radial-gradient(ellipse at center, transparent 55%, rgba(219,211,255,.75) 56.1%, rgba(141,108,255,.82) 56.7%, rgba(80,82,255,.24) 59%, transparent 62%),
    radial-gradient(ellipse at center, rgba(101,80,255,.18), transparent 57%);
  filter:drop-shadow(0 0 22px rgba(190,176,255,.55)) drop-shadow(0 0 76px rgba(110,80,255,.38));
  opacity:.72;
  transform:translate3d(calc((var(--v84-px) - 50vw) * .018),calc((var(--v84-py) - 20vh) * .018),0);
}

body.vp-v84-ui::after,
body.vp-v84-driver::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-7;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(180deg, transparent, rgba(4,4,15,.72));
  background-size:88px 88px,88px 88px,100% 100%;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.38) 70%,rgba(0,0,0,.16));
}

body.vp-v84-ui .app-bg,
body.vp-v84-ui .vp-immersive-gradient,
body.vp-v84-ui .argus-scanline{display:none!important;}
body.vp-v84-ui .vp-immersive-background{opacity:.24!important;filter:saturate(1.15);mix-blend-mode:screen;}
body.vp-v84-ui .brand-header-showcase{display:none!important;}
body.vp-v84-ui *{scrollbar-width:thin;scrollbar-color:rgba(177,156,255,.42) transparent;}
body.vp-v84-ui ::selection{background:rgba(141,108,255,.36);color:#fff;}

body.vp-v84-ui :where(.glass,.panel,.card,.auth-card,.auth-side,.band,.public-grid article,.workflow-grid>div,.quick-link,.list-card,.timeline-item,.hero-card,.tour-row-card,.customer-card,.stop-card,.vp-page-context,.vp-module-hub,.vp-map-card,.vp-side-card,.vp-kpi-card,.vp-analytics-card,.settings-section,.uf-disclosure),
body.vp-v84-driver :where(.driver-top,.driver-hero-card,.driver-stat,.driver-tour,.driver-empty-state,.driver-bottom-actions,.stop-card,.driver-panel){
  border:1px solid var(--v84-line)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 42%,rgba(92,68,195,.05)),
    var(--v84-surface)!important;
  box-shadow:var(--v84-shadow-soft)!important;
  backdrop-filter:blur(22px) saturate(1.08);
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
  color:var(--v84-text)!important;
}

body.vp-v84-ui :where(.glass,.panel,.card,.auth-card,.auth-side,.band,.public-grid article,.workflow-grid>div,.quick-link,.list-card,.timeline-item,.hero-card,.tour-row-card,.customer-card,.stop-card,.vp-page-context,.vp-module-hub,.vp-map-card,.vp-side-card,.vp-kpi-card,.vp-analytics-card,.settings-section,.uf-disclosure)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--mx, 50%) var(--my, 0%), rgba(175,154,255,.12), transparent 18rem);
  opacity:.72;
}

body.vp-v84-ui :where(.panel,.card,.public-grid article,.quick-link,.list-card,.tour-row-card,.customer-card,.vp-kpi-card,.vp-side-card,.vp-map-card,.auth-card,.auth-side):hover{
  border-color:var(--v84-line-strong)!important;
  transform:translateY(-1px);
  box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 60px rgba(118,91,255,.13),inset 0 1px rgba(255,255,255,.10)!important;
}

body.vp-v84-ui h1,
body.vp-v84-ui h2,
body.vp-v84-ui h3,
body.vp-v84-ui strong,
body.vp-v84-driver h1,
body.vp-v84-driver h2,
body.vp-v84-driver h3,
body.vp-v84-driver strong{color:var(--v84-text)!important;}
body.vp-v84-ui p,
body.vp-v84-ui small,
body.vp-v84-ui .muted,
body.vp-v84-ui td,
body.vp-v84-ui label span,
body.vp-v84-driver p,
body.vp-v84-driver small,
body.vp-v84-driver .muted{color:var(--v84-muted)!important;}
body.vp-v84-ui .eyebrow,
body.vp-v84-ui .vp-eyebrow,
body.vp-v84-ui .panel-kicker{
  color:#cfc4ff!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
  font-weight:900;
  text-shadow:0 0 24px rgba(141,108,255,.38);
}

body.vp-v84-ui .btn,
body.vp-v84-driver .btn,
body.vp-v84-driver .driver-logout{
  border:1px solid rgba(214,206,255,.22)!important;
  background:linear-gradient(135deg,#f5f1ff 0%,#d9d0ff 40%,#8d6cff 100%)!important;
  color:#090a18!important;
  border-radius:999px!important;
  min-height:42px;
  box-shadow:0 14px 42px rgba(116,91,255,.28), inset 0 1px 0 rgba(255,255,255,.8)!important;
  font-weight:900;
}
body.vp-v84-ui .btn:hover,
body.vp-v84-driver .btn:hover,
body.vp-v84-driver .driver-logout:hover{transform:translateY(-2px);box-shadow:0 20px 54px rgba(116,91,255,.34),inset 0 1px 0 rgba(255,255,255,.9)!important;}
body.vp-v84-ui .btn.ghost,
body.vp-v84-ui .btn.secondary,
body.vp-v84-driver .btn.secondary{
  background:rgba(255,255,255,.045)!important;
  color:var(--v84-text)!important;
  border-color:var(--v84-line)!important;
  box-shadow:none!important;
}
body.vp-v84-ui .btn.ghost:hover,
body.vp-v84-ui .btn.secondary:hover,
body.vp-v84-driver .btn.secondary:hover{background:rgba(255,255,255,.075)!important;}
body.vp-v84-ui .icon-action,
body.vp-v84-ui .theme-toggle,
body.vp-v84-ui .mobile-menu,
body.vp-v84-ui .vp-view-switch button,
body.vp-v84-ui .top-search-trigger{
  border:1px solid var(--v84-line)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--v84-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}

/* Public Website */
body.vp-v84-ui .public-nav{
  width:min(1180px,calc(100% - 32px));
  top:16px;
  margin:16px auto 0;
  padding:8px 10px 8px 12px;
  border:1px solid rgba(205,197,255,.16)!important;
  border-radius:999px!important;
  background:rgba(8,8,26,.70)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(24px) saturate(1.08);
}
body.vp-v84-ui .public-nav .brand-logo,
body.vp-v84-ui .sidebar .brand-logo,
body.vp-v84-ui .topbar-mark{border-radius:999px!important;box-shadow:0 0 28px rgba(141,108,255,.26)!important;}
body.vp-v84-ui .public-nav nav{gap:8px;}
body.vp-v84-ui .public-nav nav a:not(.btn),
body.vp-v84-ui .public-nav nav button:not(.btn){border-radius:999px;padding:9px 12px;color:var(--v84-muted)!important;}
body.vp-v84-ui .public-nav nav a:not(.btn):hover,
body.vp-v84-ui .public-nav nav button:not(.btn):hover{background:rgba(255,255,255,.055);color:var(--v84-text)!important;}

body.vp-v84-ui .v84-landing-hero{
  width:min(1440px,calc(100% - 40px));
  margin:0 auto;
  min-height:calc(100vh - 86px);
  padding:clamp(44px,7vw,86px) clamp(18px,4vw,54px) 44px!important;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);
  gap:clamp(26px,5vw,74px);
  align-items:center;
  position:relative;
  perspective:1400px;
}
body.vp-v84-ui .v84-landing-copy{display:grid;gap:18px;position:relative;z-index:3;}
body.vp-v84-ui .v84-landing-copy h1{font-size:clamp(3.1rem,8.4vw,8.6rem)!important;line-height:.88!important;letter-spacing:-.075em;max-width:950px;text-wrap:balance;}
body.vp-v84-ui .v84-landing-copy h1 span{display:block;background:linear-gradient(90deg,#fff,#d5ccff 50%,#7c93ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
body.vp-v84-ui .v84-landing-copy p{font-size:clamp(1rem,1.4vw,1.22rem);max-width:660px;line-height:1.72;}
body.vp-v84-ui .v84-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
body.vp-v84-ui .v84-hero-meta{display:flex;gap:10px;flex-wrap:wrap;}
body.vp-v84-ui .v84-meta-pill,
body.vp-v84-ui .vp-depth-chip,
body.vp-v84-ui .hero-chip,
body.vp-v84-ui .pill,
body.vp-v84-ui .status-chip{
  border:1px solid var(--v84-line)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--v84-soft)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
body.vp-v84-ui .v84-orbit-stage{
  min-height:560px;
  position:relative;
  transform-style:preserve-3d;
  border-radius:var(--v84-radius-lg);
  overflow:hidden;
  border:1px solid var(--v84-line);
  background:linear-gradient(145deg,rgba(17,16,47,.88),rgba(8,8,24,.58));
  box-shadow:0 36px 120px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.10);
}
body.vp-v84-ui .v84-orbit-stage::before{
  content:"";position:absolute;inset:-32% -22% auto -22%;height:76%;border-radius:50%;
  background:radial-gradient(ellipse at center,transparent 56%,rgba(225,218,255,.94) 57.2%,rgba(141,108,255,.85) 58.2%,rgba(91,85,255,.24) 61%,transparent 64%);
  filter:drop-shadow(0 0 28px rgba(204,194,255,.76)) drop-shadow(0 0 80px rgba(116,91,255,.5));
  animation:v84Orbit 9s ease-in-out infinite alternate;
}
body.vp-v84-ui .v84-orbit-stage::after{
  content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 68% 34%,rgba(108,91,255,.26),transparent 18rem),
    linear-gradient(rgba(255,255,255,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:100% 100%,62px 62px,62px 62px;opacity:.86;
}
body.vp-v84-ui .v84-device{
  position:absolute;right:8%;bottom:10%;width:min(230px,44%);aspect-ratio:9/16;border-radius:34px;
  border:1px solid rgba(218,210,255,.25);background:linear-gradient(180deg,rgba(13,13,39,.88),rgba(18,14,52,.72));
  box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 60px rgba(125,91,255,.22),inset 0 1px rgba(255,255,255,.14);
  z-index:2;transform:translateZ(80px) rotateY(-8deg);
}
body.vp-v84-ui .v84-device::before{content:"";position:absolute;left:50%;top:16px;translate:-50% 0;width:44%;height:6px;border-radius:999px;background:rgba(255,255,255,.22);}
body.vp-v84-ui .v84-device::after{content:"";position:absolute;left:17%;right:17%;top:24%;height:44%;border-radius:50%;background:radial-gradient(circle,rgba(95,231,255,.14),transparent 45%),radial-gradient(circle,transparent 45%,rgba(141,108,255,.95) 47%,transparent 52%);filter:drop-shadow(0 0 32px rgba(141,108,255,.55));}
body.vp-v84-ui .v84-stage-card{position:absolute;left:7%;bottom:11%;z-index:3;width:min(390px,54%);padding:24px;border-radius:28px;border:1px solid var(--v84-line);background:rgba(7,7,24,.72);box-shadow:var(--v84-shadow);}
body.vp-v84-ui .v84-stage-card b{display:block;font-size:clamp(2rem,4.2vw,4.1rem);line-height:.94;letter-spacing:-.05em;margin-bottom:14px;}
body.vp-v84-ui .v84-stage-card small{display:block;line-height:1.6;}
body.vp-v84-ui .v84-floating-node{position:absolute;z-index:4;border:1px solid var(--v84-line);background:rgba(255,255,255,.055);border-radius:18px;padding:12px 14px;box-shadow:0 16px 42px rgba(0,0,0,.28);backdrop-filter:blur(18px);}
body.vp-v84-ui .v84-node-a{right:11%;top:22%;}
body.vp-v84-ui .v84-node-b{left:9%;top:28%;}
body.vp-v84-ui .v84-node-c{right:23%;bottom:11%;}

body.vp-v84-ui .v84-section{width:min(1440px,calc(100% - 40px));margin:18px auto 0;}
body.vp-v84-ui .v84-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body.vp-v84-ui .v84-feature-grid article{padding:24px;border-radius:var(--v84-radius);}
body.vp-v84-ui .feature-icon{background:linear-gradient(135deg,rgba(141,108,255,.22),rgba(95,231,255,.08))!important;border:1px solid var(--v84-line);color:#e6e0ff!important;border-radius:18px!important;}
body.vp-v84-ui .v84-process{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch;}
body.vp-v84-ui .v84-process .band{width:auto!important;max-width:none!important;margin:0!important;padding:28px!important;border-radius:var(--v84-radius-lg)!important;}
body.vp-v84-ui .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* App shell */
body.vp-v84-ui.app-shell{grid-template-columns:292px minmax(0,1fr)!important;}
body.vp-v84-ui .sidebar{
  width:292px;padding:16px!important;gap:14px!important;background:rgba(7,8,24,.78)!important;border-right:1px solid var(--v84-line)!important;box-shadow:14px 0 60px rgba(0,0,0,.20);backdrop-filter:blur(24px) saturate(1.05);}
body.vp-v84-ui .sidebar .brand{padding:8px 8px 12px;}
body.vp-v84-ui .sidebar-user{border-radius:22px!important;}
body.vp-v84-ui .nav-groups{gap:13px!important;overflow:auto;padding-right:2px;}
body.vp-v84-ui .nav-group-title{padding:0 10px 4px;color:var(--v84-muted)!important;}
body.vp-v84-ui .nav-group-title span{font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;color:#cac1ff!important;}
body.vp-v84-ui .nav-group-title small{display:none!important;}
body.vp-v84-ui .nav a{border-radius:16px!important;padding:11px 12px!important;color:var(--v84-muted)!important;position:relative;overflow:hidden;}
body.vp-v84-ui .nav a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(141,108,255,.18),transparent);opacity:0;transition:opacity .18s ease;}
body.vp-v84-ui .nav a:hover::before,
body.vp-v84-ui .nav a.active::before{opacity:1;}
body.vp-v84-ui .nav a:hover,
body.vp-v84-ui .nav a.active{border-color:var(--v84-line)!important;background:rgba(255,255,255,.052)!important;color:var(--v84-text)!important;box-shadow:inset 0 1px rgba(255,255,255,.06);}
body.vp-v84-ui .main{max-width:100%;}
body.vp-v84-ui .topbar{top:14px!important;margin:14px 16px 0!important;padding:12px 14px!important;border-radius:26px!important;background:rgba(8,8,26,.74)!important;}
body.vp-v84-ui.is-scrolled .topbar{box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)!important;}
body.vp-v84-ui .topbar-title strong{font-size:1.05rem;}
body.vp-v84-ui .eyebrow{font-size:.70rem;}
body.vp-v84-ui .content{padding:16px!important;gap:16px!important;max-width:1480px;width:100%;margin:0 auto;}
body.vp-v84-ui .vp-page-context{margin:12px 16px 0!important;border-radius:24px!important;}

/* Dashboard */
body.vp-v84-ui .vp-dashboard{display:grid;gap:16px;}
body.vp-v84-ui .vp-dashboard-3d-hero{border-radius:var(--v84-radius-lg)!important;overflow:hidden;min-height:270px;background:linear-gradient(135deg,rgba(20,18,56,.88),rgba(7,8,24,.70))!important;box-shadow:var(--v84-shadow)!important;}
body.vp-v84-ui .vp-dashboard-hero-copy h1{font-size:clamp(2.2rem,5vw,4.4rem)!important;letter-spacing:-.055em;}
body.vp-v84-ui .dashboard-stage,
body.vp-v84-ui .vp-immersive-stage{border-color:var(--v84-line)!important;background:rgba(255,255,255,.035)!important;}
body.vp-v84-ui .vp-next-level-strip{border-radius:var(--v84-radius)!important;}
body.vp-v84-ui .vp-module-hub{border-radius:var(--v84-radius)!important;}
body.vp-v84-ui .vp-map-card,
body.vp-v84-ui .vp-side-card,
body.vp-v84-ui .vp-analytics-card{border-radius:var(--v84-radius)!important;}
body.vp-v84-ui .vp-dashboard-live-map,
body.vp-v84-ui .map,
body.vp-v84-ui #tourMap,
body.vp-v84-ui .planner-map{border-radius:22px!important;overflow:hidden;border:1px solid var(--v84-line)!important;filter:saturate(.88) contrast(1.04);}
body.vp-v84-ui .progress{height:9px;border-radius:999px;background:rgba(255,255,255,.075)!important;overflow:hidden;}
body.vp-v84-ui .progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--v84-primary),var(--v84-cyan))!important;box-shadow:0 0 22px rgba(141,108,255,.35);}

/* Forms, tables, lists */
body.vp-v84-ui input,
body.vp-v84-ui select,
body.vp-v84-ui textarea,
body.vp-v84-driver input,
body.vp-v84-driver select,
body.vp-v84-driver textarea{
  background:rgba(255,255,255,.052)!important;border:1px solid var(--v84-line)!important;color:var(--v84-text)!important;border-radius:16px!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important;}
body.vp-v84-ui input:focus,
body.vp-v84-ui select:focus,
body.vp-v84-ui textarea:focus,
body.vp-v84-driver input:focus,
body.vp-v84-driver select:focus,
body.vp-v84-driver textarea:focus{border-color:rgba(170,150,255,.55)!important;box-shadow:0 0 0 4px rgba(141,108,255,.14),inset 0 1px rgba(255,255,255,.06)!important;}
body.vp-v84-ui table{border-collapse:separate!important;border-spacing:0 8px!important;background:transparent!important;}
body.vp-v84-ui th{background:rgba(255,255,255,.050)!important;color:#d9d2ff!important;border:0!important;text-transform:uppercase;letter-spacing:.08em;font-size:.73rem;}
body.vp-v84-ui td{background:rgba(255,255,255,.032)!important;border-top:1px solid var(--v84-line)!important;border-bottom:1px solid var(--v84-line)!important;color:var(--v84-soft)!important;}
body.vp-v84-ui tr td:first-child{border-left:1px solid var(--v84-line)!important;border-radius:16px 0 0 16px;}
body.vp-v84-ui tr td:last-child{border-right:1px solid var(--v84-line)!important;border-radius:0 16px 16px 0;}
body.vp-v84-ui tr:hover td{background:rgba(141,108,255,.075)!important;}
body.vp-v84-ui .badge{border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;font-weight:900;}
body.vp-v84-ui .badge.active,
body.vp-v84-driver .badge.active{background:rgba(80,240,189,.12)!important;color:#bfffe9!important;border-color:rgba(80,240,189,.24)!important;}
body.vp-v84-ui .badge.planned,
body.vp-v84-driver .badge.planned{background:rgba(95,231,255,.10)!important;color:#bff5ff!important;border-color:rgba(95,231,255,.20)!important;}
body.vp-v84-ui .badge.problem,
body.vp-v84-ui .badge.cancelled,
body.vp-v84-driver .badge.problem{background:rgba(255,107,136,.12)!important;color:#ffd3dc!important;border-color:rgba(255,107,136,.22)!important;}
body.vp-v84-ui .badge.done,
body.vp-v84-driver .badge.done{background:rgba(141,108,255,.14)!important;color:#eee9ff!important;border-color:rgba(141,108,255,.25)!important;}

/* Auth */
body.vp-v84-ui .business-auth{width:min(1180px,calc(100% - 40px));margin:42px auto!important;display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1fr);gap:18px;align-items:stretch;}
body.vp-v84-ui .auth-card,
body.vp-v84-ui .auth-side{border-radius:var(--v84-radius-lg)!important;padding:clamp(24px,4vw,42px)!important;}
body.vp-v84-ui .auth-card h1{font-size:clamp(2.4rem,5vw,4.5rem)!important;letter-spacing:-.06em;}
body.vp-v84-ui .auth-points,
body.vp-v84-ui .auth-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.vp-v84-ui .auth-points>div,
body.vp-v84-ui .auth-kpis>div{border:1px solid var(--v84-line);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;}
body.vp-v84-ui .vp-auth-orb-stage{min-height:220px;border-radius:28px!important;border:1px solid var(--v84-line)!important;background:radial-gradient(circle at center,rgba(141,108,255,.22),transparent 52%),rgba(255,255,255,.032)!important;}

/* Driver */
body.vp-v84-driver main{width:min(1020px,calc(100% - 22px));margin:0 auto;padding:12px 0 96px;}
body.vp-v84-driver .driver-top{position:sticky;top:10px;z-index:20;border-radius:26px!important;padding:12px!important;}
body.vp-v84-driver .driver-brand img{border-radius:999px;box-shadow:0 0 28px rgba(141,108,255,.25);}
body.vp-v84-driver .driver-hero-card{border-radius:30px!important;padding:26px!important;margin-top:14px;}
body.vp-v84-driver .driver-hero-card h1{font-size:clamp(2.2rem,10vw,4.2rem)!important;letter-spacing:-.06em;}
body.vp-v84-driver .driver-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:14px 0;}
body.vp-v84-driver .driver-stat{border-radius:22px!important;padding:16px!important;}
body.vp-v84-driver .driver-stat strong{font-size:2rem;}
body.vp-v84-driver .driver-tour{border-radius:26px!important;padding:18px!important;margin-bottom:12px;}
body.vp-v84-driver .driver-tour.is-active{border-color:rgba(80,240,189,.28)!important;box-shadow:0 0 50px rgba(80,240,189,.10),var(--v84-shadow-soft)!important;}

/* Motion */
body.vp-v84-ui .v84-reveal,
body.vp-v84-driver .v84-reveal{opacity:0;transform:translateY(18px);transition:opacity .56s ease,transform .56s cubic-bezier(.2,.8,.2,1);}
body.vp-v84-ui .v84-reveal.is-visible,
body.vp-v84-driver .v84-reveal.is-visible{opacity:1;transform:none;}
@keyframes v84Orbit{from{transform:scale(.986) rotate(-1.4deg);opacity:.72;}to{transform:scale(1.018) rotate(1.4deg);opacity:1;}}

@media(max-width:1180px){
  body.vp-v84-ui.app-shell{grid-template-columns:1fr!important;}
  body.vp-v84-ui .sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(88vw,310px)!important;height:100vh!important;z-index:90;transform:translateX(-105%);transition:transform .24s ease;border-radius:0 28px 28px 0!important;}
  body.vp-v84-ui.menu-open .sidebar{transform:none;}
  body.vp-v84-ui.menu-open .sidebar-backdrop{display:block!important;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:80;backdrop-filter:blur(4px);}
  body.vp-v84-ui .mobile-menu{display:inline-flex!important;}
  body.vp-v84-ui .v84-landing-hero{grid-template-columns:1fr;min-height:auto;}
  body.vp-v84-ui .v84-orbit-stage{min-height:460px;}
  body.vp-v84-ui .v84-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:860px){
  body.vp-v84-ui::before{height:54vh;inset:-23vh -44vw auto -44vw;opacity:.58;}
  body.vp-v84-ui .public-nav{width:calc(100% - 20px);border-radius:26px!important;align-items:flex-start;}
  body.vp-v84-ui .public-nav nav{width:100%;overflow:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:2px;}
  body.vp-v84-ui .v84-landing-hero{width:calc(100% - 20px);padding-left:8px!important;padding-right:8px!important;}
  body.vp-v84-ui .v84-orbit-stage{min-height:390px;border-radius:30px;}
  body.vp-v84-ui .v84-stage-card{left:18px;right:18px;bottom:18px;width:auto;padding:18px;}
  body.vp-v84-ui .v84-device{width:132px;right:28px;bottom:92px;border-radius:24px;}
  body.vp-v84-ui .v84-floating-node{display:none;}
  body.vp-v84-ui .v84-section{width:calc(100% - 20px);}
  body.vp-v84-ui .v84-process{grid-template-columns:1fr;}
  body.vp-v84-ui .workflow-grid{grid-template-columns:1fr!important;}
  body.vp-v84-ui .business-auth{width:calc(100% - 20px);grid-template-columns:1fr;margin:18px auto!important;}
  body.vp-v84-ui .topbar{align-items:stretch;flex-direction:column;}
  body.vp-v84-ui .top-actions{flex-wrap:wrap;}
  body.vp-v84-ui .logistics-search{width:100%;}
  body.vp-v84-driver .driver-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  body.vp-v84-ui .public-nav .brand small,
  body.vp-v84-ui .topbar-title small,
  body.vp-v84-ui .user-menu-pill span,
  body.vp-v84-ui .vp-view-switch,
  body.vp-v84-ui .logistics-search span,
  body.vp-v84-ui .logistics-search kbd{display:none!important;}
  body.vp-v84-ui .v84-feature-grid{grid-template-columns:1fr;}
  body.vp-v84-ui .content{padding:10px!important;padding-bottom:98px!important;}
  body.vp-v84-ui table{border-spacing:0 7px!important;}
  body.vp-v84-ui th{display:none;}
  body.vp-v84-ui td{display:block;border-left:1px solid var(--v84-line)!important;border-right:1px solid var(--v84-line)!important;border-radius:0!important;}
  body.vp-v84-ui tr td:first-child{border-radius:16px 16px 0 0!important;}
  body.vp-v84-ui tr td:last-child{border-radius:0 0 16px 16px!important;}
  body.vp-v84-ui .mobile-dock{background:rgba(8,8,26,.84)!important;border-color:var(--v84-line)!important;backdrop-filter:blur(22px);}
  body.vp-v84-driver main{width:calc(100% - 14px);}
  body.vp-v84-driver .driver-stats{grid-template-columns:1fr 1fr!important;}
}
@media(prefers-reduced-motion:reduce){
  body.vp-v84-ui *,body.vp-v84-ui *::before,body.vp-v84-ui *::after,
  body.vp-v84-driver *,body.vp-v84-driver *::before,body.vp-v84-driver *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  body.vp-v84-ui .v84-reveal,body.vp-v84-driver .v84-reveal{opacity:1!important;transform:none!important;}
}


/* source: v85-immersive-web.css */
/* VersandPro 8.5 - Immersive Web UI
   Ziel: klare 3D-Website-Struktur, WebGL-Shader-Atmosphäre, WebXR-ready Controls und robuste Performance-Fallbacks. */
:root{
  --v85-bg:#02040d;
  --v85-bg-2:#050816;
  --v85-surface:rgba(9,13,31,.78);
  --v85-surface-2:rgba(16,22,48,.72);
  --v85-surface-soft:rgba(255,255,255,.045);
  --v85-border:rgba(167,205,255,.16);
  --v85-border-strong:rgba(141,237,255,.34);
  --v85-text:#f7fbff;
  --v85-muted:#9faec3;
  --v85-soft:#dbe9ff;
  --v85-cyan:#6bf4ff;
  --v85-blue:#5f7cff;
  --v85-violet:#a986ff;
  --v85-green:#45f0b5;
  --v85-amber:#ffd166;
  --v85-danger:#ff6b8a;
  --v85-radius:28px;
  --v85-radius-lg:42px;
  --v85-shadow:0 28px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07);
  --v85-glow:0 0 52px rgba(107,244,255,.16), 0 0 96px rgba(95,124,255,.12);
  --v85-px:50vw;
  --v85-py:26vh;
  --v85-tilt-x:0deg;
  --v85-tilt-y:0deg;
}

html[data-theme="light"] body.vp-v85-immersive-web{
  --v85-bg:#f2f7ff;
  --v85-bg-2:#eef4ff;
  --v85-surface:rgba(255,255,255,.82);
  --v85-surface-2:rgba(245,249,255,.78);
  --v85-surface-soft:rgba(18,37,75,.045);
  --v85-border:rgba(29,54,98,.13);
  --v85-border-strong:rgba(49,112,199,.26);
  --v85-text:#101827;
  --v85-muted:#5f6d80;
  --v85-soft:#1e2b40;
}

body.vp-v85-immersive-web,
body.vp-v85-driver{
  background:
    radial-gradient(circle at var(--v85-px) var(--v85-py), rgba(107,244,255,.16), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(169,134,255,.16), transparent 28rem),
    radial-gradient(circle at 12% 80%, rgba(69,240,181,.10), transparent 26rem),
    linear-gradient(180deg,var(--v85-bg) 0%, var(--v85-bg-2) 52%, var(--v85-bg) 100%)!important;
  color:var(--v85-text)!important;
  overflow-x:hidden;
}

body.vp-v85-immersive-web::before,
body.vp-v85-driver::before{
  content:"";
  position:fixed;
  inset:-18vh -12vw auto -12vw;
  height:min(76vh,820px);
  z-index:-9;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center, transparent 49%, rgba(107,244,255,.55) 50%, rgba(95,124,255,.35) 52%, transparent 58%),
    radial-gradient(ellipse at center, rgba(95,124,255,.18), transparent 62%);
  filter:blur(.2px) drop-shadow(0 0 50px rgba(107,244,255,.22));
  opacity:.68;
  transform:translate3d(calc((var(--v85-px) - 50vw) * .018),calc((var(--v85-py) - 30vh) * .018),0) rotateX(var(--v85-tilt-x)) rotateY(var(--v85-tilt-y));
  transform-origin:center top;
}

body.vp-v85-immersive-web::after,
body.vp-v85-driver::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-10;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),
    radial-gradient(circle at 50% -10%, rgba(107,244,255,.11), transparent 42%),
    linear-gradient(180deg, transparent, rgba(0,0,0,.34));
  background-size:92px 92px,92px 92px,100% 100%,100% 100%;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.36) 78%, rgba(0,0,0,.18));
}

body.vp-v85-immersive-web .argus-scanline,
body.vp-v85-immersive-web .vp-immersive-gradient,
body.vp-v85-immersive-web .app-bg{display:none!important;}
body.vp-v85-immersive-web .vp-immersive-background{opacity:.18!important;mix-blend-mode:screen;}
body.vp-v85-immersive-web ::selection{background:rgba(107,244,255,.28);color:#fff;}
body.vp-v85-immersive-web *{scrollbar-width:thin;scrollbar-color:rgba(107,244,255,.38) transparent;}

body.vp-v85-immersive-web :where(.glass,.panel,.card,.band,.auth-card,.auth-side,.public-grid article,.workflow-grid>div,.vp-page-context,.vp-module-hub,.vp-map-card,.vp-side-card,.vp-kpi-card,.vp-analytics-card,.settings-section,.settings-section-card,.uf-disclosure,.quick-link,.list-card,.timeline-item,.tour-row-card,.customer-card,.stop-card),
body.vp-v85-driver :where(.driver-top,.driver-hero-card,.driver-stat,.driver-tour,.driver-empty-state,.driver-bottom-actions,.stop-card,.driver-panel){
  position:relative;
  border:1px solid var(--v85-border)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.028) 38%, rgba(107,244,255,.028)),
    var(--v85-surface)!important;
  box-shadow:var(--v85-shadow)!important;
  backdrop-filter:blur(24px) saturate(1.14);
  -webkit-backdrop-filter:blur(24px) saturate(1.14);
  color:var(--v85-text)!important;
}

body.vp-v85-immersive-web :where(.glass,.panel,.card,.band,.auth-card,.auth-side,.public-grid article,.workflow-grid>div,.vp-page-context,.vp-module-hub,.vp-map-card,.vp-side-card,.vp-kpi-card,.vp-analytics-card,.settings-section,.settings-section-card,.uf-disclosure,.quick-link,.list-card,.timeline-item,.tour-row-card,.customer-card,.stop-card)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--local-x, 50%) var(--local-y, 0%), rgba(107,244,255,.15), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 38%);
  opacity:.68;
}

body.vp-v85-immersive-web :where(.panel,.card,.public-grid article,.quick-link,.list-card,.tour-row-card,.customer-card,.vp-kpi-card,.vp-side-card,.vp-map-card,.auth-card,.auth-side):hover{
  border-color:var(--v85-border-strong)!important;
  box-shadow:0 30px 98px rgba(0,0,0,.48), var(--v85-glow), inset 0 1px rgba(255,255,255,.11)!important;
}

body.vp-v85-immersive-web h1,
body.vp-v85-immersive-web h2,
body.vp-v85-immersive-web h3,
body.vp-v85-immersive-web strong,
body.vp-v85-driver h1,
body.vp-v85-driver h2,
body.vp-v85-driver h3{color:var(--v85-text)!important;}
body.vp-v85-immersive-web p,
body.vp-v85-immersive-web small,
body.vp-v85-immersive-web .muted,
body.vp-v85-immersive-web td,
body.vp-v85-immersive-web label span,
body.vp-v85-driver p,
body.vp-v85-driver small,
body.vp-v85-driver .muted{color:var(--v85-muted)!important;}
body.vp-v85-immersive-web .eyebrow,
body.vp-v85-immersive-web .vp-eyebrow,
body.vp-v85-immersive-web .panel-kicker{
  color:#c8faff!important;
  letter-spacing:.17em!important;
  text-transform:uppercase;
  font-weight:900;
  text-shadow:0 0 30px rgba(107,244,255,.30);
}

body.vp-v85-immersive-web .btn,
body.vp-v85-driver .btn,
body.vp-v85-driver .driver-logout{
  border:1px solid rgba(197,251,255,.28)!important;
  background:linear-gradient(135deg,#f3fdff 0%,#b9f6ff 35%,#5f7cff 100%)!important;
  color:#06101d!important;
  border-radius:999px!important;
  min-height:42px;
  font-weight:900;
  box-shadow:0 16px 44px rgba(95,124,255,.28), inset 0 1px rgba(255,255,255,.85)!important;
}
body.vp-v85-immersive-web .btn:hover,
body.vp-v85-driver .btn:hover{transform:translateY(-2px);box-shadow:0 22px 64px rgba(107,244,255,.22),0 12px 54px rgba(95,124,255,.26)!important;}
body.vp-v85-immersive-web .btn.ghost,
body.vp-v85-immersive-web .btn.secondary,
body.vp-v85-driver .btn.secondary{
  background:rgba(255,255,255,.046)!important;
  color:var(--v85-text)!important;
  border-color:var(--v85-border)!important;
  box-shadow:none!important;
}
body.vp-v85-immersive-web .btn.ghost:hover,
body.vp-v85-immersive-web .btn.secondary:hover{background:rgba(107,244,255,.075)!important;border-color:var(--v85-border-strong)!important;}

/* Navigation */
body.vp-v85-immersive-web .public-nav,
body.vp-v85-immersive-web .topbar,
body.vp-v85-immersive-web .sidebar{
  border-color:var(--v85-border)!important;
  background:linear-gradient(145deg, rgba(8,13,31,.82), rgba(8,13,31,.58))!important;
  box-shadow:0 20px 80px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(26px) saturate(1.12);
}
body.vp-v85-immersive-web .public-nav{width:min(1240px,calc(100% - 28px));top:14px;margin:14px auto 0;border-radius:999px!important;padding:9px 10px 9px 14px;}
body.vp-v85-immersive-web .brand-logo,
body.vp-v85-immersive-web .topbar-mark,
body.vp-v85-driver .driver-brand img{box-shadow:0 0 28px rgba(107,244,255,.20)!important;border-radius:999px!important;}
body.vp-v85-immersive-web .nav a.is-active,
body.vp-v85-immersive-web .mobile-dock a.is-active{background:rgba(107,244,255,.10)!important;border-color:rgba(107,244,255,.24)!important;color:var(--v85-text)!important;}

/* Immersive public page */
body.vp-v85-immersive-web .v85-hero{
  width:min(1480px,calc(100% - 40px));
  min-height:calc(100vh - 86px);
  margin:0 auto;
  padding:clamp(46px,7vw,96px) clamp(18px,4vw,58px) 46px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.86fr);
  align-items:center;
  gap:clamp(28px,5vw,84px);
  position:relative;
  perspective:1500px;
}
body.vp-v85-immersive-web .v85-hero::before{
  content:"";
  position:absolute;
  inset:7% 44% 8% -8%;
  background:radial-gradient(circle, rgba(107,244,255,.14), transparent 58%);
  filter:blur(20px);
  pointer-events:none;
}
body.vp-v85-immersive-web .v85-hero-copy{position:relative;z-index:3;display:grid;gap:18px;}
body.vp-v85-immersive-web .v85-hero-copy h1{font-size:clamp(3.4rem,8.7vw,9.2rem)!important;line-height:.86!important;letter-spacing:-.085em;max-width:980px;text-wrap:balance;margin:0;}
body.vp-v85-immersive-web .v85-hero-copy h1 span{display:block;background:linear-gradient(90deg,#fff 0%,#d9fbff 46%,#93a9ff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
body.vp-v85-immersive-web .v85-hero-copy p{font-size:clamp(1rem,1.35vw,1.2rem);max-width:720px;line-height:1.72;margin:0;}
body.vp-v85-immersive-web .v85-hero-actions,
body.vp-v85-immersive-web .v85-xr-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
body.vp-v85-immersive-web .v85-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;}
body.vp-v85-immersive-web .v85-proof-row span,
body.vp-v85-immersive-web .v85-meta-pill,
body.vp-v85-immersive-web .v85-xr-status{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--v85-border);background:rgba(255,255,255,.046);border-radius:999px;padding:9px 12px;color:var(--v85-soft);font-size:.88rem;font-weight:800;
}
body.vp-v85-immersive-web .v85-xr-status{color:var(--v85-muted);}
body.vp-v85-immersive-web .v85-stage{
  min-height:560px;
  position:relative;
  border-radius:var(--v85-radius-lg);
  transform-style:preserve-3d;
  transform:rotateX(var(--v85-tilt-x)) rotateY(var(--v85-tilt-y));
  transition:transform .18s ease-out;
}
body.vp-v85-immersive-web .v85-webgl-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  border:1px solid rgba(107,244,255,.16);
  background:radial-gradient(circle at 50% 35%, rgba(107,244,255,.16), rgba(5,10,26,.82) 58%, rgba(2,4,13,.98));
  box-shadow:0 30px 110px rgba(0,0,0,.44),0 0 86px rgba(107,244,255,.13),inset 0 1px rgba(255,255,255,.08);
}
body.vp-v85-immersive-web .v85-webgl-stage canvas{display:block;width:100%;height:100%;}
body.vp-v85-immersive-web .v85-webgl-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 34%,rgba(0,0,0,.26));
}
body.vp-v85-immersive-web .v85-stage-ui{position:absolute;inset:0;z-index:3;pointer-events:none;}
body.vp-v85-immersive-web .v85-device-card{
  position:absolute;left:50%;top:50%;width:min(62%,410px);aspect-ratio:1/1.16;transform:translate(-50%,-50%) translateZ(80px) rotateX(8deg) rotateY(-10deg);border-radius:38px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),rgba(5,9,22,.64);box-shadow:0 36px 110px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.12);padding:26px;display:grid;align-content:space-between;overflow:hidden;
}
body.vp-v85-immersive-web .v85-device-card::before{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(107,244,255,.15);background:linear-gradient(135deg,rgba(107,244,255,.08),transparent 46%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,42px 42px;}
body.vp-v85-immersive-web .v85-device-card b{position:relative;font-size:clamp(2rem,3.8vw,4.3rem);line-height:.92;letter-spacing:-.06em;color:#fff;text-shadow:0 0 38px rgba(107,244,255,.28);}
body.vp-v85-immersive-web .v85-device-card small{position:relative;max-width:260px;color:#c6d4e8!important;line-height:1.55;}
body.vp-v85-immersive-web .v85-floating-node{position:absolute;z-index:4;pointer-events:none;min-width:150px;border:1px solid rgba(107,244,255,.22);border-radius:22px;padding:14px 16px;background:rgba(5,12,28,.72);box-shadow:0 16px 58px rgba(0,0,0,.38),0 0 34px rgba(107,244,255,.12);backdrop-filter:blur(18px);animation:v85Float 6.8s ease-in-out infinite;}
body.vp-v85-immersive-web .v85-floating-node b{color:#fff;}
body.vp-v85-immersive-web .v85-floating-node small{font-size:.76rem;}
body.vp-v85-immersive-web .v85-node-a{left:4%;top:18%;animation-delay:-1s;}
body.vp-v85-immersive-web .v85-node-b{right:0;top:32%;animation-delay:-2.3s;}
body.vp-v85-immersive-web .v85-node-c{left:10%;bottom:12%;animation-delay:-3.8s;}
body.vp-v85-immersive-web .v85-node-d{right:8%;bottom:9%;animation-delay:-4.8s;}
@keyframes v85Float{0%,100%{transform:translate3d(0,0,40px)}50%{transform:translate3d(0,-14px,80px)}}

body.vp-v85-immersive-web .v85-section{width:min(1340px,calc(100% - 40px));margin:0 auto;padding:clamp(36px,5vw,78px) 0;position:relative;}
body.vp-v85-immersive-web .v85-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px;}
body.vp-v85-immersive-web .v85-section-head h2{font-size:clamp(2rem,4.4vw,5rem);line-height:.95;letter-spacing:-.055em;max-width:820px;margin:.2em 0 0;}
body.vp-v85-immersive-web .v85-section-head p{max-width:520px;line-height:1.65;}
body.vp-v85-immersive-web .v85-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body.vp-v85-immersive-web .v85-feature-grid article{border-radius:28px!important;padding:24px!important;min-height:230px;display:grid;align-content:start;gap:14px;transform-style:preserve-3d;}
body.vp-v85-immersive-web .v85-feature-grid article .feature-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(107,244,255,.22);background:rgba(107,244,255,.07);color:#d8fdff;}
body.vp-v85-immersive-web .v85-feature-grid article h3{font-size:1.2rem;margin:0;}
body.vp-v85-immersive-web .v85-feature-grid article p{line-height:1.62;margin:0;}
body.vp-v85-immersive-web .v85-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
body.vp-v85-immersive-web .v85-process-grid div{border-radius:24px!important;padding:20px!important;min-height:170px;}
body.vp-v85-immersive-web .v85-process-grid b{display:block;margin-bottom:8px;}
body.vp-v85-immersive-web .v85-process-grid small{line-height:1.55;display:block;}

/* Dashboard and app shell refinements */
body.vp-v85-immersive-web .content{position:relative;z-index:1;}
body.vp-v85-immersive-web .vp-dashboard-3d-hero{border:1px solid var(--v85-border)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),rgba(6,11,28,.62)!important;box-shadow:var(--v85-shadow)!important;border-radius:36px!important;overflow:hidden;}
body.vp-v85-immersive-web .vp-dashboard-hero-copy h1{font-size:clamp(2.35rem,4.4vw,5.7rem)!important;letter-spacing:-.065em;}
body.vp-v85-immersive-web .vp-immersive-stage.dashboard-stage,
body.vp-v85-immersive-web .vp-auth-orb-stage{border:1px solid rgba(107,244,255,.18)!important;background:radial-gradient(circle at 50% 42%,rgba(107,244,255,.12),rgba(5,11,26,.72) 62%,rgba(0,0,0,.10))!important;border-radius:32px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 70px rgba(0,0,0,.28);}
body.vp-v85-immersive-web .vp-depth-chip,
body.vp-v85-immersive-web .vp-date-pill{border:1px solid var(--v85-border)!important;background:rgba(255,255,255,.045)!important;color:var(--v85-soft)!important;}
body.vp-v85-immersive-web .vp-kpi-grid{gap:16px;}
body.vp-v85-immersive-web .vp-kpi-card{overflow:hidden;transform-style:preserve-3d;}
body.vp-v85-immersive-web .vp-kpi-card strong{font-size:clamp(2rem,3.6vw,3.8rem)!important;letter-spacing:-.055em;}
body.vp-v85-immersive-web .vp-map-card{overflow:hidden;}
body.vp-v85-immersive-web .vp-route-map{border-radius:28px!important;border:1px solid rgba(107,244,255,.13)!important;background:rgba(2,6,18,.42)!important;}
body.vp-v85-immersive-web .vp-dashboard-live-map{filter:saturate(.9) contrast(1.02);}
body.vp-v85-immersive-web table{border-collapse:separate;border-spacing:0 8px;}
body.vp-v85-immersive-web th{color:#c7d8ef!important;background:rgba(255,255,255,.035)!important;border:0!important;}
body.vp-v85-immersive-web td{background:rgba(255,255,255,.026)!important;border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;}
body.vp-v85-immersive-web input,
body.vp-v85-immersive-web select,
body.vp-v85-immersive-web textarea{background:rgba(255,255,255,.055)!important;border:1px solid rgba(167,205,255,.16)!important;color:var(--v85-text)!important;border-radius:16px!important;}
body.vp-v85-immersive-web input:focus,
body.vp-v85-immersive-web select:focus,
body.vp-v85-immersive-web textarea:focus{outline:none!important;border-color:rgba(107,244,255,.42)!important;box-shadow:0 0 0 4px rgba(107,244,255,.09)!important;}

/* Auth */
body.vp-v85-immersive-web .business-auth{width:min(1220px,calc(100% - 36px));margin:clamp(34px,6vw,80px) auto;align-items:stretch;}
body.vp-v85-immersive-web .auth-card,
body.vp-v85-immersive-web .auth-side{border-radius:34px!important;}
body.vp-v85-immersive-web .auth-card h1{font-size:clamp(2.3rem,5vw,5.2rem)!important;letter-spacing:-.065em;}
body.vp-v85-immersive-web .auth-kpis{gap:10px;}
body.vp-v85-immersive-web .auth-kpis div{border:1px solid var(--v85-border);background:rgba(255,255,255,.045);border-radius:18px;}

/* Driver */
body.vp-v85-driver .driver-top{border-radius:0 0 28px 28px!important;}
body.vp-v85-driver .driver-hero-card{overflow:hidden;}
body.vp-v85-driver .driver-stat strong{font-size:1.65rem;}

/* Interaction states */
body.vp-v85-ready .v85-reveal,
body.vp-v85-ready [data-v85-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);}
body.vp-v85-ready .v85-reveal.is-visible,
body.vp-v85-ready [data-v85-reveal].is-visible{opacity:1;transform:translateY(0);}
body.vp-v85-immersive-web .v85-tilt{transform-style:preserve-3d;transition:transform .18s ease-out;}
body.vp-v85-immersive-web .v85-tilt:hover{transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-2px);}
body.vp-v85-low-power .v85-webgl-stage canvas{display:none!important;}
body.vp-v85-low-power .v85-webgl-stage{background:radial-gradient(circle at 50% 38%,rgba(107,244,255,.18),rgba(5,11,28,.86) 58%,rgba(2,4,13,.98))!important;}
body.vp-v85-xr-ready .v85-xr-status{border-color:rgba(69,240,181,.30);color:#c9ffe9;}
body.vp-v85-no-xr .v85-xr-status{border-color:rgba(255,209,102,.22);}

@media (max-width:1120px){
  body.vp-v85-immersive-web .v85-hero{grid-template-columns:1fr;min-height:auto;padding-top:64px;}
  body.vp-v85-immersive-web .v85-stage{min-height:500px;order:-1;}
  body.vp-v85-immersive-web .v85-feature-grid,
  body.vp-v85-immersive-web .v85-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  :root{--v85-px:50vw;--v85-py:14vh;}
  body.vp-v85-immersive-web .public-nav{width:calc(100% - 18px);border-radius:24px!important;align-items:flex-start;}
  body.vp-v85-immersive-web .public-nav nav{width:100%;overflow:auto;padding-bottom:2px;}
  body.vp-v85-immersive-web .v85-hero{width:min(100% - 22px,640px);padding:36px 0 28px;gap:24px;}
  body.vp-v85-immersive-web .v85-hero-copy h1{font-size:clamp(3rem,16vw,5rem)!important;}
  body.vp-v85-immersive-web .v85-stage{min-height:390px;}
  body.vp-v85-immersive-web .v85-device-card{width:72%;padding:18px;border-radius:28px;}
  body.vp-v85-immersive-web .v85-floating-node{min-width:120px;padding:10px 12px;border-radius:18px;font-size:.88rem;}
  body.vp-v85-immersive-web .v85-node-b{right:1%;top:27%;}
  body.vp-v85-immersive-web .v85-node-d{display:none;}
  body.vp-v85-immersive-web .v85-section{width:calc(100% - 22px);padding:34px 0;}
  body.vp-v85-immersive-web .v85-section-head{display:block;}
  body.vp-v85-immersive-web .v85-feature-grid,
  body.vp-v85-immersive-web .v85-process-grid{grid-template-columns:1fr;}
  body.vp-v85-immersive-web .vp-dashboard-3d-hero{border-radius:26px!important;}
  body.vp-v85-immersive-web .business-auth{width:calc(100% - 22px);}
}

@media (prefers-reduced-motion: reduce){
  body.vp-v85-immersive-web *,
  body.vp-v85-driver *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  body.vp-v85-immersive-web .v85-stage{transform:none!important;}
}

body.animation-off.vp-v85-immersive-web .v85-webgl-stage canvas,
body.animation-reduced.vp-v85-immersive-web .v85-webgl-stage canvas{opacity:.55;}


/* source: v86-optimization.css */
/* VersandPro 8.6 - globale UI-/Performance-Optimierung */
:root{
  --vp86-bg:#050914;
  --vp86-bg-2:#081222;
  --vp86-surface:rgba(12,20,36,.78);
  --vp86-surface-strong:rgba(15,25,44,.92);
  --vp86-border:rgba(148,163,184,.20);
  --vp86-border-strong:rgba(125,211,252,.28);
  --vp86-text:#eef6ff;
  --vp86-muted:#9fb0c8;
  --vp86-soft:#d7e5f7;
  --vp86-accent:#44d6c9;
  --vp86-accent-2:#69a7ff;
  --vp86-danger:#ff6b84;
  --vp86-warning:#f7c96b;
  --vp86-radius-lg:28px;
  --vp86-radius:20px;
  --vp86-shadow:0 26px 80px rgba(0,0,0,.34);
  --vp86-blur:18px;
  --vp86-content-max:1540px;
}

html{scroll-behavior:smooth;background:var(--vp86-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
body.vp-v86-optimized{background:
  radial-gradient(circle at 18% -8%,rgba(68,214,201,.20),transparent 34%),
  radial-gradient(circle at 88% 8%,rgba(105,167,255,.18),transparent 36%),
  linear-gradient(135deg,#040710 0%,#08111f 48%,#060a15 100%);
  color:var(--vp86-text);}
body.vp-v86-optimized:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));}
body.vp-v86-low-power .vp-immersive-background,body.vp-v86-low-power [data-v85-webgl-scene],body.vp-v86-low-power [data-vp-immersive-stage]{display:none!important;}
body.vp-v86-low-power .v85-stage,body.vp-v86-low-power .vp-dashboard-3d-hero{transform:none!important;box-shadow:var(--vp86-shadow);}

.vp-v86-optimized .main,.vp-v86-optimized .content{max-width:var(--vp86-content-max);}
.vp-v86-optimized .content{padding-bottom:clamp(4rem,8vh,8rem);}
.vp-v86-optimized .glass,.vp-v86-optimized .card,.vp-v86-optimized article,.vp-v86-optimized .panel,.vp-v86-optimized .settings-card,.vp-v86-optimized .driver-card,.vp-v86-optimized .auth-card,.vp-v86-optimized .band{backdrop-filter:blur(var(--vp86-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--vp86-blur)) saturate(1.15);border-color:var(--vp86-border);box-shadow:0 18px 60px rgba(0,0,0,.22);}
.vp-v86-optimized .card:hover,.vp-v86-optimized article:hover,.vp-v86-optimized .settings-card:hover{border-color:var(--vp86-border-strong);transform:translateY(-2px);}
.vp-v86-optimized .btn,.vp-v86-optimized button,.vp-v86-optimized input,.vp-v86-optimized select,.vp-v86-optimized textarea,.vp-v86-optimized a{outline-offset:3px;}
.vp-v86-optimized :focus-visible{outline:3px solid rgba(68,214,201,.55)!important;outline-offset:3px;border-radius:12px;}
.vp-v86-optimized ::selection{background:rgba(68,214,201,.35);color:#fff;}

/* Navigation und Arbeitsfläche */
.vp-v86-optimized .sidebar{background:linear-gradient(180deg,rgba(5,10,20,.96),rgba(7,14,28,.90));border-right:1px solid rgba(148,163,184,.17);box-shadow:14px 0 60px rgba(0,0,0,.22);}
.vp-v86-optimized .sidebar .brand,.vp-v86-optimized .public-nav .brand{min-width:0;}
.vp-v86-optimized .brand-logo,.vp-v86-optimized .topbar-mark{object-fit:contain;filter:drop-shadow(0 10px 22px rgba(68,214,201,.18));}
.vp-v86-optimized .nav a{border:1px solid transparent;transition:border-color .18s ease,background .18s ease,transform .18s ease,color .18s ease;}
.vp-v86-optimized .nav a:hover{border-color:rgba(125,211,252,.18);transform:translateX(3px);}
.vp-v86-optimized .nav a.active{background:linear-gradient(135deg,rgba(68,214,201,.16),rgba(105,167,255,.12));border-color:rgba(68,214,201,.26);}
.vp-v86-optimized .topbar{position:sticky;top:14px;z-index:40;max-width:calc(var(--vp86-content-max) - 2rem);margin-inline:auto;background:rgba(8,15,29,.76);border:1px solid rgba(148,163,184,.18);}
.vp-v86-optimized .top-actions{gap:.65rem;}
.vp-v86-optimized .user-menu-pill,.vp-v86-optimized .vp-page-context{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);}
.vp-v86-optimized .vp-page-context{max-width:calc(var(--vp86-content-max) - 2rem);margin-inline:auto;}

/* Hero und immersive Bereiche ruhiger und hochwertiger */
.vp-v86-optimized .v85-hero,.vp-v86-optimized .vp-dashboard-3d-hero{min-height:clamp(560px,72vh,780px);gap:clamp(2rem,5vw,5rem);align-items:center;}
.vp-v86-optimized .v85-hero h1,.vp-v86-optimized .vp-dashboard-hero-copy h1{letter-spacing:-.07em;line-height:.86;text-wrap:balance;}
.vp-v86-optimized .v85-hero-copy p,.vp-v86-optimized .vp-dashboard-hero-copy p{max-width:720px;color:var(--vp86-soft);font-size:clamp(1rem,1.15vw,1.17rem);line-height:1.75;}
.vp-v86-optimized .vp-eyebrow,.vp-v86-optimized .eyebrow{letter-spacing:.12em;font-weight:800;color:#8bdcf1;text-transform:uppercase;}
.vp-v86-optimized .v85-stage,.vp-v86-optimized .vp-immersive-stage{border-radius:var(--vp86-radius-lg);background:linear-gradient(145deg,rgba(14,26,48,.82),rgba(8,13,26,.88));border:1px solid rgba(148,163,184,.17);box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;}
.vp-v86-optimized .v85-floating-node,.vp-v86-optimized .vp-floating-panel{background:rgba(9,18,34,.72);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 50px rgba(0,0,0,.24);}
.vp-v86-optimized .vp-immersive-background{opacity:.56;filter:saturate(.95);}
.vp-v86-optimized .vp-3d-intensity-cinematic .vp-immersive-background{opacity:.66;}
.vp-v86-optimized .vp-3d-intensity-subtle .vp-immersive-background{opacity:.36;}

/* Grid, Tabellen, Formulare */
.vp-v86-optimized .stats,.vp-v86-optimized .kpi-grid,.vp-v86-optimized .cards-grid,.vp-v86-optimized .v85-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(1rem,1.6vw,1.35rem);}
.vp-v86-optimized .table-wrap,.vp-v86-optimized .vp-table-wrap{overflow:auto;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:rgba(8,14,26,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.vp-v86-optimized table{border-collapse:separate;border-spacing:0;width:100%;}
.vp-v86-optimized th{position:sticky;top:0;z-index:2;background:rgba(9,18,34,.94);backdrop-filter:blur(10px);}
.vp-v86-optimized td,.vp-v86-optimized th{border-bottom:1px solid rgba(148,163,184,.12);}
.vp-v86-optimized tr:hover td{background:rgba(68,214,201,.045);}
.vp-v86-optimized input,.vp-v86-optimized select,.vp-v86-optimized textarea{background:rgba(255,255,255,.065);border:1px solid rgba(148,163,184,.22);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.vp-v86-optimized input:focus,.vp-v86-optimized select:focus,.vp-v86-optimized textarea:focus{border-color:rgba(68,214,201,.58);box-shadow:0 0 0 4px rgba(68,214,201,.12);background:rgba(255,255,255,.085);}
.vp-v86-optimized .form-actions,.vp-v86-optimized .sticky-actions{background:rgba(5,10,20,.78);border:1px solid rgba(148,163,184,.14);backdrop-filter:blur(16px);}

/* Karten/Maps robuster */
.vp-v86-optimized .map,.vp-v86-optimized #map,.vp-v86-optimized [data-map],.vp-v86-optimized .leaflet-container{border-radius:22px;border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 70px rgba(0,0,0,.25);background:#0b1322;min-height:360px;}
.vp-v86-optimized .leaflet-control-container{filter:saturate(.9);}
.vp-v86-optimized .leaflet-popup-content-wrapper,.vp-v86-optimized .leaflet-popup-tip{background:#0b1322;color:#e5f1ff;}

/* Public/Auth */
.vp-v86-optimized.public-shell .public-nav{position:sticky;top:12px;z-index:50;margin:12px auto 0;max-width:var(--vp86-content-max);border:1px solid rgba(148,163,184,.16);border-radius:24px;background:rgba(6,12,24,.72);backdrop-filter:blur(18px);}
.vp-v86-optimized.public-shell main{max-width:var(--vp86-content-max);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem);}
.vp-v86-optimized .auth-layout{max-width:1220px;margin:clamp(2rem,6vh,5rem) auto;gap:clamp(1rem,3vw,2rem);align-items:stretch;}
.vp-v86-optimized .auth-card,.vp-v86-optimized .auth-side{border-radius:28px;}
.vp-v86-optimized .auth-side{overflow:hidden;}
.vp-v86-optimized .demo-login-card{border:1px solid rgba(68,214,201,.22);background:rgba(68,214,201,.055);}

/* Fahrer-App */
body.vp-v86-driver{background:linear-gradient(160deg,#050914,#071426 55%,#040711);min-height:100dvh;color:var(--vp86-text);}
body.vp-v86-driver .driver-top{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);background:rgba(5,10,20,.78);border-bottom:1px solid rgba(148,163,184,.14);}
body.vp-v86-driver .driver-card,body.vp-v86-driver .driver-panel,body.vp-v86-driver .tour-card{border-radius:22px;border:1px solid rgba(148,163,184,.16);background:rgba(10,18,32,.78);box-shadow:0 18px 60px rgba(0,0,0,.24);}
body.vp-v86-driver .driver-logout{min-height:44px;}

/* Microinteractions */
[data-v86-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
[data-v86-reveal].is-visible{opacity:1;transform:none;}
.vp-v86-optimized .btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;}
.vp-v86-optimized .btn:hover{transform:translateY(-1px);}
.vp-v86-optimized .btn:active{transform:translateY(0) scale(.99);}

@media (max-width:1100px){
  .vp-v86-optimized .topbar{top:0;border-radius:0;margin-inline:0;max-width:none;}
  .vp-v86-optimized .v85-hero,.vp-v86-optimized .vp-dashboard-3d-hero{grid-template-columns:1fr!important;min-height:auto;padding-top:2rem;}
  .vp-v86-optimized .v85-stage,.vp-v86-optimized .vp-immersive-stage{min-height:360px;}
  .vp-v86-optimized .top-actions .user-menu-pill{display:none;}
}
@media (max-width:760px){
  .vp-v86-optimized{--vp86-radius-lg:22px;--vp86-radius:16px;}
  .vp-v86-optimized .content{padding-inline:1rem;padding-bottom:6.5rem;}
  .vp-v86-optimized.public-shell .public-nav{margin:0;border-radius:0;border-inline:0;}
  .vp-v86-optimized .public-nav nav{gap:.45rem;}
  .vp-v86-optimized .public-nav nav a:not(.btn),.vp-v86-optimized .public-nav small{display:none;}
  .vp-v86-optimized .v85-hero h1,.vp-v86-optimized .vp-dashboard-hero-copy h1{font-size:clamp(3rem,17vw,5.2rem);}
  .vp-v86-optimized .v85-proof-row{grid-template-columns:1fr 1fr;}
  .vp-v86-optimized .v85-stage,.vp-v86-optimized .vp-immersive-stage{min-height:300px;}
  .vp-v86-optimized .mobile-dock{padding-bottom:max(.7rem,env(safe-area-inset-bottom));}
  .vp-v86-optimized table{font-size:.92rem;}
  .vp-v86-optimized .table-wrap{margin-inline:-.25rem;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
  .vp-v86-optimized .vp-immersive-background,.vp-v86-optimized [data-v85-webgl-scene],.vp-v86-optimized [data-vp-immersive-stage]{display:none!important;}
}


/* source: ui-polish.css */
/* VersandPro UI polish: final app-wide layer for calmer operations screens. */

html {
  --ui-content-max: 1680px;
  --ui-sidebar-width: 280px;
  --ui-radius: 12px;
  --ui-radius-sm: 9px;
  --ui-bg: #090d12;
  --ui-bg-soft: #111820;
  --ui-sidebar: #0c1117;
  --ui-surface: rgba(22, 29, 38, .94);
  --ui-surface-2: rgba(30, 39, 50, .92);
  --ui-surface-3: rgba(42, 52, 65, .86);
  --ui-text: #f3f6f9;
  --ui-muted: #a5b0bd;
  --ui-faint: #768392;
  --ui-border: rgba(166, 180, 196, .18);
  --ui-border-strong: rgba(45, 212, 191, .38);
  --ui-accent: #2dd4bf;
  --ui-accent-2: #38bdf8;
  --ui-success: #22c55e;
  --ui-warning: #f59e0b;
  --ui-danger: #ef4444;
  --ui-shadow: 0 18px 48px rgba(0, 0, 0, .26);
  --ui-shadow-soft: 0 8px 22px rgba(0, 0, 0, .18);
  --bg: var(--ui-bg);
  --bg-soft: var(--ui-bg-soft);
  --panel: var(--ui-surface);
  --panel-2: var(--ui-surface-2);
  --panel-3: var(--ui-surface-3);
  --text: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-border);
  --border: var(--ui-border);
  --primary: var(--ui-accent);
  --accent: var(--ui-accent);
  --accent-2: var(--ui-accent-2);
  --accent-strong: #0f766e;
  --ok: var(--ui-success);
  --success: var(--ui-success);
  --warning: var(--ui-warning);
  --danger: var(--ui-danger);
  --radius: var(--ui-radius);
  --radius-sm: var(--ui-radius-sm);
  --shadow: var(--ui-shadow);
  --shadow-soft: var(--ui-shadow-soft);
  color-scheme: dark;
}

html[data-theme="light"] {
  --ui-bg: #f5f7fb;
  --ui-bg-soft: #edf2f7;
  --ui-sidebar: #111827;
  --ui-surface: rgba(255, 255, 255, .96);
  --ui-surface-2: rgba(248, 250, 252, .96);
  --ui-surface-3: #eef2f7;
  --ui-text: #101827;
  --ui-muted: #536174;
  --ui-faint: #748094;
  --ui-border: rgba(15, 23, 42, .12);
  --ui-border-strong: rgba(15, 118, 110, .32);
  --ui-shadow: 0 18px 44px rgba(15, 23, 42, .10);
  --ui-shadow-soft: 0 8px 20px rgba(15, 23, 42, .07);
  color-scheme: light;
}

body.vp-ui-polish {
  background:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(180deg, var(--ui-bg), var(--ui-bg-soft)) !important;
  background-size: 56px 56px, 56px 56px, auto !important;
  color: var(--ui-text);
  font-size: 14px;
  letter-spacing: 0 !important;
  overflow-x: hidden;
}

html[data-theme="light"] body.vp-ui-polish {
  background:
    linear-gradient(rgba(15, 23, 42, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px),
    linear-gradient(180deg, var(--ui-bg), var(--ui-bg-soft)) !important;
  background-size: 64px 64px, 64px 64px, auto !important;
}

body.vp-ui-polish::before,
body.vp-ui-polish::after,
body.vp-ui-polish .app-bg {
  display: none !important;
}

body.vp-ui-polish .vp-immersive-background {
  opacity: .16 !important;
  filter: saturate(.72) !important;
}

.skip-link {
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 10000;
  padding: 10px 12px;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-accent);
  color: #071111;
  font-weight: 900;
  transform: translateY(-160%);
  transition: transform .16s ease;
}

.skip-link:focus {
  transform: none;
}

#mainContent:focus {
  outline: none;
}

body.vp-ui-polish.app-shell {
  grid-template-columns: var(--ui-sidebar-width) minmax(0, 1fr) !important;
}

body.vp-ui-polish .main {
  min-width: 0;
  padding-left: 0 !important;
  background: transparent !important;
}

body.vp-ui-polish .content {
  width: min(100%, var(--ui-content-max)) !important;
  max-width: var(--ui-content-max) !important;
  margin-inline: auto !important;
  padding: 18px 20px 44px !important;
  gap: 16px !important;
}

body.vp-ui-polish .sidebar {
  width: auto !important;
  padding: 16px 12px !important;
  background: linear-gradient(180deg, var(--ui-sidebar), color-mix(in srgb, var(--ui-sidebar) 88%, #000 12%)) !important;
  border-right: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .brand {
  min-height: 52px;
  gap: 10px !important;
  padding: 4px 8px 12px !important;
  margin: 0 0 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.vp-ui-polish .brand-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--ui-radius-sm) !important;
  object-fit: contain;
  background: rgba(255, 255, 255, .04);
  box-shadow: none !important;
}

body.vp-ui-polish .brand-wordmark {
  font-size: 1rem !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  text-shadow: none !important;
}

body.vp-ui-polish .brand-wordmark em {
  color: var(--ui-accent) !important;
  font-style: normal !important;
}

body.vp-ui-polish .brand small {
  color: rgba(226, 232, 240, .62) !important;
  font-size: .72rem !important;
  line-height: 1.25;
}

body.vp-ui-polish .sidebar-user {
  display: none !important;
}

body.vp-ui-polish .nav-groups {
  gap: 10px !important;
  max-height: calc(100vh - 176px) !important;
  padding-right: 2px !important;
  scrollbar-width: thin;
}

body.vp-ui-polish .nav-group {
  gap: 3px !important;
  padding: 7px !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}

body.vp-ui-polish .nav-group.is-active {
  background: rgba(255, 255, 255, .045) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

body.vp-ui-polish .nav-group-title {
  padding: 2px 7px 5px !important;
}

body.vp-ui-polish .nav-group-title span {
  color: rgba(226, 232, 240, .78) !important;
  font-size: .68rem !important;
  letter-spacing: .08em !important;
}

body.vp-ui-polish .nav-group-title small {
  color: rgba(226, 232, 240, .50) !important;
  font-size: .68rem !important;
  line-height: 1.25 !important;
}

body.vp-ui-polish .nav a {
  min-height: 38px !important;
  padding: 0 10px !important;
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid transparent !important;
  color: rgba(226, 232, 240, .75) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.vp-ui-polish .nav a .icon {
  width: 17px !important;
  height: 17px !important;
  color: rgba(226, 232, 240, .62) !important;
}

body.vp-ui-polish .nav a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .065) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

body.vp-ui-polish .nav a.active {
  color: #071111 !important;
  background: linear-gradient(135deg, var(--ui-accent), #8ee8d9) !important;
  border-color: transparent !important;
}

body.vp-ui-polish .nav a.active .icon {
  color: #071111 !important;
}

body.vp-ui-polish .sidebar-footer {
  margin-top: 10px !important;
  padding: 10px !important;
  border-radius: var(--ui-radius) !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .topbar {
  width: min(calc(100% - 32px), var(--ui-content-max)) !important;
  max-width: var(--ui-content-max) !important;
  min-height: 64px !important;
  margin: 14px auto 0 !important;
  padding: 10px 12px !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface) 92%, transparent) !important;
  box-shadow: var(--ui-shadow-soft) !important;
  backdrop-filter: blur(18px) !important;
}

body.vp-ui-polish .topbar-left {
  flex: 1 1 auto;
  min-width: 220px;
}

body.vp-ui-polish .topbar-brand-title {
  display: flex !important;
  min-width: 0;
}

body.vp-ui-polish .topbar-mark {
  width: 30px !important;
  height: 30px !important;
  border-radius: var(--ui-radius-sm) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .topbar-title strong {
  color: var(--ui-text) !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

body.vp-ui-polish .topbar-title small {
  color: var(--ui-muted) !important;
  font-size: .78rem !important;
}

body.vp-ui-polish .eyebrow,
body.vp-ui-polish .vp-eyebrow {
  color: var(--ui-faint) !important;
  letter-spacing: .08em !important;
  text-shadow: none !important;
}

body.vp-ui-polish .logistics-top-actions {
  width: auto !important;
  flex: 0 1 auto;
  gap: 8px !important;
  margin-left: auto;
}

body.vp-ui-polish .logistics-search,
body.vp-ui-polish .top-search-trigger {
  min-width: 220px !important;
  max-width: 360px !important;
  min-height: 40px !important;
  padding-inline: 12px !important;
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .logistics-search kbd {
  border-radius: 6px !important;
  background: var(--ui-surface-3) !important;
  border: 1px solid var(--ui-border) !important;
  color: var(--ui-faint) !important;
}

body.vp-ui-polish .icon-action,
body.vp-ui-polish .mobile-menu,
body.vp-ui-polish .top-export-link {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .icon-action:hover,
body.vp-ui-polish .mobile-menu:hover,
body.vp-ui-polish .top-export-link:hover {
  background: var(--ui-surface-2) !important;
  border-color: var(--ui-border-strong) !important;
}

body.vp-ui-polish .icon-action.theme-toggle {
  font-size: 0 !important;
}

body.vp-ui-polish .icon-action.theme-toggle::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: var(--ui-text);
  box-shadow: inset 6px -3px 0 var(--ui-surface);
}

html[data-theme="light"] body.vp-ui-polish .icon-action.theme-toggle::before {
  background: #f59e0b;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, .16);
}

body.vp-ui-polish .theme-toggle:not(.icon-action) {
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: .84rem !important;
}

body.vp-ui-polish .theme-toggle:not(.icon-action)::before,
body.vp-ui-polish .vp-notification-button::before {
  content: none !important;
}

body.vp-ui-polish .vp-notification-button .icon {
  width: 18px;
  height: 18px;
}

body.vp-ui-polish .notify-dot {
  top: -5px !important;
  right: -5px !important;
  min-width: 18px !important;
  height: 18px !important;
  background: var(--ui-danger) !important;
  box-shadow: 0 0 0 2px var(--ui-surface) !important;
}

body.vp-ui-polish .notify-dot:empty,
body.vp-ui-polish .notify-dot[hidden] {
  display: none !important;
}

body.vp-ui-polish .user-menu-pill {
  min-height: 40px !important;
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

body.vp-ui-polish .avatar,
body.vp-ui-polish .mini-avatar,
body.vp-ui-polish .vp-avatar {
  border-radius: var(--ui-radius-sm) !important;
  background: linear-gradient(135deg, #0f766e, var(--ui-accent)) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.vp-ui-polish .vp-page-context {
  width: min(calc(100% - 32px), var(--ui-content-max)) !important;
  max-width: var(--ui-content-max) !important;
  margin: 12px auto 0 !important;
  padding: 8px !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface) 88%, transparent) !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

body.vp-ui-polish .vp-workspace-strip {
  gap: 6px !important;
  scrollbar-width: none;
}

body.vp-ui-polish .vp-workspace-strip::-webkit-scrollbar {
  display: none;
}

body.vp-ui-polish .vp-workspace-strip a,
body.vp-ui-polish .vp-context-actions a {
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.vp-ui-polish .vp-workspace-strip a {
  min-width: 126px !important;
  padding: 8px 10px !important;
}

body.vp-ui-polish .vp-workspace-strip a.active,
body.vp-ui-polish .vp-workspace-strip a:hover {
  background: var(--ui-surface-2) !important;
  border-color: var(--ui-border) !important;
}

body.vp-ui-polish .vp-workspace-strip b {
  color: var(--ui-text);
  font-size: .82rem !important;
}

body.vp-ui-polish .vp-workspace-strip small {
  color: var(--ui-muted) !important;
  font-size: .68rem !important;
}

body.vp-ui-polish .vp-context-actions {
  gap: 6px !important;
}

body.vp-ui-polish .vp-context-actions a {
  min-height: 36px !important;
  padding: 0 11px !important;
  color: var(--ui-text) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

body.vp-ui-polish .vp-context-actions a:hover {
  background: var(--ui-surface-2) !important;
  border-color: var(--ui-border) !important;
}

body.vp-ui-polish .vp-context-actions a.primary,
body.vp-ui-polish .btn {
  border-color: color-mix(in srgb, var(--ui-accent) 48%, transparent) !important;
  background: linear-gradient(135deg, #0f766e, var(--ui-accent)) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.vp-ui-polish .btn {
  min-height: 40px !important;
  border-radius: var(--ui-radius-sm) !important;
  font-weight: 800 !important;
  transform: none !important;
}

body.vp-ui-polish .btn:hover {
  background: linear-gradient(135deg, #0d645e, #24c2b0) !important;
  transform: translateY(-1px) !important;
}

body.vp-ui-polish .btn.ghost,
body.vp-ui-polish .btn.secondary {
  background: var(--ui-surface) !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text) !important;
}

body.vp-ui-polish .btn.ghost:hover,
body.vp-ui-polish .btn.secondary:hover {
  background: var(--ui-surface-2) !important;
  border-color: var(--ui-border-strong) !important;
}

body.vp-ui-polish :where(.glass, .panel, .card, .auth-card, .auth-side, .band, .tour-row-card, .quick-link, .timeline-item, .list-card, .tour-row-main, .vp-module-hub, .vp-map-card, .vp-side-card, .vp-analytics-card, .vp-kpi-card, .metric-card, .stat-card, .settings-card, .settings-section-card, .uf-disclosure, .customer-card, .dispatch-column, .dispatch-mini-card, .calendar-day, .planner-suggestion, .check-row, .migration-row, .notification-item) {
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: var(--ui-shadow-soft) !important;
  backdrop-filter: none !important;
}

body.vp-ui-polish :where(.panel, .card, .tour-row-card, .quick-link, .list-card, .vp-kpi-card, .metric-card, .stat-card, .customer-card, .dispatch-mini-card):hover {
  border-color: var(--ui-border-strong) !important;
  box-shadow: var(--ui-shadow) !important;
}

body.vp-ui-polish .vp-dashboard .vp-hero-row.vp-dashboard-3d-hero {
  display: none !important;
}

body.vp-ui-polish .vp-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.vp-ui-polish .vp-kpi-card,
body.vp-ui-polish .metric-card,
body.vp-ui-polish .stat-card {
  min-height: 116px !important;
  padding: 16px !important;
}

body.vp-ui-polish .vp-kpi-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  gap: 5px 12px !important;
}

body.vp-ui-polish .vp-kpi-card span,
body.vp-ui-polish .vp-kpi-card strong,
body.vp-ui-polish .vp-kpi-card small {
  grid-column: 1 !important;
}

body.vp-ui-polish .vp-kpi-card::before,
body.vp-ui-polish .vp-kpi-card::after,
body.vp-ui-polish .metric-card::before,
body.vp-ui-polish .metric-card::after {
  display: none !important;
}

body.vp-ui-polish .vp-kpi-card span,
body.vp-ui-polish .metric-card span,
body.vp-ui-polish .stat-card span {
  color: var(--ui-muted) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

body.vp-ui-polish .vp-kpi-card strong,
body.vp-ui-polish .metric-card strong,
body.vp-ui-polish .stat-card strong {
  color: var(--ui-text) !important;
  font-size: clamp(1.6rem, 2.1vw, 2.05rem) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

body.vp-ui-polish .vp-kpi-card small,
body.vp-ui-polish .metric-card small,
body.vp-ui-polish .stat-card small {
  color: var(--ui-faint) !important;
}

body.vp-ui-polish .vp-kpi-card > i {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  align-self: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: var(--ui-radius-sm) !important;
  display: grid !important;
  place-items: center !important;
  color: #0f766e !important;
  background: rgba(45, 212, 191, .12) !important;
  filter: none !important;
}

body.vp-ui-polish .vp-kpi-card > i .icon {
  width: 22px !important;
  height: 22px !important;
}

body.vp-ui-polish .vp-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.vp-ui-polish .vp-map-card {
  overflow: hidden !important;
  padding: 0 !important;
}

body.vp-ui-polish .vp-panel-head,
body.vp-ui-polish .vp-card-head,
body.vp-ui-polish .panel-title-row {
  padding: 14px 16px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--ui-border) !important;
}

body.vp-ui-polish .vp-card-head {
  padding: 0 0 12px !important;
  margin-bottom: 12px !important;
}

body.vp-ui-polish .vp-panel-head h2,
body.vp-ui-polish .vp-card-head h3,
body.vp-ui-polish .panel-title-row h2 {
  color: var(--ui-text) !important;
  letter-spacing: 0 !important;
}

body.vp-ui-polish .vp-route-map {
  height: clamp(380px, 46vh, 540px) !important;
  min-height: 360px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.vp-ui-polish .vp-tour-card {
  left: 16px !important;
  top: 16px !important;
  bottom: auto !important;
  width: min(340px, calc(100% - 32px)) !important;
  border-radius: var(--ui-radius) !important;
  background: color-mix(in srgb, var(--ui-surface) 94%, transparent) !important;
  border: 1px solid var(--ui-border) !important;
  box-shadow: var(--ui-shadow-soft) !important;
}

body.vp-ui-polish .vp-tour-stats span,
body.vp-ui-polish .vp-list-item,
body.vp-ui-polish .vp-driver-item,
body.vp-ui-polish .vp-upcoming-grid a,
body.vp-ui-polish .vp-upcoming-grid div,
body.vp-ui-polish .customer-picker label,
body.vp-ui-polish .stop-sort {
  border-radius: var(--ui-radius-sm) !important;
  background: var(--ui-surface-2) !important;
  border: 1px solid var(--ui-border) !important;
}

body.vp-ui-polish .vp-list-item b,
body.vp-ui-polish .vp-driver-item b,
body.vp-ui-polish .vp-upcoming-grid b {
  color: var(--ui-text) !important;
}

body.vp-ui-polish .vp-list-item small,
body.vp-ui-polish .vp-driver-item small,
body.vp-ui-polish .vp-upcoming-grid small {
  color: var(--ui-muted) !important;
}

body.vp-ui-polish .progress,
body.vp-ui-polish .vp-progress,
body.vp-ui-polish .vp-mini-progress {
  background: var(--ui-surface-3) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.vp-ui-polish .progress i,
body.vp-ui-polish .vp-progress i,
body.vp-ui-polish .vp-mini-progress i {
  background: linear-gradient(90deg, #0f766e, var(--ui-accent)) !important;
  box-shadow: none !important;
}

body.vp-ui-polish input,
body.vp-ui-polish select,
body.vp-ui-polish textarea {
  min-height: 42px !important;
  border-radius: var(--ui-radius-sm) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.vp-ui-polish textarea {
  min-height: 110px !important;
}

body.vp-ui-polish input:focus,
body.vp-ui-polish select:focus,
body.vp-ui-polish textarea:focus {
  border-color: var(--ui-border-strong) !important;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .12) !important;
}

body.vp-ui-polish .table-wrap,
body.vp-ui-polish .vp-data-table-wrap,
body.vp-ui-polish .ops-table-panel {
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow-soft) !important;
}

body.vp-ui-polish table {
  border-spacing: 0 !important;
  border-collapse: separate !important;
}

body.vp-ui-polish thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 12px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  border-bottom: 1px solid var(--ui-border) !important;
  letter-spacing: .04em !important;
}

body.vp-ui-polish tbody td {
  padding: 12px !important;
  background: var(--ui-surface) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border) !important;
}

body.vp-ui-polish tbody tr:hover td {
  background: var(--ui-surface-2) !important;
}

body.vp-ui-polish tbody td:first-child,
body.vp-ui-polish tbody td:last-child {
  border-radius: 0 !important;
}

body.vp-ui-polish .badge,
body.vp-ui-polish .status-chip,
body.vp-ui-polish .pill,
body.vp-ui-polish .hero-chip,
body.vp-ui-polish .vp-status {
  min-height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
}

body.vp-ui-polish .badge.active,
body.vp-ui-polish .badge.done,
body.vp-ui-polish .vp-status.active {
  background: rgba(34, 197, 94, .13) !important;
  color: #69e99e !important;
  border-color: rgba(34, 197, 94, .24) !important;
}

html[data-theme="light"] body.vp-ui-polish .badge.active,
html[data-theme="light"] body.vp-ui-polish .badge.done,
html[data-theme="light"] body.vp-ui-polish .vp-status.active {
  color: #166534 !important;
  background: #dcfce7 !important;
  border-color: #bbf7d0 !important;
}

body.vp-ui-polish .badge.cancelled,
body.vp-ui-polish .badge.problem {
  background: rgba(239, 68, 68, .13) !important;
  color: #ff9da8 !important;
  border-color: rgba(239, 68, 68, .24) !important;
}

html[data-theme="light"] body.vp-ui-polish .badge.cancelled,
html[data-theme="light"] body.vp-ui-polish .badge.problem {
  color: #991b1b !important;
  background: #fee2e2 !important;
  border-color: #fecaca !important;
}

body.vp-ui-polish .uf-disclosure > summary {
  padding: 14px 16px !important;
  border-radius: var(--ui-radius) !important;
}

body.vp-ui-polish .uf-disclosure[open] > summary {
  border-bottom: 1px solid var(--ui-border) !important;
}

body.vp-ui-polish .uf-disclosure > *:not(summary) {
  padding: 14px !important;
}

body.vp-ui-polish .vp-notification-center {
  right: 24px !important;
  top: 86px !important;
  width: min(390px, calc(100vw - 28px)) !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface) 96%, transparent) !important;
  box-shadow: var(--ui-shadow) !important;
}

body.vp-ui-polish .vp-notification-head {
  padding: 4px 4px 12px !important;
}

body.vp-ui-polish .vp-notification-item {
  background: var(--ui-surface-2) !important;
}

body.vp-ui-polish .command-palette {
  background: rgba(2, 6, 12, .68) !important;
  backdrop-filter: blur(10px) !important;
}

body.vp-ui-polish .command-box {
  width: min(720px, calc(100vw - 28px)) !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

body.vp-ui-polish .command-head,
body.vp-ui-polish .command-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 3px 4px 10px;
}

body.vp-ui-polish .command-head strong {
  color: var(--ui-text);
}

body.vp-ui-polish .command-head small,
body.vp-ui-polish .command-help {
  color: var(--ui-muted);
  font-size: .78rem;
}

body.vp-ui-polish .command-results a {
  display: grid;
  gap: 3px;
  padding: 11px 12px !important;
  border-radius: var(--ui-radius-sm) !important;
  background: var(--ui-surface-2) !important;
  border: 1px solid var(--ui-border) !important;
}

body.vp-ui-polish .command-results a small {
  color: var(--ui-muted);
  font-size: .72rem;
  font-weight: 800;
}

body.vp-ui-polish .command-results a b {
  color: var(--ui-text);
}

body.vp-ui-polish .command-results a.is-active,
body.vp-ui-polish .command-results a:hover {
  border-color: var(--ui-border-strong) !important;
  background: rgba(45, 212, 191, .10) !important;
}

body.vp-ui-polish .command-empty {
  display: block;
  padding: 14px;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface-2);
  color: var(--ui-muted);
}

body.vp-ui-polish .vp-table-filter-count {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  white-space: nowrap;
}

body.vp-ui-polish tr[data-filter-empty] td {
  color: var(--ui-muted) !important;
  text-align: center;
  padding: 22px !important;
}

body.vp-ui-polish .vp-selection-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -4px 0 8px;
  padding: 9px 11px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-muted);
  font-weight: 800;
}

body.vp-ui-polish .vp-selection-summary.has-selection {
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
  background: rgba(45, 212, 191, .09);
}

body.vp-ui-polish .vp-selection-summary small {
  color: var(--ui-muted);
}

body.vp-ui-polish form.is-dirty :where(.sticky-actions, .settings-save-bar) {
  border-color: var(--ui-warning) !important;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, .10) !important;
}

body.vp-ui-polish .public-nav {
  max-width: var(--ui-content-max) !important;
  margin: 12px auto 0 !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  background: color-mix(in srgb, var(--ui-surface) 94%, transparent) !important;
  box-shadow: var(--ui-shadow-soft) !important;
}

body.vp-ui-polish.public-shell main {
  max-width: var(--ui-content-max) !important;
  margin-inline: auto !important;
}

body.vp-ui-polish .auth-layout {
  align-items: stretch !important;
  gap: 16px !important;
}

body.vp-ui-polish .auth-card,
body.vp-ui-polish .auth-side {
  border-radius: var(--ui-radius) !important;
}

body.vp-ui-polish .auth-side {
  overflow: hidden !important;
}

@media (max-width: 1280px) {
  body.vp-ui-polish {
    --ui-sidebar-width: 252px;
  }

  body.vp-ui-polish .topbar {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.vp-ui-polish .logistics-search {
    min-width: 180px !important;
  }

  body.vp-ui-polish .vp-kpi-grid,
  body.vp-ui-polish .cards.four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.vp-ui-polish .vp-main-grid {
    grid-template-columns: 1fr !important;
  }

  body.vp-ui-polish .vp-right-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.vp-ui-polish.app-shell {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  body.vp-ui-polish .sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 80 !important;
    width: min(86vw, 300px) !important;
    height: 100dvh !important;
    transform: translateX(-104%) !important;
    transition: transform .18s ease;
  }

  body.menu-open.vp-ui-polish .sidebar {
    transform: none !important;
  }

  body.vp-ui-polish .main {
    width: 100% !important;
    margin: 0 !important;
  }

  body.vp-ui-polish .mobile-menu {
    display: inline-grid !important;
  }

  body.vp-ui-polish .topbar {
    width: 100% !important;
    margin: 0 !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, max-content) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border-radius: 0 !important;
    border-inline: 0 !important;
  }

  body.vp-ui-polish .topbar-left {
    width: 40px !important;
    flex: 0 0 40px !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  body.vp-ui-polish .topbar-brand-title {
    display: none !important;
  }

  body.vp-ui-polish .logistics-top-actions {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 68px) !important;
    margin-left: 0 !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    justify-self: end !important;
  }

  body.vp-ui-polish .logistics-search {
    min-width: 40px !important;
    width: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  body.vp-ui-polish .logistics-search span,
  body.vp-ui-polish .logistics-search kbd,
  body.vp-ui-polish .user-menu-pill span,
  body.vp-ui-polish .topbar-logout span {
    display: none !important;
  }

  body.vp-ui-polish .user-menu-pill {
    display: none !important;
  }

  body.vp-ui-polish .vp-page-context {
    width: calc(100% - 24px) !important;
    grid-template-columns: 1fr !important;
    margin-top: 12px !important;
  }

  body.vp-ui-polish .vp-context-actions {
    justify-content: flex-start !important;
  }

  body.vp-ui-polish .content {
    padding: 14px 12px 92px !important;
  }

  body.vp-ui-polish .vp-right-stack {
    grid-template-columns: 1fr !important;
  }

  body.vp-ui-polish .mobile-dock {
    display: grid !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    border-radius: var(--ui-radius) !important;
    border: 1px solid var(--ui-border) !important;
    background: color-mix(in srgb, var(--ui-surface) 94%, transparent) !important;
    box-shadow: var(--ui-shadow) !important;
  }
}

@media (max-width: 700px) {
  body.vp-ui-polish .topbar {
    gap: 8px !important;
    grid-template-columns: 40px 86px !important;
  }

  body.vp-ui-polish.vp-view-mobile.app-shell .topbar {
    display: grid !important;
    grid-template-columns: 40px 86px !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
  }

  body.vp-ui-polish .logistics-top-actions {
    gap: 6px !important;
  }

  body.vp-ui-polish .vp-kpi-card > i {
    display: none !important;
  }

  body.vp-ui-polish .vp-view-switch {
    display: none !important;
  }

  body.vp-ui-polish .logistics-top-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 40px) !important;
    gap: 6px !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    overflow: visible !important;
  }

  body.vp-ui-polish.vp-view-mobile.app-shell .top-actions.logistics-top-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 40px) !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    gap: 6px !important;
    justify-self: end !important;
  }

  body.vp-ui-polish .logistics-search,
  body.vp-ui-polish .vp-notification-button {
    display: inline-grid !important;
  }

  body.vp-ui-polish .icon-action.theme-toggle {
    display: none !important;
  }

  body.vp-ui-polish .vp-notification-button {
    display: none !important;
  }

  body.vp-ui-polish .vp-view-switch button {
    min-width: 30px !important;
    padding: 0 8px !important;
    font-size: 0 !important;
  }

  body.vp-ui-polish .vp-view-switch button::after {
    content: attr(data-short-label);
    font-size: .78rem;
  }

  body.vp-ui-polish .topbar-logout {
    display: none !important;
  }

  body.vp-ui-polish .vp-kpi-grid,
  body.vp-ui-polish .cards.four,
  body.vp-ui-polish .cards.three,
  body.vp-ui-polish .cards.two,
  body.vp-ui-polish .vp-analytics-grid {
    grid-template-columns: 1fr !important;
  }

  body.vp-ui-polish .vp-route-map {
    height: auto !important;
    min-height: 420px !important;
    padding-bottom: 12px;
  }

  body.vp-ui-polish .vp-tour-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    margin: 12px !important;
  }

  body.vp-ui-polish .vp-context-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.vp-ui-polish .vp-context-actions a {
    width: 100% !important;
  }

  body.vp-ui-polish .public-nav {
    margin: 0 !important;
    border-radius: 0 !important;
    border-inline: 0 !important;
  }

  body.vp-ui-polish .public-nav nav a:not(.btn) {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.vp-ui-polish *,
  body.vp-ui-polish *::before,
  body.vp-ui-polish *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* VersandPro 8.7 · Route, Karte, Dashboard, Startseite und Tourenübersicht */
.vp-page-actions-row,
.vp-route-commandbar,
.vp-command-ribbon,
.vp-tour-card-grid,
.vp-preview-stats,
.vp-problem-strip-list,
.vp-tour-card-metrics{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}

.vp-page-actions-row{margin-top:18px}
.vp-page-actions-row .btn.danger{border-color:rgba(255,96,96,.35);color:#ffd7d7;background:rgba(255,84,84,.08)}

.planner-workspace[data-max-stops] .route-summary-large{grid-template-columns:repeat(4,minmax(0,1fr))}
.vp-route-commandbar{margin:4px 0 14px;justify-content:flex-start}
.vp-route-commandbar .btn{min-height:34px;border-radius:14px}
.vp-route-statusline{
    margin-top:12px;
    padding:12px 14px;
    border:1px solid rgba(148,190,255,.16);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(16,29,54,.74),rgba(5,11,23,.72));
    color:var(--muted,#a9b7c9);
    font-size:.9rem;
}
.business-map-panel.route-needs-check .vp-route-statusline{
    border-color:rgba(255,184,77,.35);
    background:linear-gradient(135deg,rgba(80,48,10,.52),rgba(20,14,8,.72));
    color:#ffe3af;
}
.vp-selected-meta{
    display:inline-flex;
    margin-top:8px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(148,190,255,.18);
    background:rgba(255,255,255,.05);
    color:var(--muted,#a9b7c9);
    font-style:normal;
    font-size:.78rem;
}
.stop-sort{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}
.stop-sort.missing-coordinates{
    border-color:rgba(255,184,77,.35)!important;
    background:rgba(255,184,77,.07)!important;
}
.stop-sort-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.stop-sort-actions .btn{min-width:30px;padding:6px 8px}
.vp-leaflet-marker{
    border:0!important;
    background:transparent!important;
}
.vp-leaflet-marker span{
    display:grid;
    width:34px;
    height:42px;
    place-items:center;
    background:linear-gradient(180deg,#2fdcff,#1478ff);
    color:white;
    border:1px solid rgba(255,255,255,.55);
    border-radius:18px 18px 18px 4px;
    box-shadow:0 18px 35px rgba(0,115,255,.35),0 0 0 7px rgba(20,140,255,.12);
    transform:rotate(-45deg);
}
.vp-leaflet-marker span b{transform:rotate(45deg);font-size:.78rem;line-height:1}
.vp-leaflet-marker.is-start span{background:linear-gradient(180deg,#32e6a1,#12a86f);box-shadow:0 18px 35px rgba(18,168,111,.34),0 0 0 7px rgba(18,168,111,.12)}
.vp-leaflet-marker.status-problem span{background:linear-gradient(180deg,#ff8a8a,#ef4444)}
.vp-leaflet-marker.status-done span{background:linear-gradient(180deg,#84f5c7,#17b878)}
.vp-leaflet-route{filter:drop-shadow(0 10px 18px rgba(0,132,255,.35))}
.vp-leaflet-route.is-estimate{stroke-dasharray:10 10}

.vp-command-ribbon{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:18px 0 20px;
}
.vp-command-ribbon-card{
    display:flex;
    gap:13px;
    align-items:center;
    min-height:104px;
    padding:18px;
    border:1px solid rgba(148,190,255,.16);
    border-radius:24px;
    background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
    box-shadow:0 18px 50px rgba(0,0,0,.22);
    color:inherit;
    text-decoration:none;
}
.vp-command-ribbon-card:hover{transform:translateY(-2px);border-color:rgba(94,234,212,.32)}
.vp-command-ribbon-card i{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:16px;
    background:rgba(64,179,255,.14);
    color:#8de9ff;
}
.vp-command-ribbon-card span{display:grid;gap:3px}
.vp-command-ribbon-card small,
.vp-command-ribbon-card em{color:var(--muted,#a9b7c9);font-style:normal}
.vp-command-ribbon-card b{font-size:1.5rem;letter-spacing:-.03em}
.vp-depth-chip.tone-danger{background:rgba(255,82,82,.14);border-color:rgba(255,82,82,.28);color:#ffd0d0}
.vp-depth-chip.tone-active{background:rgba(47,220,255,.12);border-color:rgba(47,220,255,.28);color:#bdf5ff}
.vp-depth-chip.tone-calm{background:rgba(132,245,199,.10);border-color:rgba(132,245,199,.24);color:#d6ffef}
.vp-map-insight-stack{
    position:absolute;
    left:18px;
    bottom:18px;
    z-index:420;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    max-width:calc(100% - 120px);
}
.vp-map-insight-stack span{
    display:grid;
    gap:1px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    background:rgba(4,10,22,.72);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}
.vp-map-insight-stack small{font-size:.68rem;color:var(--muted,#a9b7c9)}
.vp-map-insight-stack b{font-size:.82rem}

.cards.four.business-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.vp-problem-strip{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
    gap:18px;
    align-items:center;
    margin-bottom:18px;
    border-color:rgba(255,96,96,.22)!important;
    background:linear-gradient(135deg,rgba(84,24,24,.36),rgba(8,13,24,.82))!important;
}
.vp-problem-strip p{margin:6px 0 0;color:var(--muted,#a9b7c9)}
.vp-problem-strip-list a{
    flex:1 1 180px;
    display:grid;
    gap:4px;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    color:inherit;
    text-decoration:none;
}
.vp-problem-strip-list small{color:var(--muted,#a9b7c9)}
.vp-tour-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:18px;
}
.vp-tour-overview-card{
    position:relative;
    display:grid;
    gap:10px;
    padding:16px;
    min-height:168px;
    border:1px solid rgba(148,190,255,.16);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
    color:inherit;
    text-decoration:none;
    overflow:hidden;
}
.vp-tour-overview-card:before{
    content:"";
    position:absolute;
    inset:auto -20% -45% 30%;
    height:120px;
    background:radial-gradient(circle,rgba(47,220,255,.18),transparent 65%);
}
.vp-tour-overview-card span,
.vp-tour-overview-card .vp-tour-card-metrics,
.vp-tour-overview-card .progress,
.vp-tour-overview-card small,
.vp-tour-overview-card mark{position:relative;z-index:1}
.vp-tour-overview-card span{display:flex;justify-content:space-between;gap:12px;align-items:start}
.vp-tour-overview-card em{
    padding:5px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:var(--muted,#a9b7c9);
    font-size:.72rem;
    font-style:normal;
    white-space:nowrap;
}
.vp-tour-overview-card small{color:var(--muted,#a9b7c9)}
.vp-tour-card-metrics{justify-content:space-between}
.vp-tour-card-metrics strong{font-size:.9rem}
.vp-tour-overview-card mark{
    justify-self:start;
    padding:5px 8px;
    border-radius:999px;
    background:rgba(255,96,96,.16);
    color:#ffd2d2;
}
.vp-tour-overview-card.status-active{border-color:rgba(47,220,255,.28)}
.vp-tour-overview-card.status-done{border-color:rgba(132,245,199,.24)}
.vp-tour-overview-card.status-cancelled{opacity:.72}

.vp-start-hero .v85-hero-copy p{max-width:760px}
.vp-start-proof span{background:rgba(255,255,255,.07)}
.vp-start-stage{min-height:520px}
.vp-start-dashboard-preview{
    position:absolute;
    inset:9% 8%;
    display:grid;
    grid-template-rows:auto 1fr auto;
    gap:16px;
    padding:20px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:34px;
    background:linear-gradient(145deg,rgba(2,8,18,.72),rgba(19,38,70,.48));
    box-shadow:0 28px 80px rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
}
.vp-preview-top,
.vp-preview-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vp-preview-top span{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(47,220,255,.14);
    color:#c9f7ff;
    font-size:.78rem;
}
.vp-preview-map{
    position:relative;
    min-height:260px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px),
        radial-gradient(circle at 20% 30%,rgba(47,220,255,.20),transparent 36%),
        radial-gradient(circle at 70% 70%,rgba(79,70,229,.20),transparent 32%),
        rgba(3,10,24,.74);
    background-size:46px 46px,46px 46px,auto,auto,auto;
}
.vp-preview-map i{
    position:absolute;
    left:11%;top:62%;right:20%;bottom:25%;
    border-top:4px solid rgba(47,220,255,.86);
    border-right:4px solid rgba(47,220,255,.86);
    border-radius:0 120px 0 0;
    transform:skewY(-14deg);
    filter:drop-shadow(0 10px 18px rgba(47,220,255,.28));
}
.vp-preview-map em{
    position:absolute;
    left:var(--x);
    top:var(--y);
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(180deg,#2fdcff,#1478ff);
    border:1px solid rgba(255,255,255,.5);
    color:white;
    font-style:normal;
    font-weight:800;
    box-shadow:0 12px 25px rgba(0,132,255,.32);
}
.vp-preview-map em:first-of-type{background:linear-gradient(180deg,#32e6a1,#12a86f)}
.vp-preview-stats span{
    flex:1;
    display:grid;
    gap:2px;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
}
.vp-preview-stats small{color:var(--muted,#a9b7c9)}
.vp-start-modules article,
.vp-start-workflow .workflow-grid>div{transition:transform .2s ease,border-color .2s ease}
.vp-start-modules article:hover,
.vp-start-workflow .workflow-grid>div:hover{transform:translateY(-3px);border-color:rgba(94,234,212,.28)}
.vp-start-cta{overflow:hidden}

@media (max-width: 1180px){
    .vp-command-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cards.four.business-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
    .vp-tour-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
    .planner-workspace[data-max-stops] .route-summary-large{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vp-command-ribbon,
    .vp-tour-card-grid,
    .cards.four.business-metrics,
    .vp-problem-strip{grid-template-columns:1fr}
    .vp-map-insight-stack{position:static;margin:10px 12px 0;max-width:none}
    .vp-route-commandbar .btn{flex:1 1 145px}
    .stop-sort{align-items:flex-start;flex-direction:column}
    .stop-sort-actions{width:100%;justify-content:flex-end}
    .vp-start-dashboard-preview{position:relative;inset:auto;min-height:430px}
}

/* === VersandPro 8.8: benutzerfreundliche Oberflächen === */
:root{
    --vp-touch-target:44px;
    --vp-radius-xl:26px;
    --vp-radius-lg:20px;
    --vp-focus-ring:0 0 0 4px rgba(94,234,212,.20);
    --vp-friendly-border:rgba(255,255,255,.12);
    --vp-friendly-panel:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));
}

body.vp-ui-polish{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

body.vp-ui-polish .content,
body.vp-ui-polish main#mainContent{
    scroll-behavior:smooth;
}

body.vp-ui-polish .skip-link:focus{
    position:fixed;
    left:18px;
    top:18px;
    z-index:99999;
    padding:12px 16px;
    border-radius:14px;
    background:#ffffff;
    color:#07111f;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}

body.vp-ui-polish .page-head,
body.vp-ui-polish .business-head,
body.vp-ui-polish .planner-head{
    position:relative;
    overflow:hidden;
    border:1px solid var(--vp-friendly-border);
    background:
        radial-gradient(circle at 12% 0%,rgba(94,234,212,.17),transparent 34%),
        radial-gradient(circle at 88% 10%,rgba(59,130,246,.16),transparent 32%),
        var(--vp-friendly-panel);
    border-radius:30px;
    box-shadow:0 22px 55px rgba(0,0,0,.18);
}

body.vp-ui-polish .page-head::after,
body.vp-ui-polish .business-head::after{
    content:"";
    position:absolute;
    inset:auto -12% -52% 38%;
    height:180px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
    transform:rotate(-7deg);
    pointer-events:none;
}

body.vp-ui-polish .page-head h1,
body.vp-ui-polish .business-head h1{
    letter-spacing:-.045em;
    line-height:1.02;
    max-width:920px;
}

body.vp-ui-polish .page-head p,
body.vp-ui-polish .business-head p{
    max-width:780px;
    line-height:1.65;
}

body.vp-ui-polish .vp-workspace-meta,
body.vp-ui-polish .vp-page-actions-row,
body.vp-ui-polish .v85-proof-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

body.vp-ui-polish .vp-workspace-meta span,
body.vp-ui-polish .v85-proof-row span{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.065);
    color:var(--muted,#aeb8c7);
}

body.vp-ui-polish .panel,
body.vp-ui-polish .glass,
body.vp-ui-polish .glass-soft,
body.vp-ui-polish .card{
    border-color:var(--vp-friendly-border);
}

body.vp-ui-polish .panel{
    border-radius:var(--vp-radius-xl);
    box-shadow:0 18px 44px rgba(0,0,0,.14);
}

body.vp-ui-polish .panel-title-row{
    gap:14px;
    align-items:flex-start;
}

body.vp-ui-polish .panel-title-row h2{
    letter-spacing:-.03em;
    line-height:1.12;
}

body.vp-ui-polish .panel-title-row small,
body.vp-ui-polish .muted{
    line-height:1.55;
}

body.vp-ui-polish .btn,
body.vp-ui-polish button,
body.vp-ui-polish input,
body.vp-ui-polish select,
body.vp-ui-polish textarea,
body.vp-ui-polish a{
    -webkit-tap-highlight-color:transparent;
}

body.vp-ui-polish .btn,
body.vp-ui-polish button.btn,
body.vp-ui-polish .icon-action,
body.vp-ui-polish .mobile-menu,
body.vp-ui-polish .top-search-trigger{
    min-height:var(--vp-touch-target);
    align-items:center;
    justify-content:center;
}

body.vp-ui-polish .btn:focus-visible,
body.vp-ui-polish button:focus-visible,
body.vp-ui-polish a:focus-visible,
body.vp-ui-polish input:focus-visible,
body.vp-ui-polish select:focus-visible,
body.vp-ui-polish textarea:focus-visible,
body.vp-ui-polish summary:focus-visible{
    outline:none;
    box-shadow:var(--vp-focus-ring),0 0 0 1px rgba(94,234,212,.45) inset;
}

body.vp-ui-polish input,
body.vp-ui-polish select,
body.vp-ui-polish textarea{
    min-height:46px;
    border-radius:16px;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

body.vp-ui-polish textarea{
    min-height:108px;
    line-height:1.55;
    resize:vertical;
}

body.vp-ui-polish label,
body.vp-ui-polish .field{
    gap:8px;
    line-height:1.45;
}

body.vp-ui-polish label:has(input:required)::after,
body.vp-ui-polish label:has(textarea:required)::after,
body.vp-ui-polish label:has(select:required)::after{
    content:"Pflichtfeld";
    width:max-content;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(94,234,212,.12);
    color:#bffcf2;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.01em;
}

body.vp-ui-polish input:invalid:not(:placeholder-shown),
body.vp-ui-polish textarea:invalid:not(:placeholder-shown),
body.vp-ui-polish select:invalid:not(:focus){
    border-color:rgba(248,113,113,.55);
    box-shadow:0 0 0 4px rgba(248,113,113,.10);
}

body.vp-ui-polish .table-wrap,
body.vp-ui-polish .vp-data-table-wrap{
    position:relative;
    border-radius:22px;
    overflow:auto;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(3,10,24,.22);
}

body.vp-ui-polish .table-wrap::before,
body.vp-ui-polish .vp-data-table-wrap::before{
    content:"Horizontal wischen, falls Spalten nicht sichtbar sind";
    display:none;
    position:sticky;
    left:0;
    top:0;
    z-index:3;
    padding:8px 12px;
    background:rgba(15,23,42,.9);
    color:var(--muted,#aeb8c7);
    font-size:.76rem;
}

body.vp-ui-polish table{
    border-collapse:separate;
    border-spacing:0;
}

body.vp-ui-polish table th{
    white-space:nowrap;
    font-size:.75rem;
    letter-spacing:.04em;
    text-transform:uppercase;
}

body.vp-ui-polish table td{
    vertical-align:top;
}

body.vp-ui-polish tbody tr{
    transition:background .16s ease,transform .16s ease;
}

body.vp-ui-polish tbody tr:hover{
    background:rgba(255,255,255,.045);
}

body.vp-ui-polish .badge{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding-inline:10px;
    font-weight:800;
}

body.vp-ui-polish .progress,
body.vp-ui-polish .vp-progress{
    min-height:9px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.10);
}

body.vp-ui-polish .progress i,
body.vp-ui-polish .vp-progress i{
    border-radius:999px;
}

body.vp-ui-polish .empty,
body.vp-ui-polish .dispatch-empty,
body.vp-ui-polish .driver-empty-state{
    border:1px dashed rgba(255,255,255,.16);
    border-radius:22px;
    background:rgba(255,255,255,.045);
    padding:20px;
    color:var(--muted,#aeb8c7);
}

body.vp-ui-polish .empty h1,
body.vp-ui-polish .empty h2,
body.vp-ui-polish .empty h3{
    color:var(--text,#eef6ff);
}

body.vp-ui-polish .uf-disclosure{
    border-radius:24px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.035);
    overflow:hidden;
}

body.vp-ui-polish .uf-disclosure>summary{
    min-height:62px;
    cursor:pointer;
    transition:background .18s ease;
}

body.vp-ui-polish .uf-disclosure>summary:hover{
    background:rgba(255,255,255,.045);
}

body.vp-ui-polish .uf-disclosure>summary span{
    line-height:1.45;
}

.vp-guidance-panel,
.vp-ux-helper-strip,
.vp-start-shortcuts,
.vp-tours-decision-strip,
.vp-planner-fast-help{
    display:grid;
    gap:14px;
    margin:18px 0;
}

.vp-guidance-panel{
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
}

.vp-guidance-main,
.vp-guidance-side,
.vp-start-shortcuts a,
.vp-tours-decision-strip a,
.vp-planner-fast-help article{
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
    box-shadow:0 16px 36px rgba(0,0,0,.12);
}

.vp-guidance-main{
    padding:20px;
    display:grid;
    gap:10px;
}

.vp-guidance-main b,
.vp-guidance-side b{
    color:var(--text,#eef6ff);
}

.vp-guidance-main small,
.vp-guidance-side small{
    color:var(--muted,#aeb8c7);
    line-height:1.55;
}

.vp-guidance-side{
    padding:18px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.vp-guidance-side span{
    display:grid;
    gap:3px;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.055);
}

.vp-ux-helper-strip{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.vp-ux-helper-strip article,
.vp-start-shortcuts a,
.vp-tours-decision-strip a,
.vp-planner-fast-help article{
    padding:16px;
    display:grid;
    gap:7px;
    text-decoration:none;
    color:inherit;
}

.vp-ux-helper-strip article b,
.vp-start-shortcuts a b,
.vp-tours-decision-strip a b,
.vp-planner-fast-help article b{
    font-size:.98rem;
    color:var(--text,#eef6ff);
}

.vp-ux-helper-strip article small,
.vp-start-shortcuts a small,
.vp-tours-decision-strip a small,
.vp-planner-fast-help article small{
    color:var(--muted,#aeb8c7);
    line-height:1.5;
}

.vp-start-shortcuts{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.vp-start-shortcuts a:hover,
.vp-tours-decision-strip a:hover{
    transform:translateY(-2px);
    border-color:rgba(94,234,212,.28);
}

.vp-tours-decision-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.vp-planner-fast-help{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.vp-planner-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 12px;
}

.vp-planner-toolbar .btn{
    flex:1 1 150px;
}

.customer-picker label{
    min-height:68px;
    border-radius:18px;
}

.customer-picker label.is-selected,
.customer-picker label:has(input:checked){
    border-color:rgba(94,234,212,.38);
    background:linear-gradient(180deg,rgba(94,234,212,.13),rgba(255,255,255,.055));
}

.customer-picker em{
    font-style:normal;
    color:#fecaca;
    background:rgba(248,113,113,.12);
    border-radius:999px;
    padding:4px 8px;
    font-size:.72rem;
    font-weight:800;
}

#selectedStops .selected-stop,
.selected-stops .selected-stop{
    border-radius:18px;
}

.vp-route-statusline{
    min-height:44px;
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:18px;
    padding:12px 14px;
    background:rgba(255,255,255,.055);
    color:var(--muted,#aeb8c7);
}

.vp-route-statusline::before{
    content:"i";
    width:22px;
    height:22px;
    display:inline-grid;
    place-items:center;
    border-radius:50%;
    background:rgba(94,234,212,.16);
    color:#bffcf2;
    font-weight:900;
}

.vp-tour-card-grid:empty::before{
    content:"Keine Tourkarten in der aktuellen Ansicht.";
    display:block;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.045);
    color:var(--muted,#aeb8c7);
}

.vp-tour-overview-card{
    min-height:178px;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.vp-tour-overview-card:hover{
    transform:translateY(-3px);
    border-color:rgba(94,234,212,.30);
    box-shadow:0 22px 48px rgba(0,0,0,.20);
}

.vp-table-search input[type="search"]{
    min-width:min(320px,55vw);
}

.vp-password-wrap{
    position:relative;
    display:block;
}

.vp-password-wrap input{
    width:100%;
    padding-right:92px;
}

.vp-password-toggle{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    min-height:34px!important;
    padding:0 10px;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:var(--muted,#aeb8c7);
    font-weight:800;
    cursor:pointer;
}

.vp-quick-top{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:120;
    width:48px;
    height:48px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    background:rgba(15,23,42,.86);
    backdrop-filter:blur(16px);
    color:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.35);
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
    transition:.18s ease;
}

.vp-quick-top.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
}

.vp-inline-help-note{
    margin:8px 0 0;
    color:var(--muted,#aeb8c7);
    font-size:.82rem;
    line-height:1.45;
}

.vp-form-summary{
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:18px;
    border:1px solid rgba(94,234,212,.18);
    background:rgba(94,234,212,.08);
    color:#d8fffb;
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.vp-form-summary small{color:#b6d6d4}

body.vp-ui-polish .driver-card,
body.vp-ui-polish .driver-hero-card{
    border-radius:26px;
}

body.vp-ui-polish .driver-actions .btn,
body.vp-ui-polish .driver-primary-form .btn{
    min-height:54px;
    font-size:1rem;
}

body.vp-ui-polish .driver-stepper-card{
    position:sticky;
    top:10px;
    z-index:5;
}

body.vp-ui-polish .map,
body.vp-ui-polish .vp-dashboard-live-map,
body.vp-ui-polish .vp-route-map,
body.vp-ui-polish .ops-live-map{
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
}

body.vp-ui-polish .leaflet-control-zoom a{
    width:36px!important;
    height:36px!important;
    line-height:36px!important;
}

body.vp-ui-polish .flash{
    border-radius:18px;
    box-shadow:0 18px 36px rgba(0,0,0,.18);
}

@media (max-width: 1100px){
    .vp-guidance-panel,
    .vp-ux-helper-strip,
    .vp-start-shortcuts,
    .vp-tours-decision-strip,
    .vp-planner-fast-help{grid-template-columns:1fr 1fr}
    .vp-guidance-side{grid-template-columns:1fr 1fr}
}

@media (max-width: 760px){
    body.vp-ui-polish .page-head,
    body.vp-ui-polish .business-head,
    body.vp-ui-polish .planner-head{border-radius:22px;padding:18px}
    body.vp-ui-polish .page-head h1,
    body.vp-ui-polish .business-head h1{font-size:clamp(1.65rem,8vw,2.35rem)}
    body.vp-ui-polish .panel{border-radius:22px}
    .vp-guidance-panel,
    .vp-ux-helper-strip,
    .vp-start-shortcuts,
    .vp-tours-decision-strip,
    .vp-planner-fast-help{grid-template-columns:1fr}
    .vp-guidance-side{grid-template-columns:1fr}
    .vp-table-search{width:100%}
    .vp-table-search input[type="search"]{width:100%;min-width:0}
    body.vp-ui-polish .table-wrap::before,
    body.vp-ui-polish .vp-data-table-wrap::before{display:block}
    body.vp-ui-polish .btn{width:auto}
    body.vp-ui-polish .filter-bar,
    body.vp-ui-polish .business-filter-bar{grid-template-columns:1fr!important}
    .vp-quick-top{right:14px;bottom:82px}
    body.vp-ui-polish .driver-stepper-card{position:relative;top:auto}
}


/* source: neutron-logistics-theme.css */
/* VersandPro Patch 8.9 · Neutron-inspirierte, eigenständige Logistics UI
   Ziel: dunkles Premium-SaaS-Layout, Glow-Flächen, große Hero-Typografie,
   modulare Produktsektionen und weiche Motion-Effekte ohne fremde Assets. */

:root{
    --vp-n-bg:#020713;
    --vp-n-bg-2:#07111f;
    --vp-n-panel:rgba(8,17,31,.78);
    --vp-n-panel-strong:rgba(11,24,43,.92);
    --vp-n-panel-soft:rgba(255,255,255,.055);
    --vp-n-border:rgba(179,214,255,.16);
    --vp-n-border-strong:rgba(168,218,255,.28);
    --vp-n-text:#edf7ff;
    --vp-n-muted:#9fb4cc;
    --vp-n-faint:#6f8197;
    --vp-n-accent:#59f3ff;
    --vp-n-accent-2:#7c5cff;
    --vp-n-accent-3:#2af6a8;
    --vp-n-danger:#ff6b88;
    --vp-n-warning:#ffd166;
    --vp-n-radius:28px;
    --vp-n-radius-lg:40px;
    --vp-n-shadow:0 34px 110px rgba(0,0,0,.44);
    --vp-n-shadow-soft:0 18px 60px rgba(0,0,0,.30);
    --vp-n-glow:0 0 42px rgba(89,243,255,.24),0 0 90px rgba(124,92,255,.14);
    --vp-n-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;
}

html[data-theme="light"]{
    --vp-n-bg:#f5f8ff;
    --vp-n-bg-2:#eaf1fb;
    --vp-n-panel:rgba(255,255,255,.86);
    --vp-n-panel-strong:rgba(255,255,255,.96);
    --vp-n-panel-soft:rgba(4,19,42,.045);
    --vp-n-border:rgba(12,37,73,.13);
    --vp-n-border-strong:rgba(12,37,73,.22);
    --vp-n-text:#071426;
    --vp-n-muted:#52667c;
    --vp-n-faint:#78889a;
    --vp-n-shadow:0 26px 70px rgba(20,44,80,.14);
    --vp-n-shadow-soft:0 18px 44px rgba(20,44,80,.10);
}

body.vp-neutron-theme,
body.vp-neutron-driver{
    font-family:var(--vp-n-font);
    color:var(--vp-n-text);
    background:
        radial-gradient(circle at 8% 4%,rgba(89,243,255,.18),transparent 28rem),
        radial-gradient(circle at 82% 10%,rgba(124,92,255,.23),transparent 34rem),
        radial-gradient(circle at 50% 92%,rgba(42,246,168,.12),transparent 40rem),
        linear-gradient(180deg,var(--vp-n-bg),var(--vp-n-bg-2) 58%,var(--vp-n-bg));
    min-height:100vh;
    letter-spacing:-.015em;
}

body.vp-neutron-theme::before,
body.vp-neutron-driver::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-3;
    background:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent 82%);
}

body.vp-neutron-theme::after,
body.vp-neutron-driver::after{
    content:"";
    position:fixed;
    width:48rem;
    height:48rem;
    border-radius:999px;
    right:-18rem;
    top:8rem;
    pointer-events:none;
    z-index:-2;
    background:conic-gradient(from 210deg,rgba(89,243,255,.34),rgba(124,92,255,.18),rgba(42,246,168,.18),rgba(89,243,255,.34));
    filter:blur(76px);
    opacity:.34;
    animation:vp-n-orbit 22s ease-in-out infinite alternate;
}

@keyframes vp-n-orbit{
    from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
    to{transform:translate3d(-7rem,6rem,0) rotate(38deg) scale(1.12)}
}

@keyframes vp-n-float{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-10px,0)}
}

@keyframes vp-n-pulse{
    0%,100%{opacity:.62;filter:drop-shadow(0 0 10px rgba(89,243,255,.18))}
    50%{opacity:1;filter:drop-shadow(0 0 22px rgba(89,243,255,.44))}
}

@keyframes vp-n-marquee{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

@keyframes vp-n-rise{
    from{opacity:0;transform:translate3d(0,24px,0) scale(.985);filter:blur(8px)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

body.animation-off *,
body.animation-reduced *{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
}

.vp-neutron-theme .app-bg,
.vp-neutron-theme .vp-immersive-background,
.vp-neutron-theme .public-immersive-background{
    background:
        radial-gradient(circle at 30% 15%,rgba(89,243,255,.16),transparent 30rem),
        radial-gradient(circle at 72% 28%,rgba(124,92,255,.16),transparent 34rem),
        radial-gradient(circle at 45% 86%,rgba(42,246,168,.10),transparent 34rem)!important;
    opacity:.95;
}

.vp-neutron-theme .glass,
.vp-neutron-theme .glass-soft,
.vp-neutron-theme .panel,
.vp-neutron-theme .card,
.vp-neutron-theme .vp-side-card,
.vp-neutron-theme .vp-map-card,
.vp-neutron-theme .vp-kpi-card,
.vp-neutron-theme .vp-module-hub,
.vp-neutron-theme .vp-page-context,
.vp-neutron-theme .dispatch-board,
.vp-neutron-theme .dispatch-calendar-panel,
.vp-neutron-theme .uf-disclosure,
.vp-neutron-theme .vp-tour-overview-card,
.vp-neutron-theme .vp-start-shortcuts a,
.vp-neutron-driver .driver-top,
.vp-neutron-driver .driver-card,
.vp-neutron-driver .driver-panel,
.vp-neutron-driver .tour-card,
.vp-neutron-driver .driver-user-box{
    position:relative;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow-soft);
    backdrop-filter:blur(22px) saturate(1.25);
    -webkit-backdrop-filter:blur(22px) saturate(1.25);
}

.vp-neutron-theme .glass::before,
.vp-neutron-theme .panel::before,
.vp-neutron-theme .card::before,
.vp-neutron-theme .vp-side-card::before,
.vp-neutron-theme .vp-kpi-card::before,
.vp-neutron-theme .vp-map-card::before,
.vp-neutron-driver .driver-card::before,
.vp-neutron-driver .driver-panel::before,
.vp-neutron-driver .tour-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 34%,rgba(89,243,255,.07) 56%,transparent 76%);
    opacity:.78;
    mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
}

.vp-neutron-theme a,
.vp-neutron-driver a{color:inherit}

.vp-neutron-theme .btn,
.vp-neutron-theme button.btn,
.vp-neutron-theme input[type="submit"],
.vp-neutron-driver .btn,
.vp-neutron-driver .driver-logout,
.vp-neutron-driver button{
    border-radius:999px!important;
    min-height:42px;
    border:1px solid rgba(89,243,255,.34)!important;
    background:
        radial-gradient(circle at 20% 0%,rgba(255,255,255,.36),transparent 34%),
        linear-gradient(135deg,var(--vp-n-accent),#74b9ff 43%,var(--vp-n-accent-2))!important;
    color:#02111e!important;
    box-shadow:0 12px 32px rgba(89,243,255,.20), inset 0 1px 0 rgba(255,255,255,.56)!important;
    font-weight:800;
    letter-spacing:-.02em;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}

.vp-neutron-theme .btn:hover,
.vp-neutron-theme button.btn:hover,
.vp-neutron-driver .btn:hover,
.vp-neutron-driver .driver-logout:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 48px rgba(89,243,255,.30),0 0 60px rgba(124,92,255,.18)!important;
}

.vp-neutron-theme .btn.ghost,
.vp-neutron-theme .btn.secondary,
.vp-neutron-theme .btn.mini.ghost,
.vp-neutron-theme .btn.small.ghost,
.vp-neutron-theme .icon-action,
.vp-neutron-theme .theme-toggle,
.vp-neutron-theme .top-search-trigger,
.vp-neutron-theme .vp-view-switch button,
.vp-neutron-driver .driver-logout{
    background:rgba(255,255,255,.065)!important;
    color:var(--vp-n-text)!important;
    border-color:var(--vp-n-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.18)!important;
}

.vp-neutron-theme .btn.ghost:hover,
.vp-neutron-theme .icon-action:hover,
.vp-neutron-theme .theme-toggle:hover,
.vp-neutron-theme .top-search-trigger:hover,
.vp-neutron-theme .vp-view-switch button:hover{
    border-color:rgba(89,243,255,.45)!important;
    background:rgba(89,243,255,.10)!important;
}

.vp-neutron-theme .sidebar{
    background:rgba(2,8,20,.70)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:28px 0 70px rgba(0,0,0,.32);
    backdrop-filter:blur(26px) saturate(1.2);
}

.vp-neutron-theme .brand,
.vp-neutron-driver .driver-brand{
    border-radius:24px;
}

.vp-neutron-theme .brand-logo,
.vp-neutron-theme .topbar-mark,
.vp-neutron-driver .driver-brand img{
    filter:drop-shadow(0 0 22px rgba(89,243,255,.28));
}

.vp-neutron-theme .brand-wordmark,
.vp-neutron-driver .driver-brand strong{
    letter-spacing:-.05em;
}

.vp-neutron-theme .nav-group{
    border-radius:24px;
    padding:.65rem;
    margin:.35rem 0 .7rem;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.045);
}

.vp-neutron-theme .nav-group-title{
    color:var(--vp-n-muted)!important;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:.68rem;
}

.vp-neutron-theme .nav a{
    border-radius:18px!important;
    color:rgba(237,247,255,.72)!important;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}

.vp-neutron-theme .nav a:hover{
    transform:translateX(3px);
    background:rgba(89,243,255,.08)!important;
    color:#fff!important;
}

.vp-neutron-theme .nav a.active{
    background:linear-gradient(135deg,rgba(89,243,255,.18),rgba(124,92,255,.16))!important;
    color:#fff!important;
    border:1px solid rgba(89,243,255,.24)!important;
    box-shadow:0 12px 34px rgba(89,243,255,.12);
}

.vp-neutron-theme .main{
    position:relative;
}

.vp-neutron-theme .topbar{
    border-radius:0 0 32px 32px!important;
    margin:0 clamp(.75rem,1.5vw,1.5rem) 1.2rem;
    top:0;
    background:rgba(4,10,22,.76)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-top:0!important;
}

.vp-neutron-theme .topbar-title strong,
.vp-neutron-theme .page-head h1,
.vp-neutron-theme .business-head h1,
.vp-neutron-theme .v85-section-head h2,
.vp-neutron-theme .vp-dashboard-hero-copy h1,
.vp-neutron-theme .vp-start-hero h1,
.vp-neutron-theme .panel h2,
.vp-neutron-theme .vp-card-head h3,
.vp-neutron-theme .vp-module-hub h2{
    letter-spacing:-.065em;
    color:var(--vp-n-text);
}

.vp-neutron-theme .topbar-title small,
.vp-neutron-theme .muted,
.vp-neutron-theme small,
.vp-neutron-theme .vp-guidance-main small,
.vp-neutron-theme .panel p,
.vp-neutron-theme .v85-section-head p{
    color:var(--vp-n-muted)!important;
}

.vp-neutron-theme .eyebrow,
.vp-neutron-theme .vp-eyebrow,
.vp-neutron-theme .panel-kicker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    width:max-content;
    color:#bafaff!important;
    letter-spacing:.16em!important;
    text-transform:uppercase;
    font-size:.72rem!important;
    font-weight:900!important;
    border:1px solid rgba(89,243,255,.20);
    background:rgba(89,243,255,.08);
    border-radius:999px;
    padding:.36rem .62rem;
}

.vp-neutron-theme .vp-page-context{
    border-radius:26px!important;
    margin:0 clamp(.75rem,1.5vw,1.5rem) 1.2rem;
}

.vp-neutron-theme .content{
    max-width:1780px;
}

.vp-neutron-theme .page-head,
.vp-neutron-theme .business-head{
    position:relative;
    overflow:hidden;
    border-radius:var(--vp-n-radius-lg)!important;
    padding:clamp(1.2rem,2.7vw,2.4rem)!important;
    background:
        radial-gradient(circle at 78% 14%,rgba(89,243,255,.15),transparent 34rem),
        radial-gradient(circle at 18% 86%,rgba(124,92,255,.16),transparent 32rem),
        linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow-soft);
}

.vp-neutron-theme .page-head::after,
.vp-neutron-theme .business-head::after{
    content:"";
    position:absolute;
    right:clamp(1.2rem,4vw,4rem);
    top:50%;
    width:18rem;
    height:18rem;
    border-radius:999px;
    transform:translateY(-50%);
    background:conic-gradient(from 100deg,rgba(89,243,255,.28),rgba(124,92,255,.14),transparent,rgba(42,246,168,.18));
    filter:blur(18px);
    opacity:.45;
    pointer-events:none;
}

.vp-neutron-theme .page-head h1,
.vp-neutron-theme .business-head h1{
    font-size:clamp(2rem,4.2vw,5.2rem)!important;
    line-height:.92!important;
    max-width:900px;
}

.vp-neutron-theme .vp-workspace-meta span,
.vp-neutron-theme .vp-date-pill,
.vp-neutron-theme .vp-depth-chip,
.vp-neutron-theme .status-pivot,
.vp-neutron-theme .badge,
.vp-neutron-theme .demo-session-badge,
.vp-neutron-theme .vp-selected-meta,
.vp-neutron-theme .vp-preview-top span{
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:var(--vp-n-text)!important;
}

.vp-neutron-theme .vp-dashboard-3d-hero,
.vp-neutron-theme .vp-start-hero{
    position:relative;
    overflow:hidden;
    border-radius:clamp(28px,4vw,56px)!important;
    padding:clamp(1.6rem,4vw,4.8rem)!important;
    min-height:clamp(430px,58vh,720px);
    background:
        radial-gradient(circle at 76% 18%,rgba(89,243,255,.18),transparent 34rem),
        radial-gradient(circle at 18% 80%,rgba(124,92,255,.20),transparent 36rem),
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow),var(--vp-n-glow);
}

.vp-neutron-theme .vp-dashboard-3d-hero::before,
.vp-neutron-theme .vp-start-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(115deg,rgba(255,255,255,.20),transparent 22%,transparent 72%,rgba(89,243,255,.12)),
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:auto,62px 62px,62px 62px;
    mask-image:radial-gradient(circle at 62% 44%,rgba(0,0,0,.9),rgba(0,0,0,.28) 58%,transparent 88%);
}

.vp-neutron-theme .vp-dashboard-hero-copy h1,
.vp-neutron-theme .vp-start-hero h1{
    font-size:clamp(3.1rem,7.2vw,8.8rem)!important;
    line-height:.82!important;
    letter-spacing:-.09em!important;
    margin:.55rem 0 1rem;
}

.vp-neutron-theme .vp-start-hero h1 span,
.vp-neutron-theme .vp-dashboard-hero-copy h1 span{
    display:block;
    background:linear-gradient(180deg,#fff 8%,#d5f6ff 42%,#7e91aa 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 14px 54px rgba(89,243,255,.10);
}

.vp-neutron-theme .vp-dashboard-hero-copy p,
.vp-neutron-theme .vp-start-hero p{
    max-width:760px;
    font-size:clamp(1rem,1.3vw,1.28rem);
    line-height:1.72;
    color:#b8c9da!important;
}

.vp-neutron-theme .v85-proof-row,
.vp-neutron-theme .vp-start-proof,
.vp-neutron-theme .vp-hero-action-row{
    flex-wrap:wrap;
    gap:.7rem;
}

.vp-neutron-theme .v85-proof-row span,
.vp-neutron-theme .vp-start-proof span,
.vp-neutron-theme .vp-hero-action-row span{
    border-radius:999px!important;
    padding:.62rem .88rem!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#dff9ff!important;
}

.vp-neutron-theme .vp-immersive-stage,
.vp-neutron-theme .v85-stage,
.vp-neutron-theme .vp-start-stage{
    border-radius:38px!important;
    background:rgba(0,0,0,.24)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 32px 100px rgba(0,0,0,.34),0 0 60px rgba(89,243,255,.10)!important;
    overflow:hidden;
    animation:vp-n-float 8s ease-in-out infinite;
}

.vp-neutron-theme .vp-floating-panel,
.vp-neutron-theme .vp-start-dashboard-preview,
.vp-neutron-theme .vp-tour-card,
.vp-neutron-theme .vp-map-insight-stack span,
.vp-neutron-theme .vp-preview-stats span{
    background:rgba(5,13,28,.76)!important;
    border:1px solid rgba(151,221,255,.18)!important;
    border-radius:24px!important;
    box-shadow:0 22px 60px rgba(0,0,0,.30);
    backdrop-filter:blur(18px);
}

.vp-neutron-theme .vp-css-route-space .route-line,
.vp-neutron-theme .vp-route-path,
.vp-neutron-theme .vp-preview-map i{
    stroke:var(--vp-n-accent)!important;
    border-color:var(--vp-n-accent)!important;
    box-shadow:0 0 28px rgba(89,243,255,.28)!important;
}

.vp-neutron-theme .vp-stop,
.vp-neutron-theme .vp-preview-map em,
.vp-neutron-theme .custom-div-icon,
.vp-neutron-theme .vp-map-controls button{
    animation:vp-n-pulse 2.8s ease-in-out infinite;
}

.vp-neutron-theme .vp-kpi-grid,
.vp-neutron-theme .cards.four,
.vp-neutron-theme .business-metrics,
.vp-neutron-theme .planner-summary-cards,
.vp-neutron-theme .v85-feature-grid,
.vp-neutron-theme .vp-neutron-impact-grid,
.vp-neutron-theme .vp-neutron-module-grid{
    gap:clamp(.85rem,1.4vw,1.25rem)!important;
}

.vp-neutron-theme .vp-kpi-card,
.vp-neutron-theme .metric-card,
.vp-neutron-theme .v85-feature-grid article,
.vp-neutron-theme .vp-neutron-impact-card,
.vp-neutron-theme .vp-neutron-module-card{
    border-radius:30px!important;
    padding:clamp(1rem,1.7vw,1.45rem)!important;
    overflow:hidden;
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

.vp-neutron-theme .vp-kpi-card:hover,
.vp-neutron-theme .metric-card:hover,
.vp-neutron-theme .v85-feature-grid article:hover,
.vp-neutron-theme .vp-tour-overview-card:hover,
.vp-neutron-theme .dispatch-mini-card:hover,
.vp-neutron-theme .vp-neutron-impact-card:hover,
.vp-neutron-theme .vp-neutron-module-card:hover{
    transform:translateY(-4px);
    border-color:rgba(89,243,255,.34)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 60px rgba(89,243,255,.09);
}

.vp-neutron-theme .vp-kpi-card strong,
.vp-neutron-theme .metric-card strong,
.vp-neutron-theme .vp-neutron-impact-card strong{
    font-size:clamp(2rem,3vw,3.8rem)!important;
    letter-spacing:-.08em;
    background:linear-gradient(180deg,#fff,#bff8ff 58%,#7da3ba);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
}

.vp-neutron-theme .panel,
.vp-neutron-theme .vp-map-card,
.vp-neutron-theme .vp-side-card,
.vp-neutron-theme .dispatch-board,
.vp-neutron-theme .dispatch-calendar-panel,
.vp-neutron-theme .vp-module-hub{
    border-radius:34px!important;
}

.vp-neutron-theme .panel-title-row,
.vp-neutron-theme .vp-panel-head,
.vp-neutron-theme .vp-card-head,
.vp-neutron-theme .vp-module-hub-head{
    border-bottom:1px solid rgba(255,255,255,.075);
    padding-bottom:.9rem;
    margin-bottom:1rem;
}

.vp-neutron-theme .vp-route-map,
.vp-neutron-theme .map,
.vp-neutron-theme #plannerMap,
.vp-neutron-theme #dashboardMapWrap,
.vp-neutron-theme .vp-dashboard-live-map{
    border-radius:32px!important;
    overflow:hidden;
    border:1px solid rgba(151,221,255,.18)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 24px 72px rgba(0,0,0,.24)!important;
    background:
        radial-gradient(circle at 30% 30%,rgba(89,243,255,.11),transparent 22rem),
        linear-gradient(135deg,rgba(6,18,35,.96),rgba(8,15,31,.86))!important;
}

.vp-neutron-theme .leaflet-container{
    background:#061020!important;
    filter:saturate(.86) contrast(1.05);
}

.vp-neutron-theme .leaflet-tile-pane{
    opacity:.86;
    filter:hue-rotate(165deg) saturate(.65) brightness(.78) contrast(1.08);
}

.vp-neutron-theme .leaflet-control,
.vp-neutron-theme .vp-map-controls{
    border-radius:18px!important;
    overflow:hidden;
    background:rgba(4,11,24,.72)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(14px);
}

.vp-neutron-theme input,
.vp-neutron-theme select,
.vp-neutron-theme textarea,
.vp-neutron-driver input,
.vp-neutron-driver select,
.vp-neutron-driver textarea{
    border-radius:18px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:var(--vp-n-text)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.vp-neutron-theme input:focus,
.vp-neutron-theme select:focus,
.vp-neutron-theme textarea:focus,
.vp-neutron-driver input:focus,
.vp-neutron-driver select:focus,
.vp-neutron-driver textarea:focus{
    outline:none!important;
    border-color:rgba(89,243,255,.55)!important;
    box-shadow:0 0 0 4px rgba(89,243,255,.12),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.vp-neutron-theme .check-list label,
.vp-neutron-theme .check-option,
.vp-neutron-theme .selected-stops > *,
.vp-neutron-theme .vp-list-item,
.vp-neutron-theme .dispatch-mini-card,
.vp-neutron-theme .calendar-day,
.vp-neutron-theme .calendar-pill{
    border-radius:22px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.vp-neutron-theme .check-list label:hover,
.vp-neutron-theme .check-list label.is-selected,
.vp-neutron-theme .selected-stops > *:hover,
.vp-neutron-theme .vp-list-item:hover,
.vp-neutron-theme .calendar-pill:hover{
    transform:translateY(-2px);
    border-color:rgba(89,243,255,.32)!important;
    background:rgba(89,243,255,.085)!important;
}

.vp-neutron-theme .planner-workspace,
.vp-neutron-theme .vp-planner-workspace{
    align-items:start;
}

.vp-neutron-theme .vp-planner-column{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.vp-neutron-theme .route-summary,
.vp-neutron-theme .business-route-summary,
.vp-neutron-theme .vp-route-quality,
.vp-neutron-theme .vp-route-statusline,
.vp-neutron-theme .info-box,
.vp-neutron-theme .vp-inline-help-note{
    border-radius:22px!important;
    background:rgba(89,243,255,.065)!important;
    border:1px solid rgba(89,243,255,.16)!important;
}

.vp-neutron-theme .route-summary strong,
.vp-neutron-theme .route-summary b{
    color:#eaffff!important;
}

.vp-neutron-theme .progress,
.vp-neutron-theme .vp-progress{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:999px!important;
    overflow:hidden;
}

.vp-neutron-theme .progress i,
.vp-neutron-theme .vp-progress i{
    background:linear-gradient(90deg,var(--vp-n-accent),var(--vp-n-accent-2))!important;
    box-shadow:0 0 22px rgba(89,243,255,.28);
}

.vp-neutron-theme .vp-data-table-wrap{
    border-radius:30px!important;
    overflow:auto;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.035)!important;
}

.vp-neutron-theme .vp-data-table,
.vp-neutron-theme table{
    border-collapse:separate!important;
    border-spacing:0!important;
}

.vp-neutron-theme .vp-data-table th,
.vp-neutron-theme table th{
    background:rgba(7,17,32,.88)!important;
    color:#dff9ff!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:.72rem;
}

.vp-neutron-theme .vp-data-table td,
.vp-neutron-theme table td{
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.vp-neutron-theme .vp-data-table tr:hover td,
.vp-neutron-theme table tr:hover td{
    background:rgba(89,243,255,.045)!important;
}

.vp-neutron-theme .dispatch-columns{
    gap:1rem!important;
}

.vp-neutron-theme .dispatch-column{
    border-radius:28px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.08)!important;
}

.vp-neutron-theme .dispatch-column-head{
    border-radius:22px!important;
    background:rgba(255,255,255,.06)!important;
}

.vp-neutron-theme .vp-tour-card-grid{
    gap:1rem!important;
}

.vp-neutron-theme .vp-tour-overview-card{
    border-radius:30px!important;
    overflow:hidden;
}

.vp-neutron-theme .vp-tour-overview-card::after,
.vp-neutron-theme .vp-kpi-card::after,
.vp-neutron-theme .metric-card::after{
    content:"";
    position:absolute;
    width:10rem;
    height:10rem;
    right:-4rem;
    top:-4rem;
    border-radius:999px;
    background:radial-gradient(circle,rgba(89,243,255,.14),transparent 68%);
    pointer-events:none;
}

.vp-neutron-theme .status-chip-band,
.vp-neutron-theme .vp-tours-decision-strip,
.vp-neutron-theme .vp-command-ribbon,
.vp-neutron-theme .vp-ux-helper-strip,
.vp-neutron-theme .vp-next-level-strip,
.vp-neutron-theme .vp-guidance-panel,
.vp-neutron-theme .vp-planner-fast-help,
.vp-neutron-theme .uf-step-guide{
    border-radius:30px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow-soft);
    overflow:hidden;
}

.vp-neutron-theme .vp-command-ribbon-card,
.vp-neutron-theme .vp-tours-decision-strip a,
.vp-neutron-theme .uf-step-guide > *,
.vp-neutron-theme .vp-planner-fast-help > *{
    border-radius:24px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
}

.vp-neutron-theme .public-nav{
    position:sticky;
    top:1rem;
    z-index:50;
    width:min(1180px,calc(100% - 2rem));
    margin:1rem auto 0;
    border-radius:999px!important;
    padding:.55rem .7rem!important;
    background:rgba(3,9,20,.70)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 22px 64px rgba(0,0,0,.32);
    backdrop-filter:blur(24px) saturate(1.2);
}

.vp-neutron-theme .public-nav nav{
    gap:.45rem;
}

.vp-neutron-theme .public-nav nav a:not(.btn),
.vp-neutron-theme .public-nav .theme-toggle{
    border-radius:999px;
    padding:.72rem .95rem;
    color:#c5d7ea!important;
    background:transparent!important;
    border:1px solid transparent!important;
}

.vp-neutron-theme .public-nav nav a:not(.btn):hover,
.vp-neutron-theme .public-nav .theme-toggle:hover{
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.12)!important;
    color:#fff!important;
}

.vp-neutron-theme .public-shell main,
.vp-neutron-theme main#mainContent{
    position:relative;
}

.vp-neutron-theme .vp-start-hero{
    width:min(1320px,calc(100% - 2rem));
    margin:clamp(1.2rem,2vw,2rem) auto 0;
}

.vp-neutron-theme .vp-start-dashboard-preview{
    padding:1rem;
    max-width:520px;
}

.vp-neutron-theme .vp-preview-map{
    min-height:260px;
    border-radius:30px!important;
    background:
        radial-gradient(circle at 22% 68%,rgba(89,243,255,.18),transparent 12rem),
        linear-gradient(135deg,rgba(11,25,45,.96),rgba(4,9,20,.96))!important;
    border:1px solid rgba(255,255,255,.10);
    overflow:hidden;
}

.vp-neutron-theme .vp-start-shortcuts,
.vp-neutron-theme .vp-start-modules,
.vp-neutron-theme .vp-start-workflow,
.vp-neutron-theme .vp-neutron-platform,
.vp-neutron-theme .vp-neutron-impact,
.vp-neutron-theme .vp-neutron-cta{
    width:min(1180px,calc(100% - 2rem));
    margin-inline:auto;
}

.vp-neutron-theme .v85-section{
    padding-block:clamp(2rem,5vw,5rem)!important;
}

.vp-neutron-theme .vp-start-shortcuts{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
    transform:translateY(-2.2rem);
    margin-bottom:-1rem;
}

.vp-neutron-theme .vp-start-shortcuts a{
    padding:1.1rem!important;
    border-radius:26px!important;
}

.vp-neutron-theme .v85-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:2rem;
    margin-bottom:1.4rem;
}

.vp-neutron-theme .v85-section-head h2{
    font-size:clamp(2.2rem,4.2vw,5.4rem)!important;
    line-height:.94!important;
    max-width:820px;
}

.vp-neutron-theme .v85-section-head p{
    max-width:470px;
    font-size:1rem;
    line-height:1.7;
}

.vp-neutron-theme .v85-feature-grid article,
.vp-neutron-theme .vp-neutron-module-card,
.vp-neutron-theme .vp-neutron-impact-card{
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.032))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow-soft);
}

.vp-neutron-theme .feature-icon{
    display:grid;
    place-items:center;
    width:3rem;
    height:3rem;
    border-radius:18px;
    background:linear-gradient(135deg,rgba(89,243,255,.16),rgba(124,92,255,.14));
    border:1px solid rgba(89,243,255,.20);
}

.vp-neutron-marquee{
    position:relative;
    overflow:hidden;
    width:min(1180px,calc(100% - 2rem));
    margin:1.5rem auto 0;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.045);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.vp-neutron-marquee-track{
    display:flex;
    gap:.8rem;
    width:max-content;
    padding:.65rem;
    animation:vp-n-marquee 28s linear infinite;
}

.vp-neutron-marquee span{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.65rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:#d8f7ff;
    white-space:nowrap;
    font-weight:800;
}

.vp-neutron-platform-card{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:clamp(1rem,2vw,2rem);
    padding:clamp(1rem,2.4vw,2rem);
    border-radius:38px;
    border:1px solid var(--vp-n-border);
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
    box-shadow:var(--vp-n-shadow);
    overflow:hidden;
}

.vp-neutron-platform-visual{
    min-height:360px;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at 30% 28%,rgba(89,243,255,.18),transparent 14rem),
        radial-gradient(circle at 70% 70%,rgba(124,92,255,.18),transparent 14rem),
        linear-gradient(135deg,rgba(7,17,34,.98),rgba(3,8,19,.98));
    position:relative;
    overflow:hidden;
}

.vp-neutron-platform-visual::before{
    content:"";
    position:absolute;
    inset:2rem;
    border-radius:26px;
    background:
        linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:40px 40px;
    mask-image:radial-gradient(circle,#000,transparent 78%);
}

.vp-neutron-platform-visual i{
    position:absolute;
    left:12%;right:10%;top:54%;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--vp-n-accent),var(--vp-n-accent-2));
    box-shadow:0 0 28px rgba(89,243,255,.42);
    transform:rotate(-11deg);
}

.vp-neutron-platform-visual span{
    position:absolute;
    width:2.25rem;
    height:2.25rem;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:linear-gradient(135deg,#eaffff,var(--vp-n-accent));
    color:#04111f;
    font-weight:900;
    box-shadow:0 0 30px rgba(89,243,255,.34);
}

.vp-neutron-platform-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1rem;
}

.vp-neutron-module-grid,
.vp-neutron-impact-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.vp-neutron-module-card,
.vp-neutron-impact-card{
    position:relative;
    min-height:190px;
}

.vp-neutron-module-card h3,
.vp-neutron-impact-card h3{
    margin:.9rem 0 .55rem;
}

.vp-neutron-impact-card strong{
    display:block;
    margin-bottom:.4rem;
}

.vp-neutron-cta .band,
.vp-neutron-theme .vp-start-cta{
    border-radius:42px!important;
    background:
        radial-gradient(circle at 78% 25%,rgba(89,243,255,.18),transparent 22rem),
        linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    border:1px solid var(--vp-n-border)!important;
    box-shadow:var(--vp-n-shadow)!important;
}

.vp-neutron-reveal{
    opacity:0;
    transform:translate3d(0,22px,0) scale(.99);
}

.vp-neutron-reveal.is-visible{
    animation:vp-n-rise .72s cubic-bezier(.2,.8,.2,1) both;
}

.vp-neutron-theme .vp-neutron-tilt{
    transform-style:preserve-3d;
    will-change:transform;
}

.vp-neutron-theme .vp-neutron-tilt > *{
    transform:translateZ(10px);
}

.vp-neutron-theme .flash{
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(8,18,34,.86)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.24)!important;
}

.vp-neutron-driver main{
    width:min(1040px,calc(100% - 1.2rem));
    margin:0 auto;
    padding:1rem 0 2rem;
}

.vp-neutron-driver .driver-top{
    position:sticky;
    top:.75rem;
    z-index:20;
    border-radius:28px!important;
    padding:.8rem!important;
    margin-bottom:1rem;
}

.vp-neutron-driver .driver-card,
.vp-neutron-driver .driver-panel,
.vp-neutron-driver .tour-card{
    border-radius:30px!important;
}

.vp-neutron-driver .driver-card h1,
.vp-neutron-driver .driver-panel h2,
.vp-neutron-driver .tour-card h2{
    letter-spacing:-.06em;
}

.vp-neutron-driver .status-btn,
.vp-neutron-driver .driver-action,
.vp-neutron-driver .primary-action{
    border-radius:22px!important;
}

@media (max-width:1180px){
    .vp-neutron-theme .vp-start-hero,
    .vp-neutron-theme .vp-dashboard-3d-hero{
        grid-template-columns:1fr!important;
    }
    .vp-neutron-platform-card{
        grid-template-columns:1fr;
    }
}

@media (max-width:860px){
    .vp-neutron-theme .public-nav{
        border-radius:26px!important;
        align-items:flex-start;
    }
    .vp-neutron-theme .public-nav nav{
        width:100%;
        overflow:auto;
        padding-bottom:.2rem;
    }
    .vp-neutron-theme .vp-start-hero,
    .vp-neutron-theme .vp-dashboard-3d-hero{
        width:calc(100% - 1rem);
        min-height:auto;
        border-radius:34px!important;
        padding:1.2rem!important;
    }
    .vp-neutron-theme .vp-dashboard-hero-copy h1,
    .vp-neutron-theme .vp-start-hero h1{
        font-size:clamp(2.8rem,15vw,5.8rem)!important;
    }
    .vp-neutron-theme .vp-start-shortcuts,
    .vp-neutron-theme .vp-neutron-module-grid,
    .vp-neutron-theme .vp-neutron-impact-grid{
        grid-template-columns:1fr!important;
    }
    .vp-neutron-theme .v85-section-head{
        display:block;
    }
    .vp-neutron-theme .v85-section-head h2{
        font-size:clamp(2rem,10vw,3.6rem)!important;
    }
    .vp-neutron-theme .topbar{
        margin:0 .5rem 1rem;
        border-radius:0 0 24px 24px!important;
    }
    .vp-neutron-theme .page-head h1,
    .vp-neutron-theme .business-head h1{
        font-size:clamp(2.1rem,11vw,4rem)!important;
    }
    .vp-neutron-theme .vp-neutron-marquee{
        width:calc(100% - 1rem);
    }
}

@media (prefers-reduced-motion:reduce){
    .vp-neutron-theme *,
    .vp-neutron-driver *{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
        scroll-behavior:auto!important;
    }
}

.vp-neutron-theme .public-nav nav a.is-section-active{
    background:rgba(89,243,255,.12)!important;
    border-color:rgba(89,243,255,.28)!important;
    color:#fff!important;
}

.vp-neutron-theme #plannerMap::after,
.vp-neutron-theme #dashboardMapWrap::after,
.vp-neutron-theme .vp-preview-map::after,
.vp-neutron-theme .vp-neutron-platform-visual::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(89,243,255,.16),transparent 18rem);
    opacity:.75;
}
.vp-neutron-theme #plannerMap,
.vp-neutron-theme #dashboardMapWrap,
.vp-neutron-theme .vp-preview-map,
.vp-neutron-theme .vp-neutron-platform-visual{position:relative;}


/* source: neutron-pro-90.css */
/* VersandPro 9.0 · Neutron Pro Interface Layer
   Eigenständiges Premium-SaaS Theme für alle bestehenden VersandPro-Oberflächen. */

:root{
    --vp90-bg:#030611;
    --vp90-bg-2:#07101f;
    --vp90-bg-3:#0b1221;
    --vp90-panel:rgba(10,18,34,.72);
    --vp90-panel-strong:rgba(13,24,44,.9);
    --vp90-panel-soft:rgba(255,255,255,.055);
    --vp90-line:rgba(255,255,255,.12);
    --vp90-line-soft:rgba(255,255,255,.075);
    --vp90-text:#f6fbff;
    --vp90-muted:#9fb0c4;
    --vp90-muted-2:#738399;
    --vp90-accent:#66f7d3;
    --vp90-accent-2:#57a8ff;
    --vp90-accent-3:#a981ff;
    --vp90-danger:#ff6a8d;
    --vp90-warning:#ffd166;
    --vp90-ok:#72f7a8;
    --vp90-radius-xl:34px;
    --vp90-radius-lg:26px;
    --vp90-radius-md:18px;
    --vp90-shadow:0 30px 90px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.055) inset;
    --vp90-shadow-soft:0 18px 45px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.045) inset;
    --vp90-glow:0 0 34px rgba(102,247,211,.22),0 0 80px rgba(87,168,255,.13);
    --vp90-ease:cubic-bezier(.2,.75,.22,1);
}

html[data-theme="light"]{
    --vp90-bg:#f6f8fb;
    --vp90-bg-2:#eef3f8;
    --vp90-bg-3:#ffffff;
    --vp90-panel:rgba(255,255,255,.78);
    --vp90-panel-strong:rgba(255,255,255,.95);
    --vp90-panel-soft:rgba(8,22,42,.045);
    --vp90-line:rgba(16,30,54,.12);
    --vp90-line-soft:rgba(16,30,54,.08);
    --vp90-text:#07101f;
    --vp90-muted:#526178;
    --vp90-muted-2:#718199;
    --vp90-shadow:0 30px 90px rgba(31,45,70,.12), 0 0 0 1px rgba(16,30,54,.07) inset;
    --vp90-shadow-soft:0 18px 45px rgba(31,45,70,.1), 0 0 0 1px rgba(16,30,54,.055) inset;
}

.vp-neutron-pro,
.vp-neutron-pro-driver{
    color:var(--vp90-text);
    background:
        radial-gradient(circle at 10% 2%, rgba(102,247,211,.12), transparent 24rem),
        radial-gradient(circle at 78% 0%, rgba(87,168,255,.16), transparent 30rem),
        radial-gradient(circle at 46% 100%, rgba(169,129,255,.13), transparent 34rem),
        linear-gradient(180deg,var(--vp90-bg),var(--vp90-bg-2) 50%,var(--vp90-bg));
    background-attachment:fixed;
}

.vp-neutron-pro:before,
.vp-neutron-pro-driver:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-3;
    pointer-events:none;
    opacity:.55;
    background:
      linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at 50% 35%,#000 0 40%,transparent 78%);
}

.vp-neutron-pro:after,
.vp-neutron-pro-driver:after{
    content:"";
    position:fixed;
    inset:-20%;
    z-index:-2;
    pointer-events:none;
    opacity:.28;
    background:conic-gradient(from 90deg at 50% 50%, transparent 0 18%, rgba(102,247,211,.18), transparent 37%, rgba(87,168,255,.16), transparent 68%, rgba(169,129,255,.16), transparent 100%);
    filter:blur(50px);
    animation:vp90-aurora 28s linear infinite;
}

@keyframes vp90-aurora{
    0%{transform:rotate(0deg) scale(1)}
    50%{transform:rotate(180deg) scale(1.05)}
    100%{transform:rotate(360deg) scale(1)}
}

.vp-neutron-pro .content,
.vp-neutron-pro main#mainContent,
.vp-neutron-pro .main{
    position:relative;
}

.vp-neutron-pro .content:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:290px;
    pointer-events:none;
    opacity:.65;
    background:radial-gradient(ellipse at 50% 0%, rgba(102,247,211,.12), transparent 60%);
    z-index:-1;
}

.vp-neutron-pro .glass,
.vp-neutron-pro .panel,
.vp-neutron-pro .card,
.vp-neutron-pro .metric-card,
.vp-neutron-pro .glass-soft,
.vp-neutron-pro .sidebar,
.vp-neutron-pro .topbar,
.vp-neutron-pro .vp-page-context,
.vp-neutron-pro .public-nav,
.vp-neutron-pro .public-footer,
.vp-neutron-pro .uf-disclosure,
.vp-neutron-pro .dispatch-board,
.vp-neutron-pro .vp-map-card,
.vp-neutron-pro .vp-module-hub,
.vp-neutron-pro .vp-next-level-strip,
.vp-neutron-pro .vp-neutron-platform-card,
.vp-neutron-pro .vp-neutron-cta .band,
.vp-neutron-pro-driver .driver-top,
.vp-neutron-pro-driver .driver-card,
.vp-neutron-pro-driver .driver-panel,
.vp-neutron-pro-driver .tour-card{
    background:linear-gradient(145deg, rgba(255,255,255,.086), rgba(255,255,255,.035)) !important;
    border:1px solid var(--vp90-line) !important;
    box-shadow:var(--vp90-shadow-soft);
    backdrop-filter:blur(22px) saturate(1.35);
    -webkit-backdrop-filter:blur(22px) saturate(1.35);
}

.vp-neutron-pro .panel,
.vp-neutron-pro .card,
.vp-neutron-pro .metric-card,
.vp-neutron-pro .vp-map-card,
.vp-neutron-pro .vp-module-hub,
.vp-neutron-pro .vp-next-level-strip,
.vp-neutron-pro .uf-disclosure,
.vp-neutron-pro-driver .driver-card,
.vp-neutron-pro-driver .driver-panel,
.vp-neutron-pro-driver .tour-card{
    border-radius:var(--vp90-radius-lg) !important;
    position:relative;
    overflow:hidden;
}

.vp-neutron-pro .panel:before,
.vp-neutron-pro .card:before,
.vp-neutron-pro .metric-card:before,
.vp-neutron-pro .vp-map-card:before,
.vp-neutron-pro .vp-tour-overview-card:before,
.vp-neutron-pro .dispatch-column:before,
.vp-neutron-pro-driver .driver-card:before,
.vp-neutron-pro-driver .driver-panel:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
      radial-gradient(circle at var(--vp90-x, 20%) var(--vp90-y, 0%), rgba(102,247,211,.18), transparent 24rem),
      linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%);
    opacity:.58;
    transition:opacity .28s var(--vp90-ease);
}

.vp-neutron-pro .panel:hover:before,
.vp-neutron-pro .card:hover:before,
.vp-neutron-pro .metric-card:hover:before,
.vp-neutron-pro .vp-tour-overview-card:hover:before,
.vp-neutron-pro .dispatch-column:hover:before,
.vp-neutron-pro-driver .driver-card:hover:before{
    opacity:.9;
}

.vp-neutron-pro a,
.vp-neutron-pro button,
.vp-neutron-pro input,
.vp-neutron-pro select,
.vp-neutron-pro textarea,
.vp-neutron-pro summary,
.vp-neutron-pro-driver a,
.vp-neutron-pro-driver button,
.vp-neutron-pro-driver input,
.vp-neutron-pro-driver select,
.vp-neutron-pro-driver textarea{
    transition:transform .22s var(--vp90-ease), background .22s var(--vp90-ease), border-color .22s var(--vp90-ease), box-shadow .22s var(--vp90-ease), color .22s var(--vp90-ease), opacity .22s var(--vp90-ease);
}

.vp-neutron-pro .btn,
.vp-neutron-pro .button,
.vp-neutron-pro button.btn,
.vp-neutron-pro-driver .btn,
.vp-neutron-pro-driver .driver-logout,
.vp-neutron-pro-driver button{
    border:1px solid rgba(102,247,211,.28) !important;
    background:linear-gradient(135deg, rgba(102,247,211,.98), rgba(87,168,255,.92)) !important;
    color:#041018 !important;
    box-shadow:0 12px 34px rgba(102,247,211,.18), inset 0 1px rgba(255,255,255,.42);
    font-weight:800;
}

.vp-neutron-pro .btn:hover,
.vp-neutron-pro button.btn:hover,
.vp-neutron-pro-driver .btn:hover,
.vp-neutron-pro-driver .driver-logout:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 46px rgba(102,247,211,.24), inset 0 1px rgba(255,255,255,.48);
}

.vp-neutron-pro .btn.ghost,
.vp-neutron-pro .btn.small.ghost,
.vp-neutron-pro .btn.mini.ghost,
.vp-neutron-pro a.btn.ghost,
.vp-neutron-pro-driver .btn.ghost{
    color:var(--vp90-text) !important;
    background:rgba(255,255,255,.06) !important;
    border-color:var(--vp90-line) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.12);
}

.vp-neutron-pro .btn.ghost:hover,
.vp-neutron-pro .btn.mini.ghost:hover{
    border-color:rgba(102,247,211,.45) !important;
    background:rgba(102,247,211,.1) !important;
    color:var(--vp90-text) !important;
}

.vp-neutron-pro .btn.danger,
.vp-neutron-pro .ghost.danger{
    border-color:rgba(255,106,141,.38) !important;
    background:rgba(255,106,141,.10) !important;
    color:#ffdce4 !important;
}

.vp-neutron-pro input,
.vp-neutron-pro select,
.vp-neutron-pro textarea,
.vp-neutron-pro .vp-table-search,
.vp-neutron-pro-driver input,
.vp-neutron-pro-driver select,
.vp-neutron-pro-driver textarea{
    background:rgba(2,8,17,.46) !important;
    color:var(--vp90-text) !important;
    border:1px solid var(--vp90-line) !important;
    border-radius:16px !important;
    box-shadow:inset 0 1px rgba(255,255,255,.05);
}

html[data-theme="light"] .vp-neutron-pro input,
html[data-theme="light"] .vp-neutron-pro select,
html[data-theme="light"] .vp-neutron-pro textarea,
html[data-theme="light"] .vp-neutron-pro-driver input,
html[data-theme="light"] .vp-neutron-pro-driver select,
html[data-theme="light"] .vp-neutron-pro-driver textarea{
    background:rgba(255,255,255,.7) !important;
}

.vp-neutron-pro input:focus,
.vp-neutron-pro select:focus,
.vp-neutron-pro textarea:focus,
.vp-neutron-pro-driver input:focus,
.vp-neutron-pro-driver select:focus,
.vp-neutron-pro-driver textarea:focus{
    border-color:rgba(102,247,211,.72) !important;
    box-shadow:0 0 0 4px rgba(102,247,211,.12), inset 0 1px rgba(255,255,255,.05) !important;
    outline:0;
}

.vp-neutron-pro .sidebar{
    border-radius:0 32px 32px 0;
    overflow:hidden;
}

.vp-neutron-pro .sidebar:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 30% 5%, rgba(102,247,211,.14), transparent 18rem),
      linear-gradient(180deg, rgba(255,255,255,.05), transparent 45%);
}

.vp-neutron-pro .brand,
.vp-neutron-pro-driver .brand{
    letter-spacing:-.02em;
}

.vp-neutron-pro .brand-logo,
.vp-neutron-pro .topbar-mark,
.vp-neutron-pro-driver .driver-brand img{
    filter:drop-shadow(0 0 16px rgba(102,247,211,.35));
}

.vp-neutron-pro .nav-group{
    border-radius:24px;
    padding:.68rem;
    background:rgba(255,255,255,.028);
    border:1px solid rgba(255,255,255,.05);
}

.vp-neutron-pro .nav a{
    border-radius:16px !important;
    color:var(--vp90-muted);
}

.vp-neutron-pro .nav a:hover,
.vp-neutron-pro .nav a.active{
    color:var(--vp90-text) !important;
    background:linear-gradient(135deg, rgba(102,247,211,.14), rgba(87,168,255,.10)) !important;
    border-color:rgba(102,247,211,.25) !important;
    transform:translateX(3px);
}

.vp-neutron-pro .topbar{
    position:sticky;
    top:18px;
    z-index:30;
    border-radius:28px !important;
    padding:14px 18px;
}

.vp-neutron-pro .topbar-title strong{
    letter-spacing:-.035em;
}

.vp-neutron-pro .top-search-trigger,
.vp-neutron-pro .icon-action,
.vp-neutron-pro .vp-view-switch,
.vp-neutron-pro .user-menu-pill{
    background:rgba(255,255,255,.055) !important;
    border:1px solid var(--vp90-line) !important;
    border-radius:999px !important;
}

.vp-neutron-pro .top-search-trigger:hover,
.vp-neutron-pro .icon-action:hover,
.vp-neutron-pro .user-menu-pill:hover{
    transform:translateY(-1px);
    border-color:rgba(102,247,211,.42) !important;
    background:rgba(102,247,211,.08) !important;
}

.vp-neutron-pro .vp-page-context{
    border-radius:26px !important;
    margin-top:14px;
}

.vp-neutron-pro .page-head,
.vp-neutron-pro .vp-neutron-page-head{
    position:relative;
    overflow:hidden;
    border-radius:var(--vp90-radius-xl);
    padding:clamp(24px,4vw,48px) !important;
    min-height:180px;
    background:
      linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)),
      radial-gradient(circle at 76% 18%, rgba(102,247,211,.18), transparent 28rem),
      radial-gradient(circle at 20% 90%, rgba(87,168,255,.12), transparent 24rem) !important;
    border:1px solid var(--vp90-line) !important;
    box-shadow:var(--vp90-shadow);
}

.vp-neutron-pro .page-head:before,
.vp-neutron-pro .vp-neutron-page-head:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(110deg, transparent 0 48%, rgba(255,255,255,.1) 50%, transparent 54% 100%),
      linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%);
    opacity:.5;
    transform:translateX(-24%);
}

.vp-neutron-pro .page-head h1,
.vp-neutron-pro .vp-neutron-page-head h1,
.vp-neutron-pro .vp-dashboard-hero-copy h1,
.vp-neutron-pro .v85-hero-copy h1,
.vp-neutron-pro .v85-section-head h2,
.vp-neutron-pro .panel-title-row h2,
.vp-neutron-pro .vp-table-toolbar h2{
    color:var(--vp90-text);
    letter-spacing:-.06em;
    line-height:.96;
}

.vp-neutron-pro .page-head h1,
.vp-neutron-pro .vp-dashboard-hero-copy h1,
.vp-neutron-pro .v85-hero-copy h1{
    font-size:clamp(2.45rem,6vw,5.6rem);
}

.vp-neutron-pro .eyebrow,
.vp-neutron-pro .vp-eyebrow,
.vp-neutron-pro .panel-kicker{
    color:var(--vp90-accent) !important;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-weight:900;
    font-size:.72rem;
}

.vp-neutron-pro .muted,
.vp-neutron-pro small,
.vp-neutron-pro p,
.vp-neutron-pro-driver small{
    color:var(--vp90-muted);
}

.vp-neutron-pro .vp-workspace-meta,
.vp-neutron-pro .vp-hero-action-row,
.vp-neutron-pro .v85-proof-row,
.vp-neutron-pro .vp-start-proof{
    display:flex;
    flex-wrap:wrap;
    gap:.7rem;
}

.vp-neutron-pro .vp-workspace-meta span,
.vp-neutron-pro .vp-date-pill,
.vp-neutron-pro .vp-depth-chip,
.vp-neutron-pro .v85-proof-row span,
.vp-neutron-pro .vp-neutron-hero-stat,
.vp-neutron-pro .vp90-pill{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.55rem .75rem;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    border:1px solid var(--vp90-line);
    color:var(--vp90-text);
    box-shadow:inset 0 1px rgba(255,255,255,.08);
}

.vp-neutron-pro .vp-dashboard-3d-hero,
.vp-neutron-pro .vp-neutron-app-hero,
.vp-neutron-pro .vp-start-hero{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:clamp(24px,4vw,48px);
    background:
      linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)),
      radial-gradient(circle at 82% 24%, rgba(102,247,211,.20), transparent 26rem),
      radial-gradient(circle at 20% 88%, rgba(87,168,255,.13), transparent 28rem) !important;
    border:1px solid var(--vp90-line);
    box-shadow:var(--vp90-shadow);
}

.vp-neutron-pro .vp-dashboard-3d-hero:after,
.vp-neutron-pro .vp-start-hero:after{
    content:"";
    position:absolute;
    inset:auto -10% -34% 18%;
    height:260px;
    background:linear-gradient(90deg, transparent, rgba(102,247,211,.18), rgba(87,168,255,.12), transparent);
    filter:blur(32px);
    transform:rotate(-6deg);
    pointer-events:none;
}

.vp-neutron-pro .vp-immersive-stage,
.vp-neutron-pro .v85-stage,
.vp-neutron-pro .vp-start-stage{
    border-radius:34px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.03)),
      radial-gradient(circle at 70% 20%, rgba(102,247,211,.15), transparent 18rem),
      radial-gradient(circle at 20% 85%, rgba(87,168,255,.16), transparent 18rem) !important;
    border:1px solid var(--vp90-line) !important;
    box-shadow:var(--vp90-shadow);
    overflow:hidden;
}

.vp-neutron-pro .vp-css-route-space,
.vp-neutron-pro .vp-start-dashboard-preview,
.vp-neutron-pro .vp-neutron-platform-visual,
.vp-neutron-pro .vp-preview-map{
    background:
      linear-gradient(135deg, rgba(3,9,18,.65), rgba(10,22,40,.35)),
      radial-gradient(circle at var(--pointer-x, 55%) var(--pointer-y, 38%), rgba(102,247,211,.18), transparent 18rem) !important;
    border:1px solid rgba(102,247,211,.17) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), 0 30px 70px rgba(0,0,0,.28);
}

.vp-neutron-pro .route-line,
.vp-neutron-pro .vp-route-path,
.vp-neutron-pro .vp-preview-map i,
.vp-neutron-pro .vp-neutron-platform-visual i{
    filter:drop-shadow(0 0 12px rgba(102,247,211,.72)) drop-shadow(0 0 32px rgba(87,168,255,.35));
}

.vp-neutron-pro .vp-floating-panel,
.vp-neutron-pro .vp-tour-card,
.vp-neutron-pro .vp-map-insight-stack span,
.vp-neutron-pro .vp-preview-stats span,
.vp-neutron-pro .vp-preview-top,
.vp-neutron-pro .vp-route-quality span,
.vp-neutron-pro .route-summary span{
    background:rgba(255,255,255,.085) !important;
    border:1px solid var(--vp90-line) !important;
    border-radius:18px !important;
    box-shadow:0 18px 42px rgba(0,0,0,.2);
    backdrop-filter:blur(16px);
}

.vp-neutron-pro .vp-command-ribbon,
.vp-neutron-pro .vp-ux-helper-strip,
.vp-neutron-pro .vp-planner-fast-help,
.vp-neutron-pro .vp-tours-decision-strip,
.vp-neutron-pro .vp90-cockpit-strip,
.vp-neutron-pro .vp90-flow-bar{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:14px;
    margin:18px 0;
}

.vp-neutron-pro .vp-command-ribbon-card,
.vp-neutron-pro .vp-ux-helper-strip article,
.vp-neutron-pro .vp-planner-fast-help article,
.vp-neutron-pro .vp-tours-decision-strip a,
.vp-neutron-pro .vp90-cockpit-strip article,
.vp-neutron-pro .vp90-flow-bar span{
    position:relative;
    overflow:hidden;
    padding:18px;
    min-height:112px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.035));
    border:1px solid var(--vp90-line);
    box-shadow:var(--vp90-shadow-soft);
    text-decoration:none;
    color:var(--vp90-text);
}

.vp-neutron-pro .vp-command-ribbon-card:hover,
.vp-neutron-pro .vp-tours-decision-strip a:hover,
.vp-neutron-pro .vp90-cockpit-strip article:hover,
.vp-neutron-pro .vp90-flow-bar span:hover{
    transform:translateY(-4px);
    border-color:rgba(102,247,211,.45);
    box-shadow:var(--vp90-shadow), var(--vp90-glow);
}

.vp-neutron-pro .vp-command-ribbon-card i,
.vp-neutron-pro .feature-icon,
.vp-neutron-pro .vp90-icon{
    display:inline-grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(102,247,211,.18), rgba(87,168,255,.12));
    border:1px solid rgba(102,247,211,.22);
    box-shadow:inset 0 1px rgba(255,255,255,.12), 0 12px 32px rgba(0,0,0,.18);
}

.vp-neutron-pro .vp-kpi-grid,
.vp-neutron-pro .cards.four,
.vp-neutron-pro .planner-summary-cards,
.vp-neutron-pro .business-metrics{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:16px;
}

.vp-neutron-pro .vp-kpi-card,
.vp-neutron-pro .metric-card{
    min-height:154px;
    padding:22px !important;
}

.vp-neutron-pro .vp-kpi-card strong,
.vp-neutron-pro .metric-card strong,
.vp-neutron-pro .vp-neutron-impact-card strong{
    color:var(--vp90-text);
    letter-spacing:-.06em;
    text-shadow:0 0 28px rgba(102,247,211,.16);
}

.vp-neutron-pro .vp-kpi-card i,
.vp-neutron-pro .metric-card:after{
    opacity:.22 !important;
    filter:drop-shadow(0 0 18px rgba(102,247,211,.38));
}

.vp-neutron-pro .progress,
.vp-neutron-pro .vp-progress,
.vp-neutron-pro .progress.micro{
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.06);
    border-radius:999px;
    overflow:hidden;
}

.vp-neutron-pro .progress i,
.vp-neutron-pro .vp-progress i{
    background:linear-gradient(90deg, var(--vp90-accent), var(--vp90-accent-2), var(--vp90-accent-3)) !important;
    box-shadow:0 0 18px rgba(102,247,211,.42);
}

.vp-neutron-pro .vp-main-grid{
    gap:18px !important;
}

.vp-neutron-pro .vp-route-map,
.vp-neutron-pro #plannerMap,
.vp-neutron-pro .planner-map,
.vp-neutron-pro .map,
.vp-neutron-pro .vp-dashboard-live-map{
    border-radius:28px !important;
    overflow:hidden;
    background:
      linear-gradient(145deg,rgba(2,8,17,.86),rgba(9,18,34,.62)),
      radial-gradient(circle at var(--pointer-x,52%) var(--pointer-y,42%), rgba(102,247,211,.16), transparent 22rem) !important;
    border:1px solid rgba(102,247,211,.16) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), 0 22px 60px rgba(0,0,0,.28);
}

.vp-neutron-pro .leaflet-container{
    background:#06101e !important;
    font-family:inherit;
}

.vp-neutron-pro .leaflet-tile{
    filter:saturate(.85) contrast(1.08) brightness(.72) hue-rotate(176deg);
}

.vp-neutron-pro .leaflet-control,
.vp-neutron-pro .leaflet-popup-content-wrapper,
.vp-neutron-pro .leaflet-popup-tip{
    background:rgba(8,18,32,.84) !important;
    color:var(--vp90-text) !important;
    border:1px solid var(--vp90-line) !important;
    box-shadow:var(--vp90-shadow-soft) !important;
    backdrop-filter:blur(16px);
}

.vp-neutron-pro .vp-stop,
.vp-neutron-pro .vp-preview-map em,
.vp-neutron-pro .vp-neutron-platform-visual span{
    background:linear-gradient(135deg, var(--vp90-accent), var(--vp90-accent-2)) !important;
    color:#041018 !important;
    border:2px solid rgba(255,255,255,.56) !important;
    box-shadow:0 0 0 6px rgba(102,247,211,.1), 0 0 22px rgba(102,247,211,.42) !important;
}

.vp-neutron-pro .customer-picker,
.vp-neutron-pro .selected-stops,
.vp-neutron-pro .dispatch-column-list{
    scrollbar-color:rgba(102,247,211,.45) rgba(255,255,255,.05);
}

.vp-neutron-pro .customer-picker label,
.vp-neutron-pro .selected-stops .stop-item,
.vp-neutron-pro .selected-stop,
.vp-neutron-pro .planner-suggestion,
.vp-neutron-pro .dispatch-mini-card,
.vp-neutron-pro .calendar-day,
.vp-neutron-pro .vp-tour-overview-card{
    position:relative;
    background:rgba(255,255,255,.056) !important;
    border:1px solid var(--vp90-line-soft) !important;
    border-radius:18px !important;
    color:var(--vp90-text) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
}

.vp-neutron-pro .customer-picker label:hover,
.vp-neutron-pro .customer-picker label.is-selected,
.vp-neutron-pro .planner-suggestion:hover,
.vp-neutron-pro .dispatch-mini-card:hover,
.vp-neutron-pro .calendar-day:hover,
.vp-neutron-pro .vp-tour-overview-card:hover{
    transform:translateY(-2px);
    border-color:rgba(102,247,211,.4) !important;
    background:rgba(102,247,211,.09) !important;
}

.vp-neutron-pro .customer-picker label.is-selected:after,
.vp-neutron-pro .vp-tour-overview-card.status-active:after,
.vp-neutron-pro .dispatch-active:after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,var(--vp90-accent),var(--vp90-accent-2));
    box-shadow:0 0 16px rgba(102,247,211,.55);
}

.vp-neutron-pro .vp-route-commandbar,
.vp-neutron-pro .vp-planner-toolbar,
.vp-neutron-pro .planner-buttons,
.vp-neutron-pro .vp-page-actions-row,
.vp-neutron-pro .filter-bar,
.vp-neutron-pro .vp-table-actions{
    gap:.6rem;
}

.vp-neutron-pro .vp-planner-workspace{
    gap:18px !important;
    align-items:start;
}

.vp-neutron-pro .vp-planner-column{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.vp-neutron-pro .vp-planner-map-column .panel{
    min-height:680px;
}

.vp-neutron-pro #plannerMap{
    min-height:430px;
}

.vp-neutron-pro .route-summary-large,
.vp-neutron-pro .business-route-summary,
.vp-neutron-pro .vp-route-quality{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:10px;
}

.vp-neutron-pro .vp-route-statusline,
.vp-neutron-pro .vp-inline-help-note,
.vp-neutron-pro .info-box,
.vp-neutron-pro .planner-hint-box,
.vp-neutron-pro .dispatch-empty,
.vp-neutron-pro .empty{
    background:linear-gradient(135deg,rgba(102,247,211,.08),rgba(87,168,255,.055)) !important;
    border:1px solid rgba(102,247,211,.18) !important;
    border-radius:18px !important;
    color:var(--vp90-muted) !important;
}

.vp-neutron-pro .planner-option-grid{
    gap:10px;
}

.vp-neutron-pro .check-option{
    border-radius:18px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid var(--vp90-line-soft) !important;
}

.vp-neutron-pro .dispatch-columns{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:14px;
}

.vp-neutron-pro .dispatch-column{
    min-height:260px;
    border-radius:24px;
    background:rgba(255,255,255,.046);
    border:1px solid var(--vp90-line-soft);
    padding:12px;
    position:relative;
    overflow:hidden;
}

.vp-neutron-pro .dispatch-column-head{
    padding:10px 10px 12px;
}

.vp-neutron-pro .dispatch-column-head b,
.vp-neutron-pro .status-pivot b{
    color:var(--vp90-text);
}

.vp-neutron-pro .calendar-strip{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:12px;
}

.vp-neutron-pro .status-chip-band{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    gap:10px;
}

.vp-neutron-pro .status-pivot{
    border-radius:20px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid var(--vp90-line-soft) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
}

.vp-neutron-pro .status-pivot:hover,
.vp-neutron-pro .status-pivot.active{
    transform:translateY(-2px);
    background:rgba(102,247,211,.09) !important;
    border-color:rgba(102,247,211,.42) !important;
}

.vp-neutron-pro .vp-tour-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:14px;
}

.vp-neutron-pro .vp-tour-overview-card{
    padding:18px !important;
    text-decoration:none;
    overflow:hidden;
}

.vp-neutron-pro .vp-tour-overview-card mark{
    border-radius:999px;
    background:rgba(255,106,141,.14);
    color:#ffdce4;
    border:1px solid rgba(255,106,141,.32);
    padding:.25rem .55rem;
}

.vp-neutron-pro .vp-data-table-wrap{
    border-radius:24px !important;
    border:1px solid var(--vp90-line) !important;
    background:rgba(255,255,255,.036) !important;
    box-shadow:var(--vp90-shadow-soft);
    overflow:auto;
}

.vp-neutron-pro table,
.vp-neutron-pro .vp-data-table{
    border-collapse:separate !important;
    border-spacing:0;
}

.vp-neutron-pro .vp-data-table th,
.vp-neutron-pro .vp-data-table td,
.vp-neutron-pro table th,
.vp-neutron-pro table td{
    border-bottom:1px solid var(--vp90-line-soft) !important;
}

.vp-neutron-pro .vp-data-table th,
.vp-neutron-pro table th{
    background:rgba(255,255,255,.055) !important;
    color:var(--vp90-muted) !important;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:.74rem;
}

.vp-neutron-pro .vp-data-table tr:hover td,
.vp-neutron-pro table tr:hover td{
    background:rgba(102,247,211,.045) !important;
}

.vp-neutron-pro .badge{
    border-radius:999px !important;
    border:1px solid var(--vp90-line) !important;
    background:rgba(255,255,255,.075) !important;
    color:var(--vp90-text) !important;
}

.vp-neutron-pro .badge.active,
.vp-neutron-pro .badge.planned,
.vp-neutron-pro .status-chip{
    background:rgba(102,247,211,.1) !important;
    border-color:rgba(102,247,211,.28) !important;
    color:#c9fff2 !important;
}

.vp-neutron-pro .badge.problem,
.vp-neutron-pro .badge.cancelled{
    background:rgba(255,106,141,.12) !important;
    border-color:rgba(255,106,141,.32) !important;
    color:#ffdce4 !important;
}

.vp-neutron-pro .uf-disclosure summary{
    border-radius:22px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid var(--vp90-line-soft) !important;
}

.vp-neutron-pro .uf-disclosure[open] summary{
    border-color:rgba(102,247,211,.25) !important;
}

/* Public/Landing page */
.vp-neutron-pro .public-nav{
    position:sticky;
    top:16px;
    z-index:40;
    width:min(1180px,calc(100% - 32px));
    margin:16px auto 0;
    border-radius:999px !important;
    padding:10px 12px;
}

.vp-neutron-pro .public-nav nav a:not(.btn),
.vp-neutron-pro .public-nav .theme-toggle{
    border-radius:999px;
    padding:.65rem .85rem;
    color:var(--vp90-muted);
}

.vp-neutron-pro .public-nav nav a:hover,
.vp-neutron-pro .public-nav .theme-toggle:hover,
.vp-neutron-pro .public-nav nav a.is-section-active{
    color:var(--vp90-text);
    background:rgba(255,255,255,.07);
}

.vp-neutron-pro .vp90-public-wrap{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
}

.vp-neutron-pro .vp90-hero{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    gap:clamp(22px,5vw,58px);
    align-items:center;
    min-height:calc(100vh - 130px);
    padding:clamp(54px,8vw,104px) 0 clamp(40px,7vw,80px);
}

.vp-neutron-pro .vp90-hero-copy h1{
    margin:.35rem 0 1.1rem;
    font-size:clamp(3.2rem,8.4vw,8.3rem);
    line-height:.86;
    letter-spacing:-.09em;
}

.vp-neutron-pro .vp90-hero-copy h1 span{
    display:block;
}

.vp-neutron-pro .vp90-hero-copy h1 span:nth-child(2){
    background:linear-gradient(90deg,var(--vp90-accent),var(--vp90-accent-2),var(--vp90-accent-3));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:none;
}

.vp-neutron-pro .vp90-hero-copy p{
    max-width:680px;
    font-size:clamp(1.02rem,1.65vw,1.28rem);
    line-height:1.75;
}

.vp-neutron-pro .vp90-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.8rem;
    margin:1.6rem 0 1rem;
}

.vp-neutron-pro .vp90-hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:1.6rem;
}

.vp-neutron-pro .vp90-hero-stats span{
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.06);
    border:1px solid var(--vp90-line);
}

.vp-neutron-pro .vp90-hero-stats b{
    display:block;
    font-size:1.7rem;
    letter-spacing:-.04em;
}

.vp-neutron-pro .vp90-product-stage{
    position:relative;
    min-height:560px;
    border-radius:44px;
    background:
      linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),
      radial-gradient(circle at 72% 18%, rgba(102,247,211,.20), transparent 19rem),
      radial-gradient(circle at 22% 80%, rgba(87,168,255,.18), transparent 22rem);
    border:1px solid var(--vp90-line);
    box-shadow:var(--vp90-shadow);
    overflow:hidden;
    transform-style:preserve-3d;
}

.vp-neutron-pro .vp90-product-stage:before{
    content:"";
    position:absolute;
    inset:12%;
    border-radius:50%;
    background:conic-gradient(from 190deg, rgba(102,247,211,.32), transparent 34%, rgba(87,168,255,.24), transparent 62%, rgba(169,129,255,.24), transparent);
    filter:blur(24px);
    animation:vp90-aurora 18s linear infinite;
}

.vp-neutron-pro .vp90-orbit{
    position:absolute;
    inset:80px 58px;
    border:1px solid rgba(102,247,211,.16);
    border-radius:50%;
    transform:rotate(-18deg);
    box-shadow:0 0 70px rgba(102,247,211,.13) inset;
}

.vp-neutron-pro .vp90-orbit:nth-child(2){
    inset:128px 92px;
    transform:rotate(18deg);
    border-color:rgba(87,168,255,.18);
}

.vp-neutron-pro .vp90-stage-dashboard{
    position:absolute;
    left:7%;
    right:7%;
    top:16%;
    min-height:330px;
    border-radius:32px;
    background:rgba(2,8,17,.58);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 34px 90px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.11);
    backdrop-filter:blur(20px);
    overflow:hidden;
    transform:perspective(1100px) rotateX(7deg) rotateY(-7deg) rotateZ(1deg);
}

.vp-neutron-pro .vp90-stage-dashboard:before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
      radial-gradient(circle at 60% 42%,rgba(102,247,211,.16),transparent 17rem);
    background-size:46px 46px,46px 46px,auto;
}

.vp-neutron-pro .vp90-stage-route{
    position:absolute;
    left:10%;
    right:10%;
    top:38%;
    height:140px;
    border-radius:30px;
    border:1px solid rgba(102,247,211,.18);
    background:linear-gradient(135deg,rgba(102,247,211,.1),rgba(87,168,255,.06));
    clip-path:polygon(0 55%, 16% 18%, 36% 34%, 52% 7%, 74% 43%, 100% 18%, 100% 70%, 77% 94%, 54% 64%, 32% 88%, 13% 70%, 0 92%);
    filter:drop-shadow(0 0 24px rgba(102,247,211,.42));
}

.vp-neutron-pro .vp90-stage-node{
    position:absolute;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--vp90-accent),var(--vp90-accent-2));
    color:#041018;
    font-weight:900;
    box-shadow:0 0 0 8px rgba(102,247,211,.1), 0 18px 34px rgba(0,0,0,.25);
}

.vp-neutron-pro .vp90-stage-node.n1{left:11%;top:47%}.vp-neutron-pro .vp90-stage-node.n2{left:31%;top:31%}.vp-neutron-pro .vp90-stage-node.n3{left:52%;top:25%}.vp-neutron-pro .vp90-stage-node.n4{left:73%;top:45%}.vp-neutron-pro .vp90-stage-node.n5{left:63%;top:70%}

.vp-neutron-pro .vp90-floating-card{
    position:absolute;
    padding:14px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 22px 60px rgba(0,0,0,.26);
    backdrop-filter:blur(18px);
}

.vp-neutron-pro .vp90-floating-card b{display:block;font-size:1.55rem;letter-spacing:-.05em}.vp-neutron-pro .vp90-floating-card small{display:block}.vp-neutron-pro .vp90-floating-card.c1{left:5%;bottom:14%}.vp-neutron-pro .vp90-floating-card.c2{right:7%;top:10%}.vp-neutron-pro .vp90-floating-card.c3{right:9%;bottom:12%}

.vp-neutron-pro .vp90-section{
    padding:clamp(48px,8vw,98px) 0;
}

.vp-neutron-pro .vp90-section-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:end;
    margin-bottom:24px;
}

.vp-neutron-pro .vp90-section-head h2{
    max-width:760px;
    margin:.25rem 0 0;
    font-size:clamp(2.2rem,5.2vw,5rem);
    letter-spacing:-.075em;
    line-height:.92;
}

.vp-neutron-pro .vp90-section-head p{
    max-width:430px;
}

.vp-neutron-pro .vp90-bento{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:16px;
}

.vp-neutron-pro .vp90-bento-card{
    min-height:260px;
    padding:26px;
    border-radius:32px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
    border:1px solid var(--vp90-line);
    box-shadow:var(--vp90-shadow-soft);
    position:relative;
    overflow:hidden;
}

.vp-neutron-pro .vp90-bento-card.large{grid-row:span 2;min-height:540px}.vp-neutron-pro .vp90-bento-card:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:220px;background:radial-gradient(closest-side,rgba(102,247,211,.20),transparent);filter:blur(20px)}

.vp-neutron-pro .vp90-bento-card h3,
.vp-neutron-pro .vp90-work-card h3{
    font-size:clamp(1.4rem,2.4vw,2.25rem);
    letter-spacing:-.05em;
}

.vp-neutron-pro .vp90-work-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.vp-neutron-pro .vp90-work-card{
    padding:22px;
    min-height:220px;
    border-radius:28px;
    background:rgba(255,255,255,.056);
    border:1px solid var(--vp90-line);
    box-shadow:var(--vp90-shadow-soft);
}

.vp-neutron-pro .vp90-work-card:hover,
.vp-neutron-pro .vp90-bento-card:hover{
    transform:translateY(-4px);
    border-color:rgba(102,247,211,.42);
}

.vp-neutron-pro .vp90-marquee{
    overflow:hidden;
    border-block:1px solid var(--vp90-line-soft);
    padding:16px 0;
    margin:10px 0 28px;
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.vp-neutron-pro .vp90-marquee-track{
    display:flex;
    gap:12px;
    width:max-content;
    animation:vp90-marquee 34s linear infinite;
}

.vp-neutron-pro .vp90-marquee span{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding:.58rem .85rem;
    border-radius:999px;
    background:rgba(255,255,255,.055);
    border:1px solid var(--vp90-line-soft);
    color:var(--vp90-muted);
}

@keyframes vp90-marquee{to{transform:translateX(-50%)}}

/* Driver app */
.vp-neutron-pro-driver main{
    width:min(960px,calc(100% - 24px));
    margin:0 auto;
}

.vp-neutron-pro-driver .driver-top{
    position:sticky;
    top:12px;
    z-index:30;
    border-radius:28px !important;
    padding:12px 14px !important;
}

.vp-neutron-pro-driver .driver-brand{
    gap:.75rem;
}

.vp-neutron-pro-driver .driver-user-box{
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid var(--vp90-line-soft);
    padding:.65rem .8rem;
}

/* Reveal/motion */
.vp-neutron-pro .vp90-reveal,
.vp-neutron-pro-driver .vp90-reveal{
    opacity:0;
    transform:translate3d(0,22px,0) scale(.985);
    filter:blur(8px);
}

.vp-neutron-pro .vp90-reveal.is-visible,
.vp-neutron-pro-driver .vp90-reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
    transition:opacity .68s var(--vp90-ease), transform .68s var(--vp90-ease), filter .68s var(--vp90-ease);
    transition-delay:var(--vp90-delay,0ms);
}

.vp-neutron-pro .vp90-parallax,
.vp-neutron-pro-driver .vp90-parallax{
    transform:translate3d(calc(var(--mx,0) * 1px), calc(var(--my,0) * 1px), 0);
}

.vp-neutron-pro .vp90-spotlight,
.vp-neutron-pro-driver .vp90-spotlight{
    --vp90-x:50%;
    --vp90-y:0%;
}

@media (max-width:1180px){
    .vp-neutron-pro .vp90-hero,
    .vp-neutron-pro .vp90-bento{
        grid-template-columns:1fr;
    }
    .vp-neutron-pro .vp90-product-stage{min-height:470px}
    .vp-neutron-pro .vp90-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:820px){
    .vp-neutron-pro .public-nav{
        border-radius:24px !important;
        align-items:flex-start;
    }
    .vp-neutron-pro .public-nav nav{
        width:100%;
        justify-content:flex-start;
        overflow:auto;
        padding-bottom:2px;
    }
    .vp-neutron-pro .topbar{
        top:10px;
        border-radius:22px !important;
    }
    .vp-neutron-pro .page-head,
    .vp-neutron-pro .vp-dashboard-3d-hero,
    .vp-neutron-pro .vp-start-hero{
        border-radius:28px;
        padding:22px !important;
    }
    .vp-neutron-pro .page-head h1,
    .vp-neutron-pro .vp-dashboard-hero-copy h1,
    .vp-neutron-pro .v85-hero-copy h1,
    .vp-neutron-pro .vp90-hero-copy h1{
        font-size:clamp(2.65rem,14vw,4.6rem);
    }
    .vp-neutron-pro .vp90-hero{
        min-height:auto;
        padding:44px 0;
    }
    .vp-neutron-pro .vp90-hero-stats,
    .vp-neutron-pro .vp90-work-grid{
        grid-template-columns:1fr;
    }
    .vp-neutron-pro .vp90-product-stage{min-height:390px;border-radius:30px}
    .vp-neutron-pro .vp90-stage-dashboard{top:20%;left:4%;right:4%;min-height:270px}
    .vp-neutron-pro .vp90-section-head{
        display:block;
    }
    .vp-neutron-pro .vp-planner-map-column .panel{min-height:auto}
    .vp-neutron-pro #plannerMap{min-height:360px}
    .vp-neutron-pro .vp-tour-card-grid{grid-template-columns:1fr}
    .vp-neutron-pro .calendar-strip{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
    .vp-neutron-pro *,
    .vp-neutron-pro *:before,
    .vp-neutron-pro *:after,
    .vp-neutron-pro-driver *,
    .vp-neutron-pro-driver *:before,
    .vp-neutron-pro-driver *:after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }
    .vp-neutron-pro .vp90-reveal,
    .vp-neutron-pro-driver .vp90-reveal{
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
    }
}


/* source: operations-suite-91.css */
/* VersandPro 9.1 Operations Suite */
.vp-leitstand-command{position:relative;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(8,13,28,.92),rgba(13,25,45,.72));border-radius:30px;padding:24px;margin:22px 0;box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.vp-leitstand-command:before{content:"";position:absolute;inset:-40% auto auto -20%;width:520px;height:520px;background:radial-gradient(circle,rgba(14,165,233,.22),transparent 62%);pointer-events:none}.vp-leitstand-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative}.vp-leitstand-head h2{margin:.1rem 0 .35rem;font-size:clamp(1.35rem,2.2vw,2.3rem)}.vp-leitstand-head p{max-width:760px;color:var(--muted,#9aa9bd);margin:0}.vp-leitstand-state{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:10px 14px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.12)}.vp-leitstand-state.tone-critical,.vp-depth-chip.tone-critical{color:#fecaca;border-color:rgba(248,113,113,.35);box-shadow:0 0 0 4px rgba(239,68,68,.08)}.vp-leitstand-state.tone-stable,.vp-depth-chip.tone-stable{color:#bfdbfe;border-color:rgba(96,165,250,.35)}.vp-leitstand-state.tone-done,.vp-depth-chip.tone-done{color:#bbf7d0;border-color:rgba(34,197,94,.35)}.vp-leitstand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px;position:relative}.vp-leitstand-card{display:flex;flex-direction:column;gap:6px;min-height:138px;padding:16px;border-radius:22px;text-decoration:none;color:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,border-color .2s ease,background .2s ease}.vp-leitstand-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.34);background:rgba(255,255,255,.08)}.vp-leitstand-card small{color:var(--muted,#9aa9bd);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.vp-leitstand-card b{font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1}.vp-leitstand-card span{color:var(--muted,#9aa9bd);font-size:.9rem}.vp-leitstand-card.is-critical{border-color:rgba(248,113,113,.38);background:linear-gradient(150deg,rgba(127,29,29,.28),rgba(255,255,255,.045))}.vp-leitstand-card.is-warning{border-color:rgba(251,191,36,.32);background:linear-gradient(150deg,rgba(120,53,15,.24),rgba(255,255,255,.045))}.vp-leitstand-card.km-card{grid-column:span 2}.vp-leitstand-card.km-card b{font-size:1.35rem}.vp-leitstand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative}.vp-route-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.vp-route-impact span{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.46);border-radius:16px;padding:10px 12px}.vp-route-impact small{display:block;color:var(--muted,#94a3b8);font-size:.75rem}.vp-route-impact b{font-size:.92rem}.planner-suggestion{position:relative;text-align:left}.planner-suggestion-type{display:inline-flex;border-radius:999px;padding:3px 8px;margin-bottom:8px;background:rgba(14,165,233,.14);color:#bae6fd;font-size:.68rem;font-weight:800;letter-spacing:.08em}.planner-suggestion-hint{display:block;margin-top:6px;color:var(--muted,#94a3b8)}.stop-type-select{min-width:150px}.stop-type-select small{display:block;color:var(--muted,#94a3b8);font-size:.7rem;margin-bottom:3px}.stop-type-select select{min-height:34px;border-radius:10px}.stop-sort.type-pickup,.stop-sort.type-delivery_pickup{border-color:rgba(16,185,129,.32)}.vp-leaflet-marker.type-pickup span,.vp-leaflet-marker.type-delivery_pickup span{background:linear-gradient(135deg,#10b981,#0f766e)}.vp-leaflet-marker.status-problem span,.vp-leaflet-marker.status-skipped span{background:linear-gradient(135deg,#ef4444,#991b1b)}.vp-filter-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.filter-chip{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:10px 14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.filter-chip.active{border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.14)}.filter-chip b{font-size:.78rem;background:rgba(255,255,255,.12);border-radius:999px;padding:2px 7px}.filter-chip.clear{opacity:.72}.vp-bulk-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.42);border-radius:18px;padding:12px;margin:12px 0}.vp-bulk-actions label{min-width:220px}.vp-data-table input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8}.vp-customer-intelligence{margin:18px 0}.vp-customer-intel-grid{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:14px}.vp-customer-intel-grid article{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.045);border-radius:20px;padding:16px}.vp-customer-intel-grid article>strong{display:block;font-size:2rem;margin:.35rem 0}.vp-customer-intel-grid article.needs-attention{border-color:rgba(251,191,36,.36);background:rgba(120,53,15,.14)}.intel-list{display:grid;gap:8px;margin-top:10px}.intel-list span{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:14px;padding:8px 10px;background:rgba(15,23,42,.5)}.intel-list small{color:var(--muted,#94a3b8)}.intel-list.compact span{display:block}.driver-primary-form .btn,.driver-actions.large-actions .btn{min-height:58px;font-size:1.05rem;border-radius:18px}.driver-offline-status{border-style:dashed}.driver-stepper-card{position:sticky;top:8px;z-index:2;backdrop-filter:blur(20px)}@media(max-width:1180px){.vp-leitstand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-leitstand-card.km-card{grid-column:span 1}.vp-customer-intel-grid{grid-template-columns:1fr}}@media(max-width:720px){.vp-leitstand-command{border-radius:22px;padding:16px}.vp-leitstand-head{display:block}.vp-leitstand-state{margin-top:12px}.vp-leitstand-grid,.vp-route-impact{grid-template-columns:1fr}.vp-leitstand-card{min-height:auto}.vp-bulk-actions{display:block}.vp-bulk-actions>*{margin-bottom:10px}.stop-sort{grid-template-columns:1fr!important}.stop-type-select{width:100%}}


/* source: production-flow-92.css */
/* VersandPro 9.2 – Production Flow Layer */
.vp92-briefing-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:18px;margin:22px 0}
.vp92-briefing-card,.vp92-planner-preflight,.vp92-report-quality,.vp92-tour-commandbar,.vp92-driver-briefing{position:relative;border:1px solid rgba(125,211,252,.18);background:linear-gradient(145deg,rgba(5,12,27,.82),rgba(12,23,44,.66));box-shadow:0 24px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);border-radius:28px;padding:22px;overflow:hidden}
.vp92-briefing-card:before,.vp92-planner-preflight:before,.vp92-report-quality:before,.vp92-tour-commandbar:before,.vp92-driver-briefing:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.20),transparent 34%),radial-gradient(circle at 90% 15%,rgba(99,102,241,.18),transparent 30%)}
.vp92-card-head,.vp92-report-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.vp92-card-head h2,.vp92-report-head h2,.vp92-preflight-copy h2{margin:.2rem 0 .35rem;font-size:clamp(1.25rem,2vw,1.75rem)}
.vp92-action-list{position:relative;display:grid;gap:10px}
.vp92-action-row{display:flex;align-items:center;gap:12px;padding:13px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.vp92-action-row:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);border-color:rgba(125,211,252,.34)}
.vp92-action-row i{width:11px;height:40px;border-radius:999px;background:linear-gradient(180deg,#22c55e,#14b8a6);box-shadow:0 0 22px rgba(34,197,94,.32)}
.vp92-action-row.tone-warning i{background:linear-gradient(180deg,#f59e0b,#f97316);box-shadow:0 0 22px rgba(245,158,11,.35)}
.vp92-action-row.tone-critical i{background:linear-gradient(180deg,#fb7185,#ef4444);box-shadow:0 0 22px rgba(239,68,68,.38)}
.vp92-action-row span{display:grid;gap:2px;flex:1}.vp92-action-row small,.vp92-action-row em{color:var(--muted,#94a3b8)}.vp92-action-row em{font-style:normal;font-size:.82rem}
.vp92-forecast-bars{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;min-height:190px}
.vp92-forecast-bars a{display:grid;grid-template-rows:auto 1fr auto auto;gap:7px;min-width:0;text-decoration:none;color:inherit;text-align:center}
.vp92-forecast-bars i{align-self:end;height:var(--bar);min-height:16px;border-radius:999px;background:linear-gradient(180deg,rgba(34,211,238,.95),rgba(59,130,246,.70));box-shadow:0 0 24px rgba(34,211,238,.22)}
.vp92-forecast-bars b{font-size:1.15rem}.vp92-forecast-bars small,.vp92-forecast-bars em{font-size:.75rem;color:var(--muted,#94a3b8);font-style:normal;white-space:nowrap}
.vp92-quality-card{display:grid;grid-template-rows:auto 1fr auto}.vp92-quality-ring{position:relative;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:conic-gradient(rgba(34,211,238,.95) calc(var(--value) * 1%),rgba(255,255,255,.08) 0)}
.vp92-quality-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:rgba(4,10,24,.92);box-shadow:inset 0 0 30px rgba(34,211,238,.08)}
.vp92-quality-ring strong,.vp92-quality-ring small{position:relative;z-index:1}.vp92-quality-ring strong{font-size:1.6rem}.vp92-quality-ring small{grid-row:2;color:var(--muted,#94a3b8);margin-top:-30px}
.vp92-quality-list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.vp92-quality-list span{padding:10px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.vp92-quality-list b{display:block}.vp92-quality-list small{color:var(--muted,#94a3b8)}
.vp92-planner-preflight{display:grid;grid-template-columns:.9fr 1.6fr;gap:18px;margin:18px 0 20px}.vp92-planner-preflight>*{position:relative}.vp92-preflight-copy p{color:var(--muted,#94a3b8);margin:0}.vp92-preflight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vp92-preflight-grid article{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.vp92-preflight-grid small,.vp92-preflight-grid span{display:block;color:var(--muted,#94a3b8)}.vp92-preflight-grid b{display:block;font-size:1.45rem;margin:4px 0}.vp92-preflight-grid .tone-ok{border-color:rgba(34,197,94,.28)}.vp92-preflight-grid .tone-warn{border-color:rgba(245,158,11,.38)}.vp92-preflight-grid .tone-bad{border-color:rgba(239,68,68,.40)}
.vp92-route-score{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:12px 0 0;padding:12px;border-radius:18px;background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.16)}.vp92-route-score span{display:grid}.vp92-route-score small{color:var(--muted,#94a3b8)}.vp92-route-score>i{height:9px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.vp92-route-score em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#22d3ee);transition:width .28s ease}
.vp92-tour-commandbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;margin:16px 0 18px}.vp92-tour-commandbar article,.vp92-tour-shortcuts{position:relative;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.vp92-tour-commandbar article small,.vp92-tour-commandbar article span{display:block;color:var(--muted,#94a3b8)}.vp92-tour-commandbar article b{font-size:1.45rem}.vp92-tour-commandbar .tone-critical{border-color:rgba(239,68,68,.42)}.vp92-tour-commandbar .tone-warn{border-color:rgba(245,158,11,.38)}.vp92-tour-commandbar .tone-ok{border-color:rgba(34,197,94,.28)}.vp92-tour-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vp92-report-quality{margin:18px 0}.vp92-report-quality>*{position:relative}.vp92-report-head p{margin:.25rem 0 0;color:var(--muted,#94a3b8)}.vp92-report-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vp92-report-kpis article{padding:16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.vp92-report-kpis small,.vp92-report-kpis span{display:block;color:var(--muted,#94a3b8)}.vp92-report-kpis b{display:block;font-size:1.55rem;margin:4px 0}.vp92-report-bars{height:110px;display:flex;align-items:end;gap:8px;margin-top:16px}.vp92-report-bars span{display:grid;grid-template-rows:1fr auto;gap:6px;align-items:end;flex:1;min-width:14px}.vp92-report-bars i{height:var(--h);min-height:6px;border-radius:999px;background:linear-gradient(180deg,#22d3ee,#2563eb)}.vp92-report-bars small{text-align:center;color:var(--muted,#94a3b8);font-size:.72rem;white-space:nowrap}
.vp92-driver-briefing{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:14px 0}.vp92-driver-briefing>*{position:relative}.vp92-driver-briefing h2{margin:.2rem 0}.vp92-driver-steps{display:flex;gap:8px;flex-wrap:wrap}.vp92-driver-steps span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);white-space:nowrap}.vp92-driver-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(34,211,238,.16);color:#a5f3fc}
.vp92-offline-ribbon{position:fixed;left:50%;bottom:18px;z-index:9999;transform:translateX(-50%) translateY(120%);opacity:0;transition:.25s ease;padding:12px 16px;border-radius:999px;background:rgba(127,29,29,.94);color:white;box-shadow:0 20px 60px rgba(0,0,0,.34)}.vp92-offline-ribbon.is-visible{transform:translateX(-50%) translateY(0);opacity:1}.vp92-bulk-count{font-weight:700;color:#a5f3fc}
@media (max-width:1200px){.vp92-briefing-grid{grid-template-columns:1fr}.vp92-planner-preflight{grid-template-columns:1fr}.vp92-preflight-grid,.vp92-report-kpis{grid-template-columns:repeat(2,1fr)}.vp92-tour-commandbar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.vp92-forecast-bars{grid-template-columns:repeat(7,minmax(34px,1fr));gap:6px}.vp92-preflight-grid,.vp92-report-kpis,.vp92-tour-commandbar{grid-template-columns:1fr}.vp92-route-score{grid-template-columns:1fr}.vp92-driver-briefing{grid-template-columns:1fr}.vp92-quality-list{grid-template-columns:1fr}.vp92-card-head,.vp92-report-head{display:grid}.vp92-briefing-card,.vp92-planner-preflight,.vp92-report-quality,.vp92-tour-commandbar,.vp92-driver-briefing{border-radius:22px;padding:16px}}


/* source: immersive-web-93.css */
/* VersandPro 9.3 - Immersive Web App Layer
   Ziel: die gesamte Anwendung wirkt wie ein moderner, räumlicher Logistics-Leitstand.
   Läuft ohne externe Assets. WebGL ist optional, CSS-Fallbacks bleiben aktiv. */
:root{
  --vp93-bg:#030610;
  --vp93-bg-2:#071021;
  --vp93-surface:rgba(9,15,33,.74);
  --vp93-surface-strong:rgba(14,23,49,.86);
  --vp93-border:rgba(163,235,255,.18);
  --vp93-border-strong:rgba(114,246,255,.42);
  --vp93-text:#f7fbff;
  --vp93-muted:#9eb0c7;
  --vp93-cyan:#69f5ff;
  --vp93-blue:#6885ff;
  --vp93-violet:#a479ff;
  --vp93-green:#4df0b9;
  --vp93-amber:#ffd36d;
  --vp93-danger:#ff6f9b;
  --vp93-radius:30px;
  --vp93-radius-xl:42px;
  --vp93-shadow:0 30px 120px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.08);
  --vp93-glow:0 0 70px rgba(105,245,255,.17), 0 0 130px rgba(104,133,255,.14);
  --vp93-pointer-x:50vw;
  --vp93-pointer-y:22vh;
  --vp93-depth:1;
  --vp93-stage-tilt-x:0deg;
  --vp93-stage-tilt-y:0deg;
}

html[data-theme="light"] body.vp-immersive-web93{
  --vp93-bg:#eef5ff;
  --vp93-bg-2:#f8fbff;
  --vp93-surface:rgba(255,255,255,.78);
  --vp93-surface-strong:rgba(255,255,255,.9);
  --vp93-border:rgba(35,82,145,.16);
  --vp93-border-strong:rgba(43,129,214,.32);
  --vp93-text:#0f172a;
  --vp93-muted:#5a6a82;
  --vp93-shadow:0 28px 90px rgba(24,53,92,.16), inset 0 1px 0 rgba(255,255,255,.7);
  --vp93-glow:0 0 50px rgba(48,151,224,.13), 0 0 90px rgba(104,133,255,.10);
}

body.vp-immersive-web93.vp93-depth-calm{--vp93-depth:.62;}
body.vp-immersive-web93.vp93-depth-balanced{--vp93-depth:1;}
body.vp-immersive-web93.vp93-depth-cinematic{--vp93-depth:1.38;}

body.vp-immersive-web93{
  background:
    radial-gradient(circle at var(--vp93-pointer-x) var(--vp93-pointer-y), rgba(105,245,255,.16), transparent 29rem),
    radial-gradient(circle at 88% 10%, rgba(164,121,255,.18), transparent 34rem),
    radial-gradient(circle at 10% 82%, rgba(77,240,185,.11), transparent 28rem),
    linear-gradient(180deg,var(--vp93-bg),var(--vp93-bg-2) 46%,var(--vp93-bg))!important;
  color:var(--vp93-text)!important;
  overflow-x:hidden;
}

body.vp-immersive-web93.vp93-enabled::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-20;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.033) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px),
    radial-gradient(ellipse at 50% -8%, rgba(105,245,255,.14), transparent 46%);
  background-size:98px 98px,98px 98px,100% 100%;
  transform:translate3d(calc((var(--vp93-pointer-x) - 50vw) * -.010),calc((var(--vp93-pointer-y) - 50vh) * -.010),0);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.94), rgba(0,0,0,.48) 70%, rgba(0,0,0,.24));
}

body.vp-immersive-web93.vp93-enabled::after{
  content:"";
  position:fixed;
  inset:auto -12vw -36vh -12vw;
  height:68vh;
  z-index:-19;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center, transparent 48%, rgba(105,245,255,.42) 49.5%, rgba(104,133,255,.25) 51.5%, transparent 58%),
    radial-gradient(ellipse at center, rgba(105,245,255,.12), transparent 64%);
  transform:perspective(900px) rotateX(68deg) translateY(calc(var(--vp93-depth) * -30px));
  filter:blur(.2px) drop-shadow(0 0 68px rgba(105,245,255,.20));
  opacity:.82;
}

body.vp-immersive-web93 .vp93-environment,
body.vp-immersive-web93 .vp93-cursor-spotlight,
body.vp-immersive-web93 .vp93-shader-canvas{
  position:fixed;
  pointer-events:none;
  inset:0;
}

body.vp-immersive-web93 .vp93-environment{z-index:-18;overflow:hidden;contain:layout paint style;}
body.vp-immersive-web93 .vp93-shader-canvas{z-index:-17;width:100%;height:100%;opacity:.42;mix-blend-mode:screen;}
html[data-theme="light"] body.vp-immersive-web93 .vp93-shader-canvas{opacity:.22;mix-blend-mode:multiply;}
body.vp-immersive-web93 .vp93-cursor-spotlight{
  z-index:2;
  background:radial-gradient(circle at var(--vp93-pointer-x) var(--vp93-pointer-y), rgba(105,245,255,.105), rgba(104,133,255,.035) 18rem, transparent 35rem);
  mix-blend-mode:screen;
  opacity:.9;
}
body.vp-immersive-web93.vp93-no-spotlight .vp93-cursor-spotlight{display:none;}

.vp93-orb{
  position:absolute;
  width:clamp(240px,30vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.70), rgba(105,245,255,.22) 20%, rgba(104,133,255,.12) 42%, transparent 70%);
  filter:blur(2px) drop-shadow(0 0 80px rgba(105,245,255,.17));
  opacity:.28;
  animation:vp93Drift 18s ease-in-out infinite;
}
.vp93-orb.o1{top:7vh;right:8vw;}
.vp93-orb.o2{width:clamp(180px,22vw,360px);bottom:15vh;left:4vw;animation-delay:-6s;background:radial-gradient(circle at 40% 35%, rgba(255,255,255,.4), rgba(164,121,255,.25) 30%, transparent 72%);}
.vp93-orb.o3{width:clamp(160px,20vw,330px);top:42vh;left:58vw;animation-delay:-10s;background:radial-gradient(circle at 40% 35%, rgba(255,255,255,.35), rgba(77,240,185,.22) 28%, transparent 72%);}
.vp93-floor-grid{
  position:absolute;
  left:50%;bottom:-20vh;
  width:150vw;height:74vh;
  transform:translateX(-50%) perspective(960px) rotateX(68deg);
  background:
    linear-gradient(rgba(105,245,255,.12) 1px, transparent 1px),
    linear-gradient(90deg,rgba(105,245,255,.10) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%,rgba(105,245,255,.14),transparent 48%);
  background-size:74px 74px,74px 74px,100% 100%;
  mask-image:linear-gradient(to top,rgba(0,0,0,.74),rgba(0,0,0,.18) 65%,transparent);
  opacity:.42;
}
.vp93-route-ribbon{
  position:absolute;
  inset:9vh 4vw auto auto;
  width:min(42vw,680px);
  height:42vh;
  border-radius:50%;
  border:1px solid rgba(105,245,255,.18);
  transform:rotate(-13deg) skewX(-8deg);
  filter:drop-shadow(0 0 36px rgba(105,245,255,.14));
  opacity:.36;
}
.vp93-route-ribbon::before,
.vp93-route-ribbon::after{
  content:"";position:absolute;inset:14% 8%;border-radius:50%;border:1px dashed rgba(105,245,255,.26);animation:vp93Spin 24s linear infinite;
}
.vp93-route-ribbon::after{inset:29% 20%;border-color:rgba(164,121,255,.22);animation-duration:32s;animation-direction:reverse;}

@keyframes vp93Drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2.5vw,-2.5vh,0) scale(1.05)}}
@keyframes vp93Spin{to{transform:rotate(360deg)}}
@keyframes vp93Pulse{0%,100%{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes vp93FloatUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes vp93Shimmer{to{transform:translateX(120%)}}

body.vp-immersive-web93 :where(.main,.content,main){position:relative;perspective:1700px;transform-style:preserve-3d;}
body.vp-immersive-web93 :where(.topbar,.sidebar,.mobile-dock,.public-nav){position:relative;z-index:30;}

body.vp-immersive-web93.vp93-enabled :where(.topbar,.sidebar,.public-nav,.mobile-dock,.vp-page-context){
  border-color:var(--vp93-border)!important;
  background:linear-gradient(145deg,rgba(9,15,33,.78),rgba(9,15,33,.52))!important;
  box-shadow:0 24px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(28px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.18)!important;
}
html[data-theme="light"] body.vp-immersive-web93.vp93-enabled :where(.topbar,.sidebar,.public-nav,.mobile-dock,.vp-page-context){
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(245,250,255,.62))!important;
}

body.vp-immersive-web93 .brand-logo,
body.vp-immersive-web93 .topbar-mark,
body.vp-immersive-web93 .driver-brand img{
  filter:drop-shadow(0 0 18px rgba(105,245,255,.28));
}

body.vp-immersive-web93 :where(.page-head,.vp90-hero,.vp-dashboard-3d-hero,.vp-neutron-app-hero,.settings-hero){
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
}
body.vp-immersive-web93 :where(.page-head,.vp-dashboard-3d-hero,.vp90-hero)::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:var(--vp93-radius-xl);
  background:
    radial-gradient(circle at var(--local-x,30%) var(--local-y,20%), rgba(105,245,255,.17), transparent 28rem),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.022));
  border:1px solid rgba(105,245,255,.11);
  box-shadow:var(--vp93-shadow);
  opacity:.86;
}

body.vp-immersive-web93 :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.vp92-preflight-grid article,.vp92-tour-commandbar article,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side,.vp90-bento-card,.vp90-work-card){
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  border-color:var(--vp93-border)!important;
  background:
    linear-gradient(140deg,rgba(255,255,255,.09),rgba(255,255,255,.035) 42%,rgba(105,245,255,.028)),
    var(--vp93-surface)!important;
  box-shadow:var(--vp93-shadow)!important;
  backdrop-filter:blur(24px) saturate(1.12);
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
body.vp-immersive-web93 :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.vp92-preflight-grid article,.vp92-tour-commandbar article,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side,.vp90-bento-card,.vp90-work-card)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--local-x,50%) var(--local-y,0%), rgba(105,245,255,.18), transparent 16rem),
    linear-gradient(180deg, rgba(255,255,255,.07), transparent 42%);
  opacity:.70;
  z-index:0;
}
body.vp-immersive-web93 :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.vp92-preflight-grid article,.vp92-tour-commandbar article,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side,.vp90-bento-card,.vp90-work-card)::after{
  content:"";
  position:absolute;
  top:0;left:-140%;width:80%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
  opacity:0;
  z-index:1;
}
body.vp-immersive-web93 :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.vp92-preflight-grid article,.vp92-tour-commandbar article,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side,.vp90-bento-card,.vp90-work-card)>*{position:relative;z-index:2;}

body.vp-immersive-web93.vp93-enabled :where(.panel,.card,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.planner-suggestion,.quick-link,.customer-card,.list-card,.vp90-bento-card,.vp90-work-card):hover{
  border-color:var(--vp93-border-strong)!important;
  box-shadow:var(--vp93-shadow),var(--vp93-glow)!important;
  transform:translate3d(0,-4px,calc(var(--vp93-depth) * 18px)) rotateX(var(--vp93-card-rx,0deg)) rotateY(var(--vp93-card-ry,0deg));
}
body.vp-immersive-web93.vp93-enabled :where(.panel,.card,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.planner-suggestion,.quick-link,.customer-card,.list-card,.vp90-bento-card,.vp90-work-card):hover::after{opacity:1;animation:vp93Shimmer .9s ease forwards;}

body.vp-immersive-web93 h1,
body.vp-immersive-web93 h2,
body.vp-immersive-web93 h3,
body.vp-immersive-web93 strong{color:var(--vp93-text)!important;}
body.vp-immersive-web93 :where(p,small,.muted,td,label span,.setting-help){color:var(--vp93-muted)!important;}
body.vp-immersive-web93 :where(.eyebrow,.vp-eyebrow,.panel-kicker){
  color:#d5fbff!important;
  text-shadow:0 0 34px rgba(105,245,255,.30);
}

body.vp-immersive-web93 .btn,
body.vp-immersive-web93 .driver-logout{
  position:relative;
  overflow:hidden;
  border-color:rgba(205,252,255,.34)!important;
  box-shadow:0 18px 54px rgba(104,133,255,.26), inset 0 1px rgba(255,255,255,.72)!important;
}
body.vp-immersive-web93 .btn:not(.ghost):not(.danger)::before,
body.vp-immersive-web93 .driver-logout::before{
  content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--local-x,35%) 0%, rgba(255,255,255,.65), transparent 42%);opacity:.38;
}
body.vp-immersive-web93 .btn:hover{transform:translateY(-2px) scale(1.01);}

body.vp-immersive-web93 .nav a,
body.vp-immersive-web93 .mobile-dock a,
body.vp-immersive-web93 .status-pivot,
body.vp-immersive-web93 .filter-chip{
  position:relative;
  overflow:hidden;
}
body.vp-immersive-web93 .nav a.is-active,
body.vp-immersive-web93 .mobile-dock a.is-active,
body.vp-immersive-web93 .status-pivot.active,
body.vp-immersive-web93 .filter-chip.active{
  box-shadow:0 0 0 1px rgba(105,245,255,.22),0 0 30px rgba(105,245,255,.13)!important;
}
body.vp-immersive-web93 .nav a.is-active::after,
body.vp-immersive-web93 .mobile-dock a.is-active::after{
  content:"";position:absolute;inset:auto 12px 7px 12px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--vp93-cyan),transparent);animation:vp93Pulse 2.2s ease-in-out infinite;
}

body.vp-immersive-web93 .vp93-live-layer{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid var(--vp93-border);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(105,245,255,.08),rgba(164,121,255,.045));
  box-shadow:0 18px 60px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}
body.vp-immersive-web93 .vp93-live-layer b{font-size:.92rem;}
body.vp-immersive-web93 .vp93-live-layer small{display:block;margin-top:2px;}
body.vp-immersive-web93 .vp93-live-layer .vp93-live-dots{display:flex;gap:7px;align-items:center;}
body.vp-immersive-web93 .vp93-live-layer .vp93-live-dots i{width:9px;height:9px;border-radius:999px;background:var(--vp93-cyan);box-shadow:0 0 18px var(--vp93-cyan);animation:vp93Pulse 1.9s ease-in-out infinite;}
body.vp-immersive-web93 .vp93-live-layer .vp93-live-dots i:nth-child(2){background:var(--vp93-violet);box-shadow:0 0 18px var(--vp93-violet);animation-delay:-.5s;}
body.vp-immersive-web93 .vp93-live-layer .vp93-live-dots i:nth-child(3){background:var(--vp93-green);box-shadow:0 0 18px var(--vp93-green);animation-delay:-1s;}

body.vp-immersive-web93 .map,
body.vp-immersive-web93 .planner-map,
body.vp-immersive-web93 .dashboard-map,
body.vp-immersive-web93 #plannerMap{
  position:relative;
  border:1px solid rgba(105,245,255,.23)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 34px 100px rgba(0,0,0,.45),0 0 80px rgba(105,245,255,.11)!important;
  background:#050b16!important;
  overflow:hidden;
}
body.vp-immersive-web93 .map::before,
body.vp-immersive-web93 .planner-map::before,
body.vp-immersive-web93 .dashboard-map::before,
body.vp-immersive-web93 #plannerMap::before{
  content:"";
  position:absolute;inset:0;z-index:600;pointer-events:none;
  background:
    linear-gradient(rgba(105,245,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(105,245,255,.045) 1px,transparent 1px),
    radial-gradient(circle at var(--local-x,50%) var(--local-y,50%), rgba(105,245,255,.10), transparent 28rem),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%,rgba(0,0,0,.22));
  background-size:48px 48px,48px 48px,100% 100%,100% 100%;
  mix-blend-mode:screen;
}
body.vp-immersive-web93 .map::after,
body.vp-immersive-web93 .planner-map::after,
body.vp-immersive-web93 .dashboard-map::after,
body.vp-immersive-web93 #plannerMap::after{
  content:"";position:absolute;left:0;right:0;top:-35%;height:32%;z-index:601;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(105,245,255,.16),transparent);
  animation:vp93MapScan 7s ease-in-out infinite;
}
@keyframes vp93MapScan{0%{transform:translateY(0);opacity:0}12%{opacity:.8}58%{opacity:.45}100%{transform:translateY(440%);opacity:0}}
body.vp-immersive-web93 .vp93-map-hud{
  position:absolute;z-index:800;left:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none;
}
body.vp-immersive-web93 .vp93-map-hud span{
  border:1px solid rgba(105,245,255,.24);border-radius:999px;padding:7px 10px;background:rgba(3,8,18,.62);backdrop-filter:blur(14px);color:#d9fbff;font-size:.76rem;font-weight:900;box-shadow:0 0 24px rgba(105,245,255,.12);
}
body.vp-immersive-web93 .leaflet-marker-icon{filter:drop-shadow(0 0 16px rgba(105,245,255,.42));}
body.vp-immersive-web93 .leaflet-popup-content-wrapper,
body.vp-immersive-web93 .leaflet-popup-tip{
  background:rgba(8,15,32,.92)!important;color:var(--vp93-text)!important;border:1px solid rgba(105,245,255,.24)!important;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 50px rgba(105,245,255,.14)!important;backdrop-filter:blur(18px);
}

body.vp-immersive-web93 .vp93-data-pulse{
  position:absolute;width:8px;height:8px;border-radius:999px;background:var(--vp93-cyan);box-shadow:0 0 22px var(--vp93-cyan);z-index:6;pointer-events:none;opacity:.75;animation:vp93RoutePulse var(--duration,7s) linear infinite;
}
@keyframes vp93RoutePulse{0%{offset-distance:0%;opacity:0}8%{opacity:.85}88%{opacity:.85}100%{offset-distance:100%;opacity:0}}

body.vp-immersive-web93 .vp-immersive-stage,
body.vp-immersive-web93 .vp90-product-stage,
body.vp-immersive-web93 .dashboard-stage{
  transform-style:preserve-3d;
  transform:perspective(1200px) rotateX(var(--vp93-stage-tilt-x)) rotateY(var(--vp93-stage-tilt-y)) translateZ(calc(var(--vp93-depth) * 8px));
  transition:transform .25s ease;
}
body.vp-immersive-web93 .vp-css-route-space,
body.vp-immersive-web93 .vp90-stage-dashboard{
  box-shadow:0 40px 120px rgba(0,0,0,.54),0 0 100px rgba(105,245,255,.18)!important;
}

body.vp-immersive-web93 .vp93-reveal{opacity:0;transform:translateY(20px) scale(.985);}
body.vp-immersive-web93 .vp93-reveal.vp93-visible{animation:vp93FloatUp .72s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--vp93-delay,0ms);}

body.vp-immersive-web93 input,
body.vp-immersive-web93 select,
body.vp-immersive-web93 textarea{
  border-color:rgba(105,245,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.vp-immersive-web93 input:focus,
body.vp-immersive-web93 select:focus,
body.vp-immersive-web93 textarea:focus{
  border-color:rgba(105,245,255,.46)!important;
  box-shadow:0 0 0 4px rgba(105,245,255,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.vp-immersive-web93 .vp-data-table-wrap{
  border:1px solid rgba(105,245,255,.15);
  border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.36);
  overflow:auto;
}
body.vp-immersive-web93 table.vp-data-table thead th{background:rgba(7,14,31,.86)!important;backdrop-filter:blur(14px);}
body.vp-immersive-web93 table.vp-data-table tbody tr:hover{background:rgba(105,245,255,.055)!important;}

body.vp-immersive-web93 .progress{background:rgba(255,255,255,.08)!important;overflow:hidden;}
body.vp-immersive-web93 .progress i{box-shadow:0 0 24px rgba(105,245,255,.36);}
body.vp-immersive-web93 .badge,
body.vp-immersive-web93 .status-chip,
body.vp-immersive-web93 .vp-depth-chip{
  box-shadow:0 0 22px rgba(105,245,255,.08), inset 0 1px rgba(255,255,255,.08)!important;
}

body.vp-immersive-web93.vp93-driver,
body.vp-immersive-web93-driver{
  min-height:100dvh;
  background:
    radial-gradient(circle at 50% -5%,rgba(105,245,255,.17),transparent 32rem),
    radial-gradient(circle at 100% 20%,rgba(164,121,255,.14),transparent 24rem),
    linear-gradient(180deg,var(--vp93-bg),#02040c)!important;
}
body.vp-immersive-web93-driver main{position:relative;z-index:4;}
body.vp-immersive-web93-driver .driver-top{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(105,245,255,.12);backdrop-filter:blur(24px) saturate(1.12);}
body.vp-immersive-web93-driver .driver-tour,
body.vp-immersive-web93-driver .driver-stat,
body.vp-immersive-web93-driver .stop-card{
  border-radius:26px!important;
}
body.vp-immersive-web93-driver .driver-action-primary,
body.vp-immersive-web93-driver .driver-bottom-actions .btn{
  min-height:58px;
  font-size:1.02rem;
}

@media (max-width: 980px){
  body.vp-immersive-web93{--vp93-depth:.58;}
  body.vp-immersive-web93 .vp93-cursor-spotlight{display:none;}
  body.vp-immersive-web93 .vp93-live-layer{align-items:flex-start;flex-direction:column;margin-left:0;margin-right:0;}
  body.vp-immersive-web93 :where(.page-head,.vp-dashboard-3d-hero,.vp90-hero)::before{inset:-8px;border-radius:24px;}
  body.vp-immersive-web93 .vp93-floor-grid{opacity:.22;}
  body.vp-immersive-web93 :where(.panel,.card,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.planner-suggestion,.quick-link,.customer-card,.list-card):hover{transform:translateY(-2px);}
}

@media (prefers-reduced-motion: reduce){
  body.vp-immersive-web93 *,
  body.vp-immersive-web93 *::before,
  body.vp-immersive-web93 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  body.vp-immersive-web93 .vp93-shader-canvas,
  body.vp-immersive-web93 .vp93-cursor-spotlight{display:none!important;}
}

body.animation-off.vp-immersive-web93 .vp93-shader-canvas,
body.animation-off.vp-immersive-web93 .vp93-cursor-spotlight,
body.animation-off.vp-immersive-web93 .vp93-environment{display:none!important;}
body.animation-off.vp-immersive-web93 .vp93-reveal{opacity:1!important;transform:none!important;}


/* source: immersive-theme-97.css */
/* VersandPro 9.7 – Ambient Logistics Theme
   Neuer ruhiger Hintergrund + konsistentere Motion- und Theme-Regeln. */
:root{
  --vp97-bg-0:#030712;
  --vp97-bg-1:#07111f;
  --vp97-bg-2:#10152c;
  --vp97-panel:rgba(12,20,38,.78);
  --vp97-panel-soft:rgba(15,25,46,.62);
  --vp97-panel-strong:rgba(19,30,54,.90);
  --vp97-line:rgba(156,197,255,.14);
  --vp97-line-strong:rgba(97,231,214,.28);
  --vp97-text:#f7fbff;
  --vp97-muted:#a8b4c7;
  --vp97-faint:#748195;
  --vp97-cyan:#61ead6;
  --vp97-blue:#7aa7ff;
  --vp97-violet:#9e7bff;
  --vp97-green:#62f2b5;
  --vp97-amber:#ffd27a;
  --vp97-danger:#ff7899;
  --vp97-radius:24px;
  --vp97-radius-lg:32px;
  --vp97-ease:cubic-bezier(.16,1,.3,1);
  --vp97-fast:180ms var(--vp97-ease);
  --vp97-medium:420ms var(--vp97-ease);
  --vp97-slow:900ms var(--vp97-ease);
  --vp97-shadow:0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.075);
  --vp97-shadow-hover:0 28px 90px rgba(0,0,0,.42),0 0 44px rgba(97,234,214,.10), inset 0 1px 0 rgba(255,255,255,.11);
  --vp97-glow-soft:0 0 60px rgba(97,234,214,.13),0 0 96px rgba(122,167,255,.08);
  --vp97-pointer-x:50vw;
  --vp97-pointer-y:28vh;
}

html[data-theme="light"] body.vp97-theme{
  --vp97-bg-0:#edf5ff;
  --vp97-bg-1:#f8fbff;
  --vp97-bg-2:#e9f1ff;
  --vp97-panel:rgba(255,255,255,.78);
  --vp97-panel-soft:rgba(255,255,255,.62);
  --vp97-panel-strong:rgba(255,255,255,.90);
  --vp97-line:rgba(31,80,130,.15);
  --vp97-line-strong:rgba(25,145,180,.25);
  --vp97-text:#0f172a;
  --vp97-muted:#536176;
  --vp97-faint:#718096;
  --vp97-shadow:0 20px 66px rgba(29,52,93,.13), inset 0 1px 0 rgba(255,255,255,.72);
  --vp97-shadow-hover:0 28px 84px rgba(29,52,93,.18),0 0 42px rgba(45,157,202,.10), inset 0 1px 0 rgba(255,255,255,.92);
}

body.vp97-theme{
  background:
    radial-gradient(circle at var(--vp97-pointer-x) var(--vp97-pointer-y), rgba(97,234,214,.13), transparent 28rem),
    radial-gradient(circle at 82% 9%, rgba(158,123,255,.16), transparent 34rem),
    radial-gradient(circle at 8% 88%, rgba(98,242,181,.09), transparent 30rem),
    linear-gradient(160deg,var(--vp97-bg-0),var(--vp97-bg-1) 44%,var(--vp97-bg-2) 100%)!important;
  color:var(--vp97-text)!important;
}

body.vp97-theme::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-44;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 31%,rgba(97,234,214,.035) 32%,transparent 48% 100%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 28%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 120px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.020) 0 1px,transparent 1px 120px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.56) 72%,rgba(0,0,0,.16));
  transform:translate3d(calc((var(--vp97-pointer-x) - 50vw) * -.006),calc((var(--vp97-pointer-y) - 50vh) * -.006),0);
}

body.vp97-theme.vp93-enabled::after{
  opacity:.28!important;
  filter:blur(1px) drop-shadow(0 0 26px rgba(97,234,214,.12))!important;
  transform:perspective(1100px) rotateX(70deg) translateY(-12px)!important;
}

body.vp97-theme .app-bg,
body.vp97-theme .vp-immersive-background{
  opacity:.28!important;
  filter:saturate(.84) blur(.2px)!important;
}

body.vp97-theme .vp93-shader-canvas{display:none!important;}
body.vp97-theme .vp93-cursor-spotlight{display:none!important;}
body.vp97-theme .vp93-floor-grid{opacity:.18!important;}
body.vp97-theme .vp93-route-ribbon{opacity:.12!important;}
body.vp97-theme .vp93-orb{opacity:.10!important;animation-duration:34s!important;}

.vp97-atmosphere{
  position:fixed;
  inset:0;
  z-index:-38;
  pointer-events:none;
  overflow:hidden;
  contain:strict;
}
.vp97-atmosphere .vp97-aurora,
.vp97-atmosphere .vp97-vignette,
.vp97-atmosphere .vp97-routes,
.vp97-atmosphere .vp97-noise{
  position:absolute;
  inset:0;
}
.vp97-atmosphere .vp97-aurora{
  background:
    radial-gradient(ellipse at 18% 18%, rgba(97,234,214,.23), transparent 34%),
    radial-gradient(ellipse at 76% 16%, rgba(158,123,255,.22), transparent 36%),
    radial-gradient(ellipse at 72% 72%, rgba(122,167,255,.14), transparent 42%),
    conic-gradient(from 168deg at 52% 36%, transparent 0 19%, rgba(97,234,214,.12) 26%, rgba(122,167,255,.08) 37%, transparent 52% 100%);
  filter:blur(28px) saturate(1.06);
  opacity:.78;
  transform:translate3d(calc((var(--vp97-pointer-x) - 50vw) * .012),calc((var(--vp97-pointer-y) - 50vh) * .010),0) scale(1.08);
  animation:vp97Aurora 22s ease-in-out infinite alternate;
}
.vp97-atmosphere .vp97-routes{
  inset:4vh 0 auto 0;
  height:72vh;
  background:
    linear-gradient(125deg,transparent 7%,rgba(97,234,214,.14) 7.3%,transparent 7.8% 30%,rgba(122,167,255,.10) 30.2%,transparent 30.8% 100%),
    linear-gradient(32deg,transparent 20%,rgba(158,123,255,.11) 20.3%,transparent 20.9% 70%,rgba(97,234,214,.10) 70.2%,transparent 70.9% 100%);
  opacity:.34;
  filter:drop-shadow(0 0 24px rgba(97,234,214,.10));
  animation:vp97RouteFlow 26s linear infinite;
  mask-image:radial-gradient(ellipse at 50% 40%,rgba(0,0,0,.78),transparent 76%);
}
.vp97-atmosphere .vp97-vignette{
  background:
    radial-gradient(ellipse at 50% 0%, transparent 0 42%, rgba(0,0,0,.22) 100%),
    linear-gradient(90deg,rgba(0,0,0,.35),transparent 18% 82%,rgba(0,0,0,.28));
  opacity:.86;
}
.vp97-atmosphere .vp97-noise{
  opacity:.055;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
}
.vp97-particle{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:999px;
  background:rgba(97,234,214,.72);
  box-shadow:0 0 16px rgba(97,234,214,.44);
  left:var(--x);
  top:var(--y);
  opacity:var(--o,.36);
  transform:translate3d(0,0,0);
  animation:vp97Particle var(--d,18s) linear infinite;
  animation-delay:var(--delay,0s);
}
.vp97-particle:nth-child(3n){background:rgba(122,167,255,.72);box-shadow:0 0 16px rgba(122,167,255,.36);}
.vp97-particle:nth-child(4n){background:rgba(158,123,255,.70);box-shadow:0 0 16px rgba(158,123,255,.30);}

@keyframes vp97Aurora{
  0%{transform:translate3d(calc((var(--vp97-pointer-x) - 50vw) * .010),calc((var(--vp97-pointer-y) - 50vh) * .010),0) scale(1.05) rotate(0deg);opacity:.62;}
  55%{opacity:.82;}
  100%{transform:translate3d(calc((var(--vp97-pointer-x) - 50vw) * .016),calc((var(--vp97-pointer-y) - 50vh) * .014),0) scale(1.13) rotate(3deg);opacity:.74;}
}
@keyframes vp97RouteFlow{to{transform:translate3d(-4%,2%,0) scale(1.04);}}
@keyframes vp97Particle{
  0%{transform:translate3d(0,20px,0) scale(.7);opacity:0;}
  16%{opacity:var(--o,.34);}
  78%{opacity:var(--o,.34);}
  100%{transform:translate3d(var(--dx,40px),-34vh,0) scale(1.1);opacity:0;}
}
@keyframes vp97SoftEnter{from{opacity:0;transform:translate3d(0,14px,0) scale(.985);filter:blur(4px);}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}}
@keyframes vp97Sheen{0%{transform:translateX(-120%) skewX(-18deg);opacity:0;}24%{opacity:.42;}100%{transform:translateX(180%) skewX(-18deg);opacity:0;}}
@keyframes vp97PulseSoft{0%,100%{opacity:.56;transform:scale(1);}50%{opacity:.95;transform:scale(1.04);}}

body.vp97-theme :where(.topbar,.sidebar,.mobile-dock,.public-nav){
  border-color:var(--vp97-line)!important;
  background:linear-gradient(145deg,rgba(11,19,36,.82),rgba(11,19,36,.66))!important;
  box-shadow:var(--vp97-shadow)!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1)!important;
}
html[data-theme="light"] body.vp97-theme :where(.topbar,.sidebar,.mobile-dock,.public-nav){
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,250,255,.72))!important;
}

body.vp97-theme .topbar{
  min-height:66px;
  border-radius:22px!important;
}
body.vp97-theme .topbar-minimal-shell{
  gap:10px;
}
body.vp97-theme .logistics-search{
  background:rgba(8,14,28,.64)!important;
  border-color:rgba(156,197,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:border-color var(--vp97-fast),background var(--vp97-fast),box-shadow var(--vp97-fast),transform var(--vp97-fast);
}
body.vp97-theme .logistics-search:hover,
body.vp97-theme .logistics-search:focus-visible{
  border-color:rgba(97,234,214,.36)!important;
  background:rgba(13,24,43,.82)!important;
  box-shadow:0 0 0 4px rgba(97,234,214,.075),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.vp97-theme .vp-view-switch,
body.vp97-theme .icon-action,
body.vp97-theme .user-menu-pill{
  border-color:rgba(156,197,255,.15)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.vp97-theme .user-menu-pill .avatar,
body.vp97-theme .sidebar-user .avatar{
  background:linear-gradient(135deg,var(--vp97-cyan),var(--vp97-blue))!important;
  color:#03121f!important;
  box-shadow:0 0 28px rgba(97,234,214,.22)!important;
}

body.vp97-theme :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.vp92-preflight-grid article,.vp92-tour-commandbar article,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side,.vp90-bento-card,.vp90-work-card,.settings-editor,.settings-nav){
  border-color:var(--vp97-line)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.030) 48%,rgba(97,234,214,.018)),
    var(--vp97-panel)!important;
  box-shadow:var(--vp97-shadow)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  transition:transform var(--vp97-medium),border-color var(--vp97-medium),box-shadow var(--vp97-medium),background var(--vp97-medium),opacity var(--vp97-medium)!important;
}
body.vp97-theme :where(.panel,.card,.band,.glass,.glass-soft,.metric-card,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day,.planner-suggestion,.driver-tour,.driver-stat,.stop-card,.settings-section-card,.quick-link,.customer-card,.list-card,.auth-card,.auth-side)::before{
  opacity:.42!important;
  background:
    radial-gradient(circle at var(--local-x,48%) var(--local-y,4%), rgba(97,234,214,.13), transparent 15rem),
    linear-gradient(180deg,rgba(255,255,255,.065),transparent 40%)!important;
}
body.vp97-theme :where(.card,.metric-card,.quick-link,.customer-card,.list-card,.planner-suggestion,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day):hover{
  transform:translateY(-4px)!important;
  border-color:var(--vp97-line-strong)!important;
  box-shadow:var(--vp97-shadow-hover)!important;
}

body.vp97-theme .settings-console{
  margin-top:0!important;
}
body.vp97-theme .settings-nav,
body.vp97-theme .settings-editor{
  border-radius:var(--vp97-radius-lg)!important;
}
body.vp97-theme .settings-tab,
body.vp97-theme .nav a{
  transition:transform var(--vp97-fast),background var(--vp97-fast),border-color var(--vp97-fast),color var(--vp97-fast)!important;
}
body.vp97-theme .settings-tab:hover,
body.vp97-theme .nav a:hover{
  transform:translateX(3px);
  background:rgba(97,234,214,.075)!important;
}
body.vp97-theme .settings-tab.active,
body.vp97-theme .nav a.active{
  color:#06111c!important;
  background:linear-gradient(135deg,var(--vp97-cyan),rgba(122,167,255,.94))!important;
  box-shadow:0 14px 38px rgba(97,234,214,.20)!important;
}

body.vp97-theme :where(.btn,button,.icon-action,a){
  transition:transform var(--vp97-fast),border-color var(--vp97-fast),background var(--vp97-fast),box-shadow var(--vp97-fast),color var(--vp97-fast),opacity var(--vp97-fast);
}
body.vp97-theme :where(.btn,.primary){
  background:linear-gradient(135deg,var(--vp97-cyan),var(--vp97-blue))!important;
  color:#03111d!important;
  box-shadow:0 18px 42px rgba(97,234,214,.21)!important;
  border-color:rgba(255,255,255,.16)!important;
}
body.vp97-theme :where(.btn,.primary):hover{
  transform:translateY(-2px);
  box-shadow:0 24px 56px rgba(97,234,214,.28)!important;
}
body.vp97-theme :where(.btn.ghost,.ghost){
  color:var(--vp97-text)!important;
  background:rgba(255,255,255,.045)!important;
  border-color:var(--vp97-line)!important;
  box-shadow:none!important;
}
body.vp97-theme :where(input,select,textarea){
  background:rgba(7,13,27,.58)!important;
  border-color:rgba(156,197,255,.16)!important;
  color:var(--vp97-text)!important;
  transition:border-color var(--vp97-fast),box-shadow var(--vp97-fast),background var(--vp97-fast)!important;
}
body.vp97-theme :where(input,select,textarea):focus{
  border-color:rgba(97,234,214,.42)!important;
  box-shadow:0 0 0 4px rgba(97,234,214,.09)!important;
}

body.vp97-theme :where(table,.table-wrap){
  border-color:var(--vp97-line)!important;
}
body.vp97-theme :where(th){
  background:rgba(255,255,255,.045)!important;
  color:#dce8fa!important;
}
body.vp97-theme :where(tr):hover td{
  background:rgba(97,234,214,.035)!important;
}

body.vp97-theme :where(.map,.planner-map,#plannerMap,.dashboard-map,.vp-route-map){
  border-color:rgba(97,234,214,.22)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.34),0 0 70px rgba(97,234,214,.10)!important;
  background:linear-gradient(145deg,rgba(7,14,29,.88),rgba(11,24,43,.68))!important;
}
body.vp97-theme :where(.map,.planner-map,#plannerMap,.dashboard-map,.vp-route-map)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--local-x,48%) var(--local-y,38%),rgba(97,234,214,.10),transparent 26rem),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%,rgba(97,234,214,.035));
  z-index:450;
  mix-blend-mode:screen;
}

body.vp97-theme .vp97-reveal{
  opacity:0;
  transform:translate3d(0,14px,0) scale(.992);
}
body.vp97-theme .vp97-reveal.is-visible{
  animation:vp97SoftEnter .66s var(--vp97-ease) forwards;
  animation-delay:var(--vp97-delay,0ms);
}
body.vp97-theme .vp97-glint{position:relative;overflow:hidden;}
body.vp97-theme .vp97-glint::after{
  content:"";
  position:absolute;
  inset:-20% auto -20% -70%;
  width:48%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:translateX(-120%) skewX(-18deg);
}
body.vp97-theme .vp97-glint:hover::after{animation:vp97Sheen 1.2s var(--vp97-ease);}

body.vp97-theme.vp-view-mobile .vp97-atmosphere .vp97-routes,
body.vp97-theme.vp-view-mobile .vp97-atmosphere .vp97-noise{opacity:.025;}
body.vp97-theme.vp-view-mobile .vp97-particle{display:none;}
body.vp97-theme.vp-view-mobile .vp97-atmosphere .vp97-aurora{filter:blur(34px);opacity:.50;}
body.vp97-theme.vp-view-mobile :where(.card,.metric-card,.quick-link,.customer-card,.list-card,.planner-suggestion,.vp-tour-overview-card,.dispatch-mini-card,.calendar-day):hover{transform:none!important;}

body.animation-reduced.vp97-theme *,
body.animation-off.vp97-theme *,
body.vp97-reduced *{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
  transition-duration:.001ms!important;
}
body.animation-reduced.vp97-theme .vp97-particle,
body.animation-off.vp97-theme .vp97-particle,
body.vp97-reduced .vp97-particle{display:none!important;}
body.animation-reduced.vp97-theme .vp97-atmosphere .vp97-aurora,
body.animation-off.vp97-theme .vp97-atmosphere .vp97-aurora,
body.vp97-reduced .vp97-atmosphere .vp97-aurora{animation:none!important;opacity:.42!important;}

@media (prefers-reduced-motion: reduce){
  body.vp97-theme *,body.vp97-theme *::before,body.vp97-theme *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  body.vp97-theme .vp97-particle{display:none!important;}
}

@media (max-width:900px){
  body.vp97-theme .topbar{min-height:auto;border-radius:18px!important;}
  body.vp97-theme .user-menu-pill span,
  body.vp97-theme .topbar-logout span{display:none!important;}
  body.vp97-theme .logistics-search kbd{display:none!important;}
  body.vp97-theme :where(.panel,.card,.glass,.glass-soft,.settings-editor,.settings-nav){border-radius:20px!important;}
}


/* source: planner-map-98.css */
/* VersandPro 9.8 – heller Tourenplaner und POI-Karte */
body.vp97-theme .vp-planner-workspace,
body.vp97-theme .business-map-panel{
  --vp98-map-bg:#eef4fb;
  --vp98-map-border:rgba(120,144,174,.42);
  --vp98-map-text:#132033;
  --vp98-map-muted:#53667f;
  --vp98-blue:#2563eb;
  --vp98-cyan:#0891b2;
  --vp98-green:#059669;
  --vp98-amber:#d97706;
  --vp98-violet:#7c3aed;
}

body.vp97-theme .business-map-panel{
  border-color:rgba(125,211,252,.20)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(11,18,32,.76))!important;
}

body.vp97-theme .vp98-light-map,
body.vp97-theme #plannerMap.vp98-light-map,
body.vp97-theme :where(.map,.planner-map,#plannerMap,.dashboard-map,.vp-route-map){
  background:var(--vp98-map-bg)!important;
  border:1px solid var(--vp98-map-border)!important;
  border-radius:24px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.26),0 0 0 1px rgba(255,255,255,.05)!important;
  filter:none!important;
  isolation:isolate;
}

body.vp97-theme .vp98-light-map::before,
body.vp97-theme .vp98-light-map::after,
body.vp97-theme #plannerMap::before,
body.vp97-theme #plannerMap::after,
body.vp97-theme .planner-map::before,
body.vp97-theme .planner-map::after{
  display:none!important;
  content:none!important;
}

body.vp97-theme .leaflet-container,
body.vp97-theme .leaflet-tile-pane,
body.vp97-theme .leaflet-tile,
body.vp97-theme .leaflet-pane,
body.vp-argus-3d-site .leaflet-tile,
body.vp-neutron-theme .leaflet-tile-pane,
body.vp-neutron-pro .leaflet-tile{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

body.vp97-theme .leaflet-container{
  color:var(--vp98-map-text)!important;
  background:var(--vp98-map-bg)!important;
  font-family:inherit;
}

body.vp97-theme .leaflet-control-zoom a,
body.vp97-theme .leaflet-control-layers,
body.vp97-theme .leaflet-control-attribution{
  background:rgba(255,255,255,.94)!important;
  color:#1f2937!important;
  border-color:rgba(148,163,184,.42)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
}

body.vp97-theme .leaflet-popup-content-wrapper,
body.vp97-theme .leaflet-popup-tip{
  background:rgba(255,255,255,.98)!important;
  color:#162033!important;
  border:1px solid rgba(148,163,184,.34)!important;
  box-shadow:0 24px 50px rgba(15,23,42,.18)!important;
}

body.vp97-theme .leaflet-popup-content{margin:12px 14px!important;}

.vp-leaflet-route.is-street{
  stroke:#2563eb!important;
  filter:drop-shadow(0 3px 8px rgba(37,99,235,.34));
  animation:vp98RouteDraw .95s ease both;
}
.vp-leaflet-route.is-estimate{
  stroke:#f97316!important;
  stroke-dasharray:9 10;
  filter:drop-shadow(0 3px 8px rgba(249,115,22,.26));
}

@keyframes vp98RouteDraw{from{stroke-dasharray:6 18;stroke-dashoffset:80;opacity:.55}to{stroke-dasharray:0;stroke-dashoffset:0;opacity:1}}

body.vp97-theme .vp-leaflet-marker span{
  border:2px solid #fff!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(15,23,42,.28)!important;
}
body.vp97-theme .vp-leaflet-marker.is-start span{background:#111827!important;}
body.vp97-theme .vp-leaflet-marker.type-pickup span{background:#0891b2!important;}
body.vp97-theme .vp-leaflet-marker.type-delivery span{background:#2563eb!important;}
body.vp97-theme .vp-leaflet-marker.type-delivery_pickup span{background:#7c3aed!important;}
body.vp97-theme .vp-leaflet-marker.status-problem span,
body.vp97-theme .vp-leaflet-marker.status-cancelled span{background:#dc2626!important;}

.planner-map-toolbar{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
}
.planner-map-toolbar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.planner-map-toolbar-head span{display:grid;gap:2px;}
.planner-map-toolbar-head b{color:#f8fafc;font-size:.94rem;}
.planner-map-toolbar-head small,
.planner-poi-meta small{color:#a7b5ca;}
.planner-map-toolbar-head div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.planner-poi-toolbar{display:flex;gap:8px;flex-wrap:wrap;}
.planner-poi-toolbar button{
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.055);
  color:#cbd5e1;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.planner-poi-toolbar button:hover{transform:translateY(-1px);border-color:rgba(125,211,252,.45);color:#fff;}
.planner-poi-toolbar button.active,
.planner-poi-toolbar button[aria-pressed="true"]{
  background:linear-gradient(135deg,rgba(45,212,191,.22),rgba(37,99,235,.18));
  border-color:rgba(125,211,252,.48);
  color:#f8fafc;
  box-shadow:0 10px 26px rgba(37,99,235,.16);
}
.planner-poi-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.planner-poi-meta small[data-tone="ok"]{color:#86efac;}
.planner-poi-meta small[data-tone="warning"]{color:#facc15;}
.planner-poi-meta small[data-tone="loading"]{color:#7dd3fc;}
.planner-poi-counters{display:flex;gap:6px;flex-wrap:wrap;}
.poi-count{
  display:flex;align-items:center;gap:4px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.36);
  color:#dbeafe;
}
.poi-count b{font-size:.8rem;}
.poi-count small{font-size:.68rem;color:#a7b5ca;}

.vp98-poi-marker{background:transparent!important;border:0!important;}
.vp98-poi-marker span{
  width:30px;height:30px;border-radius:11px;
  display:grid;place-items:center;
  border:2px solid #fff;
  color:#fff;font-size:.72rem;font-weight:1000;
  box-shadow:0 10px 24px rgba(15,23,42,.26);
  transform:translateZ(0);
}
.vp98-poi-marker.poi-fuel span{background:#ef4444;}
.vp98-poi-marker.poi-shop span{background:#16a34a;}
.vp98-poi-marker.poi-company span{background:#7c3aed;}
.vp98-poi-marker.poi-parking span{background:#2563eb;}
.vp98-poi-marker.poi-food span{background:#f97316;}
.vp98-poi-popup{display:grid;gap:4px;min-width:180px;}
.vp98-poi-popup strong{color:#111827;font-size:.95rem;}
.vp98-poi-popup small{color:#475569;line-height:1.35;}

body.vp97-theme .route-summary-large,
body.vp97-theme .vp-route-quality,
body.vp97-theme .vp-route-impact,
body.vp97-theme .vp92-route-score{
  border-color:rgba(148,163,184,.18)!important;
  background:rgba(255,255,255,.045)!important;
}

body.vp97-theme .customer-picker label,
body.vp97-theme .stop-sort{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
body.vp97-theme .customer-picker label:hover,
body.vp97-theme .stop-sort:hover{
  transform:translateY(-1px);
  border-color:rgba(125,211,252,.38)!important;
}
body.vp97-theme .stop-sort.missing-coordinates{
  border-color:rgba(248,113,113,.38)!important;
  background:linear-gradient(135deg,rgba(248,113,113,.10),rgba(255,255,255,.035))!important;
}

@media(max-width:900px){
  .planner-map-toolbar-head,.planner-poi-meta{align-items:flex-start;flex-direction:column;}
  .planner-map-toolbar-head div{justify-content:flex-start;}
  .planner-poi-toolbar button{padding:8px 10px;font-size:.78rem;}
}

@media(prefers-reduced-motion:reduce){
  .vp-leaflet-route.is-street{animation:none!important;}
  .planner-poi-toolbar button,.customer-picker label,.stop-sort{transition:none!important;}
}


/* source: luxury-industrial-intelligence.css */
:root{
  --vp99-bg:#050812;
  --vp99-bg-2:#09101d;
  --vp99-panel:#0b1321;
  --vp99-panel-2:#0f1a2b;
  --vp99-panel-3:#142336;
  --vp99-line:rgba(152,182,224,.12);
  --vp99-line-strong:rgba(132,239,220,.30);
  --vp99-text:#eff5ff;
  --vp99-muted:#93a4bf;
  --vp99-cyan:#7ef0dc;
  --vp99-blue:#7cb9ff;
  --vp99-violet:#9d8fff;
  --vp99-amber:#ffcf73;
  --vp99-ok:#56e2a6;
  --vp99-warning:#f7be68;
  --vp99-danger:#ff6d85;
  --vp99-shadow-xl:0 42px 120px rgba(0,0,0,.52);
  --vp99-shadow-lg:0 26px 80px rgba(3,8,20,.42);
  --vp99-shadow-md:0 18px 46px rgba(2,10,24,.34);
  --vp99-shadow-sm:0 10px 24px rgba(2,10,24,.26);
  --vp99-radius-xl:32px;
  --vp99-radius-lg:26px;
  --vp99-radius-md:20px;
  --vp99-radius-sm:16px;
}

html[data-theme="light"]{
  --vp99-bg:#edf3fb;
  --vp99-bg-2:#e6eef9;
  --vp99-panel:#ffffff;
  --vp99-panel-2:#f4f8fe;
  --vp99-panel-3:#ebf1fb;
  --vp99-line:rgba(40,63,102,.10);
  --vp99-line-strong:rgba(16,160,140,.26);
  --vp99-text:#122136;
  --vp99-muted:#5d718d;
  --vp99-shadow-xl:0 42px 120px rgba(20,35,60,.16);
  --vp99-shadow-lg:0 26px 80px rgba(20,35,60,.12);
  --vp99-shadow-md:0 18px 46px rgba(20,35,60,.10);
  --vp99-shadow-sm:0 10px 24px rgba(20,35,60,.08);
}

body.vp99-immersive-os{
  background:
    radial-gradient(circle at 12% 18%, rgba(126,240,220,.12), transparent 22rem),
    radial-gradient(circle at 86% 14%, rgba(124,185,255,.14), transparent 24rem),
    radial-gradient(circle at 54% 104%, rgba(157,143,255,.10), transparent 30rem),
    linear-gradient(180deg, var(--vp99-bg), var(--vp99-bg-2) 52%, var(--vp99-bg));
  color:var(--vp99-text);
  overflow-x:hidden;
}

body.vp99-immersive-os::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 18%, transparent 82%, rgba(255,255,255,.025)),
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 22%);
  mix-blend-mode:screen;
  opacity:.35;
  z-index:-7;
}

body.vp99-immersive-os::after{
  content:"";
  position:fixed;
  inset:-12vh -10vw auto;
  height:52vh;
  pointer-events:none;
  background:radial-gradient(circle at 50% 0%, rgba(126,240,220,.20), transparent 42%);
  opacity:.65;
  z-index:-6;
}

body.vp99-immersive-os .vp99-shell{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-5;
  overflow:hidden;
}

body.vp99-immersive-os .vp99-shell-grid,
body.vp99-immersive-os .vp99-shell-glow,
body.vp99-immersive-os .vp99-shell-noise,
body.vp99-immersive-os .vp99-shell-orbit,
body.vp99-immersive-os .vp99-shell-columns{
  position:absolute;
  inset:0;
}

body.vp99-immersive-os .vp99-shell-grid{
  background:
    linear-gradient(rgba(152,182,224,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(152,182,224,.045) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 92%);
  transform:perspective(1200px) rotateX(77deg) translateY(-12vh);
  transform-origin:50% 0;
  opacity:.40;
}

body.vp99-immersive-os .vp99-shell-glow{
  background:
    radial-gradient(circle at var(--vp99-pointer-x, 50%) var(--vp99-pointer-y, 12%), rgba(126,240,220,.22), transparent 14rem),
    radial-gradient(circle at 20% 84%, rgba(124,185,255,.12), transparent 20rem),
    radial-gradient(circle at 80% 78%, rgba(157,143,255,.12), transparent 20rem);
  opacity:.9;
}

body.vp99-immersive-os .vp99-shell-noise{
  background-image:
    linear-gradient(transparent 0, rgba(255,255,255,.025) 50%, transparent 100%),
    radial-gradient(circle, rgba(255,255,255,.055) .7px, transparent .9px);
  background-size:100% 3px, 12px 12px;
  opacity:.10;
  mix-blend-mode:soft-light;
}

body.vp99-immersive-os .vp99-shell-orbit::before,
body.vp99-immersive-os .vp99-shell-orbit::after{
  content:"";
  position:absolute;
  inset:auto;
  border:1px solid rgba(126,240,220,.12);
  border-radius:999px;
  filter:drop-shadow(0 0 20px rgba(126,240,220,.08));
}

body.vp99-immersive-os .vp99-shell-orbit::before{
  width:54vw;
  height:54vw;
  right:-12vw;
  top:8vh;
  border-color:rgba(124,185,255,.10);
}

body.vp99-immersive-os .vp99-shell-orbit::after{
  width:34vw;
  height:34vw;
  left:-10vw;
  bottom:8vh;
}

body.vp99-immersive-os .vp99-shell-columns{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18vw;
  padding:0 10vw;
}

body.vp99-immersive-os .vp99-shell-columns i{
  display:block;
  height:100vh;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(126,240,220,.02) 24%, transparent 48%);
  opacity:.16;
  filter:blur(10px);
  transform:skewX(-12deg);
}

body.vp99-immersive-os .app-bg,
body.vp99-immersive-os .vp-immersive-background,
body.vp99-immersive-os .vp97-atmosphere{
  z-index:-4!important;
}

body.vp99-immersive-os .app-shell{
  grid-template-columns:320px minmax(0,1fr);
  gap:18px;
  padding:18px;
  align-items:start;
}

body.vp99-immersive-os .sidebar,
body.vp99-immersive-os .topbar,
body.vp99-immersive-os .panel,
body.vp99-immersive-os .card,
body.vp99-immersive-os .glass,
body.vp99-immersive-os .glass-soft,
body.vp99-immersive-os .metric-card,
body.vp99-immersive-os .settings-nav,
body.vp99-immersive-os .settings-editor,
body.vp99-immersive-os .vp-tour-overview-card,
body.vp99-immersive-os .dispatch-mini-card,
body.vp99-immersive-os .planner-suggestion,
body.vp99-immersive-os .vp-command-ribbon-card,
body.vp99-immersive-os .vp-leitstand-card,
body.vp99-immersive-os .vp-kpi-card,
body.vp99-immersive-os .vp90-bento-card,
body.vp99-immersive-os .vp90-work-card,
body.vp99-immersive-os .quick-link,
body.vp99-immersive-os .list-card,
body.vp99-immersive-os .tour-row-card{
  position:relative;
  border:1px solid var(--vp99-line)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 22%, transparent 54%),
    linear-gradient(150deg, rgba(255,255,255,.06), rgba(124,185,255,.03) 38%, rgba(126,240,220,.02) 70%),
    var(--vp99-panel)!important;
  box-shadow:var(--vp99-shadow-md)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  border-radius:var(--vp99-radius-lg)!important;
  overflow:hidden;
  transform-style:preserve-3d;
}

html[data-theme="light"] body.vp99-immersive-os .sidebar,
html[data-theme="light"] body.vp99-immersive-os .topbar,
html[data-theme="light"] body.vp99-immersive-os .panel,
html[data-theme="light"] body.vp99-immersive-os .card,
html[data-theme="light"] body.vp99-immersive-os .glass,
html[data-theme="light"] body.vp99-immersive-os .glass-soft,
html[data-theme="light"] body.vp99-immersive-os .metric-card,
html[data-theme="light"] body.vp99-immersive-os .settings-nav,
html[data-theme="light"] body.vp99-immersive-os .settings-editor{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,252,255,.84) 22%, rgba(244,248,254,.92) 100%)!important;
}

body.vp99-immersive-os .sidebar::before,
body.vp99-immersive-os .topbar::before,
body.vp99-immersive-os .panel::before,
body.vp99-immersive-os .card::before,
body.vp99-immersive-os .glass::before,
body.vp99-immersive-os .glass-soft::before,
body.vp99-immersive-os .metric-card::before,
body.vp99-immersive-os .settings-nav::before,
body.vp99-immersive-os .settings-editor::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--vp99-local-x, 32%) var(--vp99-local-y, 0%), rgba(255,255,255,.18), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 28%);
  opacity:.82;
  mix-blend-mode:screen;
}

body.vp99-immersive-os .sidebar::after,
body.vp99-immersive-os .topbar::after,
body.vp99-immersive-os .panel::after,
body.vp99-immersive-os .card::after,
body.vp99-immersive-os .glass::after,
body.vp99-immersive-os .glass-soft::after,
body.vp99-immersive-os .metric-card::after,
body.vp99-immersive-os .settings-nav::after,
body.vp99-immersive-os .settings-editor::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(126,240,220,.26), rgba(124,185,255,.24), transparent);
  opacity:.9;
  pointer-events:none;
}

body.vp99-immersive-os .sidebar{
  top:18px;
  height:calc(100vh - 36px);
  border-right:none;
  padding:22px 18px 18px;
}

body.vp99-immersive-os .sidebar .brand{
  padding:14px;
  border-radius:22px;
  background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(152,182,224,.10);
}

body.vp99-immersive-os .sidebar .brand-logo{
  width:48px;
  height:48px;
  border-radius:16px;
  box-shadow:0 12px 26px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.10);
}

body.vp99-immersive-os .sidebar-user,
body.vp99-immersive-os .sidebar-footer{
  border:1px solid rgba(152,182,224,.10);
  border-radius:22px;
  background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

body.vp99-immersive-os .nav-group{
  padding:10px;
  border-radius:24px;
  border:1px solid rgba(152,182,224,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 78%);
}

body.vp99-immersive-os .nav-group-title{
  display:grid;
  gap:4px;
  margin:0 4px 10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(152,182,224,.08);
}

body.vp99-immersive-os .nav-group-title span{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--vp99-cyan);
  font-weight:800;
}

body.vp99-immersive-os .nav-group-title small{
  color:var(--vp99-muted);
  font-size:.78rem;
}

body.vp99-immersive-os .nav a,
body.vp99-immersive-os .settings-tab,
body.vp99-immersive-os .mobile-dock a{
  position:relative;
  gap:12px;
  border-radius:18px;
  color:rgba(233,242,255,.82);
}

body.vp99-immersive-os .nav a:hover,
body.vp99-immersive-os .settings-tab:hover,
body.vp99-immersive-os .mobile-dock a:hover{
  background:linear-gradient(145deg, rgba(124,185,255,.12), rgba(126,240,220,.10))!important;
  border-color:rgba(126,240,220,.16)!important;
  color:#fff!important;
}

body.vp99-immersive-os .nav a.active,
body.vp99-immersive-os .settings-tab.active,
body.vp99-immersive-os .mobile-dock a.active{
  color:#02111e!important;
  background:linear-gradient(135deg, var(--vp99-cyan), var(--vp99-blue))!important;
  box-shadow:0 18px 42px rgba(126,240,220,.22)!important;
}

body.vp99-immersive-os .main{
  min-height:calc(100vh - 36px);
}

body.vp99-immersive-os .topbar{
  top:18px;
  margin:0;
  min-height:76px;
  padding:16px 18px;
  box-shadow:var(--vp99-shadow-lg)!important;
}

body.vp99-immersive-os .top-search-trigger,
body.vp99-immersive-os .vp-view-switch,
body.vp99-immersive-os .icon-action,
body.vp99-immersive-os .user-menu-pill{
  border:1px solid rgba(152,182,224,.12)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.02))!important;
  border-radius:16px!important;
  color:var(--vp99-text)!important;
}

body.vp99-immersive-os .notify-dot{
  background:linear-gradient(135deg, var(--vp99-danger), #ff9e80);
  box-shadow:0 0 0 6px rgba(255,109,133,.14);
}

body.vp99-immersive-os .user-menu-pill{
  min-height:50px;
  padding:6px 12px 6px 8px;
}

body.vp99-immersive-os .content{
  padding:20px 2px 24px;
  gap:20px;
}

body.vp99-immersive-os .btn{
  position:relative;
  border:none;
  border-radius:16px;
  min-height:46px;
  padding:0 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 36%),
    linear-gradient(135deg, #0f5f63, #12a1a2 46%, #58d8c4 100%);
  box-shadow:0 18px 34px rgba(18,161,162,.26), inset 0 1px 0 rgba(255,255,255,.18);
}

body.vp99-immersive-os .btn:hover{
  box-shadow:0 22px 42px rgba(18,161,162,.32), inset 0 1px 0 rgba(255,255,255,.22);
}

body.vp99-immersive-os .btn.ghost{
  color:var(--vp99-text);
  border:1px solid rgba(152,182,224,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), var(--vp99-shadow-sm);
}

body.vp99-immersive-os .btn.ghost:hover{
  border-color:rgba(126,240,220,.18);
  background:linear-gradient(180deg, rgba(124,185,255,.10), rgba(255,255,255,.025));
}

body.vp99-immersive-os .eyebrow,
body.vp99-immersive-os .panel-kicker,
body.vp99-immersive-os .vp-eyebrow{
  color:var(--vp99-cyan)!important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
}

body.vp99-immersive-os .page-head{
  align-items:flex-start;
  gap:18px;
  padding:8px 4px 2px;
}

body.vp99-immersive-os .page-head h1,
body.vp99-immersive-os .vp-dashboard h1,
body.vp99-immersive-os .vp90-hero h1{
  letter-spacing:-.03em;
  line-height:.98;
}

body.vp99-immersive-os .vp-workspace-meta span,
body.vp99-immersive-os .vp-route-quality span,
body.vp99-immersive-os .vp-route-impact span{
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  border-radius:18px;
  padding:12px 14px;
}

body.vp99-immersive-os .vp99-dashboard-shell{
  display:grid;
  gap:20px;
}

body.vp99-immersive-os .vp-hero-row{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:20px;
  align-items:stretch;
}

body.vp99-immersive-os .vp-dashboard-hero-copy,
body.vp99-immersive-os .vp-immersive-stage{
  min-height:340px;
  border:1px solid rgba(152,182,224,.12);
  border-radius:var(--vp99-radius-xl);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02) 26%, transparent 100%),
    linear-gradient(155deg, rgba(255,255,255,.06), rgba(126,240,220,.04) 46%, rgba(124,185,255,.05) 78%),
    rgba(7,12,24,.74);
  box-shadow:var(--vp99-shadow-lg);
  overflow:hidden;
}

body.vp99-immersive-os .vp-dashboard-hero-copy{
  padding:32px 32px 28px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

body.vp99-immersive-os .vp-dashboard-hero-copy::after{
  content:"";
  position:absolute;
  inset:auto -12% -34% auto;
  width:22rem;
  height:22rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(126,240,220,.18), transparent 68%);
  filter:blur(16px);
}

body.vp99-immersive-os .vp-dashboard-hero-copy p{
  max-width:54ch;
  font-size:1.04rem;
  color:rgba(227,238,255,.80);
}

body.vp99-immersive-os .vp-hero-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

body.vp99-immersive-os .vp-date-pill,
body.vp99-immersive-os .vp-depth-chip{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(152,182,224,.12);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.vp99-immersive-os .vp-immersive-stage{
  position:relative;
  isolation:isolate;
}

body.vp99-immersive-os .vp-immersive-stage::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:28px;
  border:1px solid rgba(126,240,220,.12);
  background:
    radial-gradient(circle at 50% 40%, rgba(124,185,255,.10), transparent 30%),
    radial-gradient(circle at 52% 58%, rgba(126,240,220,.16), transparent 36%);
}

body.vp99-immersive-os .vp-immersive-stage::after{
  content:"";
  position:absolute;
  width:78%;
  height:78%;
  inset:11% auto auto 11%;
  border-radius:999px;
  border:1px solid rgba(124,185,255,.14);
  box-shadow:0 0 0 28px rgba(126,240,220,.03), 0 0 48px rgba(124,185,255,.06);
}

body.vp99-immersive-os .vp-command-ribbon{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

body.vp99-immersive-os .vp-command-ribbon-card{
  min-height:120px;
  padding:18px 18px 16px;
  gap:14px;
  display:flex;
  align-items:flex-start;
  transform:translateZ(0);
}

body.vp99-immersive-os .vp-command-ribbon-card i,
body.vp99-immersive-os .vp90-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(126,240,220,.28), rgba(124,185,255,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}

body.vp99-immersive-os .vp-command-ribbon-card span{
  display:grid;
  gap:6px;
}

body.vp99-immersive-os .vp-command-ribbon-card small{
  color:var(--vp99-cyan);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

body.vp99-immersive-os .vp-command-ribbon-card b{
  font-size:1.15rem;
}

body.vp99-immersive-os .vp-command-ribbon-card em{
  color:var(--vp99-muted);
  font-style:normal;
}

body.vp99-immersive-os .vp-leitstand-command,
body.vp99-immersive-os .vp92-briefing-grid,
body.vp99-immersive-os .vp-kpi-grid,
body.vp99-immersive-os .vp-main-grid,
body.vp99-immersive-os .vp-module-hub,
body.vp99-immersive-os .vp-next-level-strip{
  position:relative;
  z-index:1;
}

body.vp99-immersive-os .vp-leitstand-command{
  padding:24px;
  border:1px solid rgba(152,182,224,.12);
  border-radius:var(--vp99-radius-xl);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(145deg, rgba(12,22,38,.90), rgba(8,15,28,.84));
  box-shadow:var(--vp99-shadow-lg);
}

body.vp99-immersive-os .vp-leitstand-head{
  gap:16px;
  align-items:flex-end;
}

body.vp99-immersive-os .vp-leitstand-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

body.vp99-immersive-os .vp-leitstand-card{
  min-height:132px;
  padding:18px;
  display:grid;
  gap:8px;
}

body.vp99-immersive-os .vp-leitstand-card small{
  color:var(--vp99-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

body.vp99-immersive-os .vp-leitstand-card b{
  font-size:2rem;
  line-height:1;
  letter-spacing:-.03em;
}

body.vp99-immersive-os .vp-leitstand-card span{
  color:rgba(233,242,255,.72);
}

body.vp99-immersive-os .vp-leitstand-card.is-critical{
  border-color:rgba(255,109,133,.30)!important;
  box-shadow:0 26px 62px rgba(255,109,133,.12)!important;
}

body.vp99-immersive-os .vp-leitstand-card.is-warning{
  border-color:rgba(247,190,104,.26)!important;
  box-shadow:0 26px 62px rgba(247,190,104,.10)!important;
}

body.vp99-immersive-os .vp-leitstand-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

body.vp99-immersive-os .vp90-cockpit-strip,
body.vp99-immersive-os .vp-ux-helper-strip,
body.vp99-immersive-os .vp-tours-decision-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

body.vp99-immersive-os .vp90-cockpit-strip article,
body.vp99-immersive-os .vp-ux-helper-strip article,
body.vp99-immersive-os .vp-tours-decision-strip a{
  position:relative;
  padding:18px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--vp99-shadow-sm);
}

body.vp99-immersive-os .vp-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

body.vp99-immersive-os .vp-kpi-card{
  min-height:160px;
  padding:20px;
}

body.vp99-immersive-os .vp-kpi-card strong{
  font-size:2.35rem;
  letter-spacing:-.04em;
}

body.vp99-immersive-os .vp-kpi-card i{
  position:absolute;
  right:18px;
  bottom:18px;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(126,240,220,.18), rgba(124,185,255,.16));
}

body.vp99-immersive-os .cards.four{
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

body.vp99-immersive-os .metric-card{
  min-height:154px;
  padding:20px;
}

body.vp99-immersive-os .metric-card strong{
  font-size:2.1rem;
  letter-spacing:-.04em;
}

body.vp99-immersive-os .vp-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:18px;
}

body.vp99-immersive-os .vp-dashboard-live-map,
body.vp99-immersive-os .business-map-panel,
body.vp99-immersive-os .map-panel{
  border-radius:var(--vp99-radius-xl)!important;
  box-shadow:var(--vp99-shadow-lg)!important;
}

body.vp99-immersive-os .planner-workspace,
body.vp99-immersive-os .vp99-planner-shell{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(420px,1.25fr) minmax(300px,.85fr);
  gap:18px;
  align-items:start;
}

body.vp99-immersive-os .vp-planner-column{
  min-width:0;
}

body.vp99-immersive-os .business-map-panel{
  padding:18px;
}

body.vp99-immersive-os .vp-route-commandbar,
body.vp99-immersive-os .vp92-tour-commandbar,
body.vp99-immersive-os .vp-planner-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.vp99-immersive-os .planner-map-toolbar,
body.vp99-immersive-os .planner-poi-toolbar,
body.vp99-immersive-os .planner-poi-meta,
body.vp99-immersive-os .route-summary,
body.vp99-immersive-os .vp-route-quality,
body.vp99-immersive-os .vp-route-impact,
body.vp99-immersive-os .vp92-route-score{
  border:1px solid rgba(152,182,224,.10);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

body.vp99-immersive-os .planner-map-toolbar{
  padding:14px;
  margin:14px 0;
}

body.vp99-immersive-os .planner-map-toolbar-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

body.vp99-immersive-os .planner-poi-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px;
  margin-top:12px;
}

body.vp99-immersive-os .planner-poi-toolbar button,
body.vp99-immersive-os .filter-chip,
body.vp99-immersive-os .status-pivot{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  color:var(--vp99-text);
}

body.vp99-immersive-os .planner-poi-toolbar button[aria-pressed="true"],
body.vp99-immersive-os .filter-chip.active,
body.vp99-immersive-os .status-pivot.active{
  color:#07121b;
  border-color:transparent;
  background:linear-gradient(135deg, var(--vp99-cyan), var(--vp99-blue));
}

body.vp99-immersive-os .map.planner-map,
body.vp99-immersive-os .vp-route-map{
  min-height:420px;
  border-radius:28px;
  border:1px solid rgba(152,182,224,.14);
  box-shadow:var(--vp99-shadow-lg), inset 0 1px 0 rgba(255,255,255,.10);
  overflow:hidden;
}

body.vp99-immersive-os .route-summary{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  padding:14px;
  margin-top:14px;
}

body.vp99-immersive-os .route-summary span{
  border:none;
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}

body.vp99-immersive-os .route-summary b{
  font-size:1.2rem;
}

body.vp99-immersive-os .vp-route-statusline{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

body.vp99-immersive-os .planner-command label,
body.vp99-immersive-os .settings-editor label,
body.vp99-immersive-os .business-form label{
  display:grid;
  gap:8px;
}

body.vp99-immersive-os :is(input,select,textarea){
  border-radius:16px;
  border:1px solid rgba(152,182,224,.12);
  background:linear-gradient(180deg, rgba(6,12,24,.72), rgba(8,15,28,.82));
  color:var(--vp99-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-theme="light"] body.vp99-immersive-os :is(input,select,textarea){
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,248,254,.94));
  color:var(--vp99-text);
}

body.vp99-immersive-os :is(input,select,textarea):focus{
  border-color:rgba(126,240,220,.26);
  box-shadow:0 0 0 4px rgba(126,240,220,.08), inset 0 1px 0 rgba(255,255,255,.08);
}

body.vp99-immersive-os .settings-console{
  grid-template-columns:320px minmax(0,1fr);
  gap:18px;
}

body.vp99-immersive-os .settings-nav{
  position:sticky;
  top:112px;
  padding:16px;
}

body.vp99-immersive-os .settings-editor{
  padding:18px;
}

body.vp99-immersive-os .sticky-title-row{
  position:sticky;
  top:112px;
  z-index:4;
  padding:16px 18px;
  margin:-4px -4px 18px;
  border-radius:22px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(7,13,26,.84), rgba(7,13,26,.72));
  backdrop-filter:blur(16px);
}

html[data-theme="light"] body.vp99-immersive-os .sticky-title-row{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,255,.90));
}

body.vp99-immersive-os .settings-section-card{
  border-radius:22px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
  overflow:hidden;
}

body.vp99-immersive-os .settings-section-card summary{
  padding:18px;
}

body.vp99-immersive-os .settings-section-fields{
  padding:0 18px 18px;
}

body.vp99-immersive-os .settings-save-bar{
  position:sticky;
  bottom:16px;
  z-index:3;
  margin-top:18px;
  padding:16px 18px;
  border-radius:24px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(7,13,26,.90), rgba(7,13,26,.78));
  box-shadow:var(--vp99-shadow-lg);
}

html[data-theme="light"] body.vp99-immersive-os .settings-save-bar{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.94));
}

body.vp99-immersive-os .vp99-public-main{
  position:relative;
  z-index:1;
}

body.vp99-immersive-os .public-nav,
body.vp99-immersive-os .public-footer{
  max-width:1520px;
}

body.vp99-immersive-os .vp99-public-shell{
  max-width:1520px;
  margin:0 auto;
}

body.vp99-immersive-os .vp90-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:24px;
  padding:46px 22px 8px;
}

body.vp99-immersive-os .vp90-hero-copy,
body.vp99-immersive-os .vp90-product-stage{
  border-radius:var(--vp99-radius-xl);
  border:1px solid rgba(152,182,224,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 24%, transparent 100%),
    linear-gradient(150deg, rgba(255,255,255,.06), rgba(124,185,255,.04) 40%, rgba(126,240,220,.04) 78%),
    rgba(7,12,24,.72);
  box-shadow:var(--vp99-shadow-lg);
}

body.vp99-immersive-os .vp90-hero-copy{
  padding:36px;
}

body.vp99-immersive-os .vp90-public-wrap .vp90-section{
  padding-inline:22px;
}

body.vp99-immersive-os .vp90-bento,
body.vp99-immersive-os .vp90-work-grid{
  gap:18px;
}

body.vp99-immersive-os .vp92-tour-commandbar{
  gap:12px;
  align-items:stretch;
}

body.vp99-immersive-os .vp92-tour-commandbar article{
  min-width:0;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--vp99-shadow-sm);
}

body.vp99-immersive-os .vp92-tour-shortcuts{
  display:flex;
  gap:10px;
  align-items:center;
  margin-left:auto;
}

body.vp99-immersive-os .dispatch-board,
body.vp99-immersive-os .vp-problem-strip,
body.vp99-immersive-os .vp-customer-intelligence{
  padding:18px;
}

body.vp99-immersive-os .dispatch-columns{
  gap:14px;
}

body.vp99-immersive-os .dispatch-column{
  border-radius:24px;
  border:1px solid rgba(152,182,224,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  padding:14px;
}

body.vp99-immersive-os .dispatch-mini-card{
  min-height:112px;
}

body.vp99-immersive-os .vp-data-table-wrap{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(152,182,224,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--vp99-shadow-sm);
}

body.vp99-immersive-os .vp-data-table thead th{
  position:sticky;
  top:0;
  background:linear-gradient(180deg, rgba(10,18,32,.96), rgba(10,18,32,.92));
  backdrop-filter:blur(12px);
}

html[data-theme="light"] body.vp99-immersive-os .vp-data-table thead th{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
}

body.vp99-immersive-os .vp-notification-center{
  border-radius:26px;
  border:1px solid rgba(152,182,224,.12);
  background:linear-gradient(180deg, rgba(8,14,28,.94), rgba(8,14,28,.86));
  box-shadow:var(--vp99-shadow-lg);
  backdrop-filter:blur(18px);
}

html[data-theme="light"] body.vp99-immersive-os .vp-notification-center{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.94));
}

body.vp99-immersive-os .public-footer,
body.vp99-immersive-os .mobile-dock{
  border-radius:24px 24px 0 0;
}

body.vp99-immersive-os.vp99-reduced .vp99-shell-grid,
body.vp99-immersive-os.vp99-reduced .vp99-shell-columns,
body.vp99-immersive-os.vp99-reduced .vp99-shell-orbit,
body.vp99-immersive-os.vp99-reduced .vp99-shell-noise{
  opacity:.16;
}

@media (max-width: 1320px){
  body.vp99-immersive-os .app-shell{
    grid-template-columns:296px minmax(0,1fr);
  }

  body.vp99-immersive-os .vp-command-ribbon,
  body.vp99-immersive-os .vp-leitstand-grid,
  body.vp99-immersive-os .vp90-cockpit-strip,
  body.vp99-immersive-os .vp-ux-helper-strip,
  body.vp99-immersive-os .vp-tours-decision-strip,
  body.vp99-immersive-os .vp-kpi-grid,
  body.vp99-immersive-os .cards.four{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  body.vp99-immersive-os .planner-workspace,
  body.vp99-immersive-os .settings-console,
  body.vp99-immersive-os .vp90-hero{
    grid-template-columns:1fr;
  }

  body.vp99-immersive-os .settings-nav{
    position:relative;
    top:auto;
  }

  body.vp99-immersive-os .sticky-title-row{
    top:16px;
  }
}

@media (max-width: 980px){
  body.vp99-immersive-os .app-shell{
    display:block;
    padding:0;
  }

  body.vp99-immersive-os .sidebar{
    top:0;
    height:100vh;
    border-radius:0 28px 28px 0!important;
  }

  body.vp99-immersive-os .main{
    padding:0 14px 110px;
  }

  body.vp99-immersive-os .topbar{
    top:12px;
  }

  body.vp99-immersive-os .vp-hero-row,
  body.vp99-immersive-os .vp-main-grid,
  body.vp99-immersive-os .route-summary{
    grid-template-columns:1fr;
  }

  body.vp99-immersive-os .vp-dashboard-hero-copy,
  body.vp99-immersive-os .vp-immersive-stage{
    min-height:280px;
  }

  body.vp99-immersive-os .planner-map-toolbar-head{
    flex-direction:column;
  }

  body.vp99-immersive-os .public-nav{
    margin:12px;
    border-radius:24px;
  }
}

@media (max-width: 640px){
  body.vp99-immersive-os .content{
    gap:16px;
  }

  body.vp99-immersive-os .topbar{
    padding:14px;
  }

  body.vp99-immersive-os .vp-command-ribbon,
  body.vp99-immersive-os .vp-leitstand-grid,
  body.vp99-immersive-os .vp90-cockpit-strip,
  body.vp99-immersive-os .vp-ux-helper-strip,
  body.vp99-immersive-os .vp-tours-decision-strip,
  body.vp99-immersive-os .vp-kpi-grid,
  body.vp99-immersive-os .cards.four{
    grid-template-columns:1fr;
  }

  body.vp99-immersive-os .vp-dashboard-hero-copy,
  body.vp99-immersive-os .vp90-hero-copy{
    padding:24px;
  }

  body.vp99-immersive-os .map.planner-map,
  body.vp99-immersive-os .vp-route-map{
    min-height:320px;
  }

  body.vp99-immersive-os .route-summary{
    padding:10px;
  }

  body.vp99-immersive-os .route-summary span{
    padding:10px 12px;
  }
}


/* source: luxury-ops-v10.css */
/* VersandPro v10 · Luxury Industrial Operations Center
   Final visual layer: cinematic glass UI, spatial panels, volumetric atmosphere. */
:root{
  --vp10-void:#02050b;
  --vp10-deep:#050914;
  --vp10-navy:#081322;
  --vp10-steel:#0d1d31;
  --vp10-glass:rgba(11,20,34,.58);
  --vp10-glass-2:rgba(15,28,48,.68);
  --vp10-glass-strong:rgba(18,32,54,.84);
  --vp10-line:rgba(178,211,255,.14);
  --vp10-line-hot:rgba(116,246,221,.34);
  --vp10-text:#f4f8ff;
  --vp10-muted:#9dadc5;
  --vp10-soft:#cbd8eb;
  --vp10-cyan:#74f6dd;
  --vp10-blue:#78b8ff;
  --vp10-violet:#a891ff;
  --vp10-gold:#f4c979;
  --vp10-green:#52e6a7;
  --vp10-red:#ff728f;
  --vp10-radius-1:18px;
  --vp10-radius-2:26px;
  --vp10-radius-3:34px;
  --vp10-blur:24px;
  --vp10-shadow:0 32px 110px rgba(0,0,0,.46);
  --vp10-shadow-soft:0 20px 70px rgba(0,0,0,.32);
}

html[data-theme="light"]{
  --vp10-void:#eaf1fb;
  --vp10-deep:#f5f8fd;
  --vp10-navy:#ffffff;
  --vp10-steel:#eaf1fb;
  --vp10-glass:rgba(255,255,255,.72);
  --vp10-glass-2:rgba(255,255,255,.82);
  --vp10-glass-strong:rgba(255,255,255,.94);
  --vp10-line:rgba(46,73,111,.12);
  --vp10-line-hot:rgba(0,147,134,.28);
  --vp10-text:#101c2d;
  --vp10-muted:#5b6d86;
  --vp10-soft:#31415a;
  --vp10-shadow:0 32px 90px rgba(26,44,74,.16);
  --vp10-shadow-soft:0 20px 60px rgba(26,44,74,.12);
}

html{scroll-behavior:smooth;}
body.vp10-luxury-ops,
body.vp10-driver-ops{
  background:
    radial-gradient(circle at 12% 14%, rgba(116,246,221,.16), transparent 26rem),
    radial-gradient(circle at 88% 4%, rgba(120,184,255,.16), transparent 30rem),
    radial-gradient(circle at 62% 110%, rgba(168,145,255,.13), transparent 34rem),
    linear-gradient(135deg, var(--vp10-void) 0%, var(--vp10-deep) 42%, #030813 100%)!important;
  color:var(--vp10-text)!important;
  min-height:100vh;
  isolation:isolate;
}

body.vp10-luxury-ops::before,
body.vp10-driver-ops::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-12;
  background:
    linear-gradient(115deg, rgba(255,255,255,.055), transparent 18%, transparent 76%, rgba(116,246,221,.035)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 84px);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.62) 58%, transparent 100%);
}

body.vp10-luxury-ops::after,
body.vp10-driver-ops::after{
  content:"";
  position:fixed;
  inset:-20vh -20vw;
  pointer-events:none;
  z-index:-11;
  background:
    conic-gradient(from calc(var(--vp10-rot, 0deg)) at 50% 50%, transparent 0deg, rgba(116,246,221,.10) 44deg, transparent 88deg, rgba(120,184,255,.09) 160deg, transparent 230deg, rgba(168,145,255,.08) 308deg, transparent 360deg);
  filter:blur(34px);
  opacity:.8;
  animation:vp10VolumetricRotate 34s linear infinite;
}

@keyframes vp10VolumetricRotate{to{--vp10-rot:360deg;}}
@property --vp10-rot{syntax:'<angle>';inherits:false;initial-value:0deg;}

.vp10-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-9;overflow:hidden;}
.vp10-atmosphere span{position:absolute;display:block;border-radius:999px;filter:blur(20px);opacity:.4;mix-blend-mode:screen;}
.vp10-atmosphere span:nth-child(1){width:42vw;height:42vw;left:-18vw;top:6vh;background:radial-gradient(circle, rgba(116,246,221,.20), transparent 64%);animation:vp10FloatA 18s ease-in-out infinite;}
.vp10-atmosphere span:nth-child(2){width:50vw;height:50vw;right:-22vw;top:20vh;background:radial-gradient(circle, rgba(120,184,255,.18), transparent 66%);animation:vp10FloatB 24s ease-in-out infinite;}
.vp10-atmosphere span:nth-child(3){width:34vw;height:34vw;left:42vw;bottom:-20vw;background:radial-gradient(circle, rgba(168,145,255,.16), transparent 64%);animation:vp10FloatA 29s ease-in-out infinite reverse;}
.vp10-atmosphere span:nth-child(4){width:1px;height:120vh;left:24vw;top:-10vh;background:linear-gradient(180deg, transparent, rgba(116,246,221,.18), transparent);transform:rotate(16deg);filter:blur(.2px);}
.vp10-atmosphere span:nth-child(5){width:1px;height:120vh;right:16vw;top:-12vh;background:linear-gradient(180deg, transparent, rgba(120,184,255,.16), transparent);transform:rotate(-18deg);filter:blur(.2px);}
@keyframes vp10FloatA{50%{transform:translate3d(4vw,5vh,0) scale(1.05);}}
@keyframes vp10FloatB{50%{transform:translate3d(-5vw,3vh,0) scale(1.08);}}

.vp10-horizon{position:fixed;left:0;right:0;bottom:-14vh;height:40vh;pointer-events:none;z-index:-8;background:linear-gradient(180deg, transparent, rgba(116,246,221,.08));transform:perspective(900px) rotateX(62deg);transform-origin:50% 100%;}
.vp10-horizon::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(116,246,221,.12) 1px, transparent 1px),linear-gradient(90deg, rgba(116,246,221,.12) 1px, transparent 1px);background-size:58px 58px;opacity:.25;}

body.vp10-luxury-ops .vp99-shell,
body.vp10-luxury-ops .app-bg,
body.vp10-luxury-ops .vp-immersive-background{opacity:.56!important;}
body.vp10-luxury-ops .vp93-shader-canvas,
body.vp10-luxury-ops .vp93-live-layer{display:none!important;}

body.vp10-luxury-ops .app-shell{grid-template-columns:316px minmax(0,1fr)!important;gap:22px!important;padding:22px!important;align-items:start;}
body.vp10-luxury-ops .sidebar{top:22px!important;height:calc(100vh - 44px)!important;padding:18px!important;border:1px solid var(--vp10-line)!important;border-radius:32px!important;background:linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.022) 42%, rgba(116,246,221,.035)), var(--vp10-glass)!important;box-shadow:var(--vp10-shadow)!important;backdrop-filter:blur(var(--vp10-blur)) saturate(1.16)!important;-webkit-backdrop-filter:blur(var(--vp10-blur)) saturate(1.16)!important;overflow:hidden;}
body.vp10-luxury-ops .sidebar::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 18% 0%, rgba(116,246,221,.18), transparent 18rem),linear-gradient(180deg, rgba(255,255,255,.11), transparent 26%);opacity:.9;}
body.vp10-luxury-ops .sidebar::after{content:"";position:absolute;inset:auto 18px 18px;height:1px;background:linear-gradient(90deg, transparent, var(--vp10-cyan), transparent);opacity:.58;}
body.vp10-luxury-ops .sidebar .brand{position:relative;z-index:1;padding:15px!important;border-radius:24px!important;background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 16px 36px rgba(0,0,0,.24)!important;}
body.vp10-luxury-ops .brand-logo{border-radius:18px!important;filter:drop-shadow(0 12px 22px rgba(116,246,221,.16));}
body.vp10-luxury-ops .brand-wordmark em{color:var(--vp10-cyan)!important;font-style:normal;text-shadow:0 0 22px rgba(116,246,221,.28);}

body.vp10-luxury-ops .nav{position:relative;z-index:1;gap:14px!important;}
body.vp10-luxury-ops .nav-group{padding:12px!important;border-radius:26px!important;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012))!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
body.vp10-luxury-ops .nav-group-title{border-bottom:1px solid rgba(255,255,255,.07)!important;margin-bottom:9px!important;}
body.vp10-luxury-ops .nav-group-title span{color:var(--vp10-cyan)!important;letter-spacing:.16em!important;font-size:.72rem!important;text-transform:uppercase!important;}
body.vp10-luxury-ops .nav a{min-height:45px!important;border-radius:17px!important;border:1px solid transparent!important;color:rgba(244,248,255,.78)!important;background:transparent!important;transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease!important;}
body.vp10-luxury-ops .nav a:hover{transform:translateX(4px);background:linear-gradient(135deg, rgba(120,184,255,.12), rgba(116,246,221,.09))!important;border-color:rgba(116,246,221,.16)!important;color:#fff!important;}
body.vp10-luxury-ops .nav a.active{background:linear-gradient(135deg, rgba(116,246,221,.96), rgba(120,184,255,.96))!important;color:#03111d!important;box-shadow:0 18px 42px rgba(116,246,221,.22)!important;}
body.vp10-luxury-ops .sidebar-user,
body.vp10-luxury-ops .sidebar-footer{position:relative;z-index:1;border-radius:24px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.085)!important;}

body.vp10-luxury-ops .main{min-height:calc(100vh - 44px)!important;display:flex!important;flex-direction:column!important;gap:18px!important;}
body.vp10-luxury-ops .topbar{position:sticky!important;top:22px!important;z-index:30!important;min-height:78px!important;margin:0!important;padding:14px 16px!important;border-radius:30px!important;border:1px solid var(--vp10-line)!important;background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03) 46%, rgba(116,246,221,.035)), var(--vp10-glass-2)!important;box-shadow:var(--vp10-shadow-soft)!important;backdrop-filter:blur(var(--vp10-blur)) saturate(1.15)!important;-webkit-backdrop-filter:blur(var(--vp10-blur)) saturate(1.15)!important;}
body.vp10-luxury-ops .topbar::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--vp10-x,50%) 0%, rgba(255,255,255,.22), transparent 18rem),linear-gradient(90deg, transparent, rgba(116,246,221,.10), transparent);opacity:.7;}
.vp10-context{display:grid;gap:3px;min-width:0;margin-right:auto;}
.vp10-context small{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vp10-cyan);font-weight:900;}
.vp10-context strong{font-size:1.03rem;color:var(--vp10-text);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vp10-context em{font-style:normal;color:var(--vp10-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.vp10-luxury-ops .top-actions{position:relative;z-index:1;gap:10px!important;}
body.vp10-luxury-ops .top-search-trigger,
body.vp10-luxury-ops .vp-view-switch,
body.vp10-luxury-ops .icon-action,
body.vp10-luxury-ops .user-menu-pill,
body.vp10-luxury-ops .demo-session-badge{border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.052)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;color:var(--vp10-text)!important;}
body.vp10-luxury-ops .top-search-trigger kbd{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.12)!important;}

body.vp10-luxury-ops .content{position:relative!important;display:grid!important;gap:22px!important;padding:2px 0 30px!important;perspective:1600px;}
body.vp10-luxury-ops .content::before{content:"OPERATIONS CENTER";position:absolute;right:18px;top:3px;z-index:-1;font-size:clamp(3.8rem, 9vw, 9.5rem);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.025);line-height:.8;pointer-events:none;}

body.vp10-luxury-ops .panel,
body.vp10-luxury-ops .card,
body.vp10-luxury-ops .glass,
body.vp10-luxury-ops .glass-soft,
body.vp10-luxury-ops .metric-card,
body.vp10-luxury-ops .list-card,
body.vp10-luxury-ops .tour-row-card,
body.vp10-luxury-ops .quick-link,
body.vp10-luxury-ops .settings-nav,
body.vp10-luxury-ops .settings-editor,
body.vp10-luxury-ops .settings-tab,
body.vp10-luxury-ops .vp-leitstand-card,
body.vp10-luxury-ops .vp-kpi-card,
body.vp10-luxury-ops .vp-command-ribbon-card,
body.vp10-luxury-ops .dispatch-mini-card,
body.vp10-luxury-ops .planner-suggestion,
body.vp10-luxury-ops .vp-route-map,
body.vp10-luxury-ops .planner-map,
body.vp10-luxury-ops .table-card,
body.vp10-luxury-ops .form-card,
body.vp10-luxury-ops .vp90-bento-card,
body.vp10-luxury-ops .vp90-work-card,
body.vp10-driver-ops .driver-card,
body.vp10-driver-ops .driver-tour-card,
body.vp10-driver-ops .driver-panel{
  position:relative!important;
  border:1px solid var(--vp10-line)!important;
  background:linear-gradient(155deg, rgba(255,255,255,.10), rgba(255,255,255,.034) 32%, rgba(116,246,221,.028) 100%), var(--vp10-glass)!important;
  box-shadow:var(--vp10-shadow-soft)!important;
  backdrop-filter:blur(var(--vp10-blur)) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(var(--vp10-blur)) saturate(1.12)!important;
  border-radius:var(--vp10-radius-3)!important;
  overflow:hidden!important;
  transform-style:preserve-3d;
}
body.vp10-luxury-ops .panel::before,
body.vp10-luxury-ops .card::before,
body.vp10-luxury-ops .glass::before,
body.vp10-luxury-ops .metric-card::before,
body.vp10-luxury-ops .settings-editor::before,
body.vp10-luxury-ops .vp-leitstand-card::before,
body.vp10-luxury-ops .vp-kpi-card::before,
body.vp10-luxury-ops .vp-route-map::before,
body.vp10-driver-ops .driver-card::before,
body.vp10-driver-ops .driver-tour-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--vp10-local-x,26%) var(--vp10-local-y,0%), rgba(255,255,255,.20), transparent 17rem),linear-gradient(180deg, rgba(255,255,255,.105), transparent 25%);mix-blend-mode:screen;opacity:.82;}
body.vp10-luxury-ops .panel::after,
body.vp10-luxury-ops .card::after,
body.vp10-luxury-ops .glass::after,
body.vp10-luxury-ops .metric-card::after,
body.vp10-luxury-ops .settings-editor::after,
body.vp10-luxury-ops .vp-leitstand-card::after,
body.vp10-luxury-ops .vp-kpi-card::after,
body.vp10-luxury-ops .vp-route-map::after,
body.vp10-driver-ops .driver-card::after,
body.vp10-driver-ops .driver-tour-card::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg, transparent, var(--vp10-cyan), var(--vp10-blue), transparent);opacity:.62;pointer-events:none;}
body.vp10-luxury-ops .panel:hover,
body.vp10-luxury-ops .card:hover,
body.vp10-luxury-ops .metric-card:hover,
body.vp10-luxury-ops .vp-kpi-card:hover{border-color:var(--vp10-line-hot)!important;box-shadow:0 34px 100px rgba(0,0,0,.40), 0 0 42px rgba(116,246,221,.07)!important;}

body.vp10-luxury-ops .page-head,
body.vp10-luxury-ops .dashboard-hero,
body.vp10-luxury-ops .hero,
body.vp10-luxury-ops .vp-dashboard-hero,
body.vp10-luxury-ops .vp99-dashboard-shell > :first-child,
body.vp10-luxury-ops .planner-hero,
body.vp10-luxury-ops .settings-hero{border-radius:38px!important;background:linear-gradient(140deg, rgba(116,246,221,.14), rgba(120,184,255,.08) 42%, rgba(168,145,255,.07)), var(--vp10-glass-2)!important;border:1px solid rgba(116,246,221,.18)!important;box-shadow:var(--vp10-shadow)!important;overflow:hidden!important;}
body.vp10-luxury-ops h1,
body.vp10-luxury-ops h2,
body.vp10-luxury-ops h3{letter-spacing:-.04em;color:var(--vp10-text)!important;}
body.vp10-luxury-ops p,
body.vp10-luxury-ops small,
body.vp10-luxury-ops .muted{color:var(--vp10-muted)!important;}
body.vp10-luxury-ops .eyebrow,
body.vp10-luxury-ops .panel-kicker,
body.vp10-luxury-ops .vp-eyebrow{color:var(--vp10-cyan)!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:900!important;}

body.vp10-luxury-ops .btn,
body.vp10-driver-ops .btn,
body.vp10-driver-ops button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out){border-radius:17px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 36%),linear-gradient(135deg, #0a6d73, #16b7b2 48%, #70f4d9)!important;color:#03111d!important;font-weight:900!important;box-shadow:0 18px 42px rgba(22,183,178,.24), inset 0 1px 0 rgba(255,255,255,.30)!important;transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;}
body.vp10-luxury-ops .btn:hover,
body.vp10-driver-ops .btn:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 24px 54px rgba(22,183,178,.30), inset 0 1px 0 rgba(255,255,255,.36)!important;}
body.vp10-luxury-ops .btn.ghost,
body.vp10-luxury-ops .btn.secondary,
body.vp10-driver-ops .btn.ghost{background:rgba(255,255,255,.052)!important;color:var(--vp10-text)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.18)!important;}

body.vp10-luxury-ops input,
body.vp10-luxury-ops select,
body.vp10-luxury-ops textarea{border-radius:18px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important;color:var(--vp10-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
body.vp10-luxury-ops input:focus,
body.vp10-luxury-ops select:focus,
body.vp10-luxury-ops textarea:focus{border-color:var(--vp10-line-hot)!important;box-shadow:0 0 0 4px rgba(116,246,221,.11), inset 0 1px 0 rgba(255,255,255,.08)!important;outline:none!important;}
body.vp10-luxury-ops table{border-collapse:separate!important;border-spacing:0 8px!important;}
body.vp10-luxury-ops thead th{color:var(--vp10-cyan)!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-size:.72rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
body.vp10-luxury-ops tbody tr{background:rgba(255,255,255,.038)!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important;}
body.vp10-luxury-ops tbody td{border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;}
body.vp10-luxury-ops tbody td:first-child{border-left:1px solid rgba(255,255,255,.055)!important;border-radius:16px 0 0 16px!important;}
body.vp10-luxury-ops tbody td:last-child{border-right:1px solid rgba(255,255,255,.055)!important;border-radius:0 16px 16px 0!important;}

body.vp10-luxury-ops .metric-card,
body.vp10-luxury-ops .vp-kpi-card{min-height:130px;transform:translateZ(0);}
body.vp10-luxury-ops .metric-card strong,
body.vp10-luxury-ops .vp-kpi-card strong,
body.vp10-luxury-ops .metric-value{font-size:clamp(2rem,4vw,3.3rem)!important;letter-spacing:-.08em;color:#fff!important;text-shadow:0 0 28px rgba(116,246,221,.14);}
body.vp10-luxury-ops .status,
body.vp10-luxury-ops .badge,
body.vp10-luxury-ops .pill{border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.055)!important;color:var(--vp10-soft)!important;}

body.vp10-luxury-ops .planner-workspace,
body.vp10-luxury-ops .planner-shell,
body.vp10-luxury-ops .settings-console,
body.vp10-luxury-ops .vp-settings-console{gap:22px!important;}
body.vp10-luxury-ops .leaflet-container,
body.vp10-luxury-ops .route-map,
body.vp10-luxury-ops #map{border-radius:30px!important;filter:saturate(1.08) contrast(1.02) brightness(1.03);}
body.vp10-luxury-ops .leaflet-control,
body.vp10-luxury-ops .leaflet-popup-content-wrapper{background:rgba(255,255,255,.88)!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important;}

body.vp10-luxury-ops.public-shell .public-nav,
body.vp10-luxury-ops .public-nav{border:1px solid var(--vp10-line)!important;border-radius:28px!important;background:var(--vp10-glass-2)!important;box-shadow:var(--vp10-shadow-soft)!important;backdrop-filter:blur(var(--vp10-blur))!important;margin:18px!important;}
body.vp10-luxury-ops .vp99-public-main{position:relative;z-index:1;}
body.vp10-luxury-ops .auth-card,
body.vp10-luxury-ops .login-card,
body.vp10-luxury-ops .register-card{max-width:520px!important;margin-inline:auto!important;border-radius:38px!important;}

body.vp10-driver-ops main{width:min(1120px, calc(100% - 28px));margin:0 auto;padding:18px 0 34px;}
body.vp10-driver-ops .driver-top{position:sticky;top:14px;z-index:20;border:1px solid var(--vp10-line)!important;border-radius:28px!important;background:var(--vp10-glass-2)!important;box-shadow:var(--vp10-shadow-soft)!important;backdrop-filter:blur(var(--vp10-blur)) saturate(1.12)!important;-webkit-backdrop-filter:blur(var(--vp10-blur)) saturate(1.12)!important;padding:12px!important;}
body.vp10-driver-ops .driver-brand img{border-radius:18px!important;filter:drop-shadow(0 12px 22px rgba(116,246,221,.16));}
body.vp10-driver-ops .driver-user-box,
body.vp10-driver-ops .driver-logout{border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;}
body.vp10-driver-ops .flash{border-radius:20px!important;background:var(--vp10-glass-strong)!important;border:1px solid var(--vp10-line)!important;}

.vp10-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .62s ease, transform .74s cubic-bezier(.16,1,.3,1);transition-delay:var(--vp10-delay,0ms);}
.vp10-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);}
.vp10-depth{will-change:transform;}

@media (min-width:1180px){
  body.vp10-luxury-ops .content > .panel:nth-child(odd),
  body.vp10-luxury-ops .content > .card:nth-child(odd){transform:translateZ(0) translateX(0);}
  body.vp10-luxury-ops .content > .panel:nth-child(even),
  body.vp10-luxury-ops .content > .card:nth-child(even){transform:translateZ(0) translateX(0);}
}

@media (max-width:980px){
  body.vp10-luxury-ops .app-shell{display:block!important;padding:12px!important;}
  body.vp10-luxury-ops .sidebar{border-radius:0 28px 28px 0!important;top:0!important;height:100dvh!important;}
  body.vp10-luxury-ops .topbar{top:10px!important;border-radius:24px!important;min-height:64px!important;}
  .vp10-context{display:none;}
  body.vp10-luxury-ops .content{padding:10px 0 94px!important;}
  body.vp10-luxury-ops .content::before{display:none;}
  body.vp10-luxury-ops .panel,
  body.vp10-luxury-ops .card,
  body.vp10-luxury-ops .metric-card{border-radius:26px!important;}
  body.vp10-luxury-ops .mobile-dock{border:1px solid var(--vp10-line)!important;background:var(--vp10-glass-2)!important;backdrop-filter:blur(var(--vp10-blur))!important;box-shadow:0 -20px 50px rgba(0,0,0,.28)!important;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
  .vp10-reveal{opacity:1!important;transform:none!important;}
}


/* source: luxury-ops-v10-2.css */
/* VersandPro v10.2 Luxury Operations Center - final visual override layer */
:root {
    --vp102-bg-0: #03040a;
    --vp102-bg-1: #050b14;
    --vp102-bg-2: #071523;
    --vp102-glass: rgba(9, 19, 34, .62);
    --vp102-glass-strong: rgba(11, 23, 42, .78);
    --vp102-glass-light: rgba(255,255,255,.075);
    --vp102-border: rgba(180, 240, 255, .18);
    --vp102-border-hot: rgba(111, 255, 225, .46);
    --vp102-cyan: #72ffe4;
    --vp102-blue: #75a7ff;
    --vp102-violet: #b58cff;
    --vp102-gold: #f0d38a;
    --vp102-red: #ff7f91;
    --vp102-text: #f4fbff;
    --vp102-muted: #9fb4c6;
    --vp102-shadow: 0 34px 110px rgba(0, 0, 0, .48);
    --vp102-shadow-soft: 0 20px 58px rgba(0,0,0,.34);
    --vp102-radius-xl: 34px;
    --vp102-radius-lg: 26px;
    --vp102-blur: 24px;
    --vp102-perspective: 1400px;
    --vp102-mx: 50%;
    --vp102-my: 42%;
}

html[data-theme="light"] {
    --vp102-bg-0: #eef5fb;
    --vp102-bg-1: #dfeaf4;
    --vp102-bg-2: #ffffff;
    --vp102-glass: rgba(255,255,255,.72);
    --vp102-glass-strong: rgba(255,255,255,.88);
    --vp102-glass-light: rgba(255,255,255,.62);
    --vp102-border: rgba(21, 75, 104, .18);
    --vp102-border-hot: rgba(0, 148, 145, .36);
    --vp102-text: #071526;
    --vp102-muted: #4e6677;
    --vp102-shadow: 0 26px 80px rgba(22, 51, 78, .20);
    --vp102-shadow-soft: 0 18px 48px rgba(22, 51, 78, .14);
}

body.vp10-luxury-ops,
body.vp10-driver-ops {
    background:
        radial-gradient(circle at var(--vp102-mx) var(--vp102-my), rgba(114,255,228,.16), transparent 22vw),
        radial-gradient(circle at 18% 4%, rgba(117,167,255,.20), transparent 32vw),
        radial-gradient(circle at 86% 20%, rgba(181,140,255,.16), transparent 30vw),
        linear-gradient(145deg, var(--vp102-bg-0), var(--vp102-bg-1) 44%, #020409) !important;
    color: var(--vp102-text) !important;
    min-height: 100dvh;
    overflow-x: hidden;
}

body.vp10-luxury-ops::before,
body.vp10-driver-ops::before {
    content: "";
    position: fixed;
    inset: -2px;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 84px 84px;
    mask-image: radial-gradient(circle at 50% 18%, #000 0, transparent 72%);
    opacity: .30;
    transform: translateZ(0);
}

body.vp10-luxury-ops::after,
body.vp10-driver-ops::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(120deg, transparent 0 38%, rgba(114,255,228,.08) 44%, transparent 52%),
        linear-gradient(300deg, transparent 0 48%, rgba(117,167,255,.08) 53%, transparent 62%);
    mix-blend-mode: screen;
    opacity: .72;
    animation: vp102BeamDrift 18s ease-in-out infinite alternate;
}

.vp102-volumetric-scene,
.vp102-driver-scene {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
    contain: strict;
}

.vp102-volume-core,
.vp102-volume-grid,
.vp102-volume-horizon,
.vp102-volume-scan,
.vp102-driver-core,
.vp102-driver-route,
.vp102-driver-scan {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.vp102-volume-core,
.vp102-driver-core {
    background:
        radial-gradient(ellipse at 50% 18%, rgba(114,255,228,.18), transparent 34%),
        radial-gradient(ellipse at 50% 112%, rgba(117,167,255,.22), transparent 48%);
    filter: blur(.2px);
    opacity: .82;
}

.vp102-volume-grid,
.vp102-driver-route {
    inset: auto -10% -20% -10%;
    height: 54vh;
    background:
        linear-gradient(rgba(114,255,228,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(114,255,228,.15) 1px, transparent 1px);
    background-size: 48px 48px;
    transform: perspective(800px) rotateX(64deg) translateY(4%);
    transform-origin: 50% 100%;
    opacity: .26;
    filter: drop-shadow(0 -12px 26px rgba(114,255,228,.10));
}

.vp102-volume-horizon {
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(114,255,228,.72), rgba(181,140,255,.55), transparent);
    box-shadow: 0 0 46px rgba(114,255,228,.34), 0 0 90px rgba(117,167,255,.24);
    opacity: .70;
}

.vp102-volume-scan,
.vp102-driver-scan {
    background: linear-gradient(180deg, transparent, rgba(114,255,228,.08), transparent);
    height: 22vh;
    top: -24vh;
    animation: vp102Scan 13s linear infinite;
    opacity: .62;
}

.vp99-shell,
.app-bg,
.vp-immersive-background,
.vp102-volumetric-scene,
.vp102-driver-scene {
    content-visibility: visible !important;
}

body.vp10-luxury-ops .main,
body.vp10-luxury-ops .sidebar,
body.vp10-luxury-ops .mobile-dock,
body.vp10-driver-ops main {
    position: relative;
    z-index: 2;
}

body.vp10-luxury-ops .sidebar {
    background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
        radial-gradient(circle at 30% 0, rgba(114,255,228,.14), transparent 40%),
        var(--vp102-glass-strong) !important;
    border: 1px solid var(--vp102-border) !important;
    border-radius: 0 36px 36px 0 !important;
    box-shadow: var(--vp102-shadow), inset 1px 0 0 rgba(255,255,255,.07) !important;
    backdrop-filter: blur(var(--vp102-blur)) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(var(--vp102-blur)) saturate(1.18) !important;
    overflow: hidden;
}

body.vp10-luxury-ops .sidebar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 180px;
    background: radial-gradient(circle at 50% 0, rgba(114,255,228,.22), transparent 68%);
    pointer-events: none;
}

body.vp10-luxury-ops .brand {
    position: relative;
    z-index: 1;
}

body.vp10-luxury-ops .brand-logo,
body.vp10-luxury-ops .brand img,
body.vp10-driver-ops .driver-brand img {
    background: linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 28px rgba(114,255,228,.18);
}

body.vp10-luxury-ops .sidebar-user,
body.vp10-luxury-ops .sidebar-footer,
body.vp10-luxury-ops .nav-group {
    position: relative;
    border: 1px solid rgba(255,255,255,.105) !important;
    background: rgba(255,255,255,.048) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 34px rgba(0,0,0,.14) !important;
}

body.vp10-luxury-ops .nav-group {
    border-radius: 24px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
}

body.vp10-luxury-ops .nav-group-title span {
    color: rgba(244,251,255,.92) !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.vp10-luxury-ops .nav-group-title small {
    color: var(--vp102-muted) !important;
}

body.vp10-luxury-ops .nav a {
    border-radius: 17px !important;
    border: 1px solid transparent !important;
    color: rgba(235,247,255,.78) !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

body.vp10-luxury-ops .nav a:hover {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #fff !important;
    transform: translateX(3px);
}

body.vp10-luxury-ops .nav a.active {
    color: #03141f !important;
    background: linear-gradient(135deg, var(--vp102-cyan), #8fefff 48%, #d8fff6) !important;
    border-color: rgba(255,255,255,.38) !important;
    box-shadow: 0 18px 38px rgba(114,255,228,.20), inset 0 1px 0 rgba(255,255,255,.44) !important;
}

body.vp10-luxury-ops .vp102-command-topbar {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.1fr) minmax(320px, 1.2fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 82px !important;
    padding: 12px 14px !important;
    border-radius: 31px !important;
    border: 1px solid var(--vp102-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
        radial-gradient(circle at 12% 0, rgba(114,255,228,.16), transparent 42%),
        var(--vp102-glass-strong) !important;
    box-shadow: var(--vp102-shadow-soft), inset 0 1px 0 rgba(255,255,255,.09) !important;
    backdrop-filter: blur(var(--vp102-blur)) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(var(--vp102-blur)) saturate(1.18) !important;
}

body.vp10-luxury-ops .vp102-topbar-primary,
body.vp10-luxury-ops .vp102-topbar-center,
body.vp10-luxury-ops .top-actions {
    min-width: 0;
}

.vp102-page-context {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.vp102-context-orbit {
    width: 46px;
    height: 46px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: radial-gradient(circle at 50% 50%, rgba(114,255,228,.32), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 0 34px rgba(114,255,228,.18);
}

.vp102-context-orbit i {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: var(--vp102-cyan);
    box-shadow: 0 0 0 8px rgba(114,255,228,.10), 0 0 26px rgba(114,255,228,.82);
}

.vp102-page-context small,
.vp102-context-subtitle {
    display: block;
    color: var(--vp102-muted);
    font-size: .74rem;
}

.vp102-page-context small {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 900;
    color: var(--vp102-cyan);
}

.vp102-page-context strong {
    display: block;
    color: var(--vp102-text);
    font-size: clamp(1.05rem, 1.6vw, 1.38rem);
    line-height: 1.08;
    letter-spacing: -.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp102-context-subtitle {
    max-width: 48ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp102-topbar-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.vp102-live-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.055);
    color: var(--vp102-muted);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    white-space: nowrap;
}

.vp102-live-status i {
    width: 9px;
    height: 9px;
    border-radius: 99px;
    background: #6dff9e;
    box-shadow: 0 0 0 7px rgba(109,255,158,.10), 0 0 22px rgba(109,255,158,.50);
}

.vp102-live-status b {
    color: #fff;
    font-variant-numeric: tabular-nums;
}

body.vp10-luxury-ops .vp-context-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

body.vp10-luxury-ops .vp-context-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.055);
    color: rgba(244,251,255,.84);
    text-decoration: none;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.vp10-luxury-ops .vp-context-actions a.primary,
body.vp10-luxury-ops .vp-context-actions a:hover {
    background: linear-gradient(135deg, rgba(114,255,228,.92), rgba(117,167,255,.86));
    color: #03141f;
    border-color: rgba(255,255,255,.34);
    box-shadow: 0 18px 38px rgba(114,255,228,.18);
}

body.vp10-luxury-ops .vp-workspace-strip {
    position: sticky;
    top: calc(var(--topbar-offset, 14px) + 96px);
    z-index: 9;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin: 12px 0 18px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;
    background: rgba(8, 18, 32, .54);
    backdrop-filter: blur(18px) saturate(1.12);
    -webkit-backdrop-filter: blur(18px) saturate(1.12);
    box-shadow: 0 18px 46px rgba(0,0,0,.22);
}

body.vp10-luxury-ops .vp-workspace-strip a {
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px solid transparent;
    text-decoration: none;
    color: var(--vp102-muted);
    background: rgba(255,255,255,.035);
}

body.vp10-luxury-ops .vp-workspace-strip a b,
body.vp10-luxury-ops .vp-workspace-strip a small {
    display: block;
}

body.vp10-luxury-ops .vp-workspace-strip a b {
    color: rgba(244,251,255,.86);
    font-size: .88rem;
}

body.vp10-luxury-ops .vp-workspace-strip a small {
    color: var(--vp102-muted);
    font-size: .72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.vp10-luxury-ops .vp-workspace-strip a.active {
    background: linear-gradient(135deg, rgba(114,255,228,.16), rgba(117,167,255,.10));
    border-color: rgba(114,255,228,.28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.16);
}

body.vp10-luxury-ops .content,
body.vp10-luxury-ops .vp99-content-stage {
    position: relative;
    perspective: var(--vp102-perspective);
}

body.vp10-luxury-ops .content::before {
    content: "";
    position: absolute;
    inset: -12px -12px auto -12px;
    height: 170px;
    border-radius: 34px;
    background:
        linear-gradient(90deg, rgba(114,255,228,.12), rgba(117,167,255,.08), rgba(181,140,255,.10)),
        linear-gradient(180deg, rgba(255,255,255,.07), transparent);
    opacity: .62;
    pointer-events: none;
    filter: blur(.1px);
}

body.vp10-luxury-ops .panel,
body.vp10-luxury-ops .card,
body.vp10-luxury-ops .glass,
body.vp10-luxury-ops .metric-card,
body.vp10-luxury-ops .stat-card,
body.vp10-luxury-ops .kpi-card,
body.vp10-luxury-ops .vp-kpi-card,
body.vp10-luxury-ops .settings-section,
body.vp10-luxury-ops .settings-card,
body.vp10-luxury-ops .table-card,
body.vp10-luxury-ops .admin-card,
body.vp10-luxury-ops .quick-action-card,
body.vp10-driver-ops .driver-card,
body.vp10-driver-ops .driver-tour,
body.vp10-driver-ops .driver-stop,
body.vp10-driver-ops .driver-stepper-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--vp102-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.125), rgba(255,255,255,.040)),
        radial-gradient(circle at 12% 0, rgba(114,255,228,.12), transparent 38%),
        var(--vp102-glass) !important;
    border-radius: var(--vp102-radius-xl) !important;
    box-shadow: var(--vp102-shadow-soft), inset 0 1px 0 rgba(255,255,255,.09) !important;
    backdrop-filter: blur(var(--vp102-blur)) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(var(--vp102-blur)) saturate(1.14) !important;
}

body.vp10-luxury-ops .panel::after,
body.vp10-luxury-ops .card::after,
body.vp10-luxury-ops .metric-card::after,
body.vp10-luxury-ops .vp-kpi-card::after,
body.vp10-driver-ops .driver-card::after,
body.vp10-driver-ops .driver-tour::after,
body.vp10-driver-ops .driver-stop::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255,255,255,.14), transparent 18% 76%, rgba(114,255,228,.07)),
        radial-gradient(circle at var(--vp102-card-x, 50%) var(--vp102-card-y, 12%), rgba(114,255,228,.16), transparent 28%);
    opacity: .70;
}

body.vp10-luxury-ops .panel-title-row,
body.vp10-luxury-ops .page-hero,
body.vp10-luxury-ops .dashboard-hero,
body.vp10-luxury-ops .planner-hero,
body.vp10-luxury-ops .settings-hero,
body.vp10-luxury-ops .section-head {
    position: relative;
    border-radius: 32px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background:
        linear-gradient(135deg, rgba(114,255,228,.13), rgba(117,167,255,.08), rgba(181,140,255,.09)),
        rgba(255,255,255,.045) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.vp10-luxury-ops h1,
body.vp10-luxury-ops h2,
body.vp10-luxury-ops h3,
body.vp10-driver-ops h1,
body.vp10-driver-ops h2,
body.vp10-driver-ops h3 {
    color: var(--vp102-text) !important;
    letter-spacing: -.055em;
}

body.vp10-luxury-ops .eyebrow,
body.vp10-luxury-ops .panel-kicker,
body.vp10-luxury-ops .vp-eyebrow,
body.vp10-driver-ops .eyebrow {
    color: var(--vp102-cyan) !important;
    text-transform: uppercase !important;
    letter-spacing: .18em !important;
    font-weight: 950 !important;
}

body.vp10-luxury-ops .metric-card strong,
body.vp10-luxury-ops .stat-card strong,
body.vp10-luxury-ops .vp-kpi-card strong,
body.vp10-luxury-ops .metric-value,
body.vp10-driver-ops .driver-mini-metrics b {
    color: #fff !important;
    text-shadow: 0 0 30px rgba(114,255,228,.16);
    font-variant-numeric: tabular-nums;
}

body.vp10-luxury-ops .metric-card,
body.vp10-luxury-ops .stat-card,
body.vp10-luxury-ops .vp-kpi-card {
    min-height: 140px;
    transform-style: preserve-3d;
}

body.vp10-luxury-ops .metric-card:hover,
body.vp10-luxury-ops .stat-card:hover,
body.vp10-luxury-ops .vp-kpi-card:hover,
body.vp10-luxury-ops .quick-action-card:hover {
    border-color: var(--vp102-border-hot) !important;
    box-shadow: 0 28px 78px rgba(0,0,0,.38), 0 0 34px rgba(114,255,228,.13), inset 0 1px 0 rgba(255,255,255,.11) !important;
}

body.vp10-luxury-ops .btn,
body.vp10-driver-ops .btn,
body.vp10-driver-ops button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out) {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 38%),
        linear-gradient(135deg, #0e7276, #3be6d4 52%, #c6fff2) !important;
    color: #03141f !important;
    font-weight: 950 !important;
    box-shadow: 0 20px 46px rgba(44, 228, 213, .24), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.vp10-luxury-ops .btn:hover,
body.vp10-driver-ops .btn:hover {
    transform: translateY(-2px);
    filter: saturate(1.08) brightness(1.02);
    box-shadow: 0 26px 62px rgba(44, 228, 213, .30), inset 0 1px 0 rgba(255,255,255,.46) !important;
}

body.vp10-luxury-ops .btn.ghost,
body.vp10-luxury-ops .btn.secondary,
body.vp10-driver-ops .btn.ghost,
body.vp10-driver-ops .btn.secondary,
body.vp10-driver-ops .driver-logout {
    background: rgba(255,255,255,.060) !important;
    color: var(--vp102-text) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.18) !important;
}

body.vp10-luxury-ops input,
body.vp10-luxury-ops select,
body.vp10-luxury-ops textarea,
body.vp10-driver-ops input,
body.vp10-driver-ops select,
body.vp10-driver-ops textarea {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.060) !important;
    color: var(--vp102-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.vp10-luxury-ops input:focus,
body.vp10-luxury-ops select:focus,
body.vp10-luxury-ops textarea:focus,
body.vp10-driver-ops input:focus,
body.vp10-driver-ops select:focus,
body.vp10-driver-ops textarea:focus {
    border-color: var(--vp102-border-hot) !important;
    box-shadow: 0 0 0 4px rgba(114,255,228,.11), inset 0 1px 0 rgba(255,255,255,.10) !important;
    outline: none !important;
}

body.vp10-luxury-ops table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

body.vp10-luxury-ops thead th {
    color: var(--vp102-cyan) !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-size: .72rem !important;
    border-bottom: 0 !important;
}

body.vp10-luxury-ops tbody tr {
    background: rgba(255,255,255,.045) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

body.vp10-luxury-ops tbody tr:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.065) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.20) !important;
}

body.vp10-luxury-ops tbody td {
    border-top: 1px solid rgba(255,255,255,.060) !important;
    border-bottom: 1px solid rgba(255,255,255,.060) !important;
}

body.vp10-luxury-ops tbody td:first-child {
    border-left: 1px solid rgba(255,255,255,.060) !important;
    border-radius: 18px 0 0 18px !important;
}

body.vp10-luxury-ops tbody td:last-child {
    border-right: 1px solid rgba(255,255,255,.060) !important;
    border-radius: 0 18px 18px 0 !important;
}

body.vp10-luxury-ops .badge,
body.vp10-luxury-ops .status,
body.vp10-luxury-ops .pill,
body.vp10-driver-ops .badge,
body.vp10-driver-ops .pill {
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.07) !important;
    color: rgba(244,251,255,.88) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.vp10-luxury-ops .badge.done,
body.vp10-luxury-ops .status.done,
body.vp10-driver-ops .badge.done {
    color: #9fffc2 !important;
    border-color: rgba(111,255,160,.28) !important;
    background: rgba(111,255,160,.10) !important;
}

body.vp10-luxury-ops .badge.problem,
body.vp10-luxury-ops .status.problem,
body.vp10-driver-ops .badge.problem {
    color: #ffc0c8 !important;
    border-color: rgba(255,127,145,.34) !important;
    background: rgba(255,127,145,.12) !important;
}

body.vp10-luxury-ops .leaflet-container,
body.vp10-luxury-ops .route-map,
body.vp10-luxury-ops #map,
body.vp10-luxury-ops #plannerMap,
body.vp10-luxury-ops #tourMap {
    border-radius: 34px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 26px 74px rgba(0,0,0,.32), 0 0 42px rgba(114,255,228,.10) !important;
    filter: saturate(1.12) contrast(1.03) brightness(1.04);
}

body.vp10-luxury-ops .leaflet-control,
body.vp10-luxury-ops .leaflet-popup-content-wrapper {
    border-radius: 18px !important;
    border: 1px solid rgba(5, 16, 26, .10) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.20) !important;
}

body.vp10-luxury-ops .settings-console,
body.vp10-luxury-ops .vp-settings-console,
body.vp10-luxury-ops .planner-workspace,
body.vp10-luxury-ops .planner-shell,
body.vp10-luxury-ops .dashboard-grid,
body.vp10-luxury-ops .ops-grid {
    gap: 24px !important;
}

body.vp10-luxury-ops .settings-tab,
body.vp10-luxury-ops .status-pivot {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.045) !important;
}

body.vp10-luxury-ops .settings-tab.active,
body.vp10-luxury-ops .status-pivot.active {
    border-color: var(--vp102-border-hot) !important;
    background: linear-gradient(135deg, rgba(114,255,228,.16), rgba(117,167,255,.10)) !important;
    color: #fff !important;
}

body.vp10-luxury-ops .public-nav,
body.vp10-luxury-ops .public-footer {
    border: 1px solid var(--vp102-border) !important;
    border-radius: 30px !important;
    background: var(--vp102-glass-strong) !important;
    box-shadow: var(--vp102-shadow-soft) !important;
    backdrop-filter: blur(var(--vp102-blur)) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(var(--vp102-blur)) saturate(1.15) !important;
}

body.vp10-driver-ops main {
    width: min(1140px, calc(100% - 28px)) !important;
    margin: 0 auto !important;
    padding: max(16px, env(safe-area-inset-top)) 0 40px !important;
}

body.vp10-driver-ops .driver-top {
    position: sticky !important;
    top: 12px !important;
    z-index: 20 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-radius: 30px !important;
    border: 1px solid var(--vp102-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
        radial-gradient(circle at 10% 0, rgba(114,255,228,.16), transparent 38%),
        var(--vp102-glass-strong) !important;
    box-shadow: var(--vp102-shadow-soft), inset 0 1px 0 rgba(255,255,255,.09) !important;
    backdrop-filter: blur(var(--vp102-blur)) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(var(--vp102-blur)) saturate(1.16) !important;
    padding: 12px !important;
}

.vp102-driver-hud {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.055);
    color: var(--vp102-muted);
    white-space: nowrap;
}

.vp102-driver-hud i {
    width: 9px;
    height: 9px;
    border-radius: 99px;
    background: #6dff9e;
    box-shadow: 0 0 0 7px rgba(109,255,158,.10), 0 0 22px rgba(109,255,158,.50);
}

body.vp10-driver-ops .driver-brand,
body.vp10-driver-ops .driver-top-actions {
    position: relative;
    z-index: 2;
}

body.vp10-driver-ops .driver-user-box,
body.vp10-driver-ops .driver-logout {
    border-radius: 18px !important;
    background: rgba(255,255,255,.060) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.vp10-driver-ops .driver-tour.is-active,
body.vp10-driver-ops .driver-stop.is-focus {
    border-color: var(--vp102-border-hot) !important;
    background:
        linear-gradient(135deg, rgba(114,255,228,.16), rgba(117,167,255,.09)),
        var(--vp102-glass) !important;
    box-shadow: 0 28px 78px rgba(0,0,0,.38), 0 0 36px rgba(114,255,228,.14), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.vp10-driver-ops .driver-step {
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    background: rgba(255,255,255,.055) !important;
}

body.vp10-driver-ops .driver-step.is-current,
body.vp10-driver-ops .driver-step.is-done {
    border-color: rgba(114,255,228,.28) !important;
    background: linear-gradient(135deg, rgba(114,255,228,.16), rgba(117,167,255,.08)) !important;
}

.vp102-reveal {
    opacity: 0;
    transform: translateY(22px) scale(.985);
    transition: opacity .62s ease, transform .72s cubic-bezier(.16,1,.3,1);
    transition-delay: var(--vp102-delay, 0ms);
}

.vp102-reveal.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.vp102-float-card {
    transform: perspective(var(--vp102-perspective)) rotateX(var(--vp102-rx, 0deg)) rotateY(var(--vp102-ry, 0deg)) translate3d(0, var(--vp102-lift, 0), 0);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    will-change: transform;
}

.vp102-float-card:hover {
    --vp102-lift: -2px;
}

body.vp10-performance-lite .vp102-float-card,
body.vp10-touch-device .vp102-float-card,
body.vp10-motion-off .vp102-float-card {
    transform: none !important;
    will-change: auto !important;
}

@keyframes vp102BeamDrift {
    0% { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .50; }
    100% { transform: translate3d(2%, 2%, 0) scale(1.04); opacity: .78; }
}

@keyframes vp102Scan {
    0% { transform: translateY(-24vh); opacity: 0; }
    12% { opacity: .42; }
    72% { opacity: .36; }
    100% { transform: translateY(124vh); opacity: 0; }
}

@media (max-width: 1240px) {
    body.vp10-luxury-ops .vp102-command-topbar {
        grid-template-columns: 1fr auto !important;
    }
    .vp102-topbar-center {
        grid-column: 1 / -1;
        justify-content: flex-start;
        order: 3;
    }
}

@media (max-width: 980px) {
    :root { --vp102-blur: 14px; }
    body.vp10-luxury-ops .vp102-command-topbar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        border-radius: 24px !important;
        min-height: 66px !important;
    }
    .vp102-page-context strong { font-size: 1.05rem; }
    .vp102-context-subtitle,
    .vp102-live-status,
    body.vp10-luxury-ops .vp-workspace-strip,
    body.vp10-luxury-ops .vp-context-actions a span { display: none !important; }
    .vp102-topbar-center { display: none !important; }
    body.vp10-luxury-ops .sidebar { border-radius: 0 28px 28px 0 !important; }
    body.vp10-luxury-ops .panel,
    body.vp10-luxury-ops .card,
    body.vp10-luxury-ops .metric-card,
    body.vp10-driver-ops .driver-card,
    body.vp10-driver-ops .driver-tour,
    body.vp10-driver-ops .driver-stop { border-radius: 26px !important; }
    body.vp10-driver-ops .driver-top { border-radius: 24px !important; }
    .vp102-volume-grid { opacity: .16; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
    .vp102-reveal { opacity: 1 !important; transform: none !important; }
}

body.vp10-performance-lite::after,
body.vp10-performance-lite .vp102-volume-scan,
body.vp10-performance-lite .vp102-driver-scan,
body.vp10-performance-lite .vp102-volume-grid,
body.vp10-performance-lite .vp102-volume-horizon {
    display: none !important;
}

body.vp10-performance-lite .vp102-volumetric-scene,
body.vp10-performance-lite .vp102-driver-scene {
    opacity: .35 !important;
}


/* source: performance-v10.css */
/* VersandPro v10.1 Performance Layer */
body.vp10-luxury-ops .content > *,
body.vp10-luxury-ops .vp99-public-main > *,
body.vp10-driver-ops main > *{
  content-visibility:auto;
  contain-intrinsic-size:1px 760px;
}
body.vp10-luxury-ops .topbar,
body.vp10-luxury-ops .sidebar,
body.vp10-driver-ops .driver-top{
  content-visibility:visible;
  contain:layout paint style;
}
body.vp10-luxury-ops table,
body.vp10-luxury-ops .table-card,
body.vp10-luxury-ops .settings-editor,
body.vp10-luxury-ops .planner-workspace,
body.vp10-luxury-ops .planner-shell{
  contain:layout paint style;
}
body.vp10-luxury-ops .leaflet-container,
body.vp10-luxury-ops .vp-dashboard-live-map,
body.vp10-luxury-ops .ops-live-map,
body.vp10-luxury-ops #plannerMap,
body.vp10-luxury-ops #tourMap{
  content-visibility:visible;
  contain:strict;
}
body.vp10-performance-lite::after,
body.vp10-performance-lite .vp10-atmosphere,
body.vp10-performance-lite .vp10-horizon,
body.vp10-performance-lite .vp99-shell-orbit,
body.vp10-performance-lite .vp99-shell-columns,
body.vp10-performance-lite .vp99-shell-glow{
  display:none!important;
}
body.vp10-performance-lite .vp99-shell,
body.vp10-performance-lite .app-bg,
body.vp10-performance-lite .vp-immersive-background{
  opacity:.28!important;
}
body.vp10-performance-lite .sidebar,
body.vp10-performance-lite .topbar,
body.vp10-performance-lite .panel,
body.vp10-performance-lite .card,
body.vp10-performance-lite .glass,
body.vp10-performance-lite .metric-card,
body.vp10-performance-lite .vp-kpi-card,
body.vp10-performance-lite .driver-top,
body.vp10-performance-lite .driver-card,
body.vp10-performance-lite .driver-tour-card{
  backdrop-filter:blur(12px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
body.vp10-performance-lite .vp10-depth,
body.vp10-depth-static,
body.vp10-motion-off .vp10-depth{
  will-change:auto!important;
  transform:none!important;
}
body.vp10-touch-device .vp10-depth:hover,
body.vp10-performance-lite .vp10-depth:hover{
  transform:none!important;
}
@media (max-width:980px), (prefers-reduced-motion:reduce){
  body.vp10-luxury-ops::after,
  body.vp10-driver-ops::after,
  body.vp10-luxury-ops .vp10-atmosphere,
  body.vp10-driver-ops .vp10-atmosphere,
  body.vp10-luxury-ops .vp10-horizon,
  body.vp10-driver-ops .vp10-horizon{display:none!important;}
  body.vp10-luxury-ops .sidebar,
  body.vp10-luxury-ops .topbar,
  body.vp10-luxury-ops .panel,
  body.vp10-luxury-ops .card,
  body.vp10-luxury-ops .metric-card,
  body.vp10-driver-ops .driver-top,
  body.vp10-driver-ops .driver-card{
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
}


/* source: ops-center-3d-rebuild.css */
/* VersandPro 10.3.1 – Luxury Industrial 3D Refinement
   Ziel: hochwertiges Enterprise-3D statt Sci-Fi/Gaming-Look. */
:root {
  --ops3d-bg-0: #05070b;
  --ops3d-bg-1: #09101a;
  --ops3d-bg-2: #101725;
  --ops3d-text: #f2f6fb;
  --ops3d-muted: rgba(232, 240, 250, .68);
  --ops3d-dim: rgba(232, 240, 250, .46);
  --ops3d-line: rgba(214, 230, 245, .105);
  --ops3d-line-strong: rgba(224, 239, 255, .18);
  --ops3d-panel: rgba(13, 19, 29, .74);
  --ops3d-panel-2: rgba(20, 28, 41, .66);
  --ops3d-panel-3: rgba(255, 255, 255, .045);
  --ops3d-accent: #72e7ff;
  --ops3d-accent-2: #a9b7ff;
  --ops3d-ok: #6df4bc;
  --ops3d-warn: #ffd07a;
  --ops3d-danger: #ff8b8b;
  --ops3d-radius-xl: 26px;
  --ops3d-radius-lg: 20px;
  --ops3d-radius-md: 14px;
  --ops3d-shadow: 0 34px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.065);
  --ops3d-shadow-soft: 0 18px 38px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255,255,255,.055);
  --ops3d-pointer-x: 50%;
  --ops3d-pointer-y: 32%;
}

body.vp-ops3d-surface,
body.vp-ops3d-driver {
  color: var(--ops3d-text);
  background:
    radial-gradient(circle at 18% 8%, rgba(65, 115, 150, .12), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(110, 100, 170, .11), transparent 32%),
    linear-gradient(135deg, var(--ops3d-bg-0) 0%, var(--ops3d-bg-1) 46%, var(--ops3d-bg-2) 100%);
  min-height: 100vh;
  isolation: isolate;
}

body.vp-ops3d-surface::before,
body.vp-ops3d-driver::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at var(--ops3d-pointer-x) var(--ops3d-pointer-y), rgba(111, 222, 255, .055), transparent 25%),
    linear-gradient(90deg, rgba(255,255,255,.025), transparent 22%, transparent 76%, rgba(255,255,255,.018));
}

body.vp-ops3d-surface::after,
body.vp-ops3d-driver::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 100% 7px;
  opacity: .13;
  mix-blend-mode: overlay;
}

.ops3d-scene {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.ops3d-scene canvas,
.ops3d-scene .ops3d-grid,
.ops3d-scene .ops3d-aurora,
.ops3d-scene .ops3d-orb,
.ops3d-scene .ops3d-ring,
.ops3d-scene .ops3d-scan,
.ops3d-scene .ops3d-fog,
.ops3d-scene .ops3d-horizon {
  position: absolute;
}

.ops3d-scene .ops3d-starfield {
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .28;
}

.ops3d-scene .ops3d-aurora {
  inset: -18% 0 auto;
  height: 46vh;
  opacity: .48;
  filter: blur(42px);
  background:
    radial-gradient(circle at 22% 54%, rgba(93, 182, 255, .12), transparent 31%),
    radial-gradient(circle at 78% 42%, rgba(145, 126, 255, .10), transparent 28%),
    radial-gradient(circle at 50% 16%, rgba(255, 255, 255, .055), transparent 24%);
}

.ops3d-scene .ops3d-grid {
  left: -10%;
  right: -10%;
  bottom: -18vh;
  height: 52vh;
  opacity: .30;
  transform-origin: center bottom;
  transform: perspective(1500px) rotateX(73deg) translateY(3vh);
  background-image:
    linear-gradient(rgba(184, 220, 255, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(184, 220, 255, .13) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to top, rgba(0,0,0,.86), transparent 82%);
}

.ops3d-scene .ops3d-horizon {
  left: 12%;
  right: 12%;
  top: 42vh;
  height: 1px;
  opacity: .45;
  background: linear-gradient(90deg, transparent, rgba(187, 220, 255, .34), transparent);
  box-shadow: 0 0 32px rgba(145, 210, 255, .12);
}

.ops3d-scene .ops3d-fog {
  inset: auto -18% -26% -18%;
  height: 56vh;
  opacity: .54;
  filter: blur(38px);
  background:
    radial-gradient(circle at 36% 0%, rgba(62, 120, 150, .16), transparent 44%),
    radial-gradient(circle at 68% 0%, rgba(115, 98, 155, .15), transparent 46%);
}

.ops3d-scene .ops3d-orb {
  width: 26vw;
  height: 26vw;
  max-width: 390px;
  max-height: 390px;
  border-radius: 50%;
  opacity: .13;
  filter: blur(18px);
}

.ops3d-scene .ops3d-orb.a {
  left: -7vw;
  top: 18vh;
  background: radial-gradient(circle, rgba(93, 174, 230, .44), transparent 68%);
}

.ops3d-scene .ops3d-orb.b {
  right: -9vw;
  top: 12vh;
  background: radial-gradient(circle, rgba(132, 112, 210, .34), transparent 70%);
}

.ops3d-scene .ops3d-ring {
  right: 11%;
  top: 24vh;
  width: min(340px, 30vw);
  height: min(340px, 30vw);
  border-radius: 50%;
  opacity: .18;
  border: 1px solid rgba(218, 237, 255, .20);
  transform: rotateX(67deg) rotateY(-8deg);
}

.ops3d-scene .ops3d-ring::before,
.ops3d-scene .ops3d-ring::after {
  content: "";
  position: absolute;
  inset: 16%;
  border-radius: inherit;
  border: 1px solid rgba(218, 237, 255, .14);
}

.ops3d-scene .ops3d-ring::after { inset: 32%; opacity: .65; }

.ops3d-scene .ops3d-scan {
  inset: 0;
  opacity: .09;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.045), transparent);
  background-size: 100% 180px;
}

body.vp-ops3d-surface .vp99-shell,
body.vp-ops3d-surface .vp-immersive-background,
body.vp-ops3d-surface .app-bg {
  opacity: .18;
}

body.vp-ops3d-surface .sidebar,
body.vp-ops3d-surface .main,
body.vp-ops3d-surface .public-nav,
body.vp-ops3d-surface .vp99-public-main,
body.vp-ops3d-driver main {
  position: relative;
  z-index: 2;
}

body.vp-ops3d-surface .vp99-sidebar {
  background: linear-gradient(180deg, rgba(12, 18, 27, .86), rgba(8, 12, 19, .80));
  border: 1px solid rgba(220, 236, 255, .095);
  border-right-color: rgba(220, 236, 255, .13);
  box-shadow: 24px 0 50px rgba(0, 0, 0, .28), inset 1px 0 0 rgba(255,255,255,.04);
  backdrop-filter: blur(22px) saturate(115%);
  transform: none;
}

body.vp-ops3d-surface .brand,
body.vp-ops3d-driver .brand {
  color: var(--ops3d-text);
}

body.vp-ops3d-surface .brand-logo,
body.vp-ops3d-driver .driver-brand img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(90, 190, 240, .16));
}

body.vp-ops3d-surface .nav-group,
body.vp-ops3d-surface .sidebar-user,
body.vp-ops3d-surface .sidebar-footer {
  position: relative;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(220, 236, 255, .075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body.vp-ops3d-surface .nav a {
  border-radius: 14px;
  color: rgba(242, 246, 251, .72);
}

body.vp-ops3d-surface .nav a:hover,
body.vp-ops3d-surface .nav a.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(114,231,255,.11), rgba(169,183,255,.065));
  box-shadow: inset 3px 0 0 rgba(114,231,255,.46);
}

body.vp-ops3d-surface .vp99-topbar,
body.vp-ops3d-driver .driver-top {
  position: sticky;
  top: 16px;
  z-index: 12;
  border-radius: 24px;
  border: 1px solid rgba(225, 240, 255, .13);
  background: linear-gradient(180deg, rgba(22, 30, 42, .82), rgba(11, 16, 25, .74));
  box-shadow: var(--ops3d-shadow-soft);
  backdrop-filter: blur(24px) saturate(118%);
  overflow: hidden;
}

body.vp-ops3d-surface .vp99-topbar::before,
body.vp-ops3d-driver .driver-top::before,
body.vp-ops3d-surface .ops3d-workspace-cluster::before,
body.vp-ops3d-surface .card::before,
body.vp-ops3d-surface .panel::before,
body.vp-ops3d-surface .glass::before,
body.vp-ops3d-driver .driver-card::before,
body.vp-ops3d-driver .driver-tour::before,
body.vp-ops3d-driver .driver-stop::before,
body.vp-ops3d-driver .driver-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.022) 24%, transparent 48%);
}

.ops3d-topbar-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  width: 100%;
}

.ops3d-topbar-left,
.ops3d-context-strip,
.ops3d-workspace-links,
.ops3d-driver-headline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ops3d-title-stack { min-width: 0; }

.ops3d-title-stack strong {
  display: block;
  font-size: clamp(1.12rem, 1.5vw, 1.44rem);
  letter-spacing: -.025em;
  line-height: 1.1;
}

.ops3d-title-stack small,
.ops3d-overline,
.ops3d-chip small,
.ops3d-workspace-title,
body.vp-ops3d-surface .muted,
body.vp-ops3d-driver .muted,
body.vp-ops3d-surface small,
body.vp-ops3d-driver small {
  color: var(--ops3d-muted);
}

.ops3d-overline {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 4px;
  font-size: .70rem;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.ops3d-overline::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--ops3d-ok);
  box-shadow: 0 0 14px rgba(109,244,188,.46);
}

.ops3d-context-strip {
  flex-wrap: wrap;
  margin-top: 12px;
}

.ops3d-chip,
.ops3d-chip-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(248, 251, 255, .88);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(225, 240, 255, .10);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.ops3d-chip strong,
.ops3d-chip-link strong { font-weight: 650; }
.ops3d-chip.tone-live { border-color: rgba(109,244,188,.18); }
.ops3d-chip.tone-live strong { color: #dcfff2; }

.ops3d-chip-link:hover {
  background: rgba(114,231,255,.075);
  border-color: rgba(114,231,255,.22);
}

.ops3d-workspace-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
}

.ops3d-workspace-cluster {
  position: relative;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(18, 25, 37, .62), rgba(10, 15, 23, .55));
  border: 1px solid rgba(225, 240, 255, .095);
  box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.ops3d-workspace-title {
  font-size: .78rem;
  letter-spacing: .02em;
  margin-bottom: 10px;
}

.ops3d-workspace-links { flex-wrap: wrap; }

.ops3d-workspace-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 12px;
  color: rgba(242,246,251,.78);
  text-decoration: none;
  background: rgba(255,255,255,.035);
  border: 1px solid transparent;
}

.ops3d-workspace-links a.active,
.ops3d-workspace-links a:hover {
  color: #fff;
  background: rgba(114,231,255,.08);
  border-color: rgba(114,231,255,.16);
}

body.vp-ops3d-surface .vp99-content-stage {
  position: relative;
  border-radius: 30px;
  padding: clamp(16px, 2vw, 26px);
  background: linear-gradient(180deg, rgba(10, 15, 23, .58), rgba(7, 11, 17, .46));
  border: 1px solid rgba(225, 240, 255, .09);
  box-shadow: var(--ops3d-shadow);
  backdrop-filter: blur(16px) saturate(110%);
  overflow: hidden;
}

body.vp-ops3d-surface .vp99-content-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04), transparent 14%, transparent 86%, rgba(255,255,255,.025)),
    radial-gradient(circle at 15% 0%, rgba(114,231,255,.055), transparent 30%);
}

body.vp-ops3d-surface .vp99-content-stage > * {
  position: relative;
  z-index: 1;
}

body.vp-ops3d-surface .card,
body.vp-ops3d-surface .glass,
body.vp-ops3d-surface .panel,
body.vp-ops3d-surface .uf-panel,
body.vp-ops3d-surface .stat-card,
body.vp-ops3d-surface .metric-card,
body.vp-ops3d-surface .kpi-card,
body.vp-ops3d-surface .table-wrap,
body.vp-ops3d-surface .table-card,
body.vp-ops3d-surface .form-card,
body.vp-ops3d-surface .flash,
body.vp-ops3d-surface .vp-dashboard > *,
body.vp-ops3d-surface .vp-dashboard .vp-hero-row,
body.vp-ops3d-surface .vp-dashboard .vp-dashboard-main-grid > *,
body.vp-ops3d-surface .vp-dashboard .vp-dashboard-grid > *,
body.vp-ops3d-surface .vp-floating-panel,
body.vp-ops3d-driver .driver-card,
body.vp-ops3d-driver .driver-tour,
body.vp-ops3d-driver .driver-stop,
body.vp-ops3d-driver .driver-hero-card,
body.vp-ops3d-driver .driver-stat,
body.vp-ops3d-driver .driver-empty-state {
  position: relative;
  overflow: hidden;
  border-radius: var(--ops3d-radius-lg);
  background: linear-gradient(180deg, rgba(18, 26, 38, .72), rgba(9, 14, 22, .66));
  border: 1px solid rgba(225, 240, 255, .095);
  box-shadow: var(--ops3d-shadow-soft);
  backdrop-filter: blur(18px) saturate(112%);
}

body.vp-ops3d-surface .vp-dashboard .vp-hero-row,
body.vp-ops3d-driver .driver-hero-card {
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(24, 34, 49, .80), rgba(9, 14, 22, .66)),
    radial-gradient(circle at 82% 12%, rgba(114,231,255,.11), transparent 28%);
}

body.vp-ops3d-surface .ops3d-depth-surface,
body.vp-ops3d-driver .ops3d-depth-surface {
  transform: translateZ(0);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  will-change: transform;
}

body.vp-ops3d-surface .ops3d-depth-surface:hover,
body.vp-ops3d-driver .ops3d-depth-surface:hover {
  transform: translateY(-2px);
  border-color: rgba(225, 240, 255, .15);
  box-shadow: 0 22px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}

body.vp-ops3d-surface h1,
body.vp-ops3d-surface h2,
body.vp-ops3d-surface h3,
body.vp-ops3d-driver h1,
body.vp-ops3d-driver h2,
body.vp-ops3d-driver h3 {
  color: var(--ops3d-text);
  letter-spacing: -.025em;
}

body.vp-ops3d-surface .btn,
body.vp-ops3d-surface button,
body.vp-ops3d-surface .icon-action,
body.vp-ops3d-surface .top-search-trigger,
body.vp-ops3d-surface .route-link,
body.vp-ops3d-surface .vp-view-switch button,
body.vp-ops3d-driver .btn,
body.vp-ops3d-driver button,
body.vp-ops3d-driver .route-link,
body.vp-ops3d-driver .driver-logout {
  border-radius: 14px;
  border: 1px solid rgba(225, 240, 255, .12);
  color: rgba(248,251,255,.92);
  background: linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.035));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 18px rgba(0,0,0,.18);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.vp-ops3d-surface .btn:not(.ghost):not(.secondary),
body.vp-ops3d-driver .btn:not(.secondary):not(.ghost) {
  color: #031018;
  background: linear-gradient(180deg, #baf5ff, #62daef);
  border-color: rgba(186,245,255,.56);
  font-weight: 700;
}

body.vp-ops3d-surface .btn:hover,
body.vp-ops3d-surface button:hover,
body.vp-ops3d-surface .icon-action:hover,
body.vp-ops3d-surface .top-search-trigger:hover,
body.vp-ops3d-surface .route-link:hover,
body.vp-ops3d-driver .btn:hover,
body.vp-ops3d-driver button:hover,
body.vp-ops3d-driver .route-link:hover,
body.vp-ops3d-driver .driver-logout:hover {
  transform: translateY(-1px);
  border-color: rgba(225, 240, 255, .20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 14px 22px rgba(0,0,0,.24);
}

body.vp-ops3d-surface input,
body.vp-ops3d-surface select,
body.vp-ops3d-surface textarea,
body.vp-ops3d-driver input,
body.vp-ops3d-driver select,
body.vp-ops3d-driver textarea {
  border-radius: 13px;
  border: 1px solid rgba(225, 240, 255, .12);
  background: rgba(3, 8, 14, .56);
  color: var(--ops3d-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body.vp-ops3d-surface input:focus,
body.vp-ops3d-surface select:focus,
body.vp-ops3d-surface textarea:focus,
body.vp-ops3d-driver input:focus,
body.vp-ops3d-driver select:focus,
body.vp-ops3d-driver textarea:focus {
  outline: none;
  border-color: rgba(114,231,255,.42);
  box-shadow: 0 0 0 4px rgba(114,231,255,.09), inset 0 1px 0 rgba(255,255,255,.045);
}

body.vp-ops3d-surface table,
body.vp-ops3d-driver table {
  border-collapse: separate;
  border-spacing: 0 8px;
}

body.vp-ops3d-surface table thead th,
body.vp-ops3d-driver table thead th {
  color: var(--ops3d-muted);
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 700;
}

body.vp-ops3d-surface table tbody tr,
body.vp-ops3d-driver table tbody tr {
  background: rgba(255,255,255,.034);
}

body.vp-ops3d-surface table tbody td,
body.vp-ops3d-driver table tbody td {
  border-top: 1px solid rgba(225,240,255,.06);
  border-bottom: 1px solid rgba(225,240,255,.06);
}

body.vp-ops3d-surface table tbody td:first-child,
body.vp-ops3d-driver table tbody td:first-child {
  border-left: 1px solid rgba(225,240,255,.06);
  border-radius: 12px 0 0 12px;
}

body.vp-ops3d-surface table tbody td:last-child,
body.vp-ops3d-driver table tbody td:last-child {
  border-right: 1px solid rgba(225,240,255,.06);
  border-radius: 0 12px 12px 0;
}

body.vp-ops3d-surface .badge,
body.vp-ops3d-driver .badge {
  border-radius: 999px;
  border: 1px solid rgba(225, 240, 255, .12);
  background: rgba(255,255,255,.055);
  color: rgba(248,251,255,.86);
}

body.vp-ops3d-surface .progress,
body.vp-ops3d-driver .progress {
  background: rgba(255,255,255,.08);
  border-radius: 999px;
  overflow: hidden;
}

body.vp-ops3d-surface .progress i,
body.vp-ops3d-driver .progress i {
  background: linear-gradient(90deg, #6df4bc, #72e7ff);
}

body.vp-ops3d-surface .vp-immersive-stage {
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15,23,35,.70), rgba(4,9,16,.58));
  border: 1px solid rgba(225,240,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.vp-ops3d-surface .vp-floating-panel {
  background: rgba(14,22,33,.78);
  border-color: rgba(225,240,255,.13);
}

body.vp-ops3d-driver main {
  max-width: 1160px;
}

body.vp-ops3d-driver .driver-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  padding: 18px;
  margin: 18px 0;
}

body.vp-ops3d-driver .driver-top-actions {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

body.vp-ops3d-driver .driver-user-box,
body.vp-ops3d-driver .driver-logout {
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(225, 240, 255, .10);
}

body.vp-ops3d-driver .driver-tour,
body.vp-ops3d-driver .driver-stop,
body.vp-ops3d-driver .driver-card,
body.vp-ops3d-driver .driver-hero-card,
body.vp-ops3d-driver .driver-stat {
  border-color: rgba(225,240,255,.10);
}

body.vp-ops3d-driver .driver-hero-card {
  padding: clamp(18px, 3vw, 28px);
}

body.vp-ops3d-driver .driver-stat strong,
body.vp-ops3d-surface .metric-value,
body.vp-ops3d-surface .kpi-value,
body.vp-ops3d-surface .driver-stat strong {
  color: #f8fbff;
  text-shadow: 0 8px 22px rgba(114,231,255,.10);
}

body.vp-ops3d-surface .public-nav,
body.vp-ops3d-surface .vp99-public-main section,
body.vp-ops3d-surface .vp99-public-main .hero,
body.vp-ops3d-surface .vp99-public-main .card {
  position: relative;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(18, 26, 38, .70), rgba(9, 14, 22, .62));
  border: 1px solid rgba(225, 240, 255, .09);
  box-shadow: var(--ops3d-shadow-soft);
  backdrop-filter: blur(18px);
}

body.vp-ops3d-surface .mobile-dock {
  background: rgba(8, 13, 21, .86);
  border: 1px solid rgba(225, 240, 255, .10);
  box-shadow: 0 -14px 34px rgba(0,0,0,.30);
  backdrop-filter: blur(20px);
}

@media (max-width: 1180px) {
  .ops3d-topbar-grid,
  body.vp-ops3d-driver .driver-top {
    grid-template-columns: 1fr;
  }
  .top-actions.logistics-top-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 780px) {
  .ops3d-workspace-strip { grid-template-columns: 1fr; }
  .ops3d-context-strip,
  .ops3d-driver-headline { align-items: stretch; }
  .ops3d-chip,
  .ops3d-chip-link { width: 100%; justify-content: space-between; }
  body.vp-ops3d-surface .vp99-content-stage { border-radius: 22px; padding: 14px; }
  body.vp-ops3d-surface .vp99-topbar,
  body.vp-ops3d-driver .driver-top { top: 8px; border-radius: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* VersandPro v10.3.3 dashboard/mobile repair */
:root {
  --vp-blue: #1677ff;
  --vp-blue-2: #0dcfff;
  --vp-green: #22e59b;
  --vp-amber: #f7b955;
  --vp-red: #ff5d6f;
  --vp-muted: #8da2bd;
  --vp-radius: 22px;
  --vp-card-bg: linear-gradient(180deg, rgba(15, 23, 38, .82), rgba(7, 12, 22, .76));
  --vp-card-line: rgba(220, 238, 255, .12);
}

body.vp-ops3d-surface .vp-dashboard,
body.vp-ops3d-surface .vp-dashboard * { box-sizing: border-box; }
body.vp-ops3d-surface .vp-dashboard { display: grid; gap: clamp(16px, 2vw, 24px); }
body.vp-ops3d-surface .vp-hero-row,
body.vp-ops3d-surface .vp-command-ribbon,
body.vp-ops3d-surface .vp90-cockpit-strip,
body.vp-ops3d-surface .vp-leitstand-command,
body.vp-ops3d-surface .vp92-briefing-card,
body.vp-ops3d-surface .vp-ux-helper-strip article,
body.vp-ops3d-surface .vp-next-level-strip,
body.vp-ops3d-surface .vp-kpi-card,
body.vp-ops3d-surface .vp-map-card,
body.vp-ops3d-surface .vp-side-card,
body.vp-ops3d-surface .vp-analytics-card,
body.vp-ops3d-surface .uf-disclosure {
  border: 1px solid var(--vp-card-line);
  background: var(--vp-card-bg);
  border-radius: var(--vp-radius);
  box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(18px);
}
body.vp-ops3d-surface .vp-command-ribbon,
body.vp-ops3d-surface .vp90-cockpit-strip,
body.vp-ops3d-surface .vp-kpi-grid,
body.vp-ops3d-surface .vp-leitstand-grid,
body.vp-ops3d-surface .vp92-briefing-grid,
body.vp-ops3d-surface .vp-main-grid,
body.vp-ops3d-surface .vp-analytics-grid,
body.vp-ops3d-surface .vp-module-groups,
body.vp-ops3d-surface .vp-ux-helper-strip {
  display: grid;
  gap: clamp(14px, 1.7vw, 20px);
}
body.vp-ops3d-surface .vp-command-ribbon,
body.vp-ops3d-surface .vp-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.vp-ops3d-surface .vp90-cockpit-strip,
body.vp-ops3d-surface .vp92-briefing-grid,
body.vp-ops3d-surface .vp-analytics-grid,
body.vp-ops3d-surface .vp-ux-helper-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.vp-ops3d-surface .vp90-cockpit-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.vp-ops3d-surface .vp-main-grid { grid-template-columns: minmax(0, 1.6fr) minmax(320px, .8fr); align-items: start; }
body.vp-ops3d-surface .vp-leitstand-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
body.vp-ops3d-surface .vp-command-ribbon-card,
body.vp-ops3d-surface .vp-leitstand-card,
body.vp-ops3d-surface .vp-module-group,
body.vp-ops3d-surface .vp-list-item,
body.vp-ops3d-surface .vp-driver-item,
body.vp-ops3d-surface .vp92-action-row,
body.vp-ops3d-surface .vp-upcoming-grid a,
body.vp-ops3d-surface .vp-upcoming-grid div {
  min-width: 0;
  border-radius: 18px;
  border: 1px solid rgba(225,240,255,.10);
  background: rgba(255,255,255,.045);
  color: inherit;
  text-decoration: none;
}
body.vp-ops3d-surface .vp-command-ribbon-card,
body.vp-ops3d-surface .vp-list-item,
body.vp-ops3d-surface .vp-driver-item,
body.vp-ops3d-surface .vp92-action-row { display: flex; align-items: center; gap: 12px; padding: 14px; }
body.vp-ops3d-surface .vp-command-ribbon-card span,
body.vp-ops3d-surface .vp-list-item span,
body.vp-ops3d-surface .vp-driver-item span { min-width: 0; display: grid; gap: 3px; }
body.vp-ops3d-surface .vp-command-ribbon-card b,
body.vp-ops3d-surface .vp-list-item b,
body.vp-ops3d-surface .vp-driver-item b,
body.vp-ops3d-surface .vp-tour-card b {
  overflow-wrap: anywhere;
  line-height: 1.14;
}
body.vp-ops3d-surface .vp-command-ribbon-card small,
body.vp-ops3d-surface .vp-command-ribbon-card em,
body.vp-ops3d-surface .vp-list-item small,
body.vp-ops3d-surface .vp-driver-item small,
body.vp-ops3d-surface .vp-tour-card small { color: var(--vp-muted); line-height: 1.35; }
body.vp-ops3d-surface .vp-kpi-card { position: relative; min-height: 128px; padding: 20px; overflow: hidden; }
body.vp-ops3d-surface .vp-kpi-card span { display: block; color: #c8d8ea; font-weight: 800; margin-bottom: 8px; }
body.vp-ops3d-surface .vp-kpi-card strong { display: block; color: #fff; font-size: clamp(2rem, 3vw, 3.1rem); line-height: 1; letter-spacing: -.06em; }
body.vp-ops3d-surface .vp-kpi-card i { position: absolute; right: 20px; bottom: 20px; color: #77e8ff; opacity: .85; }
body.vp-ops3d-surface .vp-map-card,
body.vp-ops3d-surface .vp-side-card,
body.vp-ops3d-surface .vp-analytics-card,
body.vp-ops3d-surface .vp-leitstand-command,
body.vp-ops3d-surface .vp92-briefing-card { padding: clamp(16px, 2vw, 22px); }
body.vp-ops3d-surface .vp-panel-head,
body.vp-ops3d-surface .vp-card-head,
body.vp-ops3d-surface .vp-leitstand-head,
body.vp-ops3d-surface .vp92-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
body.vp-ops3d-surface .vp-legend { display: flex; flex-wrap: wrap; gap: 10px; color: var(--vp-muted); font-size: .9rem; }
body.vp-ops3d-surface .vp-legend span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
body.vp-ops3d-surface .vp-legend i,
body.vp-ops3d-surface .vp-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; background: var(--vp-green); }
body.vp-ops3d-surface .vp-legend .blue { background: var(--vp-blue); }
body.vp-ops3d-surface .vp-legend .cyan { background: var(--vp-blue-2); }
body.vp-ops3d-surface .vp-route-map {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(225,240,255,.12);
  background: radial-gradient(circle at 28% 18%, rgba(14,183,255,.22), transparent 34%), linear-gradient(145deg, #0a1726 0%, #07101d 46%, #0c1928 100%);
}
body.vp-ops3d-surface .vp-map-fallback,
body.vp-ops3d-surface .vp-dashboard-live-map { position: absolute; inset: 0; }
body.vp-ops3d-surface .vp-map-fallback { z-index: 1; }
body.vp-ops3d-surface .vp-dashboard-live-map { z-index: 2; opacity: 0; transition: opacity .25s ease; }
body.vp-ops3d-surface .vp-route-map.is-live .vp-dashboard-live-map { opacity: 1; }
body.vp-ops3d-surface .vp-route-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
body.vp-ops3d-surface .vp-city-line { fill: none !important; stroke: rgba(125,170,220,.25); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
body.vp-ops3d-surface .vp-city-line-2 { stroke: rgba(125,170,220,.18); }
body.vp-ops3d-surface .vp-city-line-3 { stroke: rgba(125,170,220,.12); stroke-width: 1.8; }
body.vp-ops3d-surface .vp-route-path { fill: none !important; stroke: #0dcfff; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 9px rgba(13,207,255,.88)) drop-shadow(0 0 18px rgba(22,119,255,.56)); }
body.vp-ops3d-surface .vp-route-shadow { fill: none !important; stroke: #1677ff; stroke-width: 18; opacity: .24; filter: blur(3px); }
body.vp-ops3d-surface .vp-stop {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 4;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #0dcfff, #1677ff);
  border: 2px solid rgba(230, 248, 255, .92);
  box-shadow: 0 0 0 7px rgba(13, 207, 255, .13), 0 14px 28px rgba(0,0,0,.35);
  color: #fff;
  font-weight: 950;
  font-size: .86rem;
}
body.vp-ops3d-surface .vp-tour-card {
  position: absolute;
  z-index: 5;
  left: 22px;
  right: 22px;
  bottom: 22px;
  max-width: 620px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(225,240,255,.14);
  background: rgba(6, 13, 24, .82);
  box-shadow: 0 18px 46px rgba(0,0,0,.34);
  backdrop-filter: blur(16px);
}
body.vp-ops3d-surface .vp-tour-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
body.vp-ops3d-surface .vp-tour-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0; }
body.vp-ops3d-surface .vp-tour-stats span { min-width: 0; padding: 10px; border-radius: 15px; background: rgba(255,255,255,.06); }
body.vp-ops3d-surface .vp-tour-stats strong { display: block; font-size: clamp(1.05rem, 1.8vw, 1.45rem); white-space: normal; }
body.vp-ops3d-surface .vp-progress,
body.vp-ops3d-surface .vp-mini-progress { height: 8px; border-radius: 999px; background: rgba(255,255,255,.11); overflow: hidden; }
body.vp-ops3d-surface .vp-progress i,
body.vp-ops3d-surface .vp-mini-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--vp-blue-2), var(--vp-green)); }
body.vp-ops3d-surface .vp-progress-label { display: flex; justify-content: space-between; gap: 10px; color: var(--vp-muted); }
body.vp-ops3d-surface .vp-map-insight-stack { position: absolute; z-index: 4; top: 18px; right: 18px; display: grid; gap: 10px; }
body.vp-ops3d-surface .vp-map-insight-stack span { min-width: 110px; padding: 10px 12px; border-radius: 16px; background: rgba(6, 13, 24, .72); border: 1px solid rgba(225,240,255,.12); }
body.vp-ops3d-surface .vp-map-insight-stack small,
body.vp-ops3d-surface .vp-map-insight-stack b { display: block; }
body.vp-ops3d-surface .vp-map-controls { position: absolute; z-index: 6; top: 18px; left: 18px; display: flex; gap: 8px; }
body.vp-ops3d-surface .vp-map-controls button { width: 36px; height: 36px; border-radius: 12px; border: 1px solid rgba(225,240,255,.16); background: rgba(6,13,24,.76); color: #eef8ff; }
body.vp-ops3d-surface .vp-list,
body.vp-ops3d-surface .vp-driver-list,
body.vp-ops3d-surface .vp92-action-list,
body.vp-ops3d-surface .vp-upcoming-grid { display: grid; gap: 10px; }
body.vp-ops3d-surface .uf-disclosure { padding: 0; overflow: hidden; }
body.vp-ops3d-surface .uf-disclosure > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; }
body.vp-ops3d-surface .uf-disclosure > summary::-webkit-details-marker { display: none; }
body.vp-ops3d-surface .uf-disclosure > summary span { min-width: 0; display: grid; gap: 3px; }
body.vp-ops3d-surface .uf-disclosure > summary small { color: var(--vp-muted); }
body.vp-ops3d-surface .uf-disclosure > :not(summary) { margin: 0 20px 20px; }
body.vp-ops3d-surface .vp-donut,
body.vp-ops3d-surface .vp92-quality-ring { width: 160px; height: 160px; border-radius: 50%; display: grid; place-items: center; margin: 10px auto; background: conic-gradient(var(--vp-blue-2) calc(var(--value, 75) * 1%), rgba(255,255,255,.10) 0); }
body.vp-ops3d-surface .vp-donut > *,
body.vp-ops3d-surface .vp92-quality-ring > * { grid-area: 1 / 1; }

@media (max-width: 1180px) {
  body.vp-ops3d-surface .vp-command-ribbon,
  body.vp-ops3d-surface .vp90-cockpit-strip,
  body.vp-ops3d-surface .vp-kpi-grid,
  body.vp-ops3d-surface .vp-leitstand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.vp-ops3d-surface .vp92-briefing-grid,
  body.vp-ops3d-surface .vp-analytics-grid,
  body.vp-ops3d-surface .vp-ux-helper-strip { grid-template-columns: 1fr; }
  body.vp-ops3d-surface .vp-main-grid { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  body.vp-ops3d-surface .vp99-main-shell { padding-inline: 10px; }
  body.vp-ops3d-surface .vp99-content-stage { width: 100%; max-width: 100%; overflow: visible; padding: 12px !important; }
  body.vp-ops3d-surface .ops3d-workspace-strip,
  body.vp-ops3d-surface .ops3d-context-strip,
  body.vp-ops3d-surface .top-actions.logistics-top-actions { display: none !important; }
  body.vp-ops3d-surface .vp-command-ribbon,
  body.vp-ops3d-surface .vp90-cockpit-strip,
  body.vp-ops3d-surface .vp-kpi-grid,
  body.vp-ops3d-surface .vp-leitstand-grid,
  body.vp-ops3d-surface .vp92-briefing-grid,
  body.vp-ops3d-surface .vp-main-grid,
  body.vp-ops3d-surface .vp-analytics-grid,
  body.vp-ops3d-surface .vp-module-groups,
  body.vp-ops3d-surface .vp-ux-helper-strip { grid-template-columns: 1fr !important; }
  body.vp-ops3d-surface .vp-panel-head,
  body.vp-ops3d-surface .vp-card-head,
  body.vp-ops3d-surface .vp-leitstand-head,
  body.vp-ops3d-surface .vp92-card-head { display: grid; justify-items: stretch; }
  body.vp-ops3d-surface .vp-panel-actions,
  body.vp-ops3d-surface .vp-panel-actions .btn { width: 100%; }
  body.vp-ops3d-surface .vp-legend { gap: 8px 12px; }
  body.vp-ops3d-surface .vp-route-map { min-height: 560px; border-radius: 20px; }
  body.vp-ops3d-surface .vp-map-insight-stack { display: none; }
  body.vp-ops3d-surface .vp-map-controls { top: 12px; left: 12px; }
  body.vp-ops3d-surface .vp-tour-card { left: 12px; right: 12px; bottom: 12px; max-width: none; padding: 14px; }
  body.vp-ops3d-surface .vp-tour-card > div:first-child { align-items: flex-start; }
  body.vp-ops3d-surface .vp-tour-stats { grid-template-columns: 1fr; }
  body.vp-ops3d-surface .vp-route-path { stroke-width: 5; }
  body.vp-ops3d-surface .vp-route-shadow { stroke-width: 13; }
  body.vp-ops3d-surface .vp-stop { width: 28px; height: 28px; font-size: .78rem; }
  body.vp-ops3d-surface .vp-kpi-card { min-height: 112px; }
  body.vp-ops3d-surface .vp-kpi-card strong { font-size: 2.15rem; }
  body.vp-ops3d-surface .uf-disclosure > summary { padding: 16px; }
  body.vp-ops3d-surface .uf-disclosure > :not(summary) { margin: 0 14px 16px; }
  body.mobile-bottom-nav-on .vp99-content-stage { padding-bottom: 96px !important; }
}


/* source: runtime-optimization-104.css */
/* VersandPro 10.4.0 Runtime Optimization Layer */
:root{
  --vp104-focus:0 0 0 4px color-mix(in srgb,var(--accent, #2dd4bf) 26%,transparent);
  --vp104-surface:color-mix(in srgb,var(--panel, #111a2e) 88%,transparent);
  --vp104-border:color-mix(in srgb,var(--line, rgba(148,163,184,.18)) 88%,transparent);
  --vp104-map-filter:saturate(1.08) contrast(1.04) brightness(1.08);
}

html{scroll-behavior:smooth}
body.vp-v104-ready{--vp-runtime-ready:1}
body.vp-v104-low-power,
body.vp-v86-low-power{scroll-behavior:auto}

body.vp-v104-low-power .ops3d-scene,
body.vp-v104-low-power .ops3d-starfield,
body.vp-v104-low-power .ops3d-aurora,
body.vp-v104-low-power .ops3d-fog,
body.vp-v104-low-power .ops3d-ring,
body.vp-v104-low-power .ops3d-scan,
body.vp-v104-low-power [class*="particle"],
body.vp-v104-low-power [data-v86-reveal]{animation:none!important;transition:none!important;transform:none!important}

body.vp-v104-low-power .ops3d-scene{opacity:.34;filter:blur(.2px)}
body.vp-v104-low-power canvas.ops3d-starfield{display:none!important}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

.main,.vp99-main-shell{contain:layout paint style}
.panel,.card,.glass,.glass-soft,.settings-section-card,.vp-kpi-card,.driver-card{border-color:var(--vp104-border)}
.panel,.glass,.settings-section-card,.driver-card{background:var(--vp104-surface)}

.panel,.card,.settings-section-card,.driver-card,.vp-kpi-card,.vp-panel,.vp92-card,.vp90-card{content-visibility:auto;contain-intrinsic-size:240px}
.topbar,.sidebar,.mobile-dock,.public-nav,.settings-nav,.driver-top{content-visibility:visible;contain-intrinsic-size:auto}

button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--vp104-focus)}

img,video{max-width:100%;height:auto}
img[loading="lazy"]{content-visibility:auto;contain-intrinsic-size:320px 180px}
.brand-logo,.driver-brand img,.public-nav .brand-logo{image-rendering:auto;backface-visibility:hidden}

.vp-table-wrap,.table-wrap,.responsive-table{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:18px}
.vp-table-wrap table,.table-wrap table,.responsive-table table{min-width:760px}
.table-sticky-header .vp-table-wrap thead th,.table-sticky-header .table-wrap thead th{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--panel, #111a2e) 94%,transparent);backdrop-filter:blur(16px)}

.vp-route-map,.leaflet-container{background:#eaf2fb!important;color:#172033!important}
.leaflet-tile{filter:var(--vp104-map-filter)}
.leaflet-control-container .leaflet-control{border-radius:14px!important;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.16)!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#ffffff!important;color:#132033!important;box-shadow:0 18px 44px rgba(15,23,42,.2)!important}

.settings-console{align-items:start}
.settings-nav{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-gutter:stable}
.settings-tab{min-height:52px}
.settings-section-fields{align-items:stretch}
.settings-save-bar{z-index:12;box-shadow:0 -14px 36px rgba(2,8,23,.18)}

.command-palette{backdrop-filter:blur(18px)}
.command-results{max-height:min(60vh,520px);overflow:auto;scrollbar-gutter:stable}
.command-results a{min-height:54px}

.vp-notification-center[aria-hidden="true"]{pointer-events:none}
.vp-browser-toast{will-change:transform,opacity}

.driver-top{position:sticky;top:0;z-index:30;backdrop-filter:blur(22px)}
.driver-card,.driver-action-card{transform:translateZ(0)}
.driver-tour-status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

@media (max-width:980px){
  .main,.vp99-main-shell{contain:none}
  .panel,.card,.settings-section-card,.driver-card,.vp-kpi-card,.vp-panel,.vp92-card,.vp90-card{content-visibility:visible;contain-intrinsic-size:auto}
  .settings-console{grid-template-columns:1fr!important}
  .settings-nav{position:relative;top:auto;max-height:none}
  .settings-nav-search{position:sticky;top:0;z-index:2;background:var(--vp104-surface);padding-block:8px}
  .vp-table-wrap table,.table-wrap table,.responsive-table table{min-width:680px}
  .vp-route-map{min-height:480px!important}
}

@media (max-width:640px){
  .vp-table-wrap table,.table-wrap table,.responsive-table table{min-width:600px}
  .panel,.card,.glass,.glass-soft,.settings-section-card,.driver-card{border-radius:18px!important}
  .topbar,.driver-top{border-radius:0 0 18px 18px!important}
  .vp-route-map{min-height:420px!important}
  .leaflet-control-attribution{font-size:10px!important}
}