@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}@media (width<=860px){.login{grid-template-columns:1fr}.login-brand{display:none}}.login-brand{background:var(--navy-800);color:var(--gray-0);padding:var(--space-12) var(--space-14);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:repeating-linear-gradient(0deg, #ffffff08 0 var(--border-w), transparent var(--border-w) var(--space-16)), repeating-linear-gradient(90deg, #ffffff08 0 var(--border-w), transparent var(--border-w) var(--space-16));position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(at 30% 40%,#000 30%,#0000 75%)}.login-brand>*{position:relative}.login-brand__lockup{align-items:center;gap:var(--space-3);display:flex}.login-brand__lockup img{width:var(--space-10);height:auto}.login-brand__lockup .name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1.05}.login-brand__lockup .name .suffix{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);color:var(--orange-400);margin-top:var(--space-0_5);display:block}.login-brand__payoff{max-width:26ch;margin-top:auto}.login-brand__payoff .big{font-family:var(--font-display);font-size:var(--fs-5xl);line-height:1.05;font-weight:var(--fw-bold);text-wrap:balance}.login-brand__payoff .big em{color:var(--orange-400);font-style:normal}.login-brand__payoff .sub{margin-top:var(--space-5);font-size:var(--fs-md);color:var(--navy-100);text-wrap:pretty;max-width:44ch;line-height:1.65}.login-brand__foot{margin-top:var(--space-10);gap:var(--space-5);font-size:var(--fs-xs);color:var(--navy-300);display:flex}.login-brand__foot span{align-items:center;gap:var(--space-1_5);display:inline-flex}.login-form{padding:var(--space-8);background:var(--surface-canvas);place-items:center;display:grid;overflow-y:auto}.login-card{width:100%;max-width:400px}.login-card h1{font-size:var(--fs-2xl);line-height:var(--lh-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}.login-card .lede{margin-top:var(--space-1_5);font-size:var(--fs-base);color:var(--text-secondary)}.login-card .vht-btn--lg{width:100%}.sso-note{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--text-tertiary);text-align:center}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--fs-xs);display:flex}.login-divider:before,.login-divider:after{content:"";height:var(--border-w);background:var(--border-default);flex:1}.login-portal{gap:var(--space-4);opacity:.6;flex-direction:column;display:flex}.login-portal__note{font-size:var(--fs-xs);color:var(--text-tertiary)}.login-help{margin-top:var(--space-8);padding-top:var(--space-4);border-top:var(--border-w) solid var(--border-subtle);font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;gap:var(--space-3);display:flex}.login-mock{margin-top:var(--space-6);padding:var(--space-4);border:var(--border-w) dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);gap:var(--space-3);flex-direction:column;display:flex}.login-mock__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}:root{--navy-50:#edf0f6;--navy-100:#d4dbe9;--navy-200:#aab6d1;--navy-300:#7e90b5;--navy-400:#536798;--navy-500:#273c66;--navy-600:#21335a;--navy-700:#1a2947;--navy-800:#131e36;--navy-900:#0c1424;--navy-950:#060a14;--orange-50:#fdf3e7;--orange-100:#fbe2c6;--orange-200:#f7c892;--orange-300:#f4ae5f;--orange-400:#f19b41;--orange-500:#ee8d30;--orange-600:#d77416;--orange-700:#b05c0f;--orange-800:#86450c;--orange-900:#5c2f09;--orange-950:#331a05;--gray-0:#fff;--gray-25:#fbfcfd;--gray-50:#f5f7fa;--gray-100:#eaedf3;--gray-200:#d7dce6;--gray-300:#b9c1d0;--gray-400:#8f99ac;--gray-500:#6c7689;--gray-600:#525b6d;--gray-700:#3b4254;--gray-800:#262c3d;--gray-900:#171c2b;--gray-950:#0c101b;--success-50:#ecfdf3;--success-100:#d2f9e0;--success-300:#6fe3a3;--success-500:#17a24a;--success-600:#12873c;--success-700:#0e6d30;--warning-50:#fff9e6;--warning-100:#fdefc0;--warning-300:#f5d66e;--warning-500:#c7860b;--warning-600:#a46a05;--warning-700:#815303;--danger-50:#fef2f2;--danger-100:#fde1e1;--danger-300:#f9a8a8;--danger-500:#d92b2b;--danger-600:#b62222;--danger-700:#911b1b;--info-50:#eff7ff;--info-100:#d4eafe;--info-300:#8bc7fb;--info-500:#1379ce;--info-600:#0f62a8;--info-700:#0c4e85;--eco-50:#edf7f0;--eco-100:#d3eddd;--eco-300:#8cd3aa;--eco-500:#35915b;--eco-600:#2b7a4b;--eco-700:#22623c;--steel:#7a93b8;--steel-soft:#dce4ef;--sand:#c9b37e;--sand-soft:#efe7d2;--surface-canvas:var(--gray-50);--surface-base:var(--gray-0);--surface-raised:var(--gray-0);--surface-sunken:var(--gray-50);--surface-overlay:var(--gray-0);--surface-inverse:var(--navy-800);--surface-hover:var(--gray-50);--surface-active:var(--gray-100);--surface-selected:var(--orange-50);--border-w:1px;--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--orange-500);--border-inverse:var(--navy-700);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:var(--gray-0);--text-brand:var(--orange-700);--text-navy:var(--navy-600);--text-link:var(--navy-500);--text-link-hover:var(--orange-600);--text-success:var(--success-700);--text-warning:var(--warning-700);--text-danger:var(--danger-700);--text-info:var(--info-700);--text-eco:var(--eco-700);--status-gepland-bg:var(--gray-100);--status-gepland-fg:var(--gray-700);--status-gepland-dot:var(--gray-400);--status-onderweg-bg:var(--orange-50);--status-onderweg-fg:var(--orange-800);--status-onderweg-dot:var(--orange-500);--status-oplocatie-bg:var(--navy-50);--status-oplocatie-fg:var(--navy-700);--status-oplocatie-dot:var(--navy-500);--status-uitgevoerd-bg:var(--success-50);--status-uitgevoerd-fg:var(--success-700);--status-uitgevoerd-dot:var(--success-500);--status-vertraagd-bg:var(--warning-50);--status-vertraagd-fg:var(--warning-700);--status-vertraagd-dot:var(--warning-500);--status-actie-bg:var(--danger-50);--status-actie-fg:var(--danger-700);--status-actie-dot:var(--danger-500);--status-wacht-bg:var(--sand-soft);--status-wacht-fg:#6e5d33;--status-wacht-dot:var(--sand);--status-geannuleerd-bg:var(--gray-100);--status-geannuleerd-fg:var(--gray-500);--status-geannuleerd-dot:var(--gray-400);--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Barlow Semi Condensed", "IBM Plex Sans", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--fs-2xs:10px;--lh-2xs:14px;--fs-xs:11px;--lh-xs:16px;--fs-sm:12px;--lh-sm:18px;--fs-base:13px;--lh-base:20px;--fs-md:14px;--lh-md:22px;--fs-lg:16px;--lh-lg:24px;--fs-xl:18px;--lh-xl:26px;--fs-2xl:22px;--lh-2xl:30px;--fs-3xl:28px;--lh-3xl:36px;--fs-4xl:36px;--lh-4xl:44px;--fs-5xl:48px;--lh-5xl:56px;--fs-6xl:64px;--lh-6xl:72px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tight:-.02em;--ls-snug:-.01em;--ls-normal:0em;--ls-wide:.02em;--ls-wider:.04em;--ls-widest:.08em;--ls-caps:.12em;--space-0:0;--space-px:1px;--space-0_5:2px;--space-1:4px;--space-1_5:6px;--space-2:8px;--space-2_5:10px;--space-3:12px;--space-3_5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--row-height-compact:28px;--row-height-standard:36px;--row-height-comfort:44px;--row-height:var(--row-height-standard);--control-height-sm:28px;--control-height-md:32px;--control-height-lg:40px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:14px;--radius-full:9999px;--shadow-xs:0 1px 2px #131e360a;--shadow-sm:0 1px 2px #131e360f, 0 1px 3px #131e360a;--shadow-md:0 2px 4px #131e360f, 0 4px 8px #131e360a;--shadow-lg:0 4px 8px #131e360f, 0 12px 24px #131e360f;--shadow-xl:0 8px 16px #131e3614, 0 24px 48px #131e3614;--shadow-focus:0 0 0 3px #ee8d3047;--shadow-focus-danger:0 0 0 3px #d92b2b33;--shadow-inset:inset 0 1px 2px #131e360f;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.32, .64, 1);--dur-instant:80ms;--dur-micro:.12s;--dur-ui:.18s;--dur-enter:.24s;--dur-exit:.16s;--dur-slow:.32s;--sidebar-w:248px;--sidebar-w-collapsed:64px;--topbar-h:56px;--subbar-h:44px;--content-max:1440px;--reading-max:72ch;--bp-xs:480px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:1000;--z-modal:1100;--z-popover:1200;--z-toast:1300;--z-tooltip:1400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--gray-0:#0c101b;--gray-25:#0f1422;--gray-50:#141a2b;--gray-100:#1c2337;--gray-200:#262f47;--gray-300:#333d58;--gray-400:#4d5875;--gray-500:#727d97;--gray-600:#9ba4b9;--gray-700:#c1c7d5;--gray-800:#dee2eb;--gray-900:#eff1f5;--gray-950:#fff;--surface-canvas:#0c101b;--surface-base:#141a2b;--surface-raised:#1c2337;--surface-sunken:#0f1422;--surface-overlay:#1c2337;--surface-inverse:#eff1f5;--surface-hover:#1c2337;--surface-active:#262f47;--surface-selected:#ee8d3024;--border-subtle:#1c2337;--border-default:#262f47;--border-strong:#333d58;--text-primary:#eff1f5;--text-secondary:#9ba4b9;--text-tertiary:#727d97;--text-disabled:#4d5875;--text-brand:var(--orange-300);--text-navy:var(--navy-200);--text-link:var(--orange-300);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000080, 0 1px 3px #0006;--shadow-md:0 2px 4px #00000080, 0 4px 8px #0006;--shadow-lg:0 4px 8px #00000080, 0 12px 24px #0006;--shadow-xl:0 8px 16px #0009, 0 24px 48px #00000080;--shadow-focus:0 0 0 3px #f19b4166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-density=compact]{--row-height:var(--row-height-compact)}[data-density=comfort]{--row-height:var(--row-height-comfort)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-md);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums}body{min-height:100vh}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}::selection{background:var(--orange-100);color:var(--navy-900)}::-webkit-scrollbar{width:var(--space-2_5);height:var(--space-2_5)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:var(--radius-full);border:var(--space-0_5) solid var(--surface-canvas)}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.t-display-1{font-family:var(--font-display);font-size:var(--fs-6xl);line-height:var(--lh-6xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug)}.t-display-2{font-family:var(--font-display);font-size:var(--fs-5xl);line-height:var(--lh-5xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug)}.t-display-3{font-family:var(--font-display);font-size:var(--fs-4xl);line-height:var(--lh-4xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-normal)}.t-h1{font-size:var(--fs-3xl);line-height:var(--lh-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}.t-h2{font-size:var(--fs-2xl);line-height:var(--lh-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}.t-h3{font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:var(--fw-semibold)}.t-h4{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:var(--fw-semibold)}.t-body{font-size:var(--fs-md);line-height:var(--lh-md)}.t-body-sm{font-size:var(--fs-sm);line-height:var(--lh-sm)}.t-caption{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-secondary)}.t-mono{font-family:var(--font-mono)}.t-eyebrow{font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-tertiary)}.t-muted{color:var(--text-secondary)}.t-tertiary{color:var(--text-tertiary)}.t-num{font-variant-numeric:tabular-nums}.vht-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;min-height:100vh;transition:grid-template-columns var(--dur-ui) var(--ease-standard);grid-template-areas:"sidebar topbar""sidebar main";display:grid}.vht-shell.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.vht-sidebar{background:var(--surface-base);border-right:var(--border-w) solid var(--border-default);flex-direction:column;grid-area:sidebar;height:100vh;display:flex;position:sticky;top:0;overflow:visible}.vht-sidebar__brand{align-items:center;gap:var(--space-2_5);padding:var(--space-3_5) var(--space-4);height:var(--topbar-h);border-bottom:var(--border-w) solid var(--border-subtle);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;transition:background var(--dur-micro) var(--ease-standard);background:0 0;display:flex;position:relative}.vht-sidebar__brand:hover{background:var(--surface-hover)}.vht-sidebar__brand:focus-visible{box-shadow:var(--shadow-focus);outline:none}.vht-sidebar__brand img{width:var(--space-7);flex-shrink:0;height:auto}.vht-sidebar__brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.vht-sidebar__brand-text .name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--navy-700);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vht-sidebar__brand-text .sub{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);color:var(--orange-600);text-transform:uppercase;margin-top:var(--space-0_5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vht-sidebar__brand-chev{width:var(--space-3_5);height:var(--space-3_5);color:var(--text-tertiary);opacity:0;transition:opacity var(--dur-micro) var(--ease-standard);flex-shrink:0;margin-left:auto}.vht-sidebar__brand:hover .vht-sidebar__brand-chev,.vht-sidebar__brand:focus-visible .vht-sidebar__brand-chev{opacity:.6}.vht-sidebar__brand-env{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--orange-700);background:var(--orange-50);padding:var(--space-0_5) var(--space-1_5);border-radius:var(--radius-xs);flex-shrink:0;margin-left:auto}.vht-sidebar__brand-env+.vht-sidebar__brand-chev{margin-left:var(--space-1_5)}.vht-sidebar__nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.vht-sidebar__group{margin-bottom:var(--space-4)}.vht-sidebar__label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-1_5) var(--space-2_5) var(--space-1)}.vht-nav-item{align-items:center;gap:var(--space-2_5);padding:var(--space-1_5) var(--space-2_5);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-secondary);font-weight:var(--fw-medium);transition:background var(--dur-micro) var(--ease-standard), color var(--dur-micro) var(--ease-standard);display:flex;position:relative}.vht-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.vht-nav-item.is-active{background:var(--surface-selected);color:var(--navy-700);font-weight:var(--fw-semibold)}.vht-nav-item.is-active:before{content:"";left:calc(-1 * var(--space-2));top:var(--space-1_5);bottom:var(--space-1_5);width:var(--space-0_5);border-radius:var(--radius-xs);background:var(--orange-500);position:absolute}.vht-nav-item svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}.vht-nav-item .badge{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);padding:var(--space-px) var(--space-1_5);border-radius:var(--radius-full);background:var(--navy-50);color:var(--navy-700);margin-left:auto}.vht-sidebar__footer{padding:var(--space-2);border-top:var(--border-w) solid var(--border-subtle);position:relative}.vht-avatar{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-full);background:var(--navy-500);color:var(--gray-0);font-size:var(--fs-sm);font-weight:var(--fw-semibold);flex-shrink:0;place-items:center;display:grid}.vht-sidebar__user{align-items:center;gap:var(--space-2_5);width:100%;padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-standard);background:0 0;border:none;display:flex}.vht-sidebar__user:hover,.vht-sidebar__user.is-open{background:var(--surface-hover)}.vht-sidebar__user:focus-visible{box-shadow:var(--shadow-focus);outline:none}.vht-sidebar__user-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.vht-sidebar__user-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vht-sidebar__user-sub{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--space-px);overflow:hidden}.vht-sidebar__user-chev{width:var(--space-3_5);height:var(--space-3_5);color:var(--text-tertiary);transition:transform var(--dur-micro) var(--ease-standard);flex-shrink:0}.vht-sidebar__user.is-open .vht-sidebar__user-chev{transform:rotate(180deg)}.vht-sidebar__menu{left:var(--space-2);right:var(--space-2);margin-bottom:var(--space-1_5);position:absolute;bottom:100%}.vht-topbar{background:var(--surface-base);border-bottom:var(--border-w) solid var(--border-default);padding:0 var(--space-5);align-items:center;gap:var(--space-4);z-index:var(--z-sticky);grid-area:topbar;display:flex;position:sticky;top:0}.vht-topbar__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.vht-topbar__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.vht-topbar__breadcrumb .sep{color:var(--gray-300)}.vht-topbar__spacer{flex:1}.vht-topbar__actions{align-items:center;gap:var(--space-1_5);display:flex}.vht-main{grid-area:main;overflow:auto}.vht-page{padding:var(--space-6) var(--space-8) var(--space-20);max-width:var(--content-max);margin:0 auto}.vht-btn{justify-content:center;align-items:center;gap:var(--space-1_5);height:var(--control-height-md);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:var(--ls-normal);border:var(--border-w) solid transparent;transition:background var(--dur-micro) var(--ease-standard), border-color var(--dur-micro) var(--ease-standard), color var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.vht-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.vht-btn svg{width:var(--space-3_5);height:var(--space-3_5)}.vht-btn--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--fs-sm)}.vht-btn--lg{height:var(--control-height-lg);padding:0 var(--space-4);font-size:var(--fs-md)}.vht-btn--icon{width:var(--control-height-md);padding:0}.vht-btn--icon.vht-btn--sm{width:var(--control-height-sm)}.vht-btn--primary{background:var(--navy-600);color:var(--gray-0);border-color:var(--navy-600)}.vht-btn--primary:hover{background:var(--navy-700);border-color:var(--navy-700)}.vht-btn--primary:active{background:var(--navy-800)}.vht-btn--accent{background:var(--orange-600);color:var(--gray-0);border-color:var(--orange-600)}.vht-btn--accent:hover{background:var(--orange-700);border-color:var(--orange-700)}.vht-btn--secondary{background:var(--surface-base);border-color:var(--border-default);color:var(--text-primary)}.vht-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.vht-btn--ghost{color:var(--text-secondary);background:0 0}.vht-btn--ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.vht-btn--danger{background:var(--danger-500);color:var(--gray-0);border-color:var(--danger-500)}.vht-btn--danger:hover{background:var(--danger-600);border-color:var(--danger-600)}.vht-btn--link{color:var(--text-link);background:0 0;height:auto;padding:0}.vht-btn--link:hover{color:var(--text-link-hover);text-decoration:underline}.vht-btn[disabled],.vht-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.vht-kbd{min-width:var(--space-4);padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--gray-100);border:var(--border-w) solid var(--gray-200);border-bottom-width:var(--space-0_5);font-family:var(--font-mono);font-size:var(--fs-2xs);line-height:var(--lh-2xs);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.vht-input,.vht-select,.vht-textarea{width:100%;height:var(--control-height-md);padding:0 var(--space-2_5);border-radius:var(--radius-sm);border:var(--border-w) solid var(--border-default);background:var(--surface-base);font-size:var(--fs-md);color:var(--text-primary);transition:border-color var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard);display:block}.vht-textarea{height:auto;padding:var(--space-2) var(--space-2_5);min-height:var(--space-20)}.vht-input::placeholder,.vht-textarea::placeholder{color:var(--text-tertiary)}.vht-input:hover,.vht-select:hover,.vht-textarea:hover{border-color:var(--border-strong)}.vht-input:focus,.vht-select:focus,.vht-textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.vht-input[aria-invalid=true]{border-color:var(--danger-500);box-shadow:var(--shadow-focus-danger)}.vht-field{gap:var(--space-1_5);flex-direction:column;display:flex}.vht-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.vht-field__help{font-size:var(--fs-xs);color:var(--text-tertiary)}.vht-field__error{font-size:var(--fs-xs);color:var(--text-danger)}.vht-input-group{border:var(--border-w) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-base);height:var(--control-height-md);transition:border-color var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard);align-items:center;display:flex}.vht-input-group:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.vht-input-group__icon{padding:0 var(--space-2) 0 var(--space-2_5);color:var(--text-tertiary);place-items:center;display:grid}.vht-input-group__icon svg{width:var(--space-3_5);height:var(--space-3_5)}.vht-input-group input{height:100%;padding:0 var(--space-2) 0 0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1}.vht-input-group__kbd{padding-right:var(--space-2)}.vht-card{background:var(--surface-base);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md)}.vht-card__header{padding:var(--space-3_5) var(--space-4);border-bottom:var(--border-w) solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.vht-card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.vht-card__subtitle{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--space-0_5)}.vht-card__body{padding:var(--space-4)}.vht-card__footer{padding:var(--space-3) var(--space-4);border-top:var(--border-w) solid var(--border-subtle);justify-content:flex-end;gap:var(--space-2);display:flex}.vht-status{align-items:center;gap:var(--space-1_5);padding:var(--space-0_5) var(--space-2) var(--space-0_5) var(--space-1_5);border-radius:var(--radius-full);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);white-space:nowrap;display:inline-flex}.vht-status__dot{width:var(--space-1_5);height:var(--space-1_5);border-radius:var(--radius-full);flex-shrink:0}.vht-status--gepland{background:var(--status-gepland-bg);color:var(--status-gepland-fg)}.vht-status--gepland .vht-status__dot{background:var(--status-gepland-dot)}.vht-status--onderweg{background:var(--status-onderweg-bg);color:var(--status-onderweg-fg)}.vht-status--onderweg .vht-status__dot{background:var(--status-onderweg-dot);animation:vht-pulse 1.6s var(--ease-standard) infinite}.vht-status--oplocatie{background:var(--status-oplocatie-bg);color:var(--status-oplocatie-fg)}.vht-status--oplocatie .vht-status__dot{background:var(--status-oplocatie-dot)}.vht-status--uitgevoerd{background:var(--status-uitgevoerd-bg);color:var(--status-uitgevoerd-fg)}.vht-status--uitgevoerd .vht-status__dot{background:var(--status-uitgevoerd-dot)}.vht-status--vertraagd{background:var(--status-vertraagd-bg);color:var(--status-vertraagd-fg)}.vht-status--vertraagd .vht-status__dot{background:var(--status-vertraagd-dot)}.vht-status--actie{background:var(--status-actie-bg);color:var(--status-actie-fg)}.vht-status--actie .vht-status__dot{background:var(--status-actie-dot)}.vht-status--wacht{background:var(--status-wacht-bg);color:var(--status-wacht-fg)}.vht-status--wacht .vht-status__dot{background:var(--status-wacht-dot)}.vht-status--geannuleerd{background:var(--status-geannuleerd-bg);color:var(--status-geannuleerd-fg);text-decoration:line-through}.vht-status--geannuleerd .vht-status__dot{background:var(--status-geannuleerd-dot)}@keyframes vht-pulse{0%,to{opacity:1;box-shadow:0 0}50%{box-shadow:0 0 0 var(--space-1) transparent;opacity:.6}}.vht-chip{align-items:center;gap:var(--space-1_5);height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium);border:var(--border-w) solid var(--border-subtle);display:inline-flex}.vht-chip--solid{background:var(--gray-900);color:var(--gray-0);border-color:#0000}.vht-chip--brand{background:var(--orange-50);color:var(--orange-800);border-color:#0000}.vht-chip--navy{background:var(--navy-50);color:var(--navy-700);border-color:#0000}.vht-chip--eco{background:var(--eco-100);color:var(--eco-700);border-color:#0000}.vht-table-wrap{border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);overflow:hidden}.vht-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.vht-table thead th{z-index:var(--z-raised);background:var(--gray-25);color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;text-align:left;padding:var(--space-2) var(--space-3);border-bottom:var(--border-w) solid var(--border-default);white-space:nowrap;position:sticky;top:0}.vht-table tbody td{height:var(--row-height);padding:0 var(--space-3);border-bottom:var(--border-w) solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;white-space:nowrap}.vht-table tbody tr:hover td{background:var(--surface-hover)}.vht-table tbody tr.is-selected td{background:var(--surface-selected)}.vht-table tbody tr:last-child td{border-bottom:none}.vht-table td.num,.vht-table th.num{text-align:right}.vht-table td.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.vht-table__cell-stack{flex-direction:column;line-height:1.3;display:flex}.vht-table__cell-stack .primary{color:var(--text-primary);font-weight:var(--fw-medium)}.vht-table__cell-stack .secondary{color:var(--text-tertiary);font-size:var(--fs-xs)}.vht-tabs{gap:var(--space-1);border-bottom:var(--border-w) solid var(--border-default);display:flex}.vht-tab{align-items:center;gap:var(--space-1_5);padding:var(--space-2_5) var(--space-3);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-secondary);border-bottom:var(--space-0_5) solid transparent;margin-bottom:calc(-1 * var(--border-w));cursor:pointer;display:inline-flex}.vht-tab:hover{color:var(--text-primary)}.vht-tab.is-active{color:var(--text-primary);border-bottom-color:var(--orange-500);font-weight:var(--fw-semibold)}.vht-tab .count{min-width:var(--space-4);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-secondary);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-semibold);justify-content:center;align-items:center;display:inline-flex}.vht-tab.is-active .count{background:var(--orange-100);color:var(--orange-800)}.vht-alert{gap:var(--space-2_5);padding:var(--space-2_5) var(--space-3);border-radius:var(--radius-md);border:var(--border-w) solid;font-size:var(--fs-sm);align-items:flex-start;display:flex}.vht-alert svg{width:var(--space-4);height:var(--space-4);margin-top:var(--space-px);flex-shrink:0}.vht-alert--info{background:var(--info-50);border-color:var(--info-300);color:var(--info-700)}.vht-alert--success{background:var(--success-50);border-color:var(--success-300);color:var(--success-700)}.vht-alert--warning{background:var(--warning-50);border-color:var(--warning-300);color:var(--warning-700)}.vht-alert--danger{background:var(--danger-50);border-color:var(--danger-300);color:var(--danger-700)}.vht-hstack{align-items:center;gap:var(--space-2);display:flex}.vht-vstack{gap:var(--space-2);flex-direction:column;display:flex}.vht-stack-tight{gap:var(--space-1)}.vht-stack-loose{gap:var(--space-4)}.vht-spacer{flex:1}.vht-divider{height:var(--border-w);background:var(--border-default);width:100%}.vht-divider--vertical{width:var(--border-w);height:var(--space-4);background:var(--border-default)}.vht-grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.vht-grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.vht-grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.vht-section{margin-bottom:var(--space-10)}.vht-section__header{margin-bottom:var(--space-4)}.vht-section__header .eyebrow{color:var(--orange-700);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);font-size:var(--fs-xs);text-transform:uppercase}.vht-section__header h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);margin-top:var(--space-1)}.vht-section__header p{color:var(--text-secondary);margin-top:var(--space-1_5);max-width:var(--reading-max)}.vht-popover{background:var(--surface-overlay);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:var(--z-popover);min-width:var(--space-24)}.vht-menu{gap:var(--space-px);flex-direction:column;display:flex}.vht-menu__header{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary)}.vht-menu__item{align-items:center;gap:var(--space-2_5);width:100%;padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-standard), color var(--dur-micro) var(--ease-standard);background:0 0;border:none;display:flex}.vht-menu__item:hover,.vht-menu__item:focus-visible{background:var(--surface-hover);outline:none}.vht-menu__item svg{width:var(--space-3_5);height:var(--space-3_5);color:var(--text-tertiary);flex-shrink:0}.vht-menu__item .vht-menu__hint{gap:var(--space-1);margin-left:auto;display:flex}.vht-menu__divider{height:var(--border-w);background:var(--border-subtle);margin:var(--space-1) 0}.vht-menu__item--danger,.vht-menu__item--danger svg{color:var(--text-danger)}.vht-menu__item--danger:hover{background:var(--danger-50)}.is-collapsed .vht-sidebar__brand{padding:var(--space-3_5) 0;justify-content:center}.is-collapsed .vht-sidebar__brand-text,.is-collapsed .vht-sidebar__brand-env,.is-collapsed .vht-sidebar__brand-chev,.is-collapsed .vht-sidebar__label,.is-collapsed .vht-sidebar__user-meta,.is-collapsed .vht-sidebar__user-chev,.is-collapsed .vht-nav-item>span{display:none}.is-collapsed .vht-sidebar__nav{padding:var(--space-3) 0}.is-collapsed .vht-sidebar__group{margin-bottom:var(--space-2);padding-top:var(--space-3);border-top:var(--border-w) solid var(--border-subtle)}.is-collapsed .vht-sidebar__group:first-child{border-top:none;padding-top:0}.is-collapsed .vht-nav-item{padding:var(--space-2) 0;margin:var(--space-px) var(--space-2);justify-content:center;position:relative}.is-collapsed .vht-nav-item.is-active:before{left:calc(-1 * var(--space-2))}.is-collapsed .vht-nav-item:after{content:attr(data-label);transform:translate(var(--space-2), -50%);margin-left:var(--space-1_5);padding:var(--space-1) var(--space-2);background:var(--surface-inverse);color:var(--gray-0);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-standard) var(--dur-ui), transform var(--dur-micro) var(--ease-standard) var(--dur-ui);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);position:absolute;top:50%;left:100%}.is-collapsed .vht-nav-item:hover:after{opacity:1;transform:translateY(-50%)}.is-collapsed .vht-sidebar__footer{padding:var(--space-2)}.is-collapsed .vht-sidebar__user{padding:var(--space-1) 0;justify-content:center}.is-collapsed .vht-sidebar__menu{left:calc(100% + var(--space-1_5));right:auto;bottom:var(--space-2);min-width:calc(var(--space-24) + var(--space-24));margin-bottom:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{background:var(--surface-canvas);min-height:100vh}.ds-bar{height:var(--control-height-md);background:var(--surface-base);border-bottom:var(--border-w) solid var(--border-subtle);padding:0 var(--space-4);font-size:var(--fs-xs);color:var(--text-secondary);flex-shrink:0;align-items:center;display:flex}.ds-bar a{color:var(--text-secondary)}.ds-bar a:hover{color:var(--text-primary)}.ds-bar .label{font-family:var(--font-mono);letter-spacing:var(--ls-wider)}.ds-bar .spacer{flex:1}.ds-bar .pill{font-family:var(--font-mono);font-size:var(--fs-2xs);padding:var(--space-0_5) var(--space-2);background:var(--gray-100);border-radius:var(--radius-full);letter-spacing:var(--ls-wider)}.app{grid-template-columns:calc(var(--sidebar-w) - var(--space-4)) 1fr;grid-template-rows:calc(var(--topbar-h) - var(--space-1)) 1fr;height:calc(100vh - var(--control-height-md));grid-template-areas:"side top""side main";display:grid}.app-side{background:var(--navy-800);color:var(--gray-200);flex-direction:column;grid-area:side;display:flex;overflow:hidden}.app-side__brand{align-items:center;gap:var(--space-2_5);padding:var(--space-3) var(--space-4);height:calc(var(--topbar-h) - var(--space-1));border-bottom:var(--border-w) solid var(--navy-700);flex-shrink:0;display:flex}.app-side__brand img{width:var(--space-6);height:auto}.app-side__brand .name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--gray-0);letter-spacing:var(--ls-wide);text-transform:uppercase}.app-side__brand .env{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--orange-300);padding:var(--space-0_5) var(--space-1_5);border-radius:var(--radius-xs);background:#ee8d3024;margin-left:auto}.app-side__branch{margin:var(--space-3);padding:var(--space-2_5) var(--space-3);border:var(--border-w) solid var(--navy-700);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2_5);cursor:pointer;background:#ffffff0a;flex-shrink:0;display:flex}.app-side__branch:hover{background:#ffffff0f}.app-side__branch .b-flag{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);background:var(--orange-600);color:var(--gray-0);font-size:var(--fs-2xs);font-weight:var(--fw-bold);place-items:center;display:grid}.app-side__branch .meta{flex:1;min-width:0}.app-side__branch .b-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--gray-0)}.app-side__branch .b-sub{font-size:var(--fs-2xs);color:var(--gray-400);margin-top:var(--space-px)}.app-side__branch .b-arrow{color:var(--gray-400)}.app-side__nav{padding:var(--space-1) var(--space-2) var(--space-4);flex:1;overflow-y:auto}.app-side__group{margin-bottom:var(--space-4)}.app-side__label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--gray-500);padding:var(--space-2) var(--space-2_5) var(--space-1)}.app-nav-item{align-items:center;gap:var(--space-2_5);padding:var(--space-1_5) var(--space-2_5);border-radius:var(--radius-sm);font-size:var(--fs-base);color:var(--gray-300);font-weight:var(--fw-medium);cursor:pointer;display:flex;position:relative}.app-nav-item:hover{color:var(--gray-0);background:#ffffff0d}.app-nav-item.is-active{color:var(--gray-0);font-weight:var(--fw-semibold);background:#ee8d3024}.app-nav-item.is-active:before{content:"";left:calc(-1 * var(--space-2));top:var(--space-1_5);bottom:var(--space-1_5);width:var(--space-0_5);background:var(--orange-400);border-radius:0 var(--radius-xs) var(--radius-xs) 0;position:absolute}.app-nav-item svg{width:var(--space-3_5);height:var(--space-3_5);flex-shrink:0}.app-nav-item .badge{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);padding:var(--space-px) var(--space-1_5);border-radius:var(--radius-full);color:var(--orange-300);background:#ee8d302e;margin-left:auto}.app-nav-item .badge.danger{color:var(--danger-300);background:#d92b2b38}.app-side__foot{padding:var(--space-2);border-top:var(--border-w) solid var(--navy-700);flex-shrink:0;position:relative}.app-side__user{align-items:center;gap:var(--space-2_5);width:100%;padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-standard);background:0 0;border:none;display:flex}.app-side__user:hover,.app-side__user.is-open{background:#ffffff0f}.app-side__user:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-side__user .av{width:var(--space-7);height:var(--space-7);background:var(--orange-600);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--gray-0);flex-shrink:0;place-items:center;display:grid}.app-side__user .who{flex:1;min-width:0}.app-side__user .who .n{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--gray-0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-side__user .who .r{font-size:var(--fs-2xs);color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-side__user .chev{color:var(--gray-400);transition:transform var(--dur-micro) var(--ease-standard);flex-shrink:0}.app-side__user.is-open .chev{transform:rotate(180deg)}.app-side__menu{left:var(--space-2);right:var(--space-2);margin-bottom:var(--space-1_5);position:absolute;bottom:100%}.app-top{background:var(--surface-base);border-bottom:var(--border-w) solid var(--border-default);padding:0 var(--space-5);align-items:center;gap:var(--space-4);grid-area:top;display:flex}.app-top__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.app-top__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.app-top__breadcrumb .sep{color:var(--gray-300)}.app-top__breadcrumb .cur{color:var(--text-primary);font-weight:var(--fw-medium)}.app-top__spacer{flex:1}.app-top__actions{align-items:center;gap:var(--space-1_5);display:flex}.app-main{background:var(--surface-canvas);grid-area:main;overflow:auto}.app-page{padding:var(--space-5) var(--space-6) var(--space-20);max-width:var(--content-max);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-w) solid var(--border-subtle);display:flex}.page-header__title{align-items:baseline;gap:var(--space-3);display:flex}.page-header__title h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--ls-snug)}.page-header__title .meta{font-size:var(--fs-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.page-header__sub{margin-top:var(--space-1);font-size:var(--fs-base);color:var(--text-secondary)}.page-header__actions{gap:var(--space-2);align-items:center;display:flex}.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.kpi{background:var(--surface-base);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);position:relative}.kpi__label{align-items:center;gap:var(--space-1_5);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold);display:flex}.kpi__label .ico{width:var(--space-5);height:var(--space-5);background:var(--gray-50);border-radius:var(--radius-sm);color:var(--text-secondary);place-items:center;display:grid}.kpi__value{margin-top:var(--space-2_5);align-items:baseline;gap:var(--space-2_5);display:flex}.kpi__value .num{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-3xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-normal);color:var(--navy-700)}.kpi__value .unit{font-size:var(--fs-md);color:var(--text-tertiary)}.kpi__trend{align-items:center;gap:var(--space-0_5);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:var(--space-px) var(--space-1_5);border-radius:var(--radius-full);display:inline-flex}.kpi__trend.up{background:var(--success-50);color:var(--success-700)}.kpi__trend.down{background:var(--danger-50);color:var(--danger-700)}.kpi__trend.flat{background:var(--gray-100);color:var(--text-secondary)}.kpi__trend.eco{background:var(--eco-100);color:var(--eco-700)}.kpi__sub{margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--text-tertiary)}.panel{background:var(--surface-base);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.panel__head{padding:var(--space-3) var(--space-4);border-bottom:var(--border-w) solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.panel__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.panel__title .meta{color:var(--text-tertiary);font-weight:var(--fw-medium);margin-left:var(--space-1_5);font-size:var(--fs-xs)}.panel__head .actions{gap:var(--space-1);display:flex}.panel__body{padding:var(--space-4)}.panel__body.flush{padding:0}.panel__foot{padding:var(--space-2_5) var(--space-4);border-top:var(--border-w) solid var(--border-subtle);background:var(--gray-25);font-size:var(--fs-xs);color:var(--text-secondary)}.empty{text-align:center;padding:var(--space-10) var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.empty__icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-tertiary);margin-bottom:var(--space-1);place-items:center;display:grid}.empty h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.empty p{font-size:var(--fs-sm);color:var(--text-secondary);max-width:var(--reading-max)}.empty .vht-btn{margin-top:var(--space-2)}.timeline{flex-direction:column;display:flex}.tl-step{grid-template-columns:var(--space-5) 1fr;gap:var(--space-3);padding-bottom:var(--space-5);display:grid;position:relative}.tl-step:last-child{padding-bottom:0}.tl-step:before{content:"";left:calc(var(--space-2_5) - var(--border-w));top:var(--space-5);width:var(--space-0_5);background:var(--border-default);position:absolute;bottom:0}.tl-step:last-child:before{display:none}.tl-step.future:before{border-left:var(--space-0_5) dashed var(--border-default);background:0 0}.tl-dot{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--navy-500);color:var(--gray-0);z-index:var(--z-raised);flex-shrink:0;place-items:center;display:grid;position:relative}.tl-dot svg{width:var(--space-2_5);height:var(--space-2_5)}.tl-step.current .tl-dot{background:var(--surface-base);border:var(--space-0_5) solid var(--orange-500);color:var(--orange-600);animation:vht-pulse 1.6s var(--ease-standard) infinite}.tl-step.future .tl-dot{background:var(--surface-base);border:var(--border-w) dashed var(--border-strong);color:var(--text-tertiary)}.tl-body{min-width:0;padding-top:var(--space-px)}.tl-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.tl-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary);margin-top:var(--space-0_5)}.tl-step.future .tl-title{color:var(--text-tertiary);font-weight:var(--fw-medium)}.tl-meta{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-0_5)}.tl-ref{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-link)}.tl-ref:hover{text-decoration:underline}.vstack-6{gap:var(--space-6);flex-direction:column;display:flex}.dash-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.dash-tile{gap:var(--space-2);padding:var(--space-4);background:var(--surface-base);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex}.dash-tile__icon{width:var(--space-9);height:var(--space-9);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-navy);justify-content:center;align-items:center;display:inline-flex}.dash-tile__title{font-weight:var(--fw-semibold);color:var(--text-primary)}.dash-tile__sub{font-size:var(--fs-sm);color:var(--text-secondary);text-wrap:pretty}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.toolbar__spacer{flex:1}.state-msg{padding:var(--space-8);text-align:center;color:var(--text-secondary);font-size:var(--fs-sm)}