@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Sora:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-brand{color:var(--gray-0);padding:var(--space-12) var(--space-14);background:radial-gradient(120% 90% at 100% 0%, #30a8e047, transparent 55%), linear-gradient(158deg, var(--indigo-800) 0%, var(--indigo-900) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";right:calc(-1 * var(--space-10));bottom:calc(-1 * var(--space-10));opacity:.06;pointer-events:none;background:url(/mark-white.png) 100% 100%/contain no-repeat;width:420px;height:420px;position:absolute}.login-brand:before{content:"";background:repeating-linear-gradient(0deg, #ffffff06 0 var(--border-w), transparent var(--border-w) var(--space-16)), repeating-linear-gradient(90deg, #ffffff06 0 var(--border-w), transparent var(--border-w) var(--space-16));pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 20% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(at 20% 30%,#000 20%,#0000 70%)}.login-brand>*{z-index:var(--z-raised);position:relative}.login-brand__lockup{align-items:center;gap:var(--space-3);display:flex}.login-brand__lockup img{width:calc(var(--space-24) * 2);height:auto}.login-brand__payoff{max-width:30ch;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(--cyan-400);font-style:normal}.login-brand__payoff .sub{margin-top:var(--space-5);font-size:var(--fs-md);color:var(--indigo-100);text-wrap:pretty;max-width:46ch;line-height:1.65}.login-brand__foot{margin-top:var(--space-10);gap:var(--space-5);font-size:var(--fs-xs);color:var(--indigo-200);flex-wrap:wrap;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 .dtw-btn--lg{width:100%}.login-section{margin-top:var(--space-6)}.login-section__label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-2_5);align-items:center;gap:var(--space-1_5);display:flex}.login-section .dtw-field{margin-bottom:var(--space-2_5)}.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-4) 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}.partner{margin-top:var(--space-5);padding:var(--space-4);border:var(--border-w) dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken)}.partner__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.partner__title{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:var(--space-1_5);display:inline-flex}.partner__body{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--text-tertiary)}.partner .dtw-btn{width:100%;margin-top:var(--space-3)}.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-dev{margin-top:var(--space-4);padding:var(--space-4);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base)}.login-dev__roles{gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;display:flex}.login-dev__role{align-items:center;gap:var(--space-1_5);font-size:var(--fs-sm);display:inline-flex}@media (width<=860px){.login{grid-template-columns:1fr}.login-brand{display:none}}:root{--indigo-50:#edeef6;--indigo-100:#d6d8ec;--indigo-200:#afb3d8;--indigo-300:#838ac0;--indigo-400:#5860a0;--indigo-500:#2a3078;--indigo-600:#242a69;--indigo-700:#1d2255;--indigo-800:#161a42;--indigo-900:#0f122e;--indigo-950:#080a1c;--accent-50:var(--cyan-50);--accent-100:var(--cyan-100);--accent-200:var(--cyan-200);--accent-300:var(--cyan-300);--accent-400:var(--cyan-400);--accent-500:var(--cyan-500);--accent-600:var(--cyan-600);--accent-700:var(--cyan-700);--accent-800:var(--cyan-800);--accent-900:var(--cyan-900);--accent-950:var(--cyan-950);--cyan-50:#e8f5fc;--cyan-100:#c7e8f8;--cyan-200:#95d4f0;--cyan-300:#5fbee7;--cyan-400:#33a3d8;--cyan-500:#1c90c9;--cyan-600:#157aac;--cyan-700:#10648c;--cyan-800:#0d4e6e;--cyan-900:#0a3a52;--cyan-950:#061f2d;--gray-0:#fff;--gray-25:#fbfbfd;--gray-50:#f4f5f9;--gray-100:#e9ebf2;--gray-200:#d6d9e6;--gray-300:#b7bcd0;--gray-400:#8d93ae;--gray-500:#6a7092;--gray-600:#515674;--gray-700:#3a3f57;--gray-800:#262a3c;--gray-900:#171a28;--gray-950:#0c0e18;--success-50:#eaf8f0;--success-100:#cdf0dd;--success-300:#6fd9a4;--success-500:#16a34a;--success-600:#128540;--success-700:#0e6a34;--warning-50:#fbf6e7;--warning-100:#f6e9bf;--warning-300:#e9c766;--warning-500:#c88a04;--warning-600:#a67104;--warning-700:#825803;--danger-50:#fdf1f1;--danger-100:#fadfdf;--danger-300:#f2a3a3;--danger-500:#dc2828;--danger-600:#bb1f1f;--danger-700:#971a1a;--info-50:#eaf3fd;--info-100:#cce2fb;--info-300:#83bcf1;--info-500:#1e6fd1;--info-600:#1659ac;--info-700:#124687;--eco-50:#eaf6ef;--eco-100:#cfebd9;--eco-300:#85cfa6;--eco-500:#2e8b57;--eco-600:#257048;--eco-700:#1d5939;--steel:#7a8caf;--steel-soft:#dce2ee;--sand:#c6a96e;--sand-soft:#efe6d0;--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(--indigo-800);--surface-hover:var(--gray-50);--surface-active:var(--gray-100);--surface-selected:var(--accent-50);--border-w:1px;--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--accent-500);--border-inverse:var(--indigo-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(--accent-700);--text-indigo:var(--indigo-600);--text-link:var(--indigo-500);--text-link-hover:var(--accent-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-proef-bg:var(--info-50);--status-proef-fg:var(--info-700);--status-proef-dot:var(--info-500);--status-inbehandeling-bg:var(--sand-soft);--status-inbehandeling-fg:#6e5d33;--status-inbehandeling-dot:var(--sand);--status-actief-bg:var(--success-50);--status-actief-fg:var(--success-700);--status-actief-dot:var(--success-500);--status-verlenging-bg:var(--warning-50);--status-verlenging-fg:var(--warning-700);--status-verlenging-dot:var(--warning-500);--status-betaling-bg:var(--danger-50);--status-betaling-fg:var(--danger-700);--status-betaling-dot:var(--danger-500);--status-opgezegd-bg:var(--indigo-50);--status-opgezegd-fg:var(--indigo-700);--status-opgezegd-dot:var(--steel);--status-verlopen-bg:var(--gray-100);--status-verlopen-fg:var(--gray-500);--status-verlopen-dot:var(--gray-400);--font-sans:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Sora", "Figtree", -apple-system, sans-serif;--font-mono:"JetBrains 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 #161a420a;--shadow-sm:0 1px 2px #161a420f, 0 1px 3px #161a420a;--shadow-md:0 2px 4px #161a420f, 0 4px 8px #161a420a;--shadow-lg:0 4px 8px #161a420f, 0 12px 24px #161a420f;--shadow-xl:0 8px 16px #161a4214, 0 24px 48px #161a4214;--shadow-focus:0 0 0 3px #1c90c94d;--shadow-focus-danger:0 0 0 3px #dc282833;--shadow-inset:inset 0 1px 2px #161a420f;--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;--env-banner-h:32px;--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:#0b0e1a;--gray-25:#0f1322;--gray-50:#141828;--gray-100:#1c2135;--gray-200:#272d45;--gray-300:#353c58;--gray-400:#4f5776;--gray-500:#737b99;--gray-600:#99a0bb;--gray-700:#c0c5d6;--gray-800:#dde0ea;--gray-900:#eef0f5;--gray-950:#fff;--surface-canvas:#0b0e1a;--surface-base:#141828;--surface-raised:#1c2135;--surface-sunken:#0f1322;--surface-overlay:#1c2135;--surface-inverse:#eef0f5;--surface-hover:#1c2135;--surface-active:#272d45;--surface-selected:#1c90c929;--border-subtle:#1c2135;--border-default:#272d45;--border-strong:#353c58;--text-primary:#eef0f5;--text-secondary:#99a0bb;--text-tertiary:#737b99;--text-disabled:#4f5776;--text-brand:var(--accent-300);--text-indigo:var(--indigo-200);--text-link:var(--accent-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 #33a3d866;--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(--accent-100);color:var(--indigo-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}.dtw-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}.dtw-shell.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.dtw-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}.dtw-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}.dtw-sidebar__brand:hover{background:var(--surface-hover)}.dtw-sidebar__brand:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dtw-sidebar__brand img{width:var(--space-7);flex-shrink:0;height:auto}.dtw-sidebar__brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.dtw-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(--indigo-700);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dtw-sidebar__brand-text .sub{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);color:var(--text-tertiary);text-transform:uppercase;margin-top:var(--space-0_5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dtw-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}.dtw-sidebar__brand:hover .dtw-sidebar__brand-chev,.dtw-sidebar__brand:focus-visible .dtw-sidebar__brand-chev{opacity:.6}.dtw-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(--accent-700);background:var(--accent-50);padding:var(--space-0_5) var(--space-1_5);border-radius:var(--radius-xs);flex-shrink:0;margin-left:auto}.dtw-sidebar__brand-env+.dtw-sidebar__brand-chev{margin-left:var(--space-1_5)}.dtw-sidebar__nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.dtw-sidebar__group{margin-bottom:var(--space-4)}.dtw-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)}.dtw-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}.dtw-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.dtw-nav-item.is-active{background:var(--surface-selected);color:var(--indigo-700);font-weight:var(--fw-semibold)}.dtw-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(--accent-500);position:absolute}.dtw-nav-item svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}.dtw-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(--indigo-50);color:var(--indigo-700);margin-left:auto}.dtw-sidebar__footer{padding:var(--space-2);border-top:var(--border-w) solid var(--border-subtle);position:relative}.dtw-avatar{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-full);background:var(--indigo-500);color:var(--gray-0);font-size:var(--fs-sm);font-weight:var(--fw-semibold);flex-shrink:0;place-items:center;display:grid}.dtw-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}.dtw-sidebar__user:hover,.dtw-sidebar__user.is-open{background:var(--surface-hover)}.dtw-sidebar__user:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dtw-sidebar__user-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.dtw-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}.dtw-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}.dtw-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}.dtw-sidebar__user.is-open .dtw-sidebar__user-chev{transform:rotate(180deg)}.dtw-sidebar__menu{left:var(--space-2);right:var(--space-2);margin-bottom:var(--space-1_5);position:absolute;bottom:100%}.dtw-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}.dtw-topbar__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.dtw-topbar__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.dtw-topbar__breadcrumb .sep{color:var(--gray-300)}.dtw-topbar__spacer{flex:1}.dtw-topbar__actions{align-items:center;gap:var(--space-1_5);display:flex}.dtw-main{grid-area:main;overflow:auto}.dtw-page{padding:var(--space-6) var(--space-8) var(--space-20);max-width:var(--content-max);margin:0 auto}.dtw-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}.dtw-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dtw-btn svg{width:var(--space-3_5);height:var(--space-3_5)}.dtw-btn--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--fs-sm)}.dtw-btn--lg{height:var(--control-height-lg);padding:0 var(--space-4);font-size:var(--fs-md)}.dtw-btn--icon{width:var(--control-height-md);padding:0}.dtw-btn--icon.dtw-btn--sm{width:var(--control-height-sm)}.dtw-btn--primary{background:var(--indigo-600);color:var(--gray-0);border-color:var(--indigo-600)}.dtw-btn--primary:hover{background:var(--indigo-700);border-color:var(--indigo-700)}.dtw-btn--primary:active{background:var(--indigo-800)}.dtw-btn--accent{background:var(--accent-600);color:var(--gray-0);border-color:var(--accent-600)}.dtw-btn--accent:hover{background:var(--accent-700);border-color:var(--accent-700)}.dtw-btn--secondary{background:var(--surface-base);border-color:var(--border-default);color:var(--text-primary)}.dtw-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.dtw-btn--ghost{color:var(--text-secondary);background:0 0}.dtw-btn--ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.dtw-btn--danger{background:var(--danger-500);color:var(--gray-0);border-color:var(--danger-500)}.dtw-btn--danger:hover{background:var(--danger-600);border-color:var(--danger-600)}.dtw-btn--link{color:var(--text-link);background:0 0;height:auto;padding:0}.dtw-btn--link:hover{color:var(--text-link-hover);text-decoration:underline}.dtw-btn[disabled],.dtw-btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dtw-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}.dtw-input,.dtw-select,.dtw-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}.dtw-textarea{height:auto;padding:var(--space-2) var(--space-2_5);min-height:var(--space-20)}.dtw-input::placeholder,.dtw-textarea::placeholder{color:var(--text-tertiary)}.dtw-input:hover,.dtw-select:hover,.dtw-textarea:hover{border-color:var(--border-strong)}.dtw-input:focus,.dtw-select:focus,.dtw-textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.dtw-input[aria-invalid=true]{border-color:var(--danger-500);box-shadow:var(--shadow-focus-danger)}.dtw-field{gap:var(--space-1_5);flex-direction:column;display:flex}.dtw-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.dtw-field__help{font-size:var(--fs-xs);color:var(--text-tertiary)}.dtw-field__error{font-size:var(--fs-xs);color:var(--text-danger)}.dtw-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}.dtw-input-group:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.dtw-input-group__icon{padding:0 var(--space-2) 0 var(--space-2_5);color:var(--text-tertiary);place-items:center;display:grid}.dtw-input-group__icon svg{width:var(--space-3_5);height:var(--space-3_5)}.dtw-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}.dtw-input-group__kbd{padding-right:var(--space-2)}.dtw-card{background:var(--surface-base);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md)}.dtw-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}.dtw-card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.dtw-card__subtitle{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--space-0_5)}.dtw-card__body{padding:var(--space-4)}.dtw-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}.dtw-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}.dtw-status__dot{width:var(--space-1_5);height:var(--space-1_5);border-radius:var(--radius-full);flex-shrink:0}.dtw-status--proef{background:var(--status-proef-bg);color:var(--status-proef-fg)}.dtw-status--proef .dtw-status__dot{background:var(--status-proef-dot)}.dtw-status--inbehandeling{background:var(--status-inbehandeling-bg);color:var(--status-inbehandeling-fg)}.dtw-status--inbehandeling .dtw-status__dot{background:var(--status-inbehandeling-dot);animation:dtw-pulse 1.6s var(--ease-standard) infinite}.dtw-status--actief{background:var(--status-actief-bg);color:var(--status-actief-fg)}.dtw-status--actief .dtw-status__dot{background:var(--status-actief-dot)}.dtw-status--verlenging{background:var(--status-verlenging-bg);color:var(--status-verlenging-fg)}.dtw-status--verlenging .dtw-status__dot{background:var(--status-verlenging-dot)}.dtw-status--betaling{background:var(--status-betaling-bg);color:var(--status-betaling-fg)}.dtw-status--betaling .dtw-status__dot{background:var(--status-betaling-dot)}.dtw-status--opgezegd{background:var(--status-opgezegd-bg);color:var(--status-opgezegd-fg)}.dtw-status--opgezegd .dtw-status__dot{background:var(--status-opgezegd-dot)}.dtw-status--verlopen{background:var(--status-verlopen-bg);color:var(--status-verlopen-fg)}.dtw-status--verlopen .dtw-status__dot{background:var(--status-verlopen-dot)}@keyframes dtw-pulse{0%,to{opacity:1;box-shadow:0 0}50%{box-shadow:0 0 0 var(--space-1) transparent;opacity:.6}}.dtw-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}.dtw-chip--solid{background:var(--gray-900);color:var(--gray-0);border-color:#0000}.dtw-chip--brand{background:var(--accent-50);color:var(--accent-800);border-color:#0000}.dtw-chip--indigo{background:var(--indigo-50);color:var(--indigo-700);border-color:#0000}.dtw-chip--cyan{background:var(--cyan-50);color:var(--cyan-800);border-color:#0000}.dtw-chip--eco{background:var(--eco-100);color:var(--eco-700);border-color:#0000}.dtw-table-wrap{border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);overflow:hidden}.dtw-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.dtw-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}.dtw-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}.dtw-table tbody tr:hover td{background:var(--surface-hover)}.dtw-table tbody tr.is-selected td{background:var(--surface-selected)}.dtw-table tbody tr:last-child td{border-bottom:none}.dtw-table td.num,.dtw-table th.num{text-align:right}.dtw-table td.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.dtw-table__cell-stack{flex-direction:column;line-height:1.3;display:flex}.dtw-table td.dtw-table__cell-stack{justify-content:center}.dtw-table__cell-stack .primary{color:var(--text-primary);font-weight:var(--fw-medium)}.dtw-table__cell-stack .secondary{color:var(--text-tertiary);font-size:var(--fs-xs)}.dtw-tabs{gap:var(--space-1);border-bottom:var(--border-w) solid var(--border-default);display:flex}.dtw-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}.dtw-tab:hover{color:var(--text-primary)}.dtw-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-500);font-weight:var(--fw-semibold)}.dtw-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}.dtw-tab.is-active .count{background:var(--accent-100);color:var(--accent-800)}.dtw-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}.dtw-alert svg{width:var(--space-4);height:var(--space-4);margin-top:var(--space-px);flex-shrink:0}.dtw-alert--info{background:var(--info-50);border-color:var(--info-300);color:var(--info-700)}.dtw-alert--success{background:var(--success-50);border-color:var(--success-300);color:var(--success-700)}.dtw-alert--warning{background:var(--warning-50);border-color:var(--warning-300);color:var(--warning-700)}.dtw-alert--danger{background:var(--danger-50);border-color:var(--danger-300);color:var(--danger-700)}.dtw-hstack{align-items:center;gap:var(--space-2);display:flex}.dtw-vstack{gap:var(--space-2);flex-direction:column;display:flex}.dtw-stack-tight{gap:var(--space-1)}.dtw-stack-loose{gap:var(--space-4)}.dtw-spacer{flex:1}.dtw-divider{height:var(--border-w);background:var(--border-default);width:100%}.dtw-divider--vertical{width:var(--border-w);height:var(--space-4);background:var(--border-default)}.dtw-grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dtw-grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.dtw-grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.dtw-section{margin-bottom:var(--space-10)}.dtw-section__header{margin-bottom:var(--space-4)}.dtw-section__header .eyebrow{color:var(--accent-700);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);font-size:var(--fs-xs);text-transform:uppercase}.dtw-section__header h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);margin-top:var(--space-1)}.dtw-section__header p{color:var(--text-secondary);margin-top:var(--space-1_5);max-width:var(--reading-max)}.dtw-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)}.dtw-menu{gap:var(--space-px);flex-direction:column;display:flex}.dtw-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)}.dtw-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}.dtw-menu__item:hover,.dtw-menu__item:focus-visible{background:var(--surface-hover);outline:none}.dtw-menu__item svg{width:var(--space-3_5);height:var(--space-3_5);color:var(--text-tertiary);flex-shrink:0}.dtw-menu__item .dtw-menu__hint{gap:var(--space-1);margin-left:auto;display:flex}.dtw-menu__divider{height:var(--border-w);background:var(--border-subtle);margin:var(--space-1) 0}.dtw-menu__item--danger,.dtw-menu__item--danger svg{color:var(--text-danger)}.dtw-menu__item--danger:hover{background:var(--danger-50)}.is-collapsed .dtw-sidebar__brand{padding:var(--space-3_5) 0;justify-content:center}.is-collapsed .dtw-sidebar__brand-text,.is-collapsed .dtw-sidebar__brand-env,.is-collapsed .dtw-sidebar__brand-chev,.is-collapsed .dtw-sidebar__label,.is-collapsed .dtw-sidebar__user-meta,.is-collapsed .dtw-sidebar__user-chev,.is-collapsed .dtw-nav-item>span{display:none}.is-collapsed .dtw-sidebar__nav{padding:var(--space-3) 0}.is-collapsed .dtw-sidebar__group{margin-bottom:var(--space-2);padding-top:var(--space-3);border-top:var(--border-w) solid var(--border-subtle)}.is-collapsed .dtw-sidebar__group:first-child{border-top:none;padding-top:0}.is-collapsed .dtw-nav-item{padding:var(--space-2) 0;margin:var(--space-px) var(--space-2);justify-content:center;position:relative}.is-collapsed .dtw-nav-item.is-active:before{left:calc(-1 * var(--space-2))}.is-collapsed .dtw-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 .dtw-nav-item:hover:after{opacity:1;transform:translateY(-50%)}.is-collapsed .dtw-sidebar__footer{padding:var(--space-2)}.is-collapsed .dtw-sidebar__user{padding:var(--space-1) 0;justify-content:center}.is-collapsed .dtw-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}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"side top""side main";height:100vh;display:grid}.app.has-env-banner{grid-template-rows:var(--env-banner-h) var(--topbar-h) 1fr;grid-template-areas:"banner banner""side top""side main"}.app-env-banner{justify-content:center;align-items:center;gap:var(--space-2);height:var(--env-banner-h);padding:0 var(--space-4);background:var(--warning-50);border-bottom:var(--border-w) solid var(--warning-300);color:var(--text-warning);font-size:var(--fs-sm);font-weight:var(--fw-medium);grid-area:banner;display:flex}.app-env-banner svg{flex-shrink:0}.app-env-banner strong{font-weight:var(--fw-semibold)}.app-side{background:var(--indigo-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:none;border-bottom:var(--border-w) solid var(--indigo-700);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-standard);background:0 0;flex-shrink:0;display:flex}.app-side__brand:hover{background:#ffffff0d}.app-side__brand:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-side__brand .name{flex:1}.app-side__brand-chev{width:var(--space-3_5);height:var(--space-3_5);color:var(--gray-400);opacity:.7;flex-shrink:0}.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(--accent-300);padding:var(--space-0_5) var(--space-1_5);border-radius:var(--radius-xs);background:#1c90c92e;margin-left:auto}.app-side__branch{margin:var(--space-3);padding:var(--space-2_5) var(--space-3);border:var(--border-w) solid var(--indigo-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(--cyan-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:hidden 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:#1c90c92e}.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(--accent-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(--accent-300);background:#1c90c933;margin-left:auto}.app-nav-item .badge.danger{color:var(--danger-300);background:#dc282838}.app-side__foot{padding:var(--space-2);border-top:var(--border-w) solid var(--indigo-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(--accent-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-direction:column;flex:1;min-width:0;display:flex}.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(--indigo-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 .dtw-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(--indigo-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(--accent-500);color:var(--accent-600);animation:dtw-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}.app{transition:grid-template-columns var(--dur-ui) var(--ease-standard)}.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app.is-collapsed .app-side__brand{padding:var(--space-3) 0;justify-content:center}.app.is-collapsed .app-side__brand .name,.app.is-collapsed .app-side__brand-chev,.app.is-collapsed .app-side__label,.app.is-collapsed .app-nav-item>span:not(.badge),.app.is-collapsed .app-nav-item .badge,.app.is-collapsed .app-side__user .who,.app.is-collapsed .app-side__user .chev{display:none}.app.is-collapsed .app-side__nav{padding:var(--space-2) 0}.app.is-collapsed .app-side__group{margin-bottom:var(--space-2);padding-top:var(--space-3);border-top:var(--border-w) solid var(--indigo-700)}.app.is-collapsed .app-side__group:first-child{border-top:none;padding-top:0}.app.is-collapsed .app-nav-item{padding:var(--space-2) 0;margin:var(--space-px) var(--space-2);justify-content:center}.app.is-collapsed .app-nav-item.is-active:before{left:calc(-1 * var(--space-2))}.app.is-collapsed .app-side__foot{padding:var(--space-2) 0}.app.is-collapsed .app-side__user{padding:var(--space-1) 0;justify-content:center}.app.is-collapsed .app-side__user .av{margin:0 auto}.app.is-collapsed .app-side{overflow:visible}.app.is-collapsed .app-side__menu{left:calc(100% + var(--space-1_5));right:auto;bottom:var(--space-2);min-width:calc(var(--space-24) * 2);margin-bottom:0}.app.is-collapsed .app-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%}.app.is-collapsed .app-nav-item:hover:after{opacity:1;transform:translateY(-50%)}.copy-id{align-items:center;gap:var(--space-1_5);font-family:var(--font-mono);display:inline-flex}.copy-id__btn{width:var(--space-6);height:var(--space-6);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;place-items:center;display:inline-grid}.copy-id__btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.kv{gap:var(--space-2) var(--space-4);font-size:var(--fs-base);grid-template-columns:minmax(140px,auto) 1fr;display:grid}.kv dt{color:var(--text-tertiary)}.kv dd{color:var(--text-primary);text-align:right}.bulkbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--indigo-50);border:var(--border-w) solid var(--indigo-200);border-radius:var(--radius-md);font-size:var(--fs-sm);display:flex}.skeleton{background:var(--gray-100);border-radius:var(--radius-sm);height:var(--space-4);width:100%}.dtw-table td.num,.dtw-table th.num{text-align:right;font-variant-numeric:tabular-nums}.dtw-table td.mono{font-family:var(--font-mono)}.row-link{cursor:pointer}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.views{align-items:center;gap:var(--space-1);display:flex}.view-chip{padding:var(--space-1) var(--space-2_5);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border:var(--border-w) solid transparent;cursor:pointer;white-space:nowrap;background:0 0}.view-chip:hover{background:var(--surface-hover);color:var(--text-primary)}.view-chip.is-active{background:var(--surface-selected);color:var(--indigo-700);font-weight:var(--fw-semibold);border-color:var(--accent-200)}.view-chip .n{font-variant-numeric:tabular-nums;color:var(--text-tertiary);margin-left:var(--space-1);font-size:var(--fs-xs)}.bulkbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--indigo-700);color:var(--gray-0);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--fs-sm);display:flex}.bulkbar .count{font-weight:var(--fw-semibold)}.bulkbar .dtw-btn{color:var(--gray-0)}.bulkbar .dtw-btn--ghost:hover{background:#ffffff1f}.ck{width:var(--space-4);height:var(--space-4);accent-color:var(--accent-500);cursor:pointer}.row-actions{opacity:0;transition:opacity var(--dur-micro) var(--ease-standard)}.dtw-table tbody tr:hover .row-actions{opacity:1}.dtw-table td .sub-note{color:var(--text-tertiary);font-size:var(--fs-xs)}.dossier-head{z-index:var(--z-sticky);background:var(--surface-base);border-bottom:var(--border-w) solid var(--border-default);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex;position:sticky;top:0}.idrow{align-items:center;gap:var(--space-2);display:flex}.idrow .did{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--indigo-700)}.metarow{margin-top:var(--space-1_5);font-size:var(--fs-sm);color:var(--text-secondary);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.metarow .sep{color:var(--gray-300)}.dossier-head__aside{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dossier-actions{position:relative}.grid{gap:var(--space-4);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.fields{gap:var(--space-3_5) var(--space-5);grid-template-columns:1fr 1fr;display:grid}.fld .l{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary)}.fld .v{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-primary);margin-top:var(--space-0_5)}.fld .v.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.mod{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-w) solid var(--border-subtle);align-items:flex-start;display:flex}.mod:last-child{border-bottom:none;padding-bottom:0}.mod:first-child{padding-top:0}.mod .ico{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);background:var(--indigo-50);color:var(--indigo-600);flex-shrink:0;place-items:center;display:grid}.mod .b{flex:1;min-width:0}.mod .h{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.mod .d{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-0_5)}.party{padding:var(--space-3) 0;border-bottom:var(--border-w) solid var(--border-subtle);font-size:var(--fs-sm)}.party:last-child{border-bottom:none;padding-bottom:0}.party:first-child{padding-top:0}.party .role{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-tertiary)}.party .nm{font-weight:var(--fw-semibold);color:var(--text-primary);margin-top:var(--space-0_5)}.party .ln{color:var(--text-secondary);margin-top:var(--space-0_5);align-items:center;gap:var(--space-1_5);display:flex}.audit{flex-direction:column;display:flex}.audit-row{gap:var(--space-3);padding:var(--space-2_5) 0;border-bottom:var(--border-w) solid var(--border-subtle);font-size:var(--fs-sm);grid-template-columns:auto 1fr;display:grid}.audit-row:last-child{border-bottom:none;padding-bottom:0}.audit-row .t{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap}.audit-row .who{font-weight:var(--fw-medium);color:var(--text-primary)}.audit-row .act{color:var(--text-secondary)}.plans{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.plan{border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);padding:var(--space-5);flex-direction:column;display:flex}.plan__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.plan__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-1);text-wrap:pretty}.plan__price{margin-top:var(--space-4);align-items:baseline;gap:var(--space-1);display:flex}.plan__price .amt{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:1;font-weight:var(--fw-bold);color:var(--indigo-700)}.plan__price .per{font-size:var(--fs-sm);color:var(--text-tertiary)}.plan__feats{margin-top:var(--space-4);gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;display:flex}.plan__feat{align-items:center;gap:var(--space-2);display:flex}.plan__feat .fx{color:var(--eco-500);flex-shrink:0;place-items:center;display:grid}.plan__feat.off{color:var(--text-disabled)}.plan__feat.off .fx{color:var(--gray-300)}.plan__foot{padding-top:var(--space-4);border-top:var(--border-w) solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.plan__count{font-size:var(--fs-xs);color:var(--text-tertiary)}.plan__count b{font-family:var(--font-mono);color:var(--text-secondary);font-weight:var(--fw-medium)}.create-grid{gap:var(--space-4);grid-template-columns:1.7fr 1fr;align-items:start;display:grid}.create-form{gap:var(--space-4);flex-direction:column;display:flex}.summary-sticky{top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.radio-cards{gap:var(--space-2_5);grid-template-columns:1fr 1fr;display:grid}.radio-card{border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;gap:var(--space-1);flex-direction:column;display:flex}.radio-card:hover{border-color:var(--border-strong)}.radio-card:has(input:checked){border-color:var(--accent-500);background:var(--surface-selected);box-shadow:var(--shadow-focus)}.radio-card input{opacity:0;pointer-events:none;position:absolute}.radio-card .rc-name{font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--fs-base)}.radio-card .rc-price{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary)}.dist-row{gap:var(--space-3);font-size:var(--fs-sm);padding:var(--space-1_5) 0;grid-template-columns:minmax(120px,1fr) 2fr auto;align-items:center;display:grid}.dist-bar{height:var(--space-2);background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.dist-bar__fill{background:var(--cyan-500);border-radius:var(--radius-full);height:100%}