:root{color-scheme:light;--ink:#10234e;--navy:#061f60;--muted:#505f73;--edge:#dedfdc;--ivory:#f7f6f1;--white:#fff;--sand:#f5e6cf;--green:#216752;--focus:#936a2b;font:15px Hellix,system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{opacity:.65;cursor:wait}
svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skip{position:absolute;top:8px;left:8px;z-index:5;transform:translateY(-150%);background:white;padding:8px}
.skip:focus{transform:none}
.vf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#app:has(.vf-side){display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100svh}
.vf-side{position:sticky;top:0;height:100svh;overflow:auto;background:#fdfcf9;border-inline-end:1px solid var(--edge);padding:20px 12px;scrollbar-width:thin}
.vf-brand{display:flex;gap:11px;align-items:center;padding:5px 8px 20px;font-size:22px;letter-spacing:-.035em}
.vf-brand>span,.vf-account{display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--navy);width:40px;height:40px;flex:none}
.vf-brand>span svg{width:25px;height:25px}
.vf-brand small{display:block;letter-spacing:.18em;font-size:.55rem;color:var(--muted);margin-top:3px}
.vf-navgroup{margin-bottom:16px}
.vf-navgroup>div{font-size:.67rem;text-transform:uppercase;letter-spacing:.095em;color:var(--muted);font-weight:750;padding:3px 10px 6px}
.vf-navgroup a,.vf-back{display:flex;gap:10px;align-items:center;min-height:34px;border-radius:9px;padding:6px 10px;color:#35435b;font-size:.87rem}
.vf-navgroup a[aria-current],.vf-navgroup a:hover{background:#edf0f8;color:var(--navy)}
.vf-navgroup a[aria-current]{font-weight:750}
.vf-navgroup svg{width:16px;height:16px}
.vf-back{border-top:1px solid var(--edge);border-radius:0;font-weight:700}
.vf-work{min-width:0}
.vf-top{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px clamp(14px,2.7vw,37px);min-height:64px;border-bottom:1px solid var(--edge);background:#faf9f6}
@supports(backdrop-filter:blur(1px)){.vf-top{background:rgb(250 249 246 / .85);backdrop-filter:blur(16px)}}
@media(prefers-reduced-transparency:reduce){.vf-top{background:#faf9f6;backdrop-filter:none}}
.vf-top form{display:flex;align-items:center;gap:8px;width:min(440px,100%);min-width:0;border:1px solid var(--edge);background:#fff;border-radius:9px;padding:7px 10px;color:var(--muted)}
.vf-top form input{border:0;background:none;width:100%;min-width:0;font-size:.86rem}
.vf-top-end,.vf-language,.vf-actions,.vf-journeys{display:flex;gap:8px;align-items:center}
.vf-language{gap:2px;padding:3px;border-radius:8px;background:#edece7}
.vf-language a{font-size:.72rem;font-weight:760;padding:6px;border-radius:6px}
.vf-language a[aria-current]{background:white;color:var(--navy)}
.vf-account{width:32px;height:32px;border-radius:50%;font-size:.72rem;font-weight:800}
.vf-navtoggle{display:none;background:white;border:1px solid var(--edge);border-radius:8px;padding:6px}
.vf-primary,.vf-button,.vf-small,.vf-journeys button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--edge);border-radius:9px;min-height:38px;padding:6px 12px;background:#fff;font-weight:720;font-size:.83rem;white-space:normal;text-align:center;line-height:1.28}
.vf-primary{color:#fff;background:var(--navy);border-color:var(--navy)}
.vf-button:hover,.vf-small:hover{background:#edf0f8}
.vf-primary:hover{background:#173779}
.vf-small{min-height:31px;padding:4px 8px;font-size:.76rem}
.vf-page{width:min(1540px,100%);margin:auto;padding:22px clamp(14px,2.7vw,37px) 48px}
.vf-journeys{width:fit-content;padding:4px;background:#eeede7;border:1px solid #e3e1da;border-radius:11px;flex-wrap:wrap;gap:3px}
.vf-journeys button{border-color:transparent;background:transparent;min-height:32px}
.vf-journeys button[aria-pressed=true]{color:var(--navy);background:#fff;border-color:#dddeda}
.vf-demo{color:#614923;background:#f9efdf;border:1px solid #e5d7bc;border-radius:8px;padding:7px 11px;margin:12px 0 0;font-size:.75rem;font-weight:650}
.vf-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0 20px}
.vf-heading h1{margin:3px 0 5px;font-size:clamp(1.7rem,3.3vw,2.75rem);line-height:1.12;letter-spacing:-.045em;color:var(--navy);overflow-wrap:anywhere}
.vf-heading h1:focus{outline:none}
.vf-heading p{margin:0;color:var(--muted);line-height:1.45}
.vf-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--navy)!important}
.vf-kicker span{color:var(--focus);margin:0 3px}
.vf-actions{flex-wrap:wrap}
.vf-actions select{border:1px solid var(--edge);border-radius:9px;min-height:38px;padding:4px 8px;background:#fff;font-size:.83rem}
.vf-alerts,.vf-metrics,.vf-grid{display:grid;gap:12px}
.vf-alerts,.vf-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.vf-alert{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--edge);border-radius:12px;padding:11px;min-width:0}
.vf-alert>span,.vf-metric-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:#745023;background:var(--sand);flex:none}
.vf-alert>div{flex:1;min-width:0}
.vf-alert strong,.vf-alert small{display:block;overflow-wrap:anywhere}
.vf-alert small,.vf-caption{color:var(--muted);font-size:.75rem}
.vf-alert>svg{width:15px}
.vf-metrics{grid-template-columns:repeat(auto-fit,minmax(min(142px,100%),1fr));margin:12px 0}
.vf-metric,.vf-card{background:white;border:1px solid var(--edge);border-radius:13px;min-width:0}
.vf-metric{padding:13px}
.vf-metric-icon.blue{background:#e8edf9;color:var(--navy)}
.vf-metric-icon.green{background:#e2f2e9;color:var(--green)}
.vf-metric dt{color:var(--muted);font-size:.8rem;margin-top:10px}
.vf-metric dd{font-size:clamp(1.22rem,2vw,1.72rem);font-weight:810;letter-spacing:-.035em;margin:3px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.vf-grid.feature{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);margin-bottom:12px}
.vf-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid #ebebe8}
.vf-card h2{margin:0;font-size:.96rem;letter-spacing:-.01em}
.vf-chart{height:230px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:clamp(4px,1vw,15px);padding:16px}
.vf-chart-col{display:grid;grid-template-rows:auto 1fr auto;align-items:end;text-align:center;gap:5px;min-width:0}
.vf-chart-col strong{font-size:.74rem;overflow-wrap:anywhere}
.vf-chart-col small{color:var(--muted)}
.vf-chart-track{height:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--edge);background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),#ebedf2 25%)}
.vf-chart-track span{width:min(68%,44px);height:var(--bar);background:#173770;border-radius:6px 6px 0 0}
.vf-next{padding:12px 15px}
.vf-next-art{display:grid;place-items:center;height:80px;margin-bottom:12px;color:#cda46a;background:radial-gradient(ellipse at 65% 10%,#314c80 0,#061f60 75%);border-radius:9px}
.vf-next-art svg{width:35px;height:35px}
.vf-next p{margin:5px 0;color:var(--muted);font-size:.8rem}
.vf-next a{margin-top:8px}
.vf-mix,.vf-activity,.vf-results{list-style:none;margin:0;padding:12px 15px}
.vf-mix li{margin:0 0 9px}
.vf-mix li:last-child{margin:0}
.vf-mix li>div,.vf-results li{display:flex;justify-content:space-between;gap:7px;font-size:.82rem}
.vf-mix small,.vf-activity small,.vf-results small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}
progress{width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#ecedf2;accent-color:#254278}
progress::-webkit-progress-bar{background:#ecedf2;border-radius:999px}
progress::-webkit-progress-value{background:#254278;border-radius:999px}
.vf-activity li{display:flex;gap:9px;margin:0 0 11px;font-size:.82rem}
.vf-dot{margin-top:.32rem;width:8px;height:8px;border-radius:100%;background:#ae8550;flex:none}
.vf-empty{margin:0;padding:16px;color:var(--muted)}
.vf-board{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;overflow:auto;padding:1px 1px 8px}
.vf-board section{background:#eeede8;border:1px solid #e3e2dc;border-radius:11px;padding:9px;min-height:120px}
.vf-board h2{display:flex;justify-content:space-between;gap:4px;align-items:center;margin:2px 0 9px;font-size:.86rem}
.vf-board h2 span,.vf-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:#edf0f7;color:var(--navy);font-size:.72rem;font-weight:750}
.vf-badge[data-value=confirmed],.vf-badge[data-value=completed],.vf-badge[data-value=issued],.vf-badge[data-value=accepted]{background:#e5f2eb;color:#216752}
.vf-badge[data-value=cancelled],.vf-badge[data-value=urgent],.vf-badge[data-value=declined]{background:#fbe9e8;color:#8b2636}
.vf-badge[data-value=reserved],.vf-badge[data-value=priority],.vf-badge[data-value=pending]{background:#f7ead4;color:#694417}
.vf-lead{background:#fff;border:1px solid var(--edge);border-radius:9px;padding:9px;margin-bottom:8px;overflow-wrap:anywhere}
.vf-lead>button:first-child{display:block;text-align:left;border:0;padding:0;margin-bottom:6px;background:none;font-weight:800}
.vf-lead p,.vf-lead small{color:var(--muted);font-size:.76rem}
.vf-lead>.vf-small{margin-top:7px}
.vf-listfilters{display:flex;gap:8px;margin:0 0 10px}
.vf-listfilters select,.vf-fields :is(input,select,textarea),#vf-quote-form select{width:100%;min-height:41px;border:1px solid #abb5c9;border-radius:8px;padding:7px 9px;background:#fff}
.vf-listfilters select{width:min(100%,300px)}
.vf-table{overflow:auto;border:1px solid var(--edge);border-radius:12px;background:white}
.vf-table table{width:100%;border-collapse:collapse;font-size:.85rem}
.vf-table th,.vf-table td{text-align:left;padding:10px 11px;border-bottom:1px solid #e9e9e7;vertical-align:middle;overflow-wrap:anywhere}
.vf-table thead th{background:#eeeff4;color:var(--navy);white-space:nowrap}
.vf-table tr:last-child :is(th,td){border-bottom:0}
.vf-table thead tr:last-child th{border-bottom:1px solid var(--edge)}
.vf-table tbody th{font-weight:740}
.vf-row-actions{min-width:125px}
.vf-row-actions button{margin:1px 3px 1px 0}
.vf-results{border:1px solid var(--edge);border-radius:12px;background:white}
.vf-results li{align-items:center;padding:6px 0;border-bottom:1px solid var(--edge)}
.vf-results li:last-child{border-bottom:0}
dialog{border:1px solid var(--edge);border-radius:17px;width:min(650px,calc(100% - 24px));max-height:calc(100% - 24px);padding:18px;color:var(--ink);background:#fff}
dialog::backdrop{background:#071c4570}
.vf-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:14px}
.vf-dialog-head h2{margin:4px 0;font-size:1.35rem}
.vf-dialog-head p{margin:0}
.vf-dialog-hint,.vf-details p{font-size:.85rem;color:var(--muted)}
.vf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
dialog label{display:grid;gap:4px;font-size:.85rem;font-weight:700;min-width:0}
.vf-span{grid-column:1/-1}
.vf-details p{margin:4px 0}
.vf-feedback{min-height:1em;color:#8b2636}
dialog footer{display:flex;justify-content:end}
.vf-access{margin:9svh auto;padding:24px;max-width:460px;background:white;border:1px solid var(--edge);border-radius:13px}
.vf-access a{margin:2px 6px 2px 0}
@media(max-width:930px){
 #app:has(.vf-side){grid-template-columns:minmax(0,1fr)}
 .vf-side{display:none;position:fixed;z-index:4;top:58px;bottom:0;height:auto;width:min(285px,86vw);box-shadow:0 12px 35px #15245124}
 .vf-nav-open .vf-side{display:block}
 .vf-navtoggle{display:inline-flex}
}
@media(max-width:680px){
 .vf-alerts,.vf-grid.feature,.vf-grid.three{grid-template-columns:minmax(0,1fr)}
 .vf-top-new,.vf-account{display:none}
 .vf-top{gap:6px}
 .vf-chart{height:180px;padding:12px}
 .vf-fields{grid-template-columns:minmax(0,1fr)}
 .vf-table table{min-width:575px}
 .vf-alert,.vf-navgroup a{min-height:42px}
}
@media print{
 .vf-side,.vf-top,.vf-journeys,.vf-demo,.vf-actions,.vf-listfilters,.vf-row-actions,.vf-table th:last-child,.skip{display:none!important}
 #app:has(.vf-side){display:block}
 .vf-page{padding:0}
 .vf-table{overflow:visible}
}
.vf-quote-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.vf-quote-values div{padding:9px;border:1px solid var(--edge);border-radius:8px}
.vf-quote-values dt{color:var(--muted);font-size:.8rem}
.vf-quote-values dd{margin:4px 0 0;font-weight:750}
@media print{
 body:has(.vf-quote-document) #app{display:none}
 dialog:has(.vf-quote-document){position:static;width:100%;max-height:none;border:0;margin:0}
 .vf-quote-document button{display:none}
}
