@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--beam-angle:0deg;--aib-angle:0deg}}}@layer theme{:root,:host{--font-sans:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains), "JetBrains Mono", "SF Mono", monospace;--color-zinc-200:#e4e4e7;--spacing:.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-200:lab(90.6853% .399232 -1.45452)}}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-30{height:calc(var(--spacing) * 30)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090b;--bg-elevated:#0f0f12;--bg-card:#111114;--bg-card-inner:#0c0c0f;--bg-sidebar:#0a0a0d;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--border-subtle:#ffffff0f;--border-medium:#ffffff14;--border-strong:#ffffff1f;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#52525b;--accent-blue:#6366f1;--accent-blue-soft:#6366f126;--accent-blue-light:#818cf8;--accent-purple:#a78bfa;--accent-purple-soft:#a78bfa26;--accent-amber:#f59e0b;--accent-amber-soft:#f59e0b1f;--accent-green:#22c55e;--accent-green-soft:#22c55e1f;--accent-red:#ef4444;--accent-red-soft:#ef44441f;--accent-emerald:#10b981;--accent-emerald-soft:#10b9811f;--accent-teal:#2dd4bf;--accent-teal-soft:#2dd4bf1a;--color-zinc-200:#e4e4e7;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--shadow-card:0 0 0 1px var(--border-subtle), 0 8px 40px #0006, 0 2px 8px #0003;--shadow-card-hover:0 0 0 1px var(--border-medium), 0 16px 64px #00000080, 0 4px 16px #0000004d}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes textShine{0%{background-position:0%}to{background-position:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes badgeShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}@keyframes beamRotate{0%{--beam-angle:0deg}to{--beam-angle:360deg}}@keyframes pulse{50%{opacity:.5}}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fillPulse{0%,to{background:#6366f103;border-color:#6366f126}50%{background:#6366f10a;border-color:#6366f14d}}.animate-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.35s}.animate-in-delay-4{animation-delay:.5s}.animate-in-delay-5{animation-delay:.7s}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#6366f114 0%,#6366f105 40%,#0000 70%);width:800px;height:600px;animation:8s ease-in-out infinite glowPulse;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0;background-size:64px 64px;position:fixed;inset:60px 0 0;-webkit-mask-image:radial-gradient(70% 60% at 50% 25%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 25%,#000,#0000)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:none}.btn-primary:hover{background:var(--color-zinc-200);transform:translateY(-2px);box-shadow:0 4px 16px #ffffff1a}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-medium);background:0 0}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-2px)}.btn-arrow{transition:transform .2s}.btn:hover .btn-arrow{transform:translate(3px)}.container{max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (max-width:1024px){.container{padding-left:24px;padding-right:24px}}@media (max-width:768px){.container{padding-left:16px;padding-right:16px}.section-divider{padding:0 16px}.btn{justify-content:center;width:100%;padding:12px 20px;font-size:14px}}.nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#09090bcc;justify-content:center;align-items:center;height:60px;padding:0 40px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1360px;display:grid}.nav-logo{flex-shrink:0;align-items:center;gap:0;text-decoration:none;display:flex}.nav-logo svg{width:auto;height:28px}.nav-links{align-items:center;gap:2px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-md);letter-spacing:-.01em;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-actions{justify-self:end;align-items:center;gap:8px;display:flex}.nav-btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;padding:7px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s}.nav-btn-ghost{color:var(--text-secondary);background:0 0;border:none}.nav-btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-btn-primary{background:var(--text-primary);color:var(--bg-primary);border:none}.nav-btn-primary:hover{background:var(--color-zinc-200);transform:translateY(-1px)}.nav-link-trigger{cursor:pointer;align-items:center;gap:4px;display:flex;position:relative}.nav-link-trigger svg{stroke:currentColor;fill:none;stroke-width:2px;width:10px;height:10px;transition:transform .25s}.nav-link-trigger.active svg{transform:rotate(180deg)}.mega-menu-overlay{z-index:98;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mega-menu-overlay.active{opacity:1;visibility:visible}.mega-menu{z-index:99;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;position:fixed;top:72px;left:0;right:0;transform:translateY(-8px)}.mega-menu.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-menu-inner{max-width:1280px;margin:0 auto;padding:0 40px}.mega-menu-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:280px 280px 1fr;display:grid;overflow:hidden;box-shadow:0 24px 64px #0006,0 8px 24px #0003}.mega-featured{--accent-blue:#6366f1;--accent-blue-soft:#6366f126;--accent-blue-light:#818cf8;border-right:1px solid var(--border-subtle);background:linear-gradient(160deg,#6366f10f 0%,#0000 60%);flex-direction:column;padding:28px;display:flex}.mega-featured-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-blue);background:var(--accent-blue-soft);border-radius:100px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.mega-featured-badge .dot{background:var(--accent-blue);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.mega-featured h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:17px;font-weight:600}.mega-featured-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.55}.mega-featured-items{flex-direction:column;gap:2px;margin-top:auto;margin-bottom:20px;display:flex}.mega-featured-item{border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .15s;display:flex}.mega-featured-item:hover{background:#ffffff0a}.mega-featured-item-icon{border-radius:var(--radius-md);background:var(--accent-blue-soft);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mega-featured-item-icon svg{width:15px;height:15px;stroke:var(--accent-blue);fill:none;stroke-width:1.8px}.mega-featured-item-text{flex-direction:column;gap:1px;display:flex}.mega-featured-item-name{color:var(--text-primary);font-size:13px;font-weight:500}.mega-featured-item-sub{color:var(--text-faint);font-size:11px}.mega-featured-cta{color:var(--accent-blue);border-top:1px solid var(--border-subtle);align-items:center;gap:6px;padding-top:16px;font-size:12px;font-weight:600;text-decoration:none;transition:gap .2s;display:flex}.mega-featured-cta:hover{gap:10px}.mega-featured-cta svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.mega-featured--ai{background:linear-gradient(160deg,#10b9810f 0%,#0000 60%)}.mega-featured--ai .mega-featured-badge{color:var(--accent-emerald);background:var(--accent-emerald-soft)}.mega-featured--ai .mega-featured-badge .dot{background:var(--accent-emerald)}.mega-featured--ai .mega-featured-item-icon{background:var(--accent-emerald-soft)}.mega-featured--ai .mega-featured-item-icon svg{stroke:var(--accent-emerald)}.mega-featured--ai .mega-featured-cta{color:var(--accent-emerald)}.mega-modules{padding:24px 28px}.mega-modules-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:12px;font-size:10px;font-weight:600}.mega-modules-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.mega-module-item{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.mega-module-item:hover{background:#ffffff0a}.mega-module-icon{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,background .15s;display:flex}.mega-module-item:hover .mega-module-icon{border-color:var(--border-medium);background:#ffffff0f}.mega-module-icon svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}.mega-module-name{color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .15s}.mega-module-item:hover .mega-module-name{color:var(--text-primary)}.mega-promo-cards{flex-direction:column;gap:6px;margin-top:14px;display:flex}.mega-promo-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.mega-promo-card:hover{border-color:var(--border-medium);background:#ffffff0d}.mega-promo-card-icon{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mega-promo-card-icon svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}.mega-promo-card-text{flex:1;min-width:0}.mega-promo-card-title{color:var(--text-primary);font-size:12.5px;font-weight:500}.mega-promo-card-sub{color:var(--text-faint);margin-top:1px;font-size:11px}.mega-promo-card-arrow{color:var(--text-faint);flex-shrink:0;transition:transform .2s,color .2s}.mega-promo-card:hover .mega-promo-card-arrow{color:var(--text-secondary);transform:translate(2px)}.mega-promo-card-arrow svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.mega-bottom-bar{border-top:1px solid var(--border-subtle);grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.mega-bottom-links{gap:20px;display:flex}.mega-bottom-links a{color:var(--text-faint);font-size:12px;text-decoration:none;transition:color .15s}.mega-bottom-links a:hover{color:var(--text-secondary)}.mega-bottom-new{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:color .15s;display:flex}.mega-bottom-new:hover{color:var(--text-primary)}.mega-bottom-new-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-green-soft);color:var(--accent-green);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.section-divider{max-width:1280px;margin:0 auto;padding:0 40px}.section-divider hr{border:none;border-top:1px solid var(--border-subtle)}.site-footer-wrap{z-index:1;-webkit-backdrop-filter:blur(40px)saturate(1.2);background:#09090b73;position:relative}.site-footer{border-top:1px solid var(--border-subtle);max-width:1280px;margin:0 auto;padding:80px 40px 40px}.footer-top{grid-template-columns:1.5fr repeat(4,1fr);gap:40px;margin-bottom:48px;display:grid}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-logo{opacity:.5;align-self:flex-start;width:auto;height:28px}.footer-brand-info{flex-direction:column;gap:6px;display:flex}.footer-brand-info a,.footer-brand-info span{color:var(--text-faint);font-size:13px;text-decoration:none;transition:color .15s}.footer-brand-info a:hover{color:var(--text-secondary)}.footer-socials{gap:8px;margin-top:8px;display:flex}.footer-social-link{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-faint);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{border-color:var(--border-medium);color:var(--text-primary);background:#ffffff0a}.footer-col-title{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.footer-col a{color:var(--text-muted);padding:5px 0;font-size:13px;text-decoration:none;transition:color .15s;display:block}.footer-col a:hover{color:var(--text-primary)}.footer-newsletter-strip{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f10a 0%,#ffffff05 100%);margin-bottom:32px;padding:20px 24px}.footer-newsletter-content{justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-newsletter-text{flex-shrink:0;align-items:center;gap:16px;display:flex}.footer-newsletter-label{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;background:var(--accent-blue-soft);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.footer-newsletter-desc{color:var(--text-muted);font-size:13px}.footer-newsletter-form{flex-shrink:0;gap:0;display:flex}.footer-newsletter-form input{border:1px solid var(--border-medium);border-radius:var(--radius-md) 0 0 var(--radius-md);width:220px;color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-right:none;outline:none;padding:9px 14px;font-size:13px;transition:border-color .2s}.footer-newsletter-form input::placeholder{color:var(--text-faint)}.footer-newsletter-form input:focus{border-color:var(--accent-blue)}.footer-newsletter-form button{border:1px solid var(--border-medium);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff0f;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.footer-newsletter-form button:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.footer-newsletter-form button svg{transition:transform .2s}.footer-newsletter-form button:hover svg{transform:translate(2px)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-faint);justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:var(--text-faint);font-size:12px;text-decoration:none;transition:color .15s}.footer-bottom-links a:hover{color:var(--text-secondary)}.nav-hamburger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:4px;transition:background .2s;display:none}.nav-hamburger:hover{background:var(--bg-hover)}.nav-hamburger span{background:var(--text-secondary);border-radius:1px;width:18px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.active span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (max-width:1024px){.nav{padding:0 24px}.mega-menu-card{grid-template-columns:1fr 1fr}.mega-modules{grid-column:1/-1}.mega-modules-grid{grid-template-columns:repeat(4,1fr)}.footer-top{grid-template-columns:repeat(3,1fr);gap:24px}.footer-brand{grid-column:1/-1}.site-footer{padding:48px 24px 24px}}@media (max-width:768px){.nav{padding:0 16px}.nav-inner{grid-template-columns:1fr auto}.nav-links{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#09090bf2;flex-direction:column;gap:4px;padding:16px;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.mobile-open{display:flex}.nav-links a{padding:12px 16px;font-size:15px}.nav-btn-ghost{display:none}.nav-hamburger{display:flex}.nav-btn-primary{padding:6px 12px;font-size:12.5px}.mega-menu,.mega-menu-overlay,.nav-link-trigger svg{display:none}.site-footer{padding:40px 16px 24px}.footer-top{grid-template-columns:1fr 1fr;gap:24px 16px}.footer-brand{grid-column:1/-1}.footer-newsletter-strip{padding:16px}.footer-newsletter-content{flex-direction:column;align-items:stretch;gap:16px}.footer-newsletter-text{flex-direction:column;align-items:flex-start;gap:8px}.footer-newsletter-form{width:100%}.footer-newsletter-form input{flex:1;width:100%}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.footer-bottom-links{justify-content:center}}.hero{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding-top:140px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;max-width:820px;margin:0 auto;padding:0 24px}.hero-badge{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:5px 14px 5px 10px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.hero-badge:before{content:"";background:linear-gradient(90deg,#0000,#6366f114,#0000) 0 0/200% 100%;animation:3s ease-in-out infinite badgeShimmer;position:absolute;inset:0}.hero-badge:hover{border-color:var(--border-strong);color:var(--text-primary)}.hero-badge-dot{background:var(--accent-blue);width:6px;height:6px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%;flex-shrink:0}.hero-badge-arrow{color:var(--text-muted);transition:transform .2s}.hero-badge:hover .hero-badge-arrow{transform:translate(2px)}.hero-heading{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(40px,6vw,68px);font-weight:600;line-height:1.05;position:relative}.hero-heading .shine-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#8a8a95 0% 44%,#fff 56% 100%) 0%/300%;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-in-out .5s forwards textShine}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;max-width:560px;margin:0 auto 36px;font-size:17px;line-height:1.65}.hero-cta{justify-content:center;align-items:center;gap:12px;display:flex}.hero-card-wrapper{width:100%;max-width:1360px;margin:64px auto 0;padding:0 40px;position:relative}.card-glow{pointer-events:none;filter:blur(60px);z-index:0;background:radial-gradient(#6366f199 0%,#7c3aed59 25%,#6366f126 45%,#0000 65%);width:120%;height:140%;animation:6s ease-in-out infinite glowPulse;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.app-card{z-index:1;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;background:linear-gradient(#131316 0%,#0f0f12 100%);transition:box-shadow .5s,transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.app-card:hover{box-shadow:var(--shadow-card-hover)}.app-card:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#0f0f12 100%);height:80px;position:absolute;bottom:0;left:0;right:0}.app-card:before{content:"";border-radius:var(--radius-xl);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #6366f126, transparent 40%);-webkit-mask-composite:xor;pointer-events:none;z-index:10;opacity:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-card:hover:before{opacity:1}.card-beam{border-radius:var(--radius-xl);background:conic-gradient(from var(--beam-angle,0deg) at 50% 50%, transparent 0%, #ffffff14 3%, #fff6 5%, #ffffff14 7%, transparent 10%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:8;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;animation:6s linear infinite beamRotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-layout{height:720px;display:flex}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:232px;padding:14px 12px;display:flex}.app-sidebar-top{justify-content:space-between;align-items:center;margin-bottom:16px;padding:2px 6px;display:flex}.app-sidebar-logo{align-items:center;gap:6px;display:flex}.app-sidebar-logo svg{opacity:.85;width:auto;height:20px}.sidebar-top-actions{align-items:center;gap:2px;display:flex}.sidebar-top-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-faint);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-top-btn:hover{background:var(--bg-hover);color:var(--text-muted)}.sidebar-section{margin-bottom:4px}.sidebar-section-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;padding:6px 8px;font-size:11px;font-weight:600}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:450;transition:all .15s;display:flex;position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-item.active{background:var(--bg-active);color:var(--text-primary)}.sidebar-item.active:before{content:"";background:var(--accent-blue);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-icon{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{opacity:.8}.sidebar-badge{background:var(--accent-blue-soft);color:var(--accent-blue);text-align:center;border-radius:10px;min-width:20px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.sidebar-spacer{flex:1}.sidebar-divider{background:var(--border-subtle);height:1px;margin:8px}.app-main{background:linear-gradient(#0e0e11 0%,#0b0b0e 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-panel{opacity:0;pointer-events:none;flex-direction:column;transition:opacity .25s,transform .25s;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(4px)}.content-panel.active{opacity:1;pointer-events:auto;z-index:1;transform:translateY(0)}.orders-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 28px 14px;display:flex}.orders-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.orders-add-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:5px;padding:5px 12px;transition:all .2s;display:flex}.orders-add-btn:hover{filter:brightness(1.15)}.orders-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;padding:10px 28px;display:flex}.search-box{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);flex:1;align-items:center;gap:8px;max-width:240px;padding:6px 10px;font-size:12.5px;display:flex}.search-box svg{opacity:.4;flex-shrink:0}.filter-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;transition:all .15s;display:flex}.filter-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-medium)}.orders-table{flex:1;overflow-y:auto}.orders-table::-webkit-scrollbar{width:6px}.orders-table::-webkit-scrollbar-track{background:0 0}.orders-table::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.order-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;grid-template-columns:2fr 1.2fr .9fr .7fr .8fr;align-items:center;padding:10px 28px;transition:background .15s;display:grid}.order-row:hover{background:var(--bg-hover)}.order-row-header{cursor:default;padding:8px 28px}.order-row-header:hover{background:0 0}.order-row-header span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.order-info{flex-direction:column;gap:1px;display:flex}.order-id{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:12px}.order-customer{color:var(--text-muted);font-size:12px}.order-type{border-radius:4px;align-items:center;width:fit-content;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.type-inmeten{background:var(--accent-blue-soft);color:var(--accent-blue-light)}.type-monteren{background:var(--accent-purple-soft);color:var(--accent-purple)}.type-bezorgen{background:var(--accent-amber-soft);color:var(--accent-amber)}.order-amount{color:var(--text-primary);font-feature-settings:"tnum";font-size:13px;font-weight:600}.order-status{align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-new{color:var(--accent-blue)}.status-new .status-dot{background:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue)}.status-progress{color:var(--accent-amber)}.status-progress .status-dot{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.status-done{color:var(--accent-green)}.status-done .status-dot{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-planned{color:var(--accent-purple)}.status-planned .status-dot{background:var(--accent-purple);box-shadow:0 0 6px var(--accent-purple)}.dashboard-content{padding:24px 28px;overflow-y:auto}.dashboard-greeting{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.dashboard-date{color:var(--text-muted);margin-bottom:20px;font-size:12.5px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;transition:border-color .2s}.kpi-card:hover{border-color:var(--border-medium)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11.5px;font-weight:500}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-feature-settings:"tnum";font-size:24px;font-weight:700}.kpi-change{border-radius:4px;align-items:center;gap:3px;margin-top:6px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.kpi-change.positive{color:var(--accent-green);background:var(--accent-green-soft)}.kpi-change.negative{color:var(--accent-red);background:var(--accent-red-soft)}.activity-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:12px;font-weight:600}.activity-item{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-dot.blue{background:var(--accent-blue)}.activity-dot.green{background:var(--accent-green)}.activity-dot.amber{background:var(--accent-amber)}.activity-text{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-faint);margin-top:2px;font-size:11px}.planning-content{padding:24px 28px;overflow-y:auto}.planning-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.planning-title{color:var(--text-primary);font-size:15px;font-weight:600}.planning-week{color:var(--text-muted);font-size:12px;font-weight:500}.planning-grid{grid-template-columns:80px repeat(5,1fr);gap:0;display:grid}.planning-day-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);text-align:center;padding:8px 12px;font-size:11px;font-weight:600}.planning-day-header.today{color:var(--accent-blue)}.planning-time-label{color:var(--text-faint);text-align:right;font-size:11px;font-family:var(--font-mono);border-right:1px solid var(--border-subtle);padding:16px 8px 16px 0}.planning-cell{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);min-height:48px;padding:4px;position:relative}.planning-cell:last-child{border-right:none}.planning-block{border-radius:4px;flex-direction:column;justify-content:center;height:100%;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.planning-block.blue{background:var(--accent-blue-soft);color:var(--accent-blue-light);border-left:2px solid var(--accent-blue)}.planning-block.purple{background:var(--accent-purple-soft);color:var(--accent-purple);border-left:2px solid var(--accent-purple)}.planning-block.amber{background:var(--accent-amber-soft);color:var(--accent-amber);border-left:2px solid var(--accent-amber)}.planning-block.green{background:var(--accent-green-soft);color:var(--accent-green);border-left:2px solid var(--accent-green)}.planning-block-title{font-size:11px;font-weight:600}.planning-block-sub{opacity:.7;font-size:10px}.pp-content{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.pp-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.pp-grid-wrapper{flex:1;padding:0 28px 20px;overflow:hidden auto}.pp-grid-header{z-index:2;background:linear-gradient(#0e0e11 70%,#0000);grid-template-columns:56px 1fr;gap:12px;margin-bottom:4px;padding:8px 0;display:grid;position:sticky;top:0}.pp-machine-cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pp-machine-col-header{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;background:#6366f114;border:1px solid #6366f11f;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.pp-day-row{grid-template-columns:56px 1fr;gap:12px;margin-bottom:12px;display:grid}.pp-day-label{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px;display:flex}.pp-day-num{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.pp-day-month{color:var(--text-faint);text-transform:lowercase;font-size:10px;font-weight:600}.pp-day-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.pp-machine-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s,background .2s;display:flex}.pp-machine-card:hover{border-color:var(--border-medium);background:var(--bg-card-inner)}.pp-card-top{justify-content:space-between;align-items:flex-start;display:flex}.pp-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:10.5px;font-weight:600;line-height:1.3;overflow:hidden}.pp-card-icon{width:16px;height:16px;color:var(--text-faint);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-card-stats{flex-direction:column;gap:5px;display:flex}.pp-stat-row{align-items:center;gap:6px;display:flex}.pp-stat-icon{width:12px;height:12px;color:var(--text-faint);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-stat-bar{background:#ffffff0f;border-radius:3px;flex:1;height:3px;overflow:hidden}.pp-stat-fill{border-radius:3px;height:100%;transition:width .4s}.pp-stat-fill.green{background:var(--accent-green)}.pp-stat-fill.amber{background:var(--accent-amber)}.pp-stat-fill.red{background:var(--accent-red)}.pp-stat-fill.purple{background:var(--accent-purple)}.pp-stat-fill.blue{background:var(--accent-blue)}.pp-stat-val{color:var(--text-muted);font-size:9.5px;font-weight:600;font-family:var(--font-mono);text-align:right;min-width:28px}.pp-batch-btn{border:1px dashed var(--border-medium);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;margin-bottom:4px;padding:7px 12px;font-size:10.5px;font-weight:500;transition:all .2s;display:flex}.pp-batch-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-soft)}.pp-day-row.today .pp-day-num{color:var(--accent-blue)}.pp-day-row.today .pp-day-month{color:var(--accent-blue);opacity:.7}.klanten-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 28px 14px;display:flex}.klanten-grid-content{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 28px;display:grid;overflow-y:auto}.klant-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .15s}.klant-card:hover{border-color:var(--border-medium);background:#ffffff08}.klant-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.klant-address{color:var(--text-muted);margin-bottom:10px;font-size:11.5px}.klant-meta{gap:12px;display:flex}.klant-meta-item{color:var(--text-faint);font-size:11px}.klant-meta-item strong{color:var(--text-secondary);font-weight:600}.sidebar-group{margin-bottom:0}.sidebar-group-toggle{justify-content:flex-start}.sidebar-chevron{color:var(--text-faint);align-items:center;margin-left:auto;transition:transform .2s;display:flex}.sidebar-group.open .sidebar-chevron{transform:rotate(0)}.sidebar-group:not(.open) .sidebar-chevron{transform:rotate(-90deg)}.sidebar-subitems{max-height:200px;transition:max-height .2s;overflow:hidden}.sidebar-group:not(.open) .sidebar-subitems{max-height:0}.sidebar-subitem{padding-left:32px;font-size:12.5px}.sidebar-subitem .sidebar-icon{opacity:.4}.sidebar-subitem.active .sidebar-icon{opacity:.7}.snij-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 28px 16px;display:flex}.snij-header-left{align-items:center;gap:12px;display:flex}.snij-batch-label{color:var(--accent-purple);background:var(--accent-purple-soft);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.snij-header-right{align-items:center;gap:20px;display:flex}.snij-stat{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.snij-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.snij-rendement{color:var(--accent-green)}.snij-stat-label{color:var(--text-faint);font-size:11px}.snij-controls{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding:12px 28px;display:flex}.snij-controls-row{align-items:center;gap:16px;display:flex}.snij-field{flex-direction:column;gap:3px;display:flex}.snij-field-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.snij-select{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:all .15s;display:flex}.snij-select:hover{border-color:var(--border-medium);background:var(--bg-active)}.snij-tag{background:var(--accent-blue-soft);color:var(--accent-blue);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.snij-tag-x{opacity:.5;cursor:pointer;font-size:13px;line-height:1}.snij-actions{gap:8px;margin-left:auto;display:flex}.snij-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.snij-action-btn:hover{border-color:var(--border-medium);color:var(--text-secondary);background:var(--bg-hover)}.snij-action-btn.snij-action-primary{color:var(--accent-blue);background:#6366f10f;border-color:#6366f14d}.snij-action-btn.snij-action-primary:hover{background:#6366f11f;border-color:#6366f166}.snij-sheet-bar{border-bottom:1px solid var(--border-subtle);background:#ffffff04;justify-content:space-between;align-items:center;padding:8px 28px;display:flex}.snij-sheet-bar-left{align-items:center;gap:10px;display:flex}.snij-sheet-progress{justify-content:center;align-items:center;display:flex;position:relative}.snij-sheet-count{color:var(--text-secondary);font-size:9px;font-weight:600;position:absolute}.snij-sheet-info{flex-direction:column;gap:0;display:flex}.snij-sheet-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.snij-sheet-dim{font-size:11px;font-family:var(--font-mono);color:var(--text-faint)}.snij-rendement-pill{color:var(--accent-green);background:var(--accent-green-soft);border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.snij-sheet-bar-right{align-items:center;gap:14px;display:flex}.snij-sheet-nav{gap:2px;display:flex}.snij-nav-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.snij-nav-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-medium)}.snij-canvas{flex:1;padding:12px;overflow:hidden}.snij-sheet{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:#ffffff05;width:100%;height:100%;position:relative}.snij-piece{background:#6382b41a;border:1px solid #6382b42e;border-radius:2px;flex-direction:column;justify-content:flex-start;gap:0;padding:5px 6px;transition:all .15s;display:flex;position:absolute;overflow:hidden}.snij-piece:hover{background:#6382b42e;border-color:#6382b44d}.snij-piece.accent-blue{background:#6366f114;border-color:#6366f12e}.snij-piece.accent-blue:hover{background:#6366f126;border-color:#6366f14d}.snij-piece.accent-purple{background:#a78bfa14;border-color:#a78bfa2e}.snij-piece.accent-purple:hover{background:#a78bfa26;border-color:#a78bfa4d}.snij-piece-id{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:600;line-height:1.2}.snij-piece-customer{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-size:8.5px;line-height:1.2;overflow:hidden}.snij-piece-dim{font-size:8px;font-family:var(--font-mono);color:var(--text-faint);font-variant-numeric:tabular-nums;line-height:1.2}.snij-waste{background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#ef444414 3px 5px),#ef444408;border-color:#ef444426;padding:0}.snij-waste:hover{background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#ef44441f 3px 5px),#ef44440d;border-color:#ef444440}.fig-label{font-family:var(--font-mono);color:var(--text-faint);opacity:.5;z-index:5;letter-spacing:.02em;font-size:11px;position:absolute;top:16px;left:24px}.value-props{max-width:1280px;margin:0 auto;padding:120px 40px 0}.value-props-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.value-prop-card{background:var(--bg-primary);flex-direction:column;padding:48px 40px;display:flex;position:relative}.value-prop-visual{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;min-height:200px;margin-bottom:40px;display:flex}.value-prop-card h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:16px;font-weight:600}.value-prop-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.logo-carousel-section{max-width:1280px;margin:0 auto;padding:64px 40px 0}.logo-carousel-label{text-align:center;color:var(--text-faint);letter-spacing:.02em;margin-bottom:32px;font-size:13px}.logo-carousel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.logo-carousel-track{align-items:center;gap:64px;width:max-content;animation:30s linear infinite logoScroll;display:flex}.logo-carousel-track:hover{animation-play-state:paused}.logo-carousel-item{opacity:.4;flex-shrink:0;justify-content:center;align-items:center;height:32px;transition:opacity .3s;display:flex}.logo-carousel-item:hover{opacity:.8}.logo-carousel-item img{object-fit:contain;filter:brightness(0)invert();width:auto;height:24px}.logo-carousel-item svg{width:auto;height:22px}.logo-text{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:700}.logo-text.light{font-weight:500}.vp-sheet{border:1px solid var(--border-medium);background:#ffffff03;border-radius:4px;width:160px;height:120px;transition:border-color .4s;position:relative}.vp-sheet-piece{background:#6366f114;border:1px solid #6366f12e;border-radius:1px;transition:background .4s,border-color .4s,transform .4s;position:absolute}.vp-sheet-waste{background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ef444414 2px 3px);position:absolute}.vp-sheet-badge{font-family:var(--font-mono);color:var(--accent-green);letter-spacing:-.02em;font-size:22px;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1),color .4s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.vp-workflow{align-items:flex-start;gap:0;display:flex}.vp-workflow-step{flex-direction:column;align-items:center;gap:10px;display:flex}.vp-workflow-node{background:var(--bg-primary);width:28px;height:28px;color:var(--text-faint);border:1.5px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:border-color .4s,background .5s,transform .3s,box-shadow .4s;display:flex;position:relative}.vp-workflow-node.done{border-color:var(--accent-green);background:var(--accent-green-soft);color:var(--accent-green)}.vp-workflow-node.active{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.vp-workflow-pulse{background:var(--accent-blue);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.vp-workflow-line{background:#ffffff14;flex-shrink:0;width:32px;height:1.5px;margin-top:13px;transition:background .5s}.vp-workflow-line.done{background:var(--accent-green)}.vp-workflow-line.active{background:linear-gradient(90deg, var(--accent-green), var(--accent-blue))}.vp-workflow-label{color:var(--text-faint);white-space:nowrap;letter-spacing:-.01em;font-size:10px;transition:color .4s}.vp-workflow-label.active{color:var(--accent-blue);font-weight:500}.vp-dashboard{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:0;width:100%;max-width:260px;transition:border-color .3s;display:flex;overflow:hidden}.vp-dash-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 16px;transition:background .3s;display:flex}.vp-dash-row:last-child{border-bottom:none}.vp-dash-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:box-shadow .3s,transform .3s}.vp-dash-dot.green{background:var(--accent-green)}.vp-dash-dot.amber{background:var(--accent-amber)}.vp-dash-dot.red{background:var(--accent-red)}.vp-dash-name{color:var(--text-secondary);flex:1;font-size:12px;transition:color .3s}.vp-dash-status{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.value-prop-card:hover .vp-sheet{border-color:#6366f14d}.value-prop-card:hover .vp-sheet-piece{background:#6366f126;border-color:#6366f14d}.value-prop-card:hover .vp-sheet-badge{transform:translate(-50%)scale(1.15)}.value-prop-card:hover .vp-workflow-node{transform:scale(1.1)}.value-prop-card:hover .vp-workflow-node.done{box-shadow:0 0 12px #22c55e4d}.value-prop-card:hover .vp-workflow-node.active{box-shadow:0 0 12px #6366f166}.value-prop-card:hover .vp-workflow-node:last-of-type{border-color:#ffffff40}.value-prop-card:hover .vp-workflow-line:last-of-type{background:#ffffff26}.value-prop-card:hover .vp-dashboard{border-color:var(--border-medium)}.value-prop-card:hover .vp-dash-row{background:#ffffff05}.value-prop-card:hover .vp-dash-dot{transform:scale(1.3)}.value-prop-card:hover .vp-dash-dot.green{box-shadow:0 0 8px #22c55e80}.value-prop-card:hover .vp-dash-dot.amber{box-shadow:0 0 8px #f59e0b80}.value-prop-card:hover .vp-dash-dot.red{box-shadow:0 0 8px #ef444480}.value-prop-card:hover .vp-dash-name{color:var(--text-primary)}.stock-row{transition:background .3s,transform .3s}.stock-fill{transition:width .8s cubic-bezier(.16,1,.3,1),background .4s}.stock-header-badge{transition:transform .3s,box-shadow .3s}.stock-update-indicator{transition:background .3s,border-color .3s}.feature-card:hover .stock-row.updating{background:#6366f114;transform:translate(2px)}.feature-card:hover .stock-row.updating .stock-fill{width:38%!important}.feature-card:hover .stock-header-badge{transform:scale(1.1);box-shadow:0 0 10px #22c55e4d}.feature-card:hover .stock-update-indicator{background:#6366f11a;border-color:#6366f133}.shape-glass{transition:background .5s,border-color .5s,box-shadow .5s}.shape-sheet,.shape-guideline{transition:border-color .4s}.shape-margin{transition:color .3s,background .3s,border-color .3s}.feature-card:hover .shape-glass{background:#6366f124;border-color:#6366f166;box-shadow:0 0 30px #6366f11f,inset 0 0 20px #6366f10f}.feature-card:hover .shape-sheet{border-color:#ffffff26}.feature-card:hover .shape-guideline{border-color:#6366f140}.feature-card:hover .shape-margin{color:var(--text-secondary);background:#6366f114;border-color:#6366f133}.break-glass{transition:border-color .4s,box-shadow .4s}.break-crack svg{transition:filter .4s}.break-badge{transition:transform .3s,box-shadow .3s}.break-result{opacity:.6;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s,background .4s;transform:translateY(6px)}.break-flow-arrow{opacity:.3;transition:transform .3s,opacity .3s}.feature-card:hover .break-glass{border-color:#ef44444d;box-shadow:0 0 20px #ef44440f}.feature-card:hover .break-crack svg{filter:drop-shadow(0 0 6px #ef444466)}.feature-card:hover .break-badge{transform:scale(1.05);box-shadow:0 0 12px #ef444433}.feature-card:hover .break-flow-arrow{opacity:1;transform:translateY(2px)}.feature-card:hover .break-result{opacity:1;background:#22c55e14;transform:translateY(0)}.fill-piece.added{opacity:.4;transition:opacity .5s,background .5s,border-color .5s}.fill-piece:not(.added):not(.waste){transition:background .4s}.fill-empty{transition:border-color .4s,background .4s}.feature-card:hover .fill-piece.added{opacity:1;background:#22c55e1f;border-color:#22c55e59}.feature-card:hover .fill-piece:not(.added):not(.waste){background:#6366f11f}.feature-card:hover .fill-empty{background:#6366f10f;border-color:#6366f166;animation:none}.feature-section{max-width:1280px;margin:0 auto;padding:160px 40px 0}.feature-section-header{grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding-bottom:80px;display:grid}.feature-section-heading{letter-spacing:-.035em;color:var(--text-primary);font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.08}.feature-section-right{padding-top:8px}.feature-section-right p{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:24px;font-size:17px;line-height:1.65}.feature-section-link{color:var(--text-muted);letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.feature-section-link .section-num{font-family:var(--font-mono);color:var(--text-faint);font-size:13px}.feature-section-link .section-arrow{transition:transform .2s}.feature-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--bg-primary);flex-direction:column;min-height:480px;padding:0;display:flex;position:relative}.feature-card-content{margin-top:auto;padding:32px 36px}.feature-card-content h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:600}.feature-card-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.feature-card-visual{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.stock-visual{flex-direction:column;gap:0;width:100%;max-width:340px;display:flex}.stock-header{border:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.stock-header-title{color:var(--text-secondary);letter-spacing:-.01em;font-size:12px;font-weight:600}.stock-header-badge{color:var(--accent-green);background:var(--accent-green-soft);border-radius:99px;padding:2px 8px;font-size:10px;font-weight:500}.stock-row{border:1px solid var(--border-subtle);border-top:none;grid-template-columns:100px 1fr 48px;align-items:center;gap:12px;padding:10px 18px;transition:background .2s;display:grid}.stock-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stock-row.updating{background:#6366f10a}.stock-label{color:var(--text-secondary);font-size:12px;font-weight:500}.stock-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.stock-fill{background:#fff3;border-radius:3px;height:100%;transition:width 2s}.stock-row.updating .stock-fill{background:var(--accent-blue)}.stock-qty{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);text-align:right}.stock-row.updating .stock-qty{color:var(--accent-blue)}.stock-update-indicator{border-radius:var(--radius-md);background:#6366f10f;border:1px solid #6366f11f;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;display:flex}.stock-update-dot{background:var(--accent-blue);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.stock-update-text{color:var(--accent-blue);font-size:11px;font-weight:500}.shape-visual{width:220px;height:300px;position:relative}.shape-glass{background:#6366f114;border:1.5px solid #6366f140;border-radius:50% 50% 4px 4px/35% 35% 4px 4px;position:absolute;inset:30px}.shape-sheet{border:1px solid var(--border-medium);background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#ffffff08 4px 5px);border-radius:4px;position:absolute;inset:0}.shape-margin{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute}.shape-margin-top{top:-22px;left:50%;transform:translate(-50%)}.shape-margin-left{top:50%;left:-28px;transform:translateY(-50%)}.shape-margin-right{top:50%;right:-28px;transform:translateY(-50%)}.shape-margin-bottom{bottom:-22px;left:50%;transform:translate(-50%)}.shape-guideline{border:1px dashed #ffffff1a;position:absolute}.shape-guideline-h{height:0;top:30px;left:0;right:0}.shape-guideline-v-left{width:0;top:0;bottom:0;left:30px}.shape-guideline-v-right{width:0;top:0;bottom:0;right:30px}.shape-tangent{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:30px;left:30px;overflow:visible}.shape-tangent:before{content:"";transform-origin:0 0;border-top:1.5px solid #6366f173;width:34px;height:0;position:absolute;top:0;left:0;transform:rotate(50deg)}.break-visual{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:300px;display:flex}.break-glass{border-radius:var(--radius-md);background:#6366f10f;border:1.5px solid #6366f133;width:100%;height:180px;position:relative;overflow:hidden}.break-glass-label{color:var(--text-muted);font-size:11px;position:absolute;bottom:10px;left:12px}.break-glass-dim{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.break-crack{width:60px;height:80px;position:absolute;top:20%;left:55%}.break-crack svg{width:100%;height:100%}.break-badge{background:var(--accent-red-soft);color:var(--accent-red);border:1px solid #ef444433;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.break-badge-dot{background:var(--accent-red);border-radius:50%;width:5px;height:5px}.break-action{align-items:center;gap:8px;width:100%;display:flex}.break-action-btn{border-radius:var(--radius-md);border:1px solid var(--border-medium);color:var(--text-secondary);background:#ffffff05;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.break-action-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.break-flow-arrow{color:var(--text-faint);margin:4px 0;font-size:16px}.break-result{border-radius:var(--radius-md);background:#22c55e0a;border:1px solid #22c55e1f;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex}.break-result-icon{background:var(--accent-green-soft);width:18px;height:18px;color:var(--accent-green);border:1px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.break-result-text{color:var(--accent-green);font-size:12px;font-weight:500}.fill-visual{width:100%;max-width:320px}.fill-sheet{aspect-ratio:4/3;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:#ffffff03;width:100%;position:relative;overflow:hidden}.fill-piece{background:#6366f114;border:1px solid #6366f133;border-radius:2px;align-items:flex-end;padding:4px 6px;display:flex;position:absolute}.fill-piece-label{font-size:9px;font-family:var(--font-mono);color:var(--text-faint)}.fill-empty{background:#6366f105;border:1.5px dashed #6366f133;border-radius:3px;justify-content:center;align-items:center;animation:3s ease-in-out infinite fillPulse;display:flex;position:absolute}.fill-empty-icon{color:#6366f14d;font-size:20px;font-weight:300}.fill-piece.waste{background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#ef44440f 3px 4px);border-color:#ef444426}.fill-legend{align-items:center;gap:16px;margin-top:12px;display:flex}.fill-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.fill-legend-color{border-radius:2px;width:10px;height:10px}.fill-legend-color.existing{background:#6366f126;border:1px solid #6366f14d}.fill-legend-color.added{background:#22c55e26;border:1px solid #22c55e4d}.fill-legend-color.waste-legend{background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ef444426 2px 3px);border:1px solid #ef444433}.fill-piece.added{background:#22c55e0f;border-style:dashed;border-color:#22c55e33}.stats-section{max-width:1280px;margin:0 auto;padding:56px 40px 0}.stats-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat-item{background:var(--bg-primary);text-align:center;padding:48px 40px;transition:background .4s}.stat-item:hover{background:var(--bg-elevated)}.stat-number{letter-spacing:-.04em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 30%,#ffffff80);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.stat-item:hover .stat-number{transform:scale(1.05)}.stat-label{color:var(--text-muted);letter-spacing:-.01em;font-size:14px}.machines-section{max-width:1280px;margin:0 auto;padding:160px 40px 0}.machines-header{grid-template-columns:1fr 1fr;align-items:start;gap:80px;margin-bottom:64px;display:grid}.machines-visual{justify-content:center;padding:40px 0;display:flex;position:relative}.machines-hub{flex-direction:column;align-items:center;gap:48px;display:flex}.machines-center{border:1.5px solid var(--accent-blue);background:var(--accent-blue-soft);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:box-shadow .4s,transform .4s;display:flex;position:relative}.machines-center:hover{transform:scale(1.08);box-shadow:0 0 40px #6366f133}.machines-center svg{width:28px;height:28px}.machines-ring{flex-wrap:wrap;justify-content:center;gap:12px;max-width:640px;display:flex}.machine-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:default;background:#ffffff05;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.machine-chip:hover{border-color:var(--accent-blue);background:var(--accent-blue-soft);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #6366f11a}.machine-chip-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;transition:box-shadow .3s}.machine-chip:hover .machine-chip-dot{box-shadow:0 0 8px #22c55e80}.machines-lines{pointer-events:none;z-index:1;position:absolute;inset:0}.dashboard-section{max-width:1280px;margin:0 auto;padding:160px 40px 0}.dashboard-showcase{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-card);margin-top:64px;overflow:hidden}.dash-header{border-bottom:1px solid var(--border-subtle);background:#ffffff04;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dash-header-title{color:var(--text-primary);font-size:13px;font-weight:600}.dash-header-live{color:var(--accent-green);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.dash-header-live-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.dash-body{grid-template-columns:1fr 340px;min-height:360px;display:grid}.dash-machines{border-right:1px solid var(--border-subtle);height:336px;padding:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.dash-machines-inner{will-change:transform}.dash-machine-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:200px 1fr 80px 90px;align-items:center;gap:16px;padding:14px 24px;transition:background .2s;display:grid}.dash-machine-row:hover{background:#ffffff05}.dash-machine-row:last-child{border-bottom:none}.dash-machine-name{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dash-machine-name .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dash-machine-progress{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.dash-machine-progress-fill{border-radius:2px;height:100%;transition:width .8s}.dash-machine-progress-fill.green{background:var(--accent-green)}.dash-machine-progress-fill.blue{background:var(--accent-blue)}.dash-machine-progress-fill.amber{background:var(--accent-amber)}.dash-machine-batch{font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.dash-machine-status{text-align:center;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.dash-machine-status.active{color:var(--accent-green);background:var(--accent-green-soft)}.dash-machine-status.queue{color:var(--accent-amber);background:var(--accent-amber-soft)}.dash-machine-status.idle{color:var(--text-faint);background:#ffffff0a}.dash-feed{padding:0}.dash-feed-header{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;font-size:11px;font-weight:600}.dash-feed-item{border-bottom:1px solid var(--border-subtle);gap:12px;padding:12px 20px;transition:background .2s;display:flex}.dash-feed-item:hover{background:#ffffff05}.dash-feed-item:last-child{border-bottom:none}.dash-feed-time{font-size:11px;font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;padding-top:1px}.dash-feed-content{color:var(--text-secondary);font-size:12px;line-height:1.5}.dash-feed-highlight{color:var(--text-primary);font-weight:500}.app-section{max-width:1280px;margin:0 auto;padding:160px 40px 0}.app-showcase{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;gap:1px;margin-top:64px;display:grid;overflow:hidden}.app-showcase-card{background:var(--bg-primary);flex-direction:column;min-height:420px;padding:48px;display:flex}.app-showcase-card-visual{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.app-showcase-card h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:16px;font-weight:600}.app-showcase-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.phone-frame{background:linear-gradient(160deg,#ffffff17 0%,#ffffff0a 50%,#ffffff05 100%);border-radius:28px;width:180px;height:350px;padding:8px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:relative;transform:perspective(800px)rotateY(-3deg)rotateX(1.5deg);box-shadow:0 1px 2px #0000004d,0 8px 20px #0003,0 24px 48px #00000040,inset 0 1px #ffffff14}.phone-frame:before{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff0f;border-radius:28px;position:absolute;inset:0}.app-showcase-card:hover .phone-frame{transform:perspective(800px)rotateY(0)rotateX(0)translateY(-4px);box-shadow:0 2px 4px #0000004d,0 16px 32px #0003,0 36px 64px #00000040,inset 0 1px #ffffff1a}.phone-notch{background:#ffffff1a;border-radius:3px;width:50px;height:5px;margin:6px auto 8px}.phone-screen{background:var(--bg-primary);border-radius:22px;flex-direction:column;height:calc(100% - 19px);display:flex;position:relative;overflow:hidden}.phone-header{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.phone-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.phone-scan-area{border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;transition:border-color .3s,background .3s;display:flex}.app-showcase-card:hover .phone-scan-area{border-color:var(--accent-blue);background:#6366f108}.phone-scan-icon{color:var(--text-faint);font-size:24px;transition:color .3s}.app-showcase-card:hover .phone-scan-icon{color:var(--accent-blue)}.phone-scan-text{color:var(--text-faint);font-size:9px}.phone-info-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.phone-info-label{color:var(--text-faint);font-size:9px}.phone-info-value{font-size:9px;font-family:var(--font-mono);color:var(--text-secondary)}.phone-btn{border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;text-align:center;padding:8px;font-size:10px;font-weight:600;transition:background .3s,transform .2s}.app-showcase-card:hover .phone-btn{background:var(--accent-blue-light)}.checklist-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);width:240px;transition:border-color .4s,box-shadow .4s;overflow:hidden}.app-showcase-card:hover .checklist-frame{border-color:var(--border-medium);box-shadow:0 8px 32px #0003}.checklist-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.checklist-header-title{color:var(--text-primary);font-size:12px;font-weight:600}.checklist-header-batch{font-size:10px;font-family:var(--font-mono);color:var(--text-faint)}.checklist-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 16px;transition:background .2s;display:flex}.checklist-item:last-child{border-bottom:none}.checklist-item:hover{background:#ffffff05}.checklist-check{border:1.5px solid var(--border-medium);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s;display:flex}.checklist-check.done{border-color:var(--accent-green);background:var(--accent-green-soft);color:var(--accent-green)}.checklist-check.active{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.checklist-check.active:after{content:"";background:var(--accent-blue);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.checklist-label{color:var(--text-secondary);font-size:12px}.checklist-label.done-label{color:var(--text-faint);text-decoration:line-through}.checklist-time{font-size:10px;font-family:var(--font-mono);color:var(--text-faint);margin-left:auto}.testimonials-section{max-width:1280px;margin:0 auto;padding:160px 40px 0}.testimonials-header{text-align:center;margin-bottom:64px}.testimonials-header h2{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:600;line-height:1.15}.testimonials-header p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.6}.testimonial-featured{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f10a 0%,#ffffff03 50%,#a78bfa08 100%);margin-bottom:20px;padding:48px;position:relative}.testimonial-featured-quote{position:relative}.testimonial-featured-quote svg{opacity:.08;width:40px;height:40px;position:absolute;top:-8px;left:-4px}.testimonial-featured-quote p{letter-spacing:-.01em;color:var(--text-primary);opacity:.9;max-width:840px;margin-bottom:32px;font-size:clamp(18px,2.2vw,24px);font-weight:400;line-height:1.55}.testimonial-author{align-items:center;gap:14px;display:flex}.testimonial-avatar{object-fit:cover;border:2px solid var(--border-medium);border-radius:50%;flex-shrink:0;width:44px;height:44px}.testimonial-author-info{flex-direction:column;gap:2px;display:flex}.testimonial-author-name{color:var(--text-primary);font-size:14px;font-weight:600}.testimonial-author-role{color:var(--text-muted);font-size:13px}.testimonial-featured-logo{letter-spacing:.02em;color:var(--text-faint);opacity:.5;font-size:14px;font-weight:700;position:absolute;bottom:48px;right:48px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testimonial-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;padding:32px;transition:border-color .3s,background .3s;display:flex}.testimonial-card:hover{border-color:var(--border-medium)}.testimonial-stars{gap:2px;margin-bottom:16px;display:flex}.testimonial-stars svg{width:14px;height:14px;fill:var(--accent-amber)}.testimonial-card-quote{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:14px;line-height:1.65}.testimonial-card .testimonial-author{gap:12px}.testimonial-card .testimonial-avatar{width:36px;height:36px;font-size:13px}.testimonial-card .testimonial-author-name{font-size:13px}.testimonial-card .testimonial-author-role{font-size:12px}.video-testimonial{width:100%;margin-top:120px;padding:0;position:relative;overflow:hidden}.video-testimonial-bg{justify-content:center;align-items:center;width:100%;height:560px;display:flex;position:relative;overflow:hidden}.video-testimonial-bg video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-testimonial-bg:before{content:"";z-index:1;background:linear-gradient(180deg, var(--bg-primary) 0%, #09090bd9 15%, #09090b99 50%, #09090bd9 85%, var(--bg-primary) 100%);position:absolute;inset:0}.video-testimonial-bg:after{content:"";z-index:1;background:radial-gradient(80% 60%,#0000 0%,#09090b66 100%);position:absolute;inset:0}.video-testimonial-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:700px;padding:0 40px;display:flex;position:relative}.video-testimonial-play{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.video-testimonial-play:before{content:"";border:1px solid #ffffff0f;border-radius:50%;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:-12px}.video-testimonial-play:hover{background:#ffffff26;border-color:#fff6;transform:scale(1.08)}.video-testimonial-play:hover:before{border-color:#ffffff1a;inset:-18px}.video-testimonial-play svg{fill:#fff;width:28px;height:28px;margin-left:3px}.video-testimonial-quote{letter-spacing:-.01em;color:#ffffffe6;font-size:clamp(18px,2.5vw,26px);font-style:italic;font-weight:400;line-height:1.5}.video-testimonial-author{align-items:center;gap:14px;display:flex}.video-testimonial-author img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:48px;height:48px}.video-testimonial-author-info{text-align:left;flex-direction:column;gap:2px;display:flex}.video-testimonial-author-name{color:var(--text-primary);font-size:15px;font-weight:600}.video-testimonial-author-role{color:var(--text-muted);font-size:13px}.video-testimonial-duration{color:var(--text-faint);align-items:center;gap:6px;margin-top:-8px;font-size:12px;display:flex}.video-testimonial-duration svg{stroke:currentColor;fill:none;width:12px;height:12px}.bottom-cta{text-align:center;max-width:1280px;margin:0 auto;padding:200px 40px 160px}.bottom-cta h2{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:40px;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.08}.bottom-cta-buttons{justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:1024px){.value-props{padding:80px 24px 0}.logo-carousel-section{padding:48px 24px 0}.feature-section{padding:100px 24px 0}.stats-section{padding:48px 24px 0}.machines-section,.dashboard-section,.app-section,.testimonials-section{padding:100px 24px 0}.bottom-cta{padding:120px 24px 100px}.feature-section-header,.machines-header{gap:40px}.hero-card-wrapper{padding:0 24px}.app-layout{height:600px}.app-sidebar{width:200px}.dash-body{grid-template-columns:1fr 280px}.dash-machine-row{grid-template-columns:160px 1fr 70px 80px;gap:12px;padding:12px 20px}.feature-card{min-height:420px}.feature-card-visual{padding:32px}.testimonial-featured{padding:36px}.testimonial-featured-logo{bottom:36px;right:36px}.video-testimonial{margin-top:80px}.video-testimonial-bg{height:480px}}@media (max-width:768px){.hero{min-height:auto;padding-top:100px;padding-bottom:48px}.hero-content{padding:0 16px}.hero-badge{margin-bottom:24px;padding:4px 12px 4px 8px;font-size:12px}.hero-subtitle{margin-bottom:28px;font-size:15px}.hero-cta{flex-direction:column;align-items:stretch}.hero-card-wrapper{margin-top:40px;padding:0 16px}.card-glow{filter:blur(40px);width:140%}.app-layout{height:540px}.app-sidebar{display:none}.orders-header{padding:12px 16px 10px}.orders-toolbar{padding:8px 16px}.order-row{grid-template-columns:1fr .6fr .6fr;padding:8px 16px}.order-row-header{padding:6px 16px}.order-type{display:none}.order-amount{font-size:12px}.dashboard-content{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:12px}.kpi-value{font-size:20px}.planning-content{padding:16px}.planning-grid{grid-template-columns:50px repeat(3,1fr)}.planning-day-header:nth-child(n+5),.planning-cell:nth-child(5n+5),.planning-cell:nth-child(5n+6){display:none}.planning-time-label{padding:12px 6px 12px 0;font-size:10px}.pp-grid-wrapper{padding:0 16px 16px}.pp-machine-cols,.pp-day-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-machine-col-header:nth-child(n+4),.pp-day-cards>:nth-child(n+4){display:none}.pp-header{padding:14px 16px 12px}.klanten-header{padding:12px 16px 10px}.klanten-grid-content{grid-template-columns:1fr;padding:12px 16px}.snij-header{padding:14px 16px 12px}.snij-controls{padding:10px 16px}.snij-controls-row{flex-wrap:wrap;gap:8px}.snij-sheet-bar{padding:8px 16px}.snij-header-right{gap:12px}.snij-canvas{padding:8px;overflow:auto hidden}.snij-sheet{min-width:700px;min-height:480px}.value-props{padding:64px 16px 0}.value-props-grid{grid-template-columns:1fr}.value-prop-card{padding:32px 24px}.value-prop-visual{min-height:160px;margin-bottom:24px}.logo-carousel-section{padding:48px 16px 0}.logo-carousel-track{gap:32px}.logo-carousel-label{margin-bottom:20px;font-size:12px}.feature-section{padding:80px 16px 0}.feature-section-header{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.feature-section-right{padding-top:0}.feature-section-right p{margin-bottom:16px;font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:360px}.feature-card-content{padding:24px 20px}.feature-card-visual{padding:24px 16px}.stock-visual{max-width:100%}.shape-visual{width:180px;height:240px}.break-visual,.fill-visual{max-width:100%}.stats-section{padding:40px 16px 0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:32px 20px}.machines-section{padding:80px 16px 0}.machines-header{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.machines-hub{gap:32px}.machines-center{width:64px;height:64px}.machines-center svg{width:22px;height:22px}.machine-chip{padding:8px 14px;font-size:12px}.dashboard-section{padding:80px 16px 0}.dash-body{grid-template-columns:1fr}.dash-machines{border-right:none;border-bottom:1px solid var(--border-subtle);height:240px}.dash-machine-row{grid-template-columns:1fr 60px 80px;gap:10px;padding:10px 16px}.dash-machine-batch{display:none}.dash-feed-item{padding:10px 16px}.app-section{padding:80px 16px 0}.app-showcase{grid-template-columns:1fr}.app-showcase-card{min-height:auto;padding:32px 20px}.app-showcase-card-visual{margin-bottom:24px}.phone-frame{width:160px;height:300px;transform:none}.app-showcase-card:hover .phone-frame{transform:translateY(-4px)}.checklist-frame{width:100%;max-width:280px}.testimonials-section{padding:80px 16px 0}.testimonials-header{margin-bottom:40px}.testimonial-featured{padding:24px 20px}.testimonial-featured-quote p{margin-bottom:24px;font-size:17px}.testimonial-featured-logo{opacity:.4;margin-top:20px;position:static}.testimonials-grid{grid-template-columns:1fr;gap:12px}.testimonial-card{padding:24px 20px}.video-testimonial{margin-top:64px}.video-testimonial-bg{height:400px}.video-testimonial-content{padding:0 20px}.video-testimonial-play{width:72px;height:72px}.video-testimonial-play svg{width:24px;height:24px}.bottom-cta{padding:80px 16px}.bottom-cta h2{margin-bottom:28px}.bottom-cta-buttons{flex-direction:column;align-items:stretch}.section-divider{padding:0 16px}}@media (max-width:480px){.hero-card-wrapper{padding:0 8px}.app-layout{height:480px}.order-row{grid-template-columns:1fr .6fr}.order-amount{display:none}.pp-machine-cols,.pp-day-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-machine-col-header:nth-child(n+3),.pp-day-cards>:nth-child(n+3){display:none}.feature-card{min-height:auto}.shape-visual{width:140px;height:200px}.stat-item{padding:24px 16px}.machine-chip{padding:6px 12px;font-size:11px}.phone-frame{width:140px;height:260px}}body:not(:has([data-page=production])){--accent-blue:#10b981;--accent-blue-soft:#10b98126;--accent-blue-light:#2dd4bf;--accent-purple:#2dd4bf;--accent-purple-soft:#2dd4bf1a}body:not(:has([data-page=production])) .hero-badge:before{background:linear-gradient(90deg,#0000,#10b98114,#0000)}body:not(:has([data-page=production])) .card-glow{background:radial-gradient(#10b98199 0%,#0d948859 25%,#10b98126 45%,#0000 65%)}body:not(:has([data-page=production])) .app-card:before{background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #10b98126, transparent 40%)}body:not(:has([data-page=production])) .pp-machine-col-header{background:#10b98114;border:1px solid #10b9811f}body:not(:has([data-page=production])) .snij-action-btn.snij-action-primary{background:#10b9810f;border-color:#10b9814d}body:not(:has([data-page=production])) .snij-action-btn.snij-action-primary:hover{background:#10b9811f;border-color:#10b98166}body:not(:has([data-page=production])) .snij-piece.accent-blue{background:#10b98114;border-color:#10b9812e}body:not(:has([data-page=production])) .snij-piece.accent-blue:hover{background:#10b98126;border-color:#10b9814d}body:not(:has([data-page=production])) .snij-piece.accent-purple{background:#2dd4bf14;border-color:#2dd4bf2e}body:not(:has([data-page=production])) .snij-piece.accent-purple:hover{background:#2dd4bf26;border-color:#2dd4bf4d}body:not(:has([data-page=production])) .vp-sheet-piece{background:#10b98114;border:1px solid #10b9812e}body:not(:has([data-page=production])) .value-prop-card:hover .vp-sheet{border-color:#10b9814d}body:not(:has([data-page=production])) .value-prop-card:hover .vp-sheet-piece{background:#10b98126;border-color:#10b9814d}body:not(:has([data-page=production])) .value-prop-card:hover .vp-workflow-node.active{box-shadow:0 0 12px #10b98166}body:not(:has([data-page=production])) .feature-card:hover .stock-row.updating{background:#10b98114}body:not(:has([data-page=production])) .feature-card:hover .stock-update-indicator{background:#10b9811a;border-color:#10b98133}body:not(:has([data-page=production])) .feature-card:hover .shape-glass{background:#10b98124;border-color:#10b98166;box-shadow:0 0 30px #10b9811f,inset 0 0 20px #10b9810f}body:not(:has([data-page=production])) .feature-card:hover .shape-guideline{border-color:#10b98140}body:not(:has([data-page=production])) .feature-card:hover .shape-margin{background:#10b98114;border-color:#10b98133}body:not(:has([data-page=production])) .feature-card:hover .fill-piece:not(.added):not(.waste){background:#10b9811f}body:not(:has([data-page=production])) .feature-card:hover .fill-empty{background:#10b9810f;border-color:#10b98166}body:not(:has([data-page=production])) .stock-row.updating{background:#10b9810a}body:not(:has([data-page=production])) .stock-update-indicator{background:#10b9810f;border:1px solid #10b9811f}body:not(:has([data-page=production])) .shape-glass{background:#10b98114;border:1.5px solid #10b98140}body:not(:has([data-page=production])) .shape-guideline-arm{border-top:1.5px solid #10b98173}body:not(:has([data-page=production])) .break-glass{background:#10b9810f;border:1.5px solid #10b98133}body:not(:has([data-page=production])) .fill-piece{background:#10b98114;border:1px solid #10b98133}body:not(:has([data-page=production])) .fill-empty{background:#10b98105;border:1.5px dashed #10b98133}body:not(:has([data-page=production])) .fill-empty-icon{color:#10b9814d}body:not(:has([data-page=production])) .fill-legend-color.existing{background:#10b98126;border:1px solid #10b9814d}body:not(:has([data-page=production])) .machines-center:hover{box-shadow:0 0 40px #10b98133}body:not(:has([data-page=production])) .machine-chip:hover{box-shadow:0 4px 16px #10b9811a}body:not(:has([data-page=production])) .app-showcase-card:hover .phone-scan-area{background:#10b98108}body:not(:has([data-page=production])) .testimonial-featured{background:linear-gradient(135deg,#10b9810a 0%,#ffffff03 50%,#2dd4bf08 100%)}body:not(:has([data-page=production])) .site-footer{--accent-blue:#10b981;--accent-blue-soft:#10b98126;--accent-blue-light:#2dd4bf}body:not(:has([data-page=production])) .bg-glow{background:radial-gradient(#10b98114 0%,#10b98105 40%,#0000 70%)}body:not(:has([data-page=production])) .footer-newsletter-strip{background:linear-gradient(135deg,#10b9810b 0%,#ffffff05 100%)}.mod-feature{padding:100px 0}.mod-feature-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.mod-feature.reverse .mod-feature-inner{direction:rtl}.mod-feature.reverse .mod-feature-inner>*{direction:ltr}.mod-feature-badge{letter-spacing:.08em;text-transform:uppercase;color:#34d399;align-items:center;gap:6px;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-flex}.mod-feature-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.mod-feature-heading{color:var(--text-primary);margin-bottom:16px;font-size:clamp(26px,3.5vw,38px);font-weight:600;line-height:1.15}.mod-feature-desc{color:var(--text-secondary);margin-bottom:28px;font-size:16px;line-height:1.6}.mod-feature-list{flex-direction:column;gap:12px;list-style:none;display:flex}.mod-feature-list li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;display:flex}.mod-feature-list li svg{stroke:#34d399;stroke-width:2.5px;fill:none;flex-shrink:0;width:16px;height:16px;margin-top:3px}.mod-feature-visual{background:linear-gradient(#131316 0%,#0f0f12 100%);border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}@media (max-width:900px){.mod-feature-inner{grid-template-columns:1fr;gap:32px}.mod-feature.reverse .mod-feature-inner{direction:ltr}}@media (max-width:600px){.mod-feature{padding:60px 0}}[data-module] .mod-feature-visual{background:radial-gradient(125% 90% at 100% 0,#10b9811a 0%,#0000 55%),linear-gradient(165deg,#131c1a 0%,#0b100f 100%);border-color:#10b98133;box-shadow:0 22px 60px #0006,0 0 60px #10b98114}.nav-dropdown-wrap{position:relative}.nav-dropdown{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);opacity:0;visibility:hidden;pointer-events:none;z-index:1001;min-width:260px;padding:8px;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;position:absolute;top:calc(100% + 25px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 24px 64px #0006,0 8px 24px #0003}.nav-dropdown.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-dropdown-icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav-dropdown-icon svg{width:17px;height:17px;stroke:var(--text-muted);stroke-width:1.8px;fill:none}.nav-dropdown-item:hover .nav-dropdown-icon{background:#ffffff14}.nav-dropdown-item:hover .nav-dropdown-icon svg{stroke:var(--text-secondary)}.nav-dropdown-item span{flex:1}.nav-dropdown-chevron{width:14px;height:14px;stroke:var(--text-muted);stroke-width:2px;fill:none;opacity:0;flex-shrink:0;transition:opacity .15s}.nav-dropdown-item:hover .nav-dropdown-chevron{opacity:1}@media (max-width:1024px){.nav-dropdown{min-width:0;box-shadow:none;background:#ffffff0d;border:none;border-radius:12px;margin-top:8px;padding:8px;display:none;position:static;transform:none}.nav-dropdown.active{opacity:1;visibility:visible;display:block;transform:none}}.pd-main{min-width:0}.pd-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:40px;font-size:13px;display:flex}.pd-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.pd-breadcrumb a:hover{color:var(--accent-emerald)}.pd-breadcrumb svg{opacity:.4}.pd-header{align-items:center;gap:24px;margin-bottom:32px;display:flex}.pd-logo{background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:10px;display:flex}.pd-logo img{object-fit:contain;max-width:100%;max-height:100%}.pd-header-text h1{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.pd-cat-badge{background:var(--accent-emerald-soft);color:var(--accent-emerald);border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pd-intro{color:var(--text-secondary);max-width:800px;margin-bottom:48px;font-size:18px;line-height:1.7}.pd-content-wrap{grid-template-columns:1fr 340px;align-items:start;gap:64px;max-width:1280px;margin:0 auto;padding:140px 40px 80px;display:grid}.pd-content{max-width:800px}.pd-content h2{color:var(--text-primary);letter-spacing:-.02em;margin:40px 0 16px;font-size:24px;font-weight:600}.pd-content h2:first-child{margin-top:0}.pd-content h3{color:var(--text-primary);margin:32px 0 12px;font-size:18px;font-weight:600}.pd-content p{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.7}.pd-content ul,.pd-content ol{margin-bottom:16px;padding-left:24px}.pd-content li{color:var(--text-secondary);margin-bottom:8px;font-size:16px;line-height:1.7}.pd-content strong{color:var(--text-primary)}.pd-sidebar{position:sticky;top:100px}.pd-sidebar-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px}.pd-sidebar-title{color:var(--text-primary);margin-bottom:20px;font-size:15px;font-weight:600}.pd-sidebar-btn{text-align:center;border-radius:var(--radius-md);width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;margin-bottom:10px;padding:12px;text-decoration:none;transition:all .2s;display:block}.pd-sidebar-btn.primary{background:var(--accent-emerald);color:#000;border:none}.pd-sidebar-btn.primary:hover{filter:brightness(1.1)}.pd-sidebar-btn.secondary{color:var(--text-secondary);border:1px solid var(--border-medium);background:0 0}.pd-sidebar-btn.secondary:hover{border-color:var(--border-strong);color:var(--text-primary)}.pd-sidebar-divider{background:var(--border-subtle);height:1px;margin:20px 0}.pd-sidebar-info{color:var(--text-muted);font-size:13px;line-height:1.6}.pd-sidebar-info strong{color:var(--text-secondary);margin-bottom:4px;display:block}.pd-related{max-width:1280px;margin:0 auto;padding:0 40px 80px}.pd-related-header{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-top:48px;padding-bottom:16px;display:flex}.pd-related-title{color:var(--text-primary);font-size:20px;font-weight:600}.pd-related-link{color:var(--accent-emerald);font-size:14px;font-weight:500;text-decoration:none}.pd-related-link:hover{text-decoration:underline}.pd-related-grid{background:var(--border-subtle);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;display:grid;overflow:hidden}.pd-related-card{background:var(--bg-primary);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;text-decoration:none;transition:background .2s;display:flex}.pd-related-card:hover{background:var(--bg-elevated)}.pd-related-logo{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;padding:6px;display:flex}.pd-related-logo img{object-fit:contain;max-width:100%;max-height:100%}.pd-related-name{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:500}@media (max-width:960px){.pd-content-wrap{grid-template-columns:1fr;gap:40px}.pd-sidebar{position:static}}@media (max-width:768px){.pd-content-wrap{padding:120px 20px 60px}.pd-related{padding:0 20px 60px}.pd-header{gap:16px}.pd-logo{width:56px;height:56px}.pd-related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.pi-page .hero{min-height:auto}.pi-search-wrap{max-width:480px;margin:0 auto 32px;position:relative}.pi-search{border:1px solid var(--border-medium);background:var(--bg-elevated);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);border-radius:12px;outline:none;padding:14px 20px 14px 48px;transition:border-color .2s,box-shadow .2s}.pi-search:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #10b9811a}.pi-search::placeholder{color:var(--text-muted)}.pi-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pi-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pi-tab{border:1px solid var(--border-subtle);color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;transition:all .2s;display:inline-flex}.pi-tab:hover{border-color:var(--border-medium);color:var(--text-secondary);background:var(--bg-hover)}.pi-tab.active{background:var(--accent-emerald-soft);color:var(--accent-emerald);border-color:#10b98140}.pi-tab-count{opacity:.7;font-size:11px;font-weight:600}.pi-categories{max-width:1280px;margin:0 auto;padding:24px 40px 0}.pi-category{margin-bottom:80px}.pi-category.hidden{display:none}.pi-category-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.pi-category-count{display:none}.pi-category-title{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:600}.pi-category-desc{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.5}.pi-grid{border-radius:var(--radius-xl);z-index:1;background:#09090b;border:1px solid #1c1c20;grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.pi-card{background:#09090b;border-bottom:1px solid #1c1c20;border-right:1px solid #1c1c20;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:background .2s;display:flex;position:relative}.pi-card:hover{background:#0f0f12}.pi-card-logo{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:6px;display:flex}.pi-card-logo img{object-fit:contain;max-width:100%;max-height:100%}.pi-card-info{flex:1;min-width:0}.pi-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.pi-card-cat{color:var(--text-muted);font-size:12px}.pi-card-arrow{color:#333;flex-shrink:0;transition:color .2s,transform .2s}.pi-card:hover .pi-card-arrow{color:var(--accent-emerald);transform:translate(2px)}.pi-card.hidden{display:none}.pi-no-results{text-align:center;color:var(--text-muted);padding:80px 40px;font-size:16px;display:none}.pi-no-results.visible{display:block}@media (max-width:1024px){.pi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pi-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.pi-tab{white-space:nowrap}.pi-categories{padding:48px 20px 0}.pi-grid{grid-template-columns:1fr}.pi-card{padding:16px 20px}}[data-module=orderverwerking] .hero-content{max-width:960px}[data-module=orderverwerking] .ov-detail{padding:14px 28px}[data-module=orderverwerking] .ov-detail-top{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}[data-module=orderverwerking] .ov-order-num{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=orderverwerking] .ov-badge{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}[data-module=orderverwerking] .ov-badge.green{color:#34d399;background:#10b98126}[data-module=orderverwerking] .ov-badge.amber{color:#fbbf24;background:#f59e0b26}[data-module=orderverwerking] .ov-badge.blue{color:#818cf8;background:#6366f126}[data-module=orderverwerking] .ov-detail-top-actions{gap:6px;margin-left:auto;display:flex}[data-module=orderverwerking] .ov-action-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;display:flex}[data-module=orderverwerking] .ov-action-btn.primary{color:#34d399;background:#10b9811f;border-color:#10b98140}[data-module=orderverwerking] .ov-customer-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;gap:20px;margin-bottom:14px;padding:10px 12px;display:flex}[data-module=orderverwerking] .ov-customer-field{flex-direction:column;gap:2px;display:flex}[data-module=orderverwerking] .ov-customer-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:9px}[data-module=orderverwerking] .ov-customer-value{color:var(--text-secondary);font-size:11.5px}[data-module=orderverwerking] .ov-lines-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 90px 60px 70px;gap:8px;padding:6px 10px;font-size:9.5px;display:grid}[data-module=orderverwerking] .ov-line{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr 90px 60px 70px;gap:8px;padding:7px 10px;font-size:11px;display:grid}[data-module=orderverwerking] .ov-line:last-child{border-bottom:none}[data-module=orderverwerking] .ov-line-product{flex-direction:column;gap:1px;display:flex}[data-module=orderverwerking] .ov-line-product-name{color:var(--text-primary);font-size:11px}[data-module=orderverwerking] .ov-line-product-spec{color:var(--text-faint);font-size:9.5px}[data-module=orderverwerking] .ov-line-amount{text-align:right}[data-module=orderverwerking] .ov-summary{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;margin-top:12px;padding:10px 12px}[data-module=orderverwerking] .ov-summary-row{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}[data-module=orderverwerking] .ov-summary-row.total{color:var(--text-primary);border-top:1px solid #10b98126;margin-top:4px;padding-top:6px;font-size:12px;font-weight:600}[data-module=orderverwerking] .ov-timeline{flex-direction:column;gap:0;padding:8px 12px;display:flex}[data-module=orderverwerking] .ov-timeline-item{align-items:flex-start;gap:10px;padding:6px 0;display:flex;position:relative}[data-module=orderverwerking] .ov-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}[data-module=orderverwerking] .ov-timeline-dot{z-index:1;background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}[data-module=orderverwerking] .ov-timeline-dot.done{background:#10b9814d;border-color:#10b98199}[data-module=orderverwerking] .ov-timeline-dot.active{background:#10b98180;border-color:#34d399;box-shadow:0 0 8px #10b98166}[data-module=orderverwerking] .ov-timeline-connector{background:#ffffff0f;flex-shrink:0;width:1.5px;height:14px}[data-module=orderverwerking] .ov-timeline-connector.done{background:#10b9814d}[data-module=orderverwerking] .ov-timeline-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}[data-module=orderverwerking] .ov-timeline-label{color:var(--text-muted);font-size:11px}[data-module=orderverwerking] .ov-timeline-label.done{color:var(--text-secondary)}[data-module=orderverwerking] .ov-timeline-label.active{color:#34d399;font-weight:500}[data-module=orderverwerking] .ov-timeline-meta{color:var(--text-faint);font-size:9.5px}[data-module=orderverwerking] .ov-timeline-meta.active{color:#10b981b3}[data-module=orderverwerking] .ov-glass-stack{flex-direction:column;align-items:center;gap:0;padding:10px 16px;display:flex}[data-module=orderverwerking] .ov-glass-layer{width:100%;height:18px;color:var(--text-muted);background:#10b9810f;border:1px solid #10b98126;justify-content:space-between;align-items:center;padding:0 10px;font-size:9px;display:flex}[data-module=orderverwerking] .ov-glass-layer:first-child{border-radius:6px 6px 0 0}[data-module=orderverwerking] .ov-glass-layer:last-child{border-radius:0 0 6px 6px}[data-module=orderverwerking] .ov-glass-spacer{color:#f59e0b99;letter-spacing:.05em;background:repeating-linear-gradient(90deg,#f59e0b1a 0 4px,#0000 4px 8px);border-left:1px solid #f59e0b33;border-right:1px solid #f59e0b33;justify-content:center;align-items:center;width:100%;height:12px;font-size:8px;display:flex}[data-module=orderverwerking] .ov-glass-label-left{font-size:9px}[data-module=orderverwerking] .ov-glass-label-right{color:var(--text-faint);font-size:8.5px}[data-module=orderverwerking] .ov-glass-dim{text-align:center;color:var(--text-faint);background:#ffffff08;border:1px dashed #ffffff14;border-radius:4px;margin-top:8px;padding:3px 10px;font-size:10px}[data-module=orderverwerking] .ov-invoice{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:12px 14px}[data-module=orderverwerking] .ov-invoice-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}[data-module=orderverwerking] .ov-invoice-title{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=orderverwerking] .ov-invoice-num{color:var(--text-faint);font-size:9.5px}[data-module=orderverwerking] .ov-invoice-line{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:10.5px;display:flex}[data-module=orderverwerking] .ov-invoice-line.discount{color:#10b981cc}[data-module=orderverwerking] .ov-invoice-divider{background:#ffffff0f;height:1px;margin:6px 0}[data-module=orderverwerking] .ov-invoice-total{color:var(--text-primary);justify-content:space-between;padding:4px 0;font-size:12px;font-weight:600;display:flex}[data-module=orderverwerking] .ov-kanban{grid-template-columns:repeat(4,1fr);gap:6px;height:100%;padding:10px;display:grid}[data-module=orderverwerking] .ov-kanban-col{flex-direction:column;gap:4px;display:flex}[data-module=orderverwerking] .ov-kanban-col-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);text-align:center;border-bottom:2px solid #ffffff0f;margin-bottom:2px;padding:4px 6px;font-size:8.5px;font-weight:600}[data-module=orderverwerking] .ov-kanban-col-header.green{color:#10b981b3;border-color:#10b98166}[data-module=orderverwerking] .ov-kanban-col-header.blue{color:#6366f1b3;border-color:#6366f166}[data-module=orderverwerking] .ov-kanban-col-header.amber{color:#f59e0bb3;border-color:#f59e0b66}[data-module=orderverwerking] .ov-kanban-col-header.purple{color:#a78bfab3;border-color:#a78bfa66}[data-module=orderverwerking] .ov-kanban-card{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:5px 6px;font-size:8.5px;line-height:1.3}[data-module=orderverwerking] .ov-kanban-card-id{color:var(--text-secondary);font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-kanban-card-customer{color:var(--text-faint);font-size:8px}[data-module=orderverwerking] .ov-channels{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:16px;display:flex}[data-module=orderverwerking] .ov-channels-sources{align-items:center;gap:12px;display:flex}[data-module=orderverwerking] .ov-channel-source{flex-direction:column;align-items:center;gap:4px;display:flex}[data-module=orderverwerking] .ov-channel-icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=orderverwerking] .ov-channel-icon svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}[data-module=orderverwerking] .ov-channel-label{color:var(--text-faint);text-align:center;font-size:7.5px}[data-module=orderverwerking] .ov-channels-arrows{color:#10b98166;align-items:center;gap:6px;font-size:12px;display:flex}[data-module=orderverwerking] .ov-channels-arrow-line{background:#10b9814d;width:20px;height:1px}[data-module=orderverwerking] .ov-channels-center{background:#10b98114;border:1.5px solid #10b98140;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 20px #10b9811a}[data-module=orderverwerking] .ov-channels-center svg{stroke:#34d399;fill:none;stroke-width:1.8px;width:18px;height:18px}[data-module=orderverwerking] .ov-channels-center-label{color:#10b981b3;letter-spacing:.05em;margin-top:2px;font-size:8.5px;font-weight:600}[data-module=orderverwerking] .ov-doc-stack{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative}[data-module=orderverwerking] .ov-doc-page{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;padding:10px 12px;position:absolute}[data-module=orderverwerking] .ov-doc-page.back-2{opacity:.4;width:68%;height:78%;transform:rotate(-3deg)translate(-4px,6px)}[data-module=orderverwerking] .ov-doc-page.back-1{opacity:.6;width:70%;height:80%;transform:rotate(-1deg)translate(-2px,3px)}[data-module=orderverwerking] .ov-doc-page.front{z-index:1;background:#ffffff0a;border-color:#10b98126;width:72%;position:relative}[data-module=orderverwerking] .ov-doc-type{text-transform:uppercase;letter-spacing:.06em;color:#10b981b3;margin-bottom:6px;font-size:8px;font-weight:600}[data-module=orderverwerking] .ov-doc-title{color:var(--text-primary);margin-bottom:2px;font-size:10.5px;font-weight:600}[data-module=orderverwerking] .ov-doc-subtitle{color:var(--text-faint);margin-bottom:8px;font-size:8.5px}[data-module=orderverwerking] .ov-doc-line-placeholder{background:#ffffff0d;border-radius:2px;height:3px;margin-bottom:4px}[data-module=orderverwerking] .ov-doc-line-placeholder.short{width:60%}[data-module=orderverwerking] .ov-doc-line-placeholder.medium{width:80%}[data-module=orderverwerking] .ov-doc-total-placeholder{border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:8px;padding-top:6px;font-size:9.5px;display:flex}[data-module=orderverwerking] .ov-doc-total-label{color:var(--text-faint)}[data-module=orderverwerking] .ov-doc-total-amount{color:var(--text-primary);font-weight:600}[data-module=orderverwerking] .ov-doc-badge{z-index:2;color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;padding:2px 7px;font-size:7.5px;font-weight:600;position:absolute;top:-6px;right:-6px}[data-module=orderverwerking] .ov-chat{flex-direction:column;gap:6px;padding:10px 12px;display:flex}[data-module=orderverwerking] .ov-chat-msg{border-radius:8px;max-width:85%;padding:6px 10px;font-size:9.5px;line-height:1.4}[data-module=orderverwerking] .ov-chat-msg.internal{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-bottom-left-radius:2px;align-self:flex-start}[data-module=orderverwerking] .ov-chat-msg.external{color:#10b981e6;background:#10b98114;border:1px solid #10b98126;border-bottom-right-radius:2px;align-self:flex-end}[data-module=orderverwerking] .ov-chat-msg.system{color:#f59e0bb3;text-align:center;background:#f59e0b0f;border:1px solid #f59e0b1a;align-self:center;max-width:100%;font-size:8.5px}[data-module=orderverwerking] .ov-chat-meta{color:var(--text-faint);margin-top:2px;font-size:7.5px}[data-module=orderverwerking] .ov-chat-msg.external .ov-chat-meta{text-align:right}[data-module=orderverwerking] .ov-chat-attachment{color:var(--text-faint);background:#ffffff08;border-radius:4px;align-items:center;gap:4px;margin-top:3px;padding:3px 6px;font-size:8px;display:flex}[data-module=orderverwerking] .ov-chat-attachment svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=orderverwerking] .ov-configurator-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:12px;display:flex}[data-module=orderverwerking] .ov-configurator-tab{color:var(--text-faint);cursor:default;border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-module=orderverwerking] .ov-configurator-tab.active{color:#34d399;border-color:#10b98180}[data-module=orderverwerking] .ov-config-section{margin-bottom:10px}[data-module=orderverwerking] .ov-config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-config-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:8px;margin-bottom:3px;padding:5px 8px;display:flex}[data-module=orderverwerking] .ov-config-row.selected{background:#10b9810f;border-color:#10b98126}[data-module=orderverwerking] .ov-config-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-module=orderverwerking] .ov-config-dot.glass{background:#10b98199}[data-module=orderverwerking] .ov-config-dot.gas{background:#f59e0b99}[data-module=orderverwerking] .ov-config-dot.coating{background:#6366f199}[data-module=orderverwerking] .ov-config-name{color:var(--text-secondary);flex:1;font-size:10px}[data-module=orderverwerking] .ov-config-value{color:var(--text-faint);font-size:9.5px}[data-module=orderverwerking] .ov-config-dims{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px;display:grid}[data-module=orderverwerking] .ov-config-dim{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;padding:5px 8px}[data-module=orderverwerking] .ov-config-dim-label{color:var(--text-faint);text-transform:uppercase;font-size:8px}[data-module=orderverwerking] .ov-config-dim-val{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=orderverwerking] .ov-config-price-bar{background:#10b9810d;border:1px solid #10b9811f;border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;display:flex}[data-module=orderverwerking] .ov-config-price-label{color:var(--text-muted);font-size:10px}[data-module=orderverwerking] .ov-config-price-val{color:#34d399;font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-calc{padding:20px}[data-module=orderverwerking] .ov-calc-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}[data-module=orderverwerking] .ov-calc-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-calc-order{color:var(--text-faint);font-size:11px}[data-module=orderverwerking] .ov-calc-rows{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-calc-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:1fr 80px 70px;align-items:center;gap:8px;padding:8px 10px;display:grid}[data-module=orderverwerking] .ov-calc-row.highlight{background:#10b9810a;border-color:#10b9811f}[data-module=orderverwerking] .ov-calc-product{color:var(--text-secondary);font-size:12px}[data-module=orderverwerking] .ov-calc-product-sub{color:var(--text-faint);font-size:10px}[data-module=orderverwerking] .ov-calc-qty{color:var(--text-muted);text-align:center;font-size:11px}[data-module=orderverwerking] .ov-calc-price{color:var(--text-primary);text-align:right;font-size:12px;font-weight:500}[data-module=orderverwerking] .ov-calc-divider{background:#ffffff0f;height:1px;margin:4px 0}[data-module=orderverwerking] .ov-calc-discount{color:#10b981cc;justify-content:space-between;padding:6px 10px;font-size:11.5px;display:flex}[data-module=orderverwerking] .ov-calc-subtotals{margin-top:8px}[data-module=orderverwerking] .ov-calc-sub-row{color:var(--text-muted);justify-content:space-between;padding:4px 10px;font-size:11.5px;display:flex}[data-module=orderverwerking] .ov-calc-total-row{color:var(--text-primary);background:#10b9810f;border:1px solid #10b98126;border-radius:8px;justify-content:space-between;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}[data-module=orderverwerking] .ov-calc-uval{color:var(--text-faint);border:1px dashed #ffffff0f;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;font-size:10.5px;display:flex}[data-module=orderverwerking] .ov-calc-uval-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-intake{padding:20px}[data-module=orderverwerking] .ov-intake-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-intake-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-intake-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-intake-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:7px 14px;font-size:10.5px}[data-module=orderverwerking] .ov-intake-tab.active{color:#34d399;border-color:#10b98180}[data-module=orderverwerking] .ov-intake-form{flex-direction:column;gap:10px;display:flex}[data-module=orderverwerking] .ov-intake-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-module=orderverwerking] .ov-intake-field{flex-direction:column;gap:3px;display:flex}[data-module=orderverwerking] .ov-intake-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:9px}[data-module=orderverwerking] .ov-intake-input{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:7px 10px;font-size:11.5px}[data-module=orderverwerking] .ov-intake-input.filled{border-color:#10b98133}[data-module=orderverwerking] .ov-intake-glass-preview{background:#10b98108;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:16px;margin-top:8px;padding:14px;display:flex}[data-module=orderverwerking] .ov-intake-glass-layers{flex-shrink:0;align-items:center;gap:2px;display:flex}[data-module=orderverwerking] .ov-intake-glass-pane{background:#10b9814d;border:1px solid #10b98180;border-radius:2px;width:6px}[data-module=orderverwerking] .ov-intake-glass-pane.outer{height:40px}[data-module=orderverwerking] .ov-intake-glass-pane.inner{height:36px}[data-module=orderverwerking] .ov-intake-glass-gap{color:#f59e0b80;background:repeating-linear-gradient(90deg,#f59e0b14 0 2px,#0000 2px 4px);justify-content:center;align-items:center;width:10px;height:36px;font-size:6px;display:flex}[data-module=orderverwerking] .ov-intake-glass-info{flex-direction:column;gap:2px;display:flex}[data-module=orderverwerking] .ov-intake-glass-name{color:var(--text-primary);font-size:11px;font-weight:500}[data-module=orderverwerking] .ov-intake-glass-spec{color:var(--text-faint);font-size:9.5px}[data-module=orderverwerking] .ov-intake-add-btn{text-align:center;color:#10b981b3;cursor:default;background:#10b98105;border:1px dashed #10b98133;border-radius:6px;margin-top:6px;padding:7px;font-size:11px}[data-module=orderverwerking] .ov-offerte{padding:0;overflow:hidden}[data-module=orderverwerking] .ov-offerte-topbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}[data-module=orderverwerking] .ov-offerte-topbar-left{align-items:center;gap:10px;display:flex}[data-module=orderverwerking] .ov-offerte-topbar-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=orderverwerking] .ov-offerte-status{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-offerte-status.sent{color:#818cf8;background:#6366f126}[data-module=orderverwerking] .ov-offerte-status.signed{color:#34d399;background:#10b98126}[data-module=orderverwerking] .ov-offerte-actions{gap:6px;display:flex}[data-module=orderverwerking] .ov-offerte-action{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;display:flex}[data-module=orderverwerking] .ov-offerte-action.primary{color:#34d399;background:#10b98126;border-color:#10b98140}[data-module=orderverwerking] .ov-offerte-body{padding:20px}[data-module=orderverwerking] .ov-offerte-doc{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin-bottom:14px;padding:16px 18px}[data-module=orderverwerking] .ov-offerte-doc-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;display:flex}[data-module=orderverwerking] .ov-offerte-doc-logo{color:var(--text-primary);letter-spacing:-.02em;font-size:14px;font-weight:700}[data-module=orderverwerking] .ov-offerte-doc-num{color:var(--text-faint);font-size:10px}[data-module=orderverwerking] .ov-offerte-doc-meta{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:10.5px;display:grid}[data-module=orderverwerking] .ov-offerte-doc-meta-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8.5px}[data-module=orderverwerking] .ov-offerte-doc-meta-val{color:var(--text-secondary)}[data-module=orderverwerking] .ov-offerte-doc-lines{margin-bottom:12px}[data-module=orderverwerking] .ov-offerte-doc-line{color:var(--text-muted);border-bottom:1px solid #ffffff08;justify-content:space-between;padding:4px 0;font-size:10.5px;display:flex}[data-module=orderverwerking] .ov-offerte-doc-total{color:var(--text-primary);border-top:1px solid #ffffff14;justify-content:space-between;padding:8px 0;font-size:12.5px;font-weight:600;display:flex}[data-module=orderverwerking] .ov-offerte-signature{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}[data-module=orderverwerking] .ov-offerte-sig-icon{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=orderverwerking] .ov-offerte-sig-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:14px;height:14px}[data-module=orderverwerking] .ov-offerte-sig-text{color:#34d399;font-size:10.5px}[data-module=orderverwerking] .ov-offerte-sig-date{color:var(--text-faint);font-size:9px}[data-module=orderverwerking] .ov-factuur{padding:20px}[data-module=orderverwerking] .ov-factuur-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-factuur-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-factuur-filter{color:var(--text-muted);border:1px solid #ffffff14;border-radius:5px;padding:4px 10px;font-size:10px}[data-module=orderverwerking] .ov-factuur-cards{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-factuur-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px}[data-module=orderverwerking] .ov-factuur-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=orderverwerking] .ov-factuur-card-id{color:var(--text-primary);font-size:11.5px;font-weight:600}[data-module=orderverwerking] .ov-factuur-card-customer{color:var(--text-faint);font-size:10px}[data-module=orderverwerking] .ov-factuur-card-amount{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=orderverwerking] .ov-factuur-card-status{border-radius:8px;padding:2px 7px;font-size:8.5px;font-weight:600}[data-module=orderverwerking] .ov-factuur-card-status.paid{color:#34d399;background:#10b98126}[data-module=orderverwerking] .ov-factuur-card-status.partial{color:#fbbf24;background:#f59e0b26}[data-module=orderverwerking] .ov-factuur-card-status.sent{color:#818cf8;background:#6366f126}[data-module=orderverwerking] .ov-factuur-card-status.overdue{color:#f87171;background:#ef444426}[data-module=orderverwerking] .ov-factuur-progress{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}[data-module=orderverwerking] .ov-factuur-progress-fill{border-radius:2px;height:100%}[data-module=orderverwerking] .ov-factuur-progress-fill.green{background:#10b981}[data-module=orderverwerking] .ov-factuur-progress-fill.amber{background:#f59e0b}[data-module=orderverwerking] .ov-factuur-progress-fill.blue{background:#6366f1}[data-module=orderverwerking] .ov-factuur-card-terms{gap:6px;margin-top:6px;display:flex}[data-module=orderverwerking] .ov-factuur-term{text-align:center;color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;flex:1;padding:4px;font-size:8px}[data-module=orderverwerking] .ov-factuur-term.done{color:#10b981b3;background:#10b9810f;border-color:#10b98126}[data-module=orderverwerking] .ov-factuur-term.active{color:#f59e0bb3;background:#f59e0b0f;border-color:#f59e0b26}[data-module=orderverwerking] .ov-factuur-verzamel{color:#10b981b3;background:#10b98108;border:1px dashed #10b98126;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}[data-module=orderverwerking] .ov-factuur-verzamel-count{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-proces{padding:20px}[data-module=orderverwerking] .ov-proces-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-proces-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-proces-pipeline{gap:6px;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-proces-stage{text-align:center;flex:1}[data-module=orderverwerking] .ov-proces-stage-header{text-transform:uppercase;letter-spacing:.05em;border-radius:4px 4px 0 0;padding:5px 4px;font-size:8px;font-weight:600}[data-module=orderverwerking] .ov-proces-stage-header.blue{color:#6366f1b3;background:#6366f11a}[data-module=orderverwerking] .ov-proces-stage-header.amber{color:#f59e0bb3;background:#f59e0b1a}[data-module=orderverwerking] .ov-proces-stage-header.green{color:#10b981b3;background:#10b9811a}[data-module=orderverwerking] .ov-proces-stage-header.purple{color:#a78bfab3;background:#a78bfa1a}[data-module=orderverwerking] .ov-proces-stage-body{flex-direction:column;gap:4px;min-height:60px;padding:6px 4px;display:flex}[data-module=orderverwerking] .ov-proces-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:5px 6px}[data-module=orderverwerking] .ov-proces-card-id{color:var(--text-secondary);font-size:9px;font-weight:600}[data-module=orderverwerking] .ov-proces-card-name{color:var(--text-faint);font-size:7.5px}[data-module=orderverwerking] .ov-proces-notifications{flex-direction:column;gap:6px;display:flex}[data-module=orderverwerking] .ov-proces-notif{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}[data-module=orderverwerking] .ov-proces-notif-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}[data-module=orderverwerking] .ov-proces-notif-dot.green{background:#10b981}[data-module=orderverwerking] .ov-proces-notif-dot.blue{background:#6366f1}[data-module=orderverwerking] .ov-proces-notif-dot.amber{background:#f59e0b}[data-module=orderverwerking] .ov-proces-notif-text{color:var(--text-muted);font-size:10.5px;line-height:1.4}[data-module=orderverwerking] .ov-proces-notif-time{color:var(--text-faint);margin-top:2px;font-size:8.5px}[data-module=orderverwerking] .ov-glasprod{padding:20px}[data-module=orderverwerking] .ov-glasprod-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-glasprod-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-glasprod-count{color:var(--text-faint);font-size:10px}[data-module=orderverwerking] .ov-glasprod-search{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 10px;font-size:11px;display:flex}[data-module=orderverwerking] .ov-glasprod-search svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=orderverwerking] .ov-glasprod-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=orderverwerking] .ov-glasprod-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}[data-module=orderverwerking] .ov-glasprod-item.selected{background:#10b9810f;border-color:#10b98126}[data-module=orderverwerking] .ov-glasprod-swatch{border-radius:4px;flex-shrink:0;width:24px;height:24px}[data-module=orderverwerking] .ov-glasprod-swatch.clear{background:linear-gradient(135deg,#c8e6ff4d,#c8e6ff1a);border:1px solid #c8e6ff33}[data-module=orderverwerking] .ov-glasprod-swatch.tinted{background:linear-gradient(135deg,#78b48c66,#78b48c26);border:1px solid #78b48c4d}[data-module=orderverwerking] .ov-glasprod-swatch.frosted{background:linear-gradient(135deg,#fff3,#ffffff0f);border:1px solid #ffffff26}[data-module=orderverwerking] .ov-glasprod-swatch.lami{background:linear-gradient(135deg,#c8c8ff4d,#c8c8ff1a);border:1px solid #c8c8ff33}[data-module=orderverwerking] .ov-glasprod-swatch.ral{border:1px solid #ffffff26}[data-module=orderverwerking] .ov-glasprod-name{color:var(--text-secondary);font-size:11.5px}[data-module=orderverwerking] .ov-glasprod-spec{color:var(--text-faint);font-size:9px}[data-module=orderverwerking] .ov-glasprod-tags{gap:4px;display:flex}[data-module=orderverwerking] .ov-glasprod-tag{letter-spacing:.03em;border-radius:3px;padding:2px 5px;font-size:7.5px;font-weight:600}[data-module=orderverwerking] .ov-glasprod-tag.esg{color:#34d399;background:#10b9811f}[data-module=orderverwerking] .ov-glasprod-tag.pvb{color:#818cf8;background:#6366f11f}[data-module=orderverwerking] .ov-glasprod-tag.iso{color:#fbbf24;background:#f59e0b1f}[data-module=orderverwerking] .ov-glasprod-tag.dxf{color:#f87171;background:#ef44441f}[data-module=orderverwerking] .ov-glasprod-dims{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;gap:12px;padding:10px 12px;display:flex}[data-module=orderverwerking] .ov-glasprod-dim{flex-direction:column;gap:1px;display:flex}[data-module=orderverwerking] .ov-glasprod-dim-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:8px}[data-module=orderverwerking] .ov-glasprod-dim-val{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=orderverwerking] .ov-docs{padding:20px}[data-module=orderverwerking] .ov-docs-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=orderverwerking] .ov-docs-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=orderverwerking] .ov-docs-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=orderverwerking] .ov-docs-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=orderverwerking] .ov-docs-item.generated{border-color:#10b98126}[data-module=orderverwerking] .ov-docs-icon{letter-spacing:.03em;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:8px;font-weight:700;display:flex}[data-module=orderverwerking] .ov-docs-icon.pdf{color:#f87171;background:#ef444426}[data-module=orderverwerking] .ov-docs-icon.mail{color:#818cf8;background:#6366f126}[data-module=orderverwerking] .ov-docs-icon.link{color:#34d399;background:#10b98126}[data-module=orderverwerking] .ov-docs-item-info{flex:1}[data-module=orderverwerking] .ov-docs-item-name{color:var(--text-secondary);font-size:11px;font-weight:500}[data-module=orderverwerking] .ov-docs-item-meta{color:var(--text-faint);font-size:9px}[data-module=orderverwerking] .ov-docs-item-status{border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}[data-module=orderverwerking] .ov-docs-item-status.sent{color:#34d399;background:#10b9811f}[data-module=orderverwerking] .ov-docs-item-status.draft{color:var(--text-faint);background:#ffffff0f}[data-module=orderverwerking] .ov-docs-item-status.auto{color:#818cf8;background:#6366f11f}[data-module=orderverwerking] .ov-docs-divider{background:#ffffff0d;height:1px;margin:4px 0}[data-module=orderverwerking] .ov-docs-comment{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:8px 10px}[data-module=orderverwerking] .ov-docs-comment-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-module=orderverwerking] .ov-docs-comment-author{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=orderverwerking] .ov-docs-comment-time{color:var(--text-faint);font-size:8.5px}[data-module=orderverwerking] .ov-docs-comment-text{color:var(--text-muted);font-size:10px;line-height:1.4}[data-module=orderverwerking] .ov-docs-comment-badge{border-radius:3px;margin-left:6px;padding:1px 5px;font-size:7.5px;font-weight:600;display:inline-block}[data-module=orderverwerking] .ov-docs-comment-badge.intern{color:#fbbf24;background:#f59e0b1f}[data-module=orderverwerking] .ov-docs-comment-badge.extern{color:#34d399;background:#10b9811f}@keyframes crmPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=crm] .hero-content{max-width:960px}[data-module=crm] .crm-profile{flex-direction:column;height:100%;display:flex}[data-module=crm] .crm-profile-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 28px 14px;display:flex}[data-module=crm] .crm-profile-title{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=crm] .crm-add-btn{border-radius:var(--radius-sm);color:#fff;background:#10b981;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}[data-module=crm] .crm-profile-tabs{border-bottom:1px solid #ffffff0f;gap:0;padding:0 28px;display:flex}[data-module=crm] .crm-tab{color:var(--text-faint);cursor:default;border-bottom:2px solid #0000;padding:10px 16px;font-size:11px;font-weight:500}[data-module=crm] .crm-tab.active{color:#34d399;border-bottom-color:#10b981}[data-module=crm] .crm-profile-content{flex:1;padding:20px 28px;overflow:hidden}[data-module=crm] .crm-customer-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:16px;padding:16px 20px}[data-module=crm] .crm-customer-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}[data-module=crm] .crm-customer-avatar{color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}[data-module=crm] .crm-customer-name{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=crm] .crm-customer-id{color:var(--text-faint);font-size:10px}[data-module=crm] .crm-customer-status{color:#34d399;background:#10b9811f;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:9px;font-weight:600}[data-module=crm] .crm-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-module=crm] .crm-detail-item{flex-direction:column;gap:2px;display:flex}[data-module=crm] .crm-detail-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:9px}[data-module=crm] .crm-detail-value{color:var(--text-secondary);font-size:11px}[data-module=crm] .crm-finance-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}[data-module=crm] .crm-finance-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:10px 12px}[data-module=crm] .crm-finance-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8px}[data-module=crm] .crm-finance-value{color:var(--text-primary);margin-top:4px;font-size:13px;font-weight:600}[data-module=crm] .crm-finance-sub{color:var(--text-faint);font-size:9px}[data-module=crm] .crm-contacts-section{margin-top:16px}[data-module=crm] .crm-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;font-size:9px;font-weight:600}[data-module=crm] .crm-contacts-grid{gap:8px;display:flex}[data-module=crm] .crm-contact{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-module=crm] .crm-contact-avatar{width:28px;height:28px;color:var(--text-muted);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}[data-module=crm] .crm-contact-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=crm] .crm-contact-role{color:var(--text-faint);font-size:9px}[data-module=crm] .crm-orders-section{margin-top:14px}[data-module=crm] .crm-orders-table{width:100%}[data-module=crm] .crm-orders-table-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid #ffffff0d;grid-template-columns:80px 1fr 90px 70px;gap:8px;padding:6px 10px;font-size:8px;font-weight:600;display:grid}[data-module=crm] .crm-orders-row{border-bottom:1px solid #ffffff06;grid-template-columns:80px 1fr 90px 70px;align-items:center;gap:8px;padding:7px 10px;display:grid}[data-module=crm] .crm-orders-row:last-child{border-bottom:none}[data-module=crm] .crm-order-nr{color:#34d399;font-size:10px;font-weight:600}[data-module=crm] .crm-order-desc{color:var(--text-secondary);font-size:10px}[data-module=crm] .crm-order-date{color:var(--text-faint);font-size:9px}[data-module=crm] .crm-order-status{text-align:center;border-radius:3px;width:fit-content;padding:2px 6px;font-size:8px;font-weight:600}[data-module=crm] .crm-order-status.delivered{color:#34d399;background:#10b9811a}[data-module=crm] .crm-order-status.planned{color:#60a5fa;background:#3b82f61a}[data-module=crm] .crm-order-status.production{color:#fbbf24;background:#fbbf241a}[data-module=crm] .crm-comms{padding:20px}[data-module=crm] .crm-comms-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=crm] .crm-comms-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=crm] .crm-comms-count{color:var(--text-faint);font-size:9px}[data-module=crm] .crm-comms-grid{flex-direction:column;gap:6px;display:flex}[data-module=crm] .crm-comm-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}[data-module=crm] .crm-comm-label{color:var(--text-secondary);font-size:10px}[data-module=crm] .crm-comm-channels{gap:6px;display:flex}[data-module=crm] .crm-comm-chip{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:600}[data-module=crm] .crm-comm-chip.on{color:#34d399;background:#10b98114;border-color:#10b98126}[data-module=crm] .crm-comm-chip.off{color:#f87171;background:#ef44440d;border-color:#ef44441a}[data-module=crm] .crm-pricing{padding:20px}[data-module=crm] .crm-pricing-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=crm] .crm-pricing-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=crm] .crm-pricing-badge{color:#34d399;background:#10b9811a;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:600}[data-module=crm] .crm-pricing-tabs{gap:4px;margin-bottom:14px;display:flex}[data-module=crm] .crm-pricing-tab{color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600}[data-module=crm] .crm-pricing-tab.active{color:#34d399;background:#10b98114;border-color:#10b98126}[data-module=crm] .crm-price-table{border-collapse:collapse;width:100%}[data-module=crm] .crm-price-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);text-align:left;border-bottom:1px solid #ffffff0f;padding:6px 8px;font-size:8px;font-weight:600}[data-module=crm] .crm-price-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:8px;font-size:11px}[data-module=crm] .crm-price-table .price{color:var(--text-primary);font-weight:600}[data-module=crm] .crm-price-table .discount{color:#34d399;font-weight:600}[data-module=crm] .crm-price-table .original{color:var(--text-faint);font-size:9px;text-decoration:line-through}[data-module=crm] .crm-volume-bars{align-items:flex-end;gap:6px;margin-top:14px;display:flex}[data-module=crm] .crm-volume-bar{background:#10b98126;border:1px solid #10b98133;border-bottom:none;border-radius:4px 4px 0 0;flex:1;position:relative}[data-module=crm] .crm-volume-label{color:var(--text-faint);white-space:nowrap;font-size:7px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}[data-module=crm] .crm-volume-pct{color:#34d399;font-size:8px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}[data-module=crm] .crm-dispatch{padding:20px}[data-module=crm] .crm-dispatch-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=crm] .crm-dispatch-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=crm] .crm-dispatch-status{color:#fbbf24;align-items:center;gap:5px;font-size:9px;font-weight:600;display:flex}[data-module=crm] .crm-dispatch-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite crmPulse}[data-module=crm] .crm-dispatch-claim{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;gap:16px;margin-bottom:14px;padding:10px 14px;font-size:10px;display:flex}[data-module=crm] .crm-dispatch-claim-field{flex-direction:column;gap:2px;display:flex}[data-module=crm] .crm-dispatch-claim-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8px}[data-module=crm] .crm-dispatch-timeline{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}[data-module=crm] .crm-dispatch-timeline:before{content:"";background:#ffffff14;width:1px;position:absolute;top:8px;bottom:8px;left:5px}[data-module=crm] .crm-dispatch-step{align-items:flex-start;gap:12px;padding:6px 0;display:flex;position:relative}[data-module=crm] .crm-dispatch-step-dot{background:var(--bg-primary);z-index:1;border:2px solid #ffffff26;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:-20px}[data-module=crm] .crm-dispatch-step-dot.done{background:#10b9814d;border-color:#10b98199}[data-module=crm] .crm-dispatch-step-dot.active{background:#f59e0b4d;border-color:#f59e0b99}[data-module=crm] .crm-dispatch-step-dot.pending{background:0 0}[data-module=crm] .crm-dispatch-step-text{color:var(--text-secondary);font-size:10px}[data-module=crm] .crm-dispatch-step-time{color:var(--text-faint);font-size:8px}[data-module=crm] .crm-dispatch-step.done .crm-dispatch-step-text{color:var(--text-faint)}[data-module=crm] .crm-cessie{padding:20px}[data-module=crm] .crm-cessie-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=crm] .crm-cessie-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=crm] .crm-cessie-badge{color:#818cf8;background:#6366f11a;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:600}[data-module=crm] .crm-cessie-form{flex-direction:column;gap:10px;display:flex}[data-module=crm] .crm-cessie-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}[data-module=crm] .crm-cessie-field{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:8px 10px}[data-module=crm] .crm-cessie-field-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:8px}[data-module=crm] .crm-cessie-field-value{color:var(--text-secondary);font-size:11px}[data-module=crm] .crm-cessie-sig{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;margin-top:4px;padding:14px}[data-module=crm] .crm-cessie-sig-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:8px}[data-module=crm] .crm-cessie-sig-line{color:var(--text-secondary);opacity:.7;font-family:Georgia,serif;font-size:16px;font-style:italic}[data-module=crm] .crm-cessie-sig-date{color:var(--text-faint);margin-top:6px;font-size:9px}[data-module=crm] .crm-versions{padding:20px}[data-module=crm] .crm-versions-header{margin-bottom:14px}[data-module=crm] .crm-versions-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=crm] .crm-version-list{flex-direction:column;gap:6px;display:flex}[data-module=crm] .crm-version-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}[data-module=crm] .crm-version-num{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}[data-module=crm] .crm-version-desc{color:var(--text-secondary);flex:1;font-size:10px}[data-module=crm] .crm-version-date,[data-module=crm] .crm-version-user{color:var(--text-faint);font-size:9px}@keyframes plDragPulse{0%,to{opacity:1;transform:translateY(-50%)translate(0)}50%{opacity:.5;transform:translateY(-50%)translate(3px)}}@keyframes plPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=planning] .pl-map{height:100%;display:flex}[data-module=planning] .pl-map-sidebar{border-right:1px solid #ffffff0f;flex-direction:column;width:42%;display:flex;overflow:hidden}[data-module=planning] .pl-map-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 28px 14px;display:flex}[data-module=planning] .pl-plan-btn{border-radius:var(--radius-sm);color:#fff;letter-spacing:.02em;background:#10b981;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:flex}[data-module=planning] .pl-map-date{color:var(--text-faint);align-items:center;gap:5px;font-size:11px;display:flex}[data-module=planning] .pl-driver-list{flex-direction:column;flex:1;display:flex;overflow:hidden}[data-module=planning] .pl-driver{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 28px;display:flex}[data-module=planning] .pl-driver-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}[data-module=planning] .pl-driver-info{flex:1;min-width:0}[data-module=planning] .pl-driver-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}[data-module=planning] .pl-driver-vehicle{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}[data-module=planning] .pl-driver-capacity{flex-shrink:0;gap:3px;display:flex}[data-module=planning] .pl-cap-circle{border:1.5px solid #ffffff26;border-radius:50%;width:10px;height:10px}[data-module=planning] .pl-cap-circle.full{background:#10b98180;border-color:#10b98166}[data-module=planning] .pl-cap-circle.half{background:#f59e0b66;border-color:#f59e0b4d}[data-module=planning] .pl-cap-circle.empty{background:0 0}[data-module=planning] .pl-driver-stops{color:var(--text-faint);text-align:right;min-width:28px;font-size:13px;font-weight:700}[data-module=planning] .pl-map-canvas{background:#1a1c20;flex:1;position:relative;overflow:hidden}[data-module=planning] #planningMap,[data-module=planning] #featureMap1{width:100%;height:100%}[data-module=planning] #planningMap .leaflet-control-attribution,[data-module=planning] #planningMap .leaflet-control-zoom,[data-module=planning] #featureMap1 .leaflet-control-attribution,[data-module=planning] #featureMap1 .leaflet-control-zoom{display:none!important}[data-module=planning] #planningMap .leaflet-tile-pane,[data-module=planning] #featureMap1 .leaflet-tile-pane{opacity:.85}[data-module=planning] .pl-marker{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:700;display:flex;box-shadow:0 1px 6px #00000080}[data-module=planning] .pl-map-date-overlay{z-index:1000;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e23e6;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:4px 12px;font-size:9px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}[data-module=planning] .pl-mapview{height:340px;display:flex;overflow:hidden}[data-module=planning] .pl-mapview-drivers{border-right:1px solid #ffffff0f;flex-direction:column;width:38%;display:flex}[data-module=planning] .pl-mapview-drivers-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}[data-module=planning] .pl-mapview-drivers-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=planning] .pl-mapview-date{color:var(--text-faint);background:#ffffff0a;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:8px;font-weight:500;display:flex}[data-module=planning] .pl-mapview-driver-list{flex-direction:column;flex:1;display:flex;overflow:hidden}[data-module=planning] .pl-mapview-driver{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:12px 18px;display:flex}[data-module=planning] .pl-mapview-driver.selected{background:#10b9810a}[data-module=planning] .pl-mapview-driver-color{border-radius:2px;flex-shrink:0;width:3px;height:32px}[data-module=planning] .pl-mapview-driver-info{flex:1;min-width:0}[data-module=planning] .pl-mapview-driver-name{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=planning] .pl-mapview-driver-vehicle{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=planning] .pl-mapview-driver-meta{align-items:center;gap:8px;display:flex}[data-module=planning] .pl-mapview-driver-stops{color:var(--text-muted);font-size:9px;font-weight:500}[data-module=planning] .pl-mapview-driver-capacity{gap:2px;display:flex}[data-module=planning] .pl-mapview-cap-bar{background:#ffffff0f;border-radius:2px;width:18px;height:3px;overflow:hidden}[data-module=planning] .pl-mapview-cap-bar-fill{border-radius:2px;height:100%}[data-module=planning] .pl-mapview-cap-bar-fill.low{background:#34d399}[data-module=planning] .pl-mapview-cap-bar-fill.mid{background:#fbbf24}[data-module=planning] .pl-mapview-cap-bar-fill.high{background:#f87171}[data-module=planning] .pl-mapview-unassigned{background:#10b98105;border-top:1px solid #ffffff0d;padding:10px 18px}[data-module=planning] .pl-mapview-unassigned-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:7px;font-weight:600}[data-module=planning] .pl-mapview-drag-order{background:#10b9810f;border:1px dashed #10b98140;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex;position:relative}[data-module=planning] .pl-mapview-drag-icon{opacity:.4;flex-direction:column;gap:1.5px;display:flex}[data-module=planning] .pl-mapview-drag-icon span{background:#34d399;border-radius:1px;width:8px;height:1.5px;display:block}[data-module=planning] .pl-mapview-drag-order-name{color:#34d399;font-size:9px;font-weight:500}[data-module=planning] .pl-mapview-drag-order-type{color:#34d399;background:#10b9811a;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:7px;font-weight:600}[data-module=planning] .pl-mapview-drag-arrow{color:#34d399;font-size:10px;animation:1.5s ease-in-out infinite plDragPulse;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}[data-module=planning] .pl-mapview-map{background:#181a1e;flex:1;position:relative;overflow:hidden}[data-module=planning] .pl-route-compare{padding:20px}[data-module=planning] .pl-route-compare-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=planning] .pl-route-compare-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=planning] .pl-route-header-right{align-items:center;gap:8px;display:flex}[data-module=planning] .pl-vroom-badge{color:#34d399;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:700}[data-module=planning] .pl-route-run-btn{color:#fff;background:#10b981;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:9px;font-weight:600;display:flex}[data-module=planning] .pl-route-driver-bar{background:#ffffff05;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:flex}[data-module=planning] .pl-route-driver-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-module=planning] .pl-route-driver-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=planning] .pl-route-driver-vehicle{color:var(--text-faint);font-size:9px}[data-module=planning] .pl-route-stops{position:relative}[data-module=planning] .pl-route-stop{grid-template-columns:20px 1fr auto auto;align-items:center;gap:0 10px;padding:6px 0;display:grid}[data-module=planning] .pl-route-stop+.pl-route-stop{border-top:1px solid #ffffff08}[data-module=planning] .pl-route-stop-dot{color:#fff;z-index:1;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:14px;height:14px;font-size:7px;font-weight:700;display:flex;position:relative}[data-module=planning] .pl-route-stop-dot.depot{background:#10b981;width:16px;height:16px}[data-module=planning] .pl-route-stop-name{color:var(--text-primary);font-size:10px}[data-module=planning] .pl-route-stop-name.depot-name{color:#34d399;font-weight:600}[data-module=planning] .pl-route-stop-dist{color:var(--text-faint);text-align:right;font-size:9px}[data-module=planning] .pl-route-stop-eta{color:var(--text-muted);text-align:right;min-width:36px;font-size:9px;font-weight:600}[data-module=planning] .pl-route-line{background:#3b82f64d;width:2px;position:absolute;top:14px;bottom:14px;left:10px}[data-module=planning] .pl-route-saving{background:#10b9810f;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}[data-module=planning] .pl-route-saving-pct{color:#34d399;font-size:18px;font-weight:800;line-height:1}[data-module=planning] .pl-route-saving-detail{color:#34d399;font-size:9px;line-height:1.4}[data-module=planning] .pl-route-saving-detail span{opacity:.7;display:block}[data-module=planning] .pl-capacity{padding:20px}[data-module=planning] .pl-capacity-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=planning] .pl-capacity-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=planning] .pl-capacity-vehicle{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:600}[data-module=planning] .pl-capacity-meters{flex-direction:column;gap:10px;display:flex}[data-module=planning] .pl-capacity-meter{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=planning] .pl-capacity-meter-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=planning] .pl-capacity-meter-label{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=planning] .pl-capacity-meter-value{font-size:10px;font-weight:700}[data-module=planning] .pl-capacity-meter-value.green{color:#34d399}[data-module=planning] .pl-capacity-meter-value.orange{color:#fbbf24}[data-module=planning] .pl-capacity-meter-value.red{color:#f87171}[data-module=planning] .pl-capacity-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}[data-module=planning] .pl-capacity-fill{border-radius:3px;height:100%;transition:width .3s}[data-module=planning] .pl-capacity-fill.green{background:#10b981}[data-module=planning] .pl-capacity-fill.orange{background:#f59e0b}[data-module=planning] .pl-capacity-fill.red{background:#ef4444}[data-module=planning] .pl-roster{padding:16px}[data-module=planning] .pl-roster-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}[data-module=planning] .pl-roster-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=planning] .pl-roster-week{color:var(--text-faint);font-size:9px}[data-module=planning] .pl-roster-grid{grid-template-columns:90px repeat(5,1fr);gap:3px;display:grid}[data-module=planning] .pl-roster-day-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);text-align:center;padding:4px;font-size:8px;font-weight:600}[data-module=planning] .pl-roster-name{color:var(--text-secondary);align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:600;display:flex}[data-module=planning] .pl-roster-name-dot{border-radius:50%;width:5px;height:5px}[data-module=planning] .pl-roster-cell{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;padding:4px;font-size:7.5px}[data-module=planning] .pl-roster-cell.available{color:#34d399;background:#10b9810f;border-color:#10b9811f}[data-module=planning] .pl-roster-cell.leave{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b1f}[data-module=planning] .pl-roster-cell.unavailable{color:#f87171;background:#ef44440a;border-color:#ef444414}[data-module=planning] .pl-roster-skills{gap:4px;margin-top:10px;display:flex}[data-module=planning] .pl-roster-skill{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=planning] .pl-roster-skill.active{color:#34d399;background:#10b98114;border-color:#10b98126}[data-module=planning] .pl-checklist{padding:20px}[data-module=planning] .pl-checklist-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}[data-module=planning] .pl-checklist-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=planning] .pl-checklist-live{color:#34d399;align-items:center;gap:5px;font-size:8px;font-weight:600;display:flex}[data-module=planning] .pl-checklist-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite plPulse}[data-module=planning] .pl-checklist-vehicle{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px;font-size:9px;font-weight:600;display:flex}[data-module=planning] .pl-checklist-items{flex-direction:column;gap:4px;display:flex}[data-module=planning] .pl-checklist-item{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:7px 10px;font-size:9.5px;display:grid}[data-module=planning] .pl-checklist-item.checked{opacity:.5}[data-module=planning] .pl-checklist-item.checked .pl-checklist-product{text-decoration:line-through}[data-module=planning] .pl-check-box{border:1.5px solid #ffffff26;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}[data-module=planning] .pl-check-box.done{background:#10b98126;border-color:#10b98166}[data-module=planning] .pl-check-box.done svg{stroke:#34d399}[data-module=planning] .pl-checklist-product{font-weight:500}[data-module=planning] .pl-checklist-loc{color:var(--text-faint);background:#ffffff0a;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:600}@keyframes activityPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=dashboard] .hero-content{max-width:960px}[data-module=dashboard] .db-panel{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-module=dashboard] .db-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=dashboard] .db-panel-title{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=dashboard] .db-panel-filter{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}[data-module=dashboard] .db-panel-filter svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=dashboard] .db-kpi-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}[data-module=dashboard] .db-kpi-tile{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=dashboard] .db-kpi-tile-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9px}[data-module=dashboard] .db-kpi-tile-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}[data-module=dashboard] .db-kpi-tile-change{border-radius:4px;align-items:center;gap:2px;margin-top:4px;padding:1px 5px;font-size:9px;display:inline-flex}[data-module=dashboard] .db-kpi-tile-change.up{color:#34d399;background:#10b9811f}[data-module=dashboard] .db-kpi-tile-change.down{color:#f87171;background:#ef44441f}[data-module=dashboard] .db-kpi-section{padding:20px}[data-module=dashboard] .db-kpi-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=dashboard] .db-kpi-section-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=dashboard] .db-kpi-section-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:14px;display:flex}[data-module=dashboard] .db-kpi-section-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-module=dashboard] .db-kpi-section-tab.active{color:#34d399;border-color:#10b98180}[data-module=dashboard] .db-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}[data-module=dashboard] .db-kpi-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:12px 14px}[data-module=dashboard] .db-kpi-card.highlight{background:#10b9810a;border-color:#10b9811f}[data-module=dashboard] .db-kpi-card-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:9px}[data-module=dashboard] .db-kpi-card-value{color:var(--text-primary);margin:4px 0 2px;font-size:20px;font-weight:700}[data-module=dashboard] .db-kpi-card-delta{border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}[data-module=dashboard] .db-kpi-card-delta.up{color:#34d399;background:#10b9811f}[data-module=dashboard] .db-kpi-card-delta.down{color:#f87171;background:#ef44441f}[data-module=dashboard] .db-kpi-card-delta svg{fill:none;stroke-width:2.5px;width:8px;height:8px}[data-module=dashboard] .db-kpi-card-delta.up svg{stroke:#34d399}[data-module=dashboard] .db-kpi-card-delta.down svg{stroke:#f87171}[data-module=dashboard] .db-kpi-sparkline{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-top:12px;padding:10px 12px}[data-module=dashboard] .db-kpi-sparkline-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}[data-module=dashboard] .db-kpi-sparkline-title{color:var(--text-secondary);font-size:10.5px;font-weight:500}[data-module=dashboard] .db-kpi-sparkline-period{color:var(--text-faint);font-size:9px}[data-module=dashboard] .db-kpi-sparkline-bars{align-items:flex-end;gap:4px;height:50px;display:flex}[data-module=dashboard] .db-kpi-sparkline-bar{background:#10b9814d;border-radius:2px 2px 0 0;flex:1;min-height:4px;transition:background .2s}[data-module=dashboard] .db-kpi-sparkline-bar.accent{background:#10b98199}[data-module=dashboard] .db-charts{padding:20px}[data-module=dashboard] .db-charts-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=dashboard] .db-charts-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=dashboard] .db-charts-count{color:var(--text-faint);font-size:10px}[data-module=dashboard] .db-charts-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}[data-module=dashboard] .db-chart-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:12px}[data-module=dashboard] .db-chart-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}[data-module=dashboard] .db-chart-card-name{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=dashboard] .db-chart-card-type{letter-spacing:.03em;color:#34d399;background:#10b9811f;border-radius:3px;padding:2px 5px;font-size:7.5px;font-weight:600}[data-module=dashboard] .db-chart-bars{align-items:flex-end;gap:4px;height:48px;display:flex}[data-module=dashboard] .db-chart-bar{border-radius:2px 2px 0 0;flex:1;min-height:3px}[data-module=dashboard] .db-chart-bar.g1{background:#10b98180}[data-module=dashboard] .db-chart-bar.g2{background:#10b9814d}[data-module=dashboard] .db-chart-bar.g3{background:#10b98126}[data-module=dashboard] .db-chart-line-area{height:48px;position:relative;overflow:hidden}[data-module=dashboard] .db-chart-line-svg{width:100%;height:100%}[data-module=dashboard] .db-chart-line-path{fill:none;stroke:#10b981;stroke-width:2px}[data-module=dashboard] .db-chart-line-fill{fill:url(#lineGrad);opacity:.3}[data-module=dashboard] .db-chart-pie-wrap{justify-content:center;align-items:center;height:48px;display:flex}[data-module=dashboard] .db-chart-pie-svg{width:48px;height:48px}[data-module=dashboard] .db-chart-gauge-wrap{justify-content:center;align-items:center;height:48px;display:flex}[data-module=dashboard] .db-chart-gauge-svg{width:64px;height:40px}[data-module=dashboard] .db-chart-gauge-label{color:var(--text-primary);text-anchor:middle;font-size:12px;font-weight:700}[data-module=dashboard] .db-filters{padding:20px}[data-module=dashboard] .db-filters-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=dashboard] .db-filters-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=dashboard] .db-filters-active-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}[data-module=dashboard] .db-filter-chip{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}[data-module=dashboard] .db-filter-chip svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:10px;height:10px}[data-module=dashboard] .db-filters-form{flex-direction:column;gap:10px;display:flex}[data-module=dashboard] .db-filter-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-module=dashboard] .db-filter-field{flex-direction:column;gap:3px;display:flex}[data-module=dashboard] .db-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:9px}[data-module=dashboard] .db-filter-input{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11.5px;display:flex}[data-module=dashboard] .db-filter-input svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=dashboard] .db-filter-input.active{border-color:#10b9814d}[data-module=dashboard] .db-filter-range{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=dashboard] .db-filter-range-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=dashboard] .db-filter-range-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:9px}[data-module=dashboard] .db-filter-range-values{color:var(--text-secondary);font-size:10px;font-weight:500}[data-module=dashboard] .db-filter-range-track{background:#ffffff14;border-radius:2px;height:4px;position:relative}[data-module=dashboard] .db-filter-range-fill{background:#10b98180;border-radius:2px;height:100%;position:absolute}[data-module=dashboard] .db-filter-range-thumb{background:#10b981;border:2px solid #0f0f12;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px}[data-module=dashboard] .db-filter-result{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;display:flex}[data-module=dashboard] .db-filter-result-icon{background:#10b9811a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=dashboard] .db-filter-result-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-module=dashboard] .db-filter-result-text{color:#10b981cc;font-size:10.5px}[data-module=dashboard] .db-filter-result-count{color:#34d399;margin-left:auto;font-size:10.5px;font-weight:600}[data-module=dashboard] .db-custom{padding:0;overflow:hidden}[data-module=dashboard] .db-custom-topbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}[data-module=dashboard] .db-custom-topbar-left{align-items:center;gap:10px;display:flex}[data-module=dashboard] .db-custom-logo{color:var(--text-primary);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}[data-module=dashboard] .db-custom-logo-icon{background:#10b98126;border:1px solid #10b98140;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}[data-module=dashboard] .db-custom-logo-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:10px;height:10px}[data-module=dashboard] .db-custom-badge{color:#34d399;background:#10b9811f;border-radius:8px;padding:2px 7px;font-size:8px;font-weight:600}[data-module=dashboard] .db-custom-tabs{gap:0;display:flex}[data-module=dashboard] .db-custom-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 12px;font-size:9.5px}[data-module=dashboard] .db-custom-tab.active{color:#34d399;border-color:#10b98180}[data-module=dashboard] .db-custom-body{padding:16px 20px}[data-module=dashboard] .db-custom-layout{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}[data-module=dashboard] .db-custom-widget{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=dashboard] .db-custom-widget.full{grid-column:1/-1}[data-module=dashboard] .db-custom-widget-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=dashboard] .db-custom-widget-name{color:var(--text-secondary);font-size:9px;font-weight:600}[data-module=dashboard] .db-custom-widget-type{color:#34d399;letter-spacing:.03em;background:#10b9811f;border-radius:3px;padding:2px 5px;font-size:7px;font-weight:600}[data-module=dashboard] .db-custom-widget-bars{align-items:flex-end;gap:3px;height:30px;display:flex}[data-module=dashboard] .db-custom-widget-bar{border-radius:2px 2px 0 0;flex:1;min-height:3px}[data-module=dashboard] .db-custom-widget-bar.a{background:#10b98180}[data-module=dashboard] .db-custom-widget-bar.b{background:#10b98140}[data-module=dashboard] .db-custom-widget-line{height:30px;position:relative;overflow:hidden}[data-module=dashboard] .db-custom-widget-line svg{width:100%;height:100%}[data-module=dashboard] .db-custom-widget-line-path{fill:none;stroke:#10b981;stroke-width:1.5px}[data-module=dashboard] .db-custom-widget-line-fill{fill:url(#customLineGrad);opacity:.25}[data-module=dashboard] .db-custom-widget-kpi{align-items:baseline;gap:6px;display:flex}[data-module=dashboard] .db-custom-widget-kpi-val{color:var(--text-primary);font-size:16px;font-weight:700}[data-module=dashboard] .db-custom-widget-kpi-delta{color:#34d399;background:#10b9811f;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:600}[data-module=dashboard] .db-custom-config{background:#10b98108;border:1px dashed #10b98126;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}[data-module=dashboard] .db-custom-config-icon{background:#10b9811a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=dashboard] .db-custom-config-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:14px;height:14px}[data-module=dashboard] .db-custom-config-text{color:#10b981b3;flex:1;font-size:10.5px}[data-module=dashboard] .db-custom-config-action{color:#34d399;background:#10b98126;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:600}[data-module=dashboard] .db-panel-actions{gap:6px;display:flex}[data-module=dashboard] .db-panel-charts{grid-template-columns:1.3fr 1fr;gap:8px;display:grid}[data-module=dashboard] .db-panel-chart-block{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=dashboard] .db-panel-chart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=dashboard] .db-panel-chart-title{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=dashboard] .db-panel-chart-period{color:var(--text-faint);font-size:8px}[data-module=dashboard] .db-panel-line-svg{width:100%;height:45px;display:block}[data-module=dashboard] .db-panel-donut-wrap{align-items:center;gap:10px;display:flex}[data-module=dashboard] .db-panel-donut-svg{flex-shrink:0;width:50px;height:50px}[data-module=dashboard] .db-panel-donut-legend{flex-direction:column;gap:3px;display:flex}[data-module=dashboard] .db-panel-donut-legend-item{color:var(--text-faint);align-items:center;gap:4px;font-size:8px;display:flex}[data-module=dashboard] .db-panel-donut-legend-item span{border-radius:2px;flex-shrink:0;width:6px;height:6px}[data-module=dashboard] .db-panel-table{border:1px solid #ffffff0f;border-radius:8px;overflow:hidden}[data-module=dashboard] .db-panel-table-head{background:#ffffff0a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}[data-module=dashboard] .db-panel-table-title{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=dashboard] .db-panel-table-link{color:#34d399;cursor:pointer;font-size:8px}[data-module=dashboard] .db-panel-table-row{color:var(--text-secondary);border-top:1px solid #ffffff0a;grid-template-columns:.8fr 1.2fr .8fr .9fr;padding:6px 12px;font-size:9.5px;display:grid}[data-module=dashboard] .db-panel-table-row.header-row{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;font-size:8px;font-weight:600}[data-module=dashboard] .db-panel-table-id{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:9px}[data-module=dashboard] .db-panel-status{border-radius:3px;width:fit-content;padding:1px 6px;font-size:8px;font-weight:600;display:inline-block}[data-module=dashboard] .db-panel-status.confirmed{color:#34d399;background:#10b9811f}[data-module=dashboard] .db-panel-status.production{color:#818cf8;background:#6366f11f}[data-module=dashboard] .db-panel-status.delivered{color:#2dd4bf;background:#2dd4bf1f}[data-module=dashboard] .db-panel-bottom-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-module=dashboard] .db-panel-bottom-stat{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=dashboard] .db-panel-bottom-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=dashboard] .db-panel-bottom-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:8.5px}[data-module=dashboard] .db-panel-bottom-stat-value{color:var(--text-primary);font-size:13px;font-weight:700}[data-module=dashboard] .db-panel-bottom-spark{align-items:flex-end;gap:3px;height:24px;display:flex}[data-module=dashboard] .db-panel-bottom-spark-bar{background:#10b98133;border-radius:2px 2px 0 0;flex:1;min-height:3px}[data-module=dashboard] .db-panel-bottom-spark-bar.accent{background:#10b98180}[data-module=dashboard] .db-panel-activity{background:#10b98108;border:1px solid #10b98114;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex}[data-module=dashboard] .db-panel-activity-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite activityPulse}[data-module=dashboard] .db-panel-activity-text{color:#10b981b3;flex:1;font-size:9.5px}[data-module=dashboard] .db-panel-activity-time{color:var(--text-faint);font-size:8.5px}[data-module=dashboard] .db-reports{padding:20px}[data-module=dashboard] .db-reports-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=dashboard] .db-reports-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=dashboard] .db-reports-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=dashboard] .db-report-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=dashboard] .db-report-item.generated{border-color:#10b98126}[data-module=dashboard] .db-report-icon{letter-spacing:.03em;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:8px;font-weight:700;display:flex}[data-module=dashboard] .db-report-icon.xlsx{color:#34d399;background:#10b98126}[data-module=dashboard] .db-report-icon.pdf{color:#f87171;background:#ef444426}[data-module=dashboard] .db-report-icon.mail{color:#818cf8;background:#6366f126}[data-module=dashboard] .db-report-icon.json{color:#fbbf24;background:#f59e0b26}[data-module=dashboard] .db-report-item-info{flex:1}[data-module=dashboard] .db-report-item-name{color:var(--text-secondary);font-size:11px;font-weight:500}[data-module=dashboard] .db-report-item-meta{color:var(--text-faint);font-size:9px}[data-module=dashboard] .db-report-item-status{border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}[data-module=dashboard] .db-report-item-status.sent{color:#34d399;background:#10b9811f}[data-module=dashboard] .db-report-item-status.auto{color:#818cf8;background:#6366f11f}[data-module=dashboard] .db-report-item-status.scheduled{color:#fbbf24;background:#f59e0b1f}[data-module=dashboard] .db-report-email{background:#10b98108;border:1px dashed #10b98126;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}[data-module=dashboard] .db-report-email-icon{background:#10b9811a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=dashboard] .db-report-email-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-module=dashboard] .db-report-email-text{color:#10b981b3;font-size:10px}[data-module=dashboard] .db-report-email-count{color:#34d399;background:#10b9811f;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}@media (max-width:768px){[data-module=dashboard] .db-kpi-row{grid-template-columns:repeat(2,1fr)}[data-module=dashboard] .db-panel-charts{grid-template-columns:1fr}[data-module=dashboard] .db-panel-table-row{font-size:8px}[data-module=dashboard] .db-panel-table-row.header-row{font-size:7px}[data-module=dashboard] .db-custom-layout{grid-template-columns:1fr}[data-module=dashboard] .db-custom-widget.full{grid-column:1}}@keyframes offprogress{0%{width:10%}50%{width:70%}to{width:10%}}[data-module=app] .app-phones-hero{justify-content:center;align-items:flex-end;gap:16px;height:460px;padding:28px 16px 0;display:flex}[data-module=app] .app-phone{background:#080810;border:1.5px solid #ffffff1a;border-radius:36px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 56px #0009,inset 0 1px #ffffff0d}[data-module=app] .app-phone.phone-center{width:200px;height:420px}[data-module=app] .app-phone.phone-side{width:168px;height:356px}[data-module=app] .phone-left{transform:rotate(-7deg)translateY(28px)}[data-module=app] .phone-right{transform:rotate(7deg)translateY(28px)}[data-module=app] .phone-notch{flex-shrink:0;justify-content:center;align-items:flex-start;height:28px;display:flex}[data-module=app] .phone-notch:after{content:"";background:#000;border-radius:0 0 12px 12px;width:64px;height:18px}[data-module=app] .phone-home{flex-shrink:0;justify-content:center;align-items:center;height:20px;display:flex}[data-module=app] .phone-home:after{content:"";background:#ffffff24;border-radius:2px;width:44px;height:3px}[data-module=app] .phone-content{flex-direction:column;flex:1;display:flex;overflow:hidden}[data-module=app] .app-ph-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 7px;display:flex}[data-module=app] .app-ph-title{color:var(--text-primary);font-size:10px;font-weight:700}[data-module=app] .app-ph-subtitle{color:var(--text-faint);margin-top:1px;font-size:7px}[data-module=app] .app-ph-count{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 6px;font-size:7px;font-weight:600}[data-module=app] .app-ph-order{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:7px;padding:6px 12px;display:flex}[data-module=app] .app-ph-order.ph-active{background:#10b98108}[data-module=app] .app-ph-time{color:var(--text-muted);min-width:26px;padding-top:1px;font-size:8px;font-weight:600}[data-module=app] .app-ph-name{color:var(--text-primary);font-size:8px;font-weight:600}[data-module=app] .app-ph-addr{color:var(--text-faint);margin-top:1px;font-size:7px}[data-module=app] .app-ph-status{white-space:nowrap;border-radius:3px;flex-shrink:0;margin-left:auto;padding:2px 5px;font-size:7px;font-weight:600}[data-module=app] .app-ph-status.ph-done{color:var(--text-faint);background:#ffffff0a}[data-module=app] .app-ph-status.ph-active{color:#34d399;background:#10b9811f}[data-module=app] .app-ph-status.ph-todo{color:var(--text-muted);background:#ffffff0f}[data-module=app] .app-ph-nav{color:#fff;background:#10b981;border-radius:6px;align-items:center;gap:5px;width:fit-content;margin:8px 12px 4px;padding:6px 10px;font-size:8px;font-weight:600;display:flex}[data-module=app] .app-ph-nav svg{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;width:9px;height:9px}[data-module=app] .app-ph-sign-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:8px 14px 7px}[data-module=app] .app-ph-sign-title{color:var(--text-primary);font-size:10px;font-weight:700}[data-module=app] .app-ph-sign-sub{color:var(--text-faint);margin-top:1px;font-size:7px}[data-module=app] .app-ph-checks{flex-direction:column;gap:5px;padding:8px 14px;display:flex}[data-module=app] .app-ph-check{align-items:center;gap:6px;display:flex}[data-module=app] .app-ph-check-icon{background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}[data-module=app] .app-ph-check-icon svg{stroke:#34d399;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:7px;height:7px}[data-module=app] .app-ph-check-text{color:var(--text-secondary);font-size:8px}[data-module=app] .app-ph-sig-area{padding:4px 14px 0}[data-module=app] .app-ph-sig-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:7px}[data-module=app] .app-ph-sig-canvas{background:#ffffff04;border:1px dashed #ffffff1f;border-radius:6px;justify-content:center;align-items:center;height:56px;display:flex}[data-module=app] .app-ph-sig-name{color:#ffffffa6;font-family:Georgia,serif;font-size:15px;font-style:italic}[data-module=app] .app-ph-sig-meta{color:var(--text-faint);justify-content:space-between;margin:5px 14px 8px;font-size:7px;display:flex}[data-module=app] .app-ph-sig-btn{text-align:center;color:#fff;background:#10b981;border-radius:6px;margin:0 14px 8px;padding:8px;font-size:9px;font-weight:700}[data-module=app] .app-ph-tracker{flex:1;position:relative;overflow:hidden}[data-module=app] .app-ph-eta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080810e6;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px;position:absolute;bottom:8px;left:8px;right:8px}[data-module=app] .app-ph-eta-name{color:var(--text-primary);font-size:8px;font-weight:600}[data-module=app] .app-ph-eta-row{align-items:center;gap:10px;margin-top:4px;display:flex}[data-module=app] .app-ph-eta-val{color:#34d399;font-size:14px;font-weight:700;line-height:1}[data-module=app] .app-ph-eta-val.neutral{color:var(--text-primary);font-size:12px}[data-module=app] .app-ph-eta-lbl{color:var(--text-faint);margin-top:2px;font-size:7px}[data-module=app] .app-ph-divider{background:#ffffff14;width:1px;height:26px}[data-module=app] .app-plan-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-module=app] .app-plan-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=app] .app-plan-date{color:var(--text-faint);margin-top:1px;font-size:9px}[data-module=app] .app-plan-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-module=app] .app-plan-order{border-bottom:1px solid #ffffff08;grid-template-columns:44px 1fr auto;align-items:start;gap:0 10px;padding:10px 18px;display:grid}[data-module=app] .app-plan-order.active-order{background:#10b98108}[data-module=app] .app-plan-time{color:var(--text-muted);padding-top:1px;font-size:10px;font-weight:600}[data-module=app] .app-plan-order-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=app] .app-plan-order-addr{color:var(--text-faint);margin-top:1px;font-size:9px}[data-module=app] .app-plan-order-type{color:var(--text-faint);margin-top:2px;font-size:8px}[data-module=app] .app-plan-order-status{border-radius:3px;margin-top:1px;padding:2px 6px;font-size:8px;font-weight:600}[data-module=app] .app-plan-order-status.todo{color:var(--text-muted);background:#ffffff0f}[data-module=app] .app-plan-order-status.st-active{color:#34d399;background:#10b9811f}[data-module=app] .app-plan-order-status.done{color:var(--text-faint);background:#ffffff0a}[data-module=app] .app-plan-nav-btn{color:#fff;background:#10b981;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin:10px 18px 4px;padding:7px 12px;font-size:9px;font-weight:600;display:flex}[data-module=app] .app-measure{padding:18px}[data-module=app] .app-measure-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=app] .app-measure-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=app] .app-measure-badge{color:#60a5fa;background:#3b82f61a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-module=app] .app-measure-fields{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}[data-module=app] .app-measure-field{flex-direction:column;gap:3px;display:flex}[data-module=app] .app-measure-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:8px}[data-module=app] .app-measure-input{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;font-weight:600;display:flex}[data-module=app] .app-measure-unit{color:var(--text-faint);font-size:9px}[data-module=app] .app-measure-product{background:#ffffff05;border:1px solid #ffffff12;border-radius:6px;margin-bottom:14px;padding:9px 12px}[data-module=app] .app-measure-product-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:8px}[data-module=app] .app-measure-product-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=app] .app-measure-product-spec{color:var(--text-faint);margin-top:1px;font-size:9px}[data-module=app] .app-glass-viz{background:#3b82f60a;border:2px solid #3b82f659;border-radius:4px;justify-content:center;align-items:center;width:150px;height:85px;margin:0 auto 16px;display:flex;position:relative}[data-module=app] .app-glass-viz-label{color:#60a5fab3;font-size:9px;font-weight:600}[data-module=app] .app-glass-dim-w{text-align:center;color:var(--text-faint);font-size:8px;position:absolute;bottom:-16px;left:0;right:0}[data-module=app] .app-glass-dim-h{color:var(--text-faint);align-items:center;font-size:8px;display:flex;position:absolute;top:0;bottom:0;right:-30px}[data-module=app] .app-measure-actions{gap:8px;display:flex}[data-module=app] .app-measure-btn{text-align:center;border-radius:5px;flex:1;padding:7px;font-size:9px;font-weight:600}[data-module=app] .app-measure-btn.primary{color:#fff;background:#10b981}[data-module=app] .app-measure-btn.secondary{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff12}[data-module=app] .app-sign{padding:18px}[data-module=app] .app-sign-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=app] .app-sign-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=app] .app-sign-checklist{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=app] .app-sign-check{background:#ffffff05;border:1px solid #ffffff0d;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;display:flex}[data-module=app] .app-sign-check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}[data-module=app] .app-sign-check-icon.ok{background:#10b98126}[data-module=app] .app-sign-check-icon.ok svg{stroke:#34d399;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:8px;height:8px}[data-module=app] .app-sign-check-text{color:var(--text-secondary);font-size:10px}[data-module=app] .app-sign-canvas-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px}[data-module=app] .app-sign-canvas{background:#ffffff04;border:1px dashed #ffffff1f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:72px;margin-bottom:8px;display:flex}[data-module=app] .app-sign-canvas-name{color:#ffffffb3;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.2}[data-module=app] .app-sign-meta{color:var(--text-faint);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;display:flex}[data-module=app] .app-sign-confirm-btn{text-align:center;color:#fff;background:#10b981;border-radius:6px;width:100%;padding:9px;font-size:10px;font-weight:600}[data-module=app] .app-tracker{height:300px;position:relative}[data-module=app] #driverMap{width:100%;height:100%}[data-module=app] #driverMap .leaflet-control-attribution,[data-module=app] #driverMap .leaflet-control-zoom{display:none!important}[data-module=app] #driverMap .leaflet-tile-pane{opacity:.85}[data-module=app] .app-driver-card{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d10eb;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}[data-module=app] .app-driver-avatar{color:#34d399;background:#10b98126;border:1px solid #10b98133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}[data-module=app] .app-driver-name{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=app] .app-driver-role{color:var(--text-faint);font-size:9px}[data-module=app] .app-driver-stats{gap:14px;margin-left:auto;display:flex}[data-module=app] .app-driver-stat-label{color:var(--text-faint);font-size:8px}[data-module=app] .app-driver-stat-value{color:#34d399;font-size:12px;font-weight:700}[data-module=app] .app-offline{padding:18px}[data-module=app] .app-offline-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=app] .app-offline-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=app] .app-offline-badge{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2426;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:600;display:flex}[data-module=app] .app-offline-dot{background:#fbbf24;border-radius:50%;width:6px;height:6px}[data-module=app] .app-sync-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;font-size:8px;font-weight:600}[data-module=app] .app-sync-items{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}[data-module=app] .app-sync-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}[data-module=app] .app-sync-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=app] .app-sync-item-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:13px;height:13px}[data-module=app] .app-sync-item-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=app] .app-sync-item-sub{color:var(--text-faint);font-size:9px}[data-module=app] .app-sync-item-count{color:#fbbf24;margin-left:auto;font-size:10px;font-weight:700}[data-module=app] .app-offline-last{color:var(--text-faint);align-items:center;gap:6px;margin-bottom:12px;font-size:9px;display:flex}[data-module=app] .app-offline-connecting{color:#60a5fa;background:#3b82f60f;border:1px solid #3b82f61f;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:9px;display:flex}[data-module=app] .app-offline-progress{background:#ffffff0f;border-radius:2px;flex:1;height:3px;overflow:hidden}[data-module=app] .app-offline-progress-fill{background:#3b82f6;border-radius:2px;height:100%;animation:2s ease-in-out infinite offprogress}[data-module=app] .app-pwa-row{gap:8px;margin-top:14px;display:flex}[data-module=app] .app-pwa-badge{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;flex:1;padding:8px 10px}[data-module=app] .app-pwa-badge-val{color:var(--text-primary);font-size:11px;font-weight:700}[data-module=app] .app-pwa-badge-lbl{color:var(--text-faint);margin-top:2px;font-size:8px}.appx-stage{justify-content:center;align-items:center;width:100%;height:74vh;min-height:600px;max-height:780px;display:flex;position:relative;overflow:visible}.appx-glow{filter:blur(18px);pointer-events:none;background:radial-gradient(#10b9812b,#0000 65%);width:72%;height:70%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.appx-shadow{pointer-events:none;filter:blur(22px);background:radial-gradient(#00000080,#0000 70%);width:280px;height:90px;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.appx-phone-wrap{perspective:1500px;opacity:0;animation:.9s .15s forwards appx-in}@keyframes appx-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.appx-phone-float{transform-style:preserve-3d;animation:7s ease-in-out infinite appx-float}@keyframes appx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.appx-paused .appx-phone-float,.appx-paused .appx-live-dot,.appx-paused .appx-truck-ping,.appx-paused .appx-dest-ping{animation-play-state:paused}.appx-phone{width:300px;height:624px;transform:rotateX(calc(var(--rx,5) * 1deg)) rotateY(calc(var(--ry,-16) * 1deg));transform-style:preserve-3d;will-change:transform;position:relative}.appx-slab{backface-visibility:hidden;border-radius:48px;position:absolute;inset:0}.appx-face{backface-visibility:hidden;background:linear-gradient(155deg,#2a2a31,#0c0c11);border-radius:48px;padding:12px;position:absolute;inset:0;transform:translateZ(.5px);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0d}.appx-screen{background:#0a0b0f;border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.appx-island{z-index:6;background:#000;border-radius:14px;width:92px;height:26px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.appx-glint{pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 28% 72%,#ffffff0a 100%);border-radius:48px;position:absolute;inset:0}.appx-status{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:16px 24px 8px;font-size:12px;display:flex}.appx-status-time{color:var(--text-primary);font-weight:600}.appx-offline{color:var(--accent-emerald);align-items:center;gap:5px;font-size:10px;display:inline-flex}.appx-offline i{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 7px var(--accent-emerald);border-radius:50%}.appx-views{flex:1;position:relative;overflow:hidden}.appx-view{flex-direction:column;padding:8px 18px 14px;animation:.5s cubic-bezier(.16,1,.3,1) appx-screen-in;display:flex;position:absolute;inset:0}@keyframes appx-screen-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.appx-head{justify-content:space-between;align-items:flex-start;margin:6px 0 14px;display:flex}.appx-title{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.appx-sub{color:var(--text-faint);margin-top:2px;font-size:11px}.appx-badge{color:var(--accent-emerald);white-space:nowrap;background:#10b9811f;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:600}.appx-livetag{color:var(--accent-emerald);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:10px;display:inline-flex}.appx-live-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite appx-pulse}@keyframes appx-pulse{0%{box-shadow:0 0 #10b98180}70%,to{box-shadow:0 0 0 7px #10b98100}}.appx-orders{flex-direction:column;gap:8px;display:flex}.appx-order{background:#ffffff08;border:1px solid #ffffff0d;border-radius:13px;align-items:center;gap:11px;padding:11px 12px;display:flex}.appx-order.active{background:#10b98112;border-color:#10b98140}.appx-order-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.appx-order-meta{flex-direction:column;flex:1;min-width:0;display:flex}.appx-order-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.appx-order-addr{color:var(--text-faint);font-size:11px}.appx-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.appx-pill.done{color:var(--text-faint);background:#ffffff0d}.appx-pill.active{color:#34d399;background:#10b98124}.appx-pill.todo{color:var(--text-muted);background:#ffffff0d}.appx-cta-row{margin-top:auto;padding-top:12px}.appx-navbtn{color:#0a0b0f;background:linear-gradient(#fff,#e7e9ec);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:600;display:flex}.appx-navbtn svg{fill:none;stroke:#0a0b0f;stroke-width:2px;stroke-linejoin:round;width:14px;height:14px}.appx-stagger{opacity:0;animation:.5s forwards appx-row-in;animation-delay:var(--d)}@keyframes appx-row-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.appx-checks{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.appx-check{align-items:center;gap:11px;display:flex}.appx-check-box{background:#10b98124;border-radius:8px;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.appx-check-box svg{fill:none;stroke:#34d399;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.appx-check-text{color:var(--text-secondary);font-size:13px}.appx-tick{opacity:0;animation:.45s cubic-bezier(.16,1,.3,1) forwards appx-tickin;animation-delay:var(--d)}@keyframes appx-tickin{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.appx-tick .appx-check-box{animation:.45s cubic-bezier(.16,1,.3,1) backwards appx-pop;animation-delay:var(--d)}@keyframes appx-pop{0%{transform:scale(.4)}60%{transform:scale(1.14)}to{transform:scale(1)}}.appx-sig{margin-top:16px}.appx-sig-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px}.appx-sig-pad{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;height:92px;position:relative;overflow:hidden}.appx-sig-svg{width:100%;height:100%;position:absolute;inset:0}.appx-sig-path{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.6s 1.4s forwards appx-sign}@keyframes appx-sign{to{stroke-dashoffset:0}}.appx-sig-name{color:var(--text-faint);font-size:11px;position:absolute;bottom:8px;right:12px}.appx-confirm{color:#34d399;opacity:0;background:#10b98124;border:1px solid #10b9814d;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:auto;padding:13px;font-size:13px;font-weight:600;animation:.5s 3s forwards appx-row-in;display:flex}.appx-confirm-check{background:var(--accent-emerald);color:#06120e;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.appx-map{border-radius:14px;flex:1;margin-top:2px;position:relative;overflow:hidden}.appx-map-svg{width:100%;height:100%;position:absolute;inset:0}.appx-truck-ping,.appx-dest-ping{transform-origin:0 0;animation:1.9s ease-out infinite appx-ping}@keyframes appx-ping{0%{opacity:.65;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}.appx-eta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b0ed1;border:1px solid #ffffff12;border-radius:13px;padding:12px 14px;position:absolute;bottom:12px;left:12px;right:12px}.appx-eta-row{align-items:center;gap:14px;display:flex}.appx-eta-val{color:#34d399;font-size:19px;font-weight:700;line-height:1}.appx-eta-val.neutral{color:var(--text-primary);font-size:16px}.appx-eta-lbl{color:var(--text-faint);margin-top:3px;font-size:9px}.appx-eta-div{background:#ffffff1a;width:1px;height:26px}.appx-dots{justify-content:center;gap:6px;padding:10px 0 16px;display:flex}.appx-dots span{background:#ffffff2e;border-radius:50%;width:6px;height:6px;transition:all .3s}.appx-dots span.on{background:var(--accent-emerald);border-radius:4px;width:18px}@media (prefers-reduced-motion:reduce){.appx-phone-wrap,.appx-phone-float,.appx-view,.appx-stagger,.appx-tick,.appx-tick .appx-check-box,.appx-confirm,.appx-live-dot,.appx-truck-ping,.appx-dest-ping{opacity:1;animation:none}.appx-sig-path{stroke-dashoffset:0;animation:none}}@media (max-width:600px){.appx-stage{height:auto;min-height:0;padding:8px 0 16px}.appx-phone{width:272px;height:566px}}@keyframes bsPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=bestellen] .hero-content{max-width:960px}[data-module=bestellen] .bs-panel{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-module=bestellen] .bs-panel-actions{gap:6px;display:flex}[data-module=bestellen] .bs-panel-filter{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}[data-module=bestellen] .bs-panel-filter svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=bestellen] .bs-panel-tabs{border-bottom:1px solid #ffffff0f;gap:0;padding-left:12px;display:flex}[data-module=bestellen] .bs-panel-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 14px;font-size:10px}[data-module=bestellen] .bs-panel-tab.active{color:#34d399;border-color:#10b98180}[data-module=bestellen] .bs-panel-tab .bs-tab-count{color:#34d399;background:#10b9811f;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:8px;font-weight:600}[data-module=bestellen] .bs-order-list{flex-direction:column;display:flex}[data-module=bestellen] .bs-order-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:.6fr 1.3fr .7fr .6fr .8fr;align-items:center;padding:8px 12px;font-size:9.5px;display:grid}[data-module=bestellen] .bs-order-row.header-row{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;padding:6px 12px;font-size:8px;font-weight:600}[data-module=bestellen] .bs-order-id{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:9px}[data-module=bestellen] .bs-order-supplier{font-weight:500}[data-module=bestellen] .bs-order-status{border-radius:3px;width:fit-content;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}[data-module=bestellen] .bs-order-status.draft{color:var(--text-faint);background:#ffffff0f}[data-module=bestellen] .bs-order-status.sent{color:#818cf8;background:#6366f11f}[data-module=bestellen] .bs-order-status.partial{color:#fbbf24;background:#f59e0b1f}[data-module=bestellen] .bs-order-status.received{color:#34d399;background:#10b9811f}[data-module=bestellen] .bs-panel-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-module=bestellen] .bs-panel-summary-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:8px 10px}[data-module=bestellen] .bs-panel-summary-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:8px}[data-module=bestellen] .bs-panel-summary-value{color:var(--text-primary);margin-top:2px;font-size:14px;font-weight:700}[data-module=bestellen] .bs-panel-leveranciers{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}[data-module=bestellen] .bs-panel-lev-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;padding:6px 8px}[data-module=bestellen] .bs-panel-lev-name{color:var(--text-faint);margin-bottom:2px;font-size:8px}[data-module=bestellen] .bs-panel-lev-bar{background:#ffffff0f;border-radius:2px;height:3px;margin-bottom:3px}[data-module=bestellen] .bs-panel-lev-bar-fill{border-radius:2px;height:100%}[data-module=bestellen] .bs-panel-lev-value{color:var(--text-secondary);font-size:9px;font-weight:600}[data-module=bestellen] .bs-panel-bottom-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-module=bestellen] .bs-panel-stat-block{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}[data-module=bestellen] .bs-panel-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:7.5px}[data-module=bestellen] .bs-panel-stat-val{color:var(--text-primary);margin-top:1px;font-size:12px;font-weight:700}[data-module=bestellen] .bs-panel-stat-spark svg{width:40px;height:16px}[data-module=bestellen] .bs-panel-activity{background:#10b98108;border:1px solid #10b98114;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex}[data-module=bestellen] .bs-panel-activity-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite bsPulse}[data-module=bestellen] .bs-panel-activity-text{color:#10b981b3;flex:1;font-size:9.5px}[data-module=bestellen] .bs-panel-activity-time{color:var(--text-faint);font-size:8.5px}[data-module=bestellen] .bs-orders{padding:20px}[data-module=bestellen] .bs-orders-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-orders-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bestellen] .bs-orders-workflow{align-items:center;gap:0;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-orders-step{color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;font-weight:600;display:flex}[data-module=bestellen] .bs-orders-step.active{color:#34d399;background:#10b98114;border-color:#10b98133}[data-module=bestellen] .bs-orders-step.done{color:#10b98180;background:#10b9810a}[data-module=bestellen] .bs-orders-step-num{width:16px;height:16px;color:var(--text-faint);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}[data-module=bestellen] .bs-orders-step.active .bs-orders-step-num{color:#34d399;background:#10b98133}[data-module=bestellen] .bs-orders-step.done .bs-orders-step-num{color:#34d399;background:#10b98126}[data-module=bestellen] .bs-orders-step-arrow{color:#ffffff1a;padding:0 4px;font-size:10px}[data-module=bestellen] .bs-orders-list{flex-direction:column;gap:4px;display:flex}[data-module=bestellen] .bs-orders-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=bestellen] .bs-orders-item.highlight{border-color:#10b98126}[data-module=bestellen] .bs-orders-item-id{color:var(--text-faint);width:55px;font-family:JetBrains Mono,monospace;font-size:9px}[data-module=bestellen] .bs-orders-item-supplier{color:var(--text-secondary);flex:1;font-size:10px;font-weight:500}[data-module=bestellen] .bs-orders-item-amount{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=bestellen] .bs-orders-item-status{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=bestellen] .bs-orders-item-status.sent{color:#818cf8;background:#6366f11f}[data-module=bestellen] .bs-orders-item-status.received{color:#34d399;background:#10b9811f}[data-module=bestellen] .bs-orders-item-status.partial{color:#fbbf24;background:#f59e0b1f}[data-module=bestellen] .bs-orders-item-status.draft{color:var(--text-faint);background:#ffffff0f}[data-module=bestellen] .bs-orders-detail{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-top:8px;padding:10px}[data-module=bestellen] .bs-orders-detail-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}[data-module=bestellen] .bs-orders-detail-title{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=bestellen] .bs-orders-detail-badge{color:#818cf8;background:#6366f11f;border-radius:3px;padding:2px 6px;font-size:7px;font-weight:600}[data-module=bestellen] .bs-orders-detail-rows{flex-direction:column;gap:3px;display:flex}[data-module=bestellen] .bs-orders-detail-row{color:var(--text-secondary);grid-template-columns:1fr .5fr .4fr;padding:3px 0;font-size:9px;display:grid}[data-module=bestellen] .bs-orders-detail-product{font-weight:500}[data-module=bestellen] .bs-orders-detail-dim{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=bestellen] .bs-orders-detail-price{text-align:right;font-weight:600}[data-module=bestellen] .bs-orders-summary-row{color:var(--text-primary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:6px;padding-top:6px;font-size:10px;font-weight:700;display:flex}[data-module=bestellen] .bs-orders-actions{gap:6px;margin-top:10px;display:flex}[data-module=bestellen] .bs-orders-action-btn{border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:8px;font-weight:600;display:flex}[data-module=bestellen] .bs-orders-action-btn.primary{color:#34d399;background:#10b9811a;border:1px solid #10b98133}[data-module=bestellen] .bs-orders-action-btn.secondary{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}[data-module=bestellen] .bs-suppliers{padding:20px}[data-module=bestellen] .bs-suppliers-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-suppliers-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bestellen] .bs-supplier-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:14px}[data-module=bestellen] .bs-supplier-card.active{border-color:#10b98133}[data-module=bestellen] .bs-supplier-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}[data-module=bestellen] .bs-supplier-card-name{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bestellen] .bs-supplier-card-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=bestellen] .bs-supplier-products{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}[data-module=bestellen] .bs-supplier-product-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr .5fr .5fr;padding:3px 0;font-size:9px;display:grid}[data-module=bestellen] .bs-supplier-product-row.header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:7.5px;font-weight:600}[data-module=bestellen] .bs-supplier-compare{color:#10b981b3;background:#10b98108;border:1px dashed #10b98126;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex}[data-module=bestellen] .bs-supplier-compare svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-module=bestellen] .bs-stock{padding:20px}[data-module=bestellen] .bs-stock-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-stock-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bestellen] .bs-stock-list{flex-direction:column;gap:6px;display:flex}[data-module=bestellen] .bs-stock-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=bestellen] .bs-stock-item.warning{border-color:#f59e0b33}[data-module=bestellen] .bs-stock-item-info{flex:1}[data-module=bestellen] .bs-stock-item-name{color:var(--text-secondary);font-size:10px;font-weight:500}[data-module=bestellen] .bs-stock-item-meta{color:var(--text-faint);font-size:8px}[data-module=bestellen] .bs-stock-item-bar-wrap{width:80px}[data-module=bestellen] .bs-stock-item-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}[data-module=bestellen] .bs-stock-item-bar-fill{border-radius:2px;height:100%}[data-module=bestellen] .bs-stock-item-bar-fill.high{background:#10b98199}[data-module=bestellen] .bs-stock-item-bar-fill.medium{background:#f59e0b99}[data-module=bestellen] .bs-stock-item-bar-fill.low{background:#ef444499}[data-module=bestellen] .bs-stock-item-level{text-align:right;margin-top:2px;font-size:8px;font-weight:600}[data-module=bestellen] .bs-stock-item-level.high{color:#34d399}[data-module=bestellen] .bs-stock-item-level.medium{color:#fbbf24}[data-module=bestellen] .bs-stock-item-level.low{color:#f87171}[data-module=bestellen] .bs-stock-zones{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:10px;padding:10px 12px}[data-module=bestellen] .bs-stock-zones-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:9px;font-weight:600}[data-module=bestellen] .bs-stock-zones-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}[data-module=bestellen] .bs-stock-zone{text-align:center;color:#34d399;background:#10b98114;border:1px solid #10b9811f;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:600}[data-module=bestellen] .bs-stock-zone.full{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b26}[data-module=bestellen] .bs-scan{padding:20px}[data-module=bestellen] .bs-scan-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-scan-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bestellen] .bs-scan-barcode{background:#10b9810a;border:1px dashed #10b98133;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}[data-module=bestellen] .bs-scan-barcode-icon{background:#10b9811a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=bestellen] .bs-scan-barcode-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:16px;height:16px}[data-module=bestellen] .bs-scan-barcode-text{flex:1}[data-module=bestellen] .bs-scan-barcode-label{color:#34d399;font-size:10px;font-weight:600}[data-module=bestellen] .bs-scan-barcode-hint{color:#10b98180;font-size:8px}[data-module=bestellen] .bs-scan-items{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}[data-module=bestellen] .bs-scan-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}[data-module=bestellen] .bs-scan-item.checked{border-color:#10b98126}[data-module=bestellen] .bs-scan-item.defect{border-color:#ef444433}[data-module=bestellen] .bs-scan-check{border:1.5px solid #ffffff26;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}[data-module=bestellen] .bs-scan-item.checked .bs-scan-check{background:#10b98133;border-color:#10b98166}[data-module=bestellen] .bs-scan-item.checked .bs-scan-check svg{display:block}[data-module=bestellen] .bs-scan-item.defect .bs-scan-check{background:#ef444426;border-color:#ef44444d}[data-module=bestellen] .bs-scan-check svg{stroke:#34d399;fill:none;stroke-width:3px;width:8px;height:8px;display:none}[data-module=bestellen] .bs-scan-item-info{flex:1}[data-module=bestellen] .bs-scan-item-name{color:var(--text-secondary);font-size:9.5px;font-weight:500}[data-module=bestellen] .bs-scan-item-meta{color:var(--text-faint);font-size:8px}[data-module=bestellen] .bs-scan-item-qty{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=bestellen] .bs-scan-defect-note{color:#f87171;background:#ef44440a;border:1px solid #ef44441f;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex}[data-module=bestellen] .bs-invoice{padding:20px}[data-module=bestellen] .bs-invoice-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=bestellen] .bs-invoice-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bestellen] .bs-invoice-upload{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}[data-module=bestellen] .bs-invoice-upload-icon{background:#6366f11a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=bestellen] .bs-invoice-upload-icon svg{stroke:#818cf8;fill:none;stroke-width:2px;width:16px;height:16px}[data-module=bestellen] .bs-invoice-upload-text{color:var(--text-secondary);flex:1;font-size:10px}[data-module=bestellen] .bs-invoice-upload-badge{color:#818cf8;background:#6366f11f;border-radius:8px;padding:2px 8px;font-size:8px;font-weight:600}[data-module=bestellen] .bs-invoice-match{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:10px;padding:12px}[data-module=bestellen] .bs-invoice-match-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=bestellen] .bs-invoice-match-title{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=bestellen] .bs-invoice-match-ai{color:#818cf8;align-items:center;gap:4px;font-size:8px;font-weight:600;display:flex}[data-module=bestellen] .bs-invoice-match-ai svg{stroke:#818cf8;fill:none;stroke-width:2px;width:10px;height:10px}[data-module=bestellen] .bs-invoice-match-rows{flex-direction:column;gap:4px;display:flex}[data-module=bestellen] .bs-invoice-match-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr .5fr .4fr .3fr;align-items:center;padding:4px 0;font-size:9px;display:grid}[data-module=bestellen] .bs-invoice-match-row.header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:7.5px;font-weight:600}[data-module=bestellen] .bs-invoice-match-status{border-radius:3px;padding:2px 5px;font-size:7px;font-weight:600}[data-module=bestellen] .bs-invoice-match-status.ok{color:#34d399;background:#10b9811f}[data-module=bestellen] .bs-invoice-match-status.warn{color:#fbbf24;background:#f59e0b1f}[data-module=bestellen] .bs-invoice-result{background:#10b9810a;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}[data-module=bestellen] .bs-invoice-result-icon{background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}[data-module=bestellen] .bs-invoice-result-icon svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:10px;height:10px}[data-module=bestellen] .bs-invoice-result-text{color:#10b981b3;flex:1;font-size:10px}[data-module=bestellen] .bs-invoice-result-action{color:#34d399;background:#10b98126;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:600}@media (max-width:768px){[data-module=bestellen] .bs-order-row{font-size:8px}[data-module=bestellen] .bs-panel-summary{grid-template-columns:1fr}[data-module=bestellen] .bs-stock-zones-grid{grid-template-columns:repeat(2,1fr)}}[data-module=projecten] .pj-project-panel{flex-direction:column;height:100%;display:flex}[data-module=projecten] .pj-project-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:16px 24px 14px;display:flex}[data-module=projecten] .pj-project-left{flex:1;min-width:0}[data-module=projecten] .pj-project-name{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700}[data-module=projecten] .pj-project-badges{align-items:center;gap:5px;display:flex}[data-module=projecten] .pj-project-right{text-align:right;flex-shrink:0}[data-module=projecten] .pj-project-budget{color:var(--text-primary);font-size:18px;font-weight:700}[data-module=projecten] .pj-project-leader{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=projecten] .pj-status-badge{border-radius:10px;padding:2px 8px;font-size:8.5px;font-weight:700}[data-module=projecten] .pj-status-badge.green{color:#34d399;background:#10b98126}[data-module=projecten] .pj-status-badge.blue{color:#60a5fa;background:#3b82f626}[data-module=projecten] .pj-status-badge.orange{color:#fbbf24;background:#f59e0b26}[data-module=projecten] .pj-progress-area{border-bottom:1px solid #ffffff0a;padding:14px 24px}[data-module=projecten] .pj-progress-row{margin-bottom:10px}[data-module=projecten] .pj-progress-row:last-child{margin-bottom:0}[data-module=projecten] .pj-progress-label{justify-content:space-between;margin-bottom:5px;display:flex}[data-module=projecten] .pj-progress-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:8.5px}[data-module=projecten] .pj-progress-pct{font-size:11px;font-weight:700}[data-module=projecten] .pj-progress-pct.blue{color:#60a5fa}[data-module=projecten] .pj-progress-pct.green{color:#34d399}[data-module=projecten] .pj-progress-bar{background:#ffffff0f;border-radius:3px;height:5px}[data-module=projecten] .pj-progress-fill{border-radius:3px;height:100%}[data-module=projecten] .pj-progress-fill.blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}[data-module=projecten] .pj-progress-fill.green{background:linear-gradient(90deg,#059669,#34d399)}[data-module=projecten] .pj-order-list{flex-direction:column;flex:1;display:flex;overflow:hidden}[data-module=projecten] .pj-order-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;grid-template-columns:56px auto 1fr auto;gap:8px;padding:5px 24px;font-size:8px;display:grid}[data-module=projecten] .pj-order-row{border-bottom:1px solid #ffffff08;grid-template-columns:56px auto 1fr auto;align-items:center;gap:8px;padding:7px 24px;display:grid}[data-module=projecten] .pj-order-row.active{background:#3b82f60a}[data-module=projecten] .pj-order-row.alert{background:#ef444408}[data-module=projecten] .pj-tab-bar{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:2px;padding:0 24px;display:flex}[data-module=projecten] .pj-tab{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:2px solid #0000;padding:8px 10px;font-size:9px;font-weight:600}[data-module=projecten] .pj-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}[data-module=projecten] .pj-footer-bar{border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 24px;display:flex}[data-module=projecten] .pj-footer-stats{gap:16px;display:flex}[data-module=projecten] .pj-footer-stat{color:var(--text-faint);font-size:9px}[data-module=projecten] .pj-footer-stat strong{color:var(--text-secondary);font-weight:600}[data-module=projecten] .pj-footer-alert{color:#f87171;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}[data-module=projecten] .pj-order-num{color:var(--text-muted);font-size:9.5px;font-weight:600}[data-module=projecten] .pj-order-desc{color:var(--text-primary);font-size:10.5px}[data-module=projecten] .pj-type-badge{border-radius:8px;padding:2px 6px;font-size:7.5px;font-weight:700;display:inline-flex}[data-module=projecten] .pj-type-badge.werkorder{color:#60a5fa;background:#3b82f61f}[data-module=projecten] .pj-type-badge.foutherstel{color:#f87171;background:#ef44441f}[data-module=projecten] .pj-type-badge.extra{color:#fbbf24;background:#f59e0b1f}[data-module=projecten] .pj-order-status{white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}[data-module=projecten] .pj-order-status.done{color:#34d399}[data-module=projecten] .pj-order-status.progress{color:#60a5fa}[data-module=projecten] .pj-order-status.planned{color:var(--text-faint)}[data-module=projecten] .pj-order-status.alert{color:#f87171}[data-module=projecten] .pj-bundle{padding:20px}[data-module=projecten] .pj-bundle-project-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}[data-module=projecten] .pj-bundle-address{color:var(--text-faint);margin-bottom:12px;font-size:9.5px}[data-module=projecten] .pj-bundle-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}[data-module=projecten] .pj-bundle-chip{border-radius:10px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:700;display:flex}[data-module=projecten] .pj-bundle-chip.werkorder{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}[data-module=projecten] .pj-bundle-chip.foutherstel{color:#f87171;background:#ef44441a;border:1px solid #ef444433}[data-module=projecten] .pj-bundle-chip.extra{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}[data-module=projecten] .pj-bundle-orders{flex-direction:column;gap:4px;display:flex}[data-module=projecten] .pj-bundle-order{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:52px auto 1fr auto;align-items:center;gap:8px;padding:8px 12px;font-size:10.5px;display:grid}[data-module=projecten] .pj-bundle-order-num{color:var(--text-faint);font-size:9px;font-weight:600}[data-module=projecten] .pj-bundle-order-desc{color:var(--text-secondary)}[data-module=projecten] .pj-bundle-order-status{align-items:center;gap:4px;font-size:9px;display:flex}[data-module=projecten] .pj-bundle-order-status.done{color:#34d399}[data-module=projecten] .pj-bundle-order-status.prog{color:#60a5fa}[data-module=projecten] .pj-bundle-order-status.plan{color:var(--text-faint)}[data-module=projecten] .pj-voortgang{padding:20px}[data-module=projecten] .pj-voortgang-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}[data-module=projecten] .pj-voortgang-title{color:var(--text-primary);font-size:13px;font-weight:700}[data-module=projecten] .pj-voortgang-project{color:var(--text-faint);font-size:9px}[data-module=projecten] .pj-voortgang-block{margin-bottom:20px}[data-module=projecten] .pj-voortgang-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}[data-module=projecten] .pj-voortgang-block-name{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=projecten] .pj-voortgang-big-pct{font-size:28px;font-weight:800;line-height:1}[data-module=projecten] .pj-voortgang-big-pct.blue{color:#60a5fa}[data-module=projecten] .pj-voortgang-big-pct.green{color:#34d399}[data-module=projecten] .pj-voortgang-track{background:#ffffff0f;border-radius:4px;height:8px;margin-bottom:5px}[data-module=projecten] .pj-voortgang-fill{border-radius:4px;height:100%}[data-module=projecten] .pj-voortgang-fill.blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}[data-module=projecten] .pj-voortgang-fill.green{background:linear-gradient(90deg,#059669,#34d399)}[data-module=projecten] .pj-voortgang-sub{color:var(--text-faint);font-size:9px}[data-module=projecten] .pj-product-grid{border-top:1px solid #ffffff0d;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px;display:grid}[data-module=projecten] .pj-product-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px}[data-module=projecten] .pj-product-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:6px;font-size:7.5px}[data-module=projecten] .pj-product-ref{color:var(--text-primary);font-size:12px;font-weight:700}[data-module=projecten] .pj-product-proj{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=projecten] .pj-product-pbar{background:#ffffff0d;border-radius:2px;height:3px;margin-top:7px}[data-module=projecten] .pj-product-pbar-fill{background:#3b82f680;border-radius:2px;height:100%}[data-module=projecten] .pj-alert-row{color:#fbbf24;background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;font-size:9.5px;display:flex}[data-module=projecten] .pj-milestones{padding:20px}[data-module=projecten] .pj-milestones-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=projecten] .pj-milestones-title{color:var(--text-primary);font-size:13px;font-weight:700}[data-module=projecten] .pj-milestones-meta{color:var(--text-faint);font-size:9px}[data-module=projecten] .pj-milestone{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:6px;padding:10px 12px}[data-module=projecten] .pj-milestone.ms-active{background:#3b82f60a;border-color:#3b82f640}[data-module=projecten] .pj-milestone-row{grid-template-columns:24px 44px 80px 1fr auto;align-items:center;gap:10px;display:grid}[data-module=projecten] .pj-ms-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}[data-module=projecten] .pj-ms-icon.done{color:#34d399;background:#10b98126}[data-module=projecten] .pj-ms-icon.active{color:#60a5fa;background:#3b82f626}[data-module=projecten] .pj-ms-icon.wait{color:var(--text-faint);background:#ffffff0d;border:1px solid #ffffff1a}[data-module=projecten] .pj-ms-pct{color:var(--text-primary);font-size:16px;font-weight:800}[data-module=projecten] .pj-ms-amount{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=projecten] .pj-ms-desc{color:var(--text-secondary);font-size:10.5px}[data-module=projecten] .pj-ms-badge{white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:8px;font-weight:700}[data-module=projecten] .pj-ms-badge.done{color:#34d399;background:#10b9811f}[data-module=projecten] .pj-ms-badge.active{color:#60a5fa;background:#3b82f61f}[data-module=projecten] .pj-ms-badge.wait{color:var(--text-faint);background:#ffffff0d}[data-module=projecten] .pj-milestone-sub{margin-top:8px;padding-left:34px}[data-module=projecten] .pj-milestone-sub-track{background:#ffffff12;border-radius:2px;height:3px}[data-module=projecten] .pj-milestone-sub-fill{background:#3b82f680;border-radius:2px;height:100%}[data-module=projecten] .pj-milestone-sub-text{color:#60a5fa;margin-top:3px;font-size:8px}[data-module=projecten] .pj-nacalc{padding:20px}[data-module=projecten] .pj-nacalc-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=projecten] .pj-nacalc-title{color:var(--text-primary);font-size:13px;font-weight:700}[data-module=projecten] .pj-nacalc-select{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:3px 10px;font-size:9px}[data-module=projecten] .pj-nacalc-thead{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border-bottom:1px solid #ffffff12;grid-template-columns:1fr 46px 100px 80px;gap:8px;padding:4px 8px;font-size:7.5px;display:grid}[data-module=projecten] .pj-nacalc-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 46px 100px 80px;align-items:center;gap:8px;padding:8px;font-size:10.5px;display:grid}[data-module=projecten] .pj-nacalc-type{color:var(--text-secondary);align-items:center;gap:8px;display:flex}[data-module=projecten] .pj-nacalc-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}[data-module=projecten] .pj-nacalc-count{color:var(--text-faint);text-align:center;font-size:10px}[data-module=projecten] .pj-nacalc-amount{color:var(--text-primary);text-align:right;font-size:10.5px;font-weight:600}[data-module=projecten] .pj-nacalc-labor{color:var(--text-muted);text-align:right;font-size:10px}[data-module=projecten] .pj-nacalc-totals{background:#10b98108;border:1px solid #10b98114;border-radius:8px;margin-top:10px;padding:10px 8px}[data-module=projecten] .pj-nacalc-total-row{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:9.5px;display:flex}[data-module=projecten] .pj-nacalc-total-row.bold{color:var(--text-primary);border-top:1px solid #10b9811f;margin-top:4px;padding-top:8px;font-size:12px;font-weight:700}[data-module=projecten] .pj-nacalc-export{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:7px 14px;font-size:9.5px;font-weight:600;display:inline-flex}[data-module=projecten] .pj-gantt{padding:20px}[data-module=projecten] .pj-gantt-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=projecten] .pj-gantt-title{color:var(--text-primary);font-size:13px;font-weight:700}[data-module=projecten] .pj-gantt-range{color:var(--text-faint);font-size:9px}[data-module=projecten] .pj-gantt-weeks{gap:0;margin-bottom:8px;margin-left:110px;display:flex}[data-module=projecten] .pj-gantt-week{text-align:center;color:var(--text-faint);border-bottom:1px solid #ffffff0d;flex:1;padding:0 0 4px;font-size:7.5px}[data-module=projecten] .pj-gantt-week.today{color:#34d399;font-weight:700}[data-module=projecten] .pj-gantt-row{align-items:center;gap:0;height:28px;margin-bottom:4px;display:flex}[data-module=projecten] .pj-gantt-row-name{width:110px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding-right:8px;font-size:8.5px;display:flex;overflow:hidden}[data-module=projecten] .pj-gantt-name-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-module=projecten] .pj-gantt-body{flex:1;height:100%;position:relative}[data-module=projecten] .pj-gantt-bar{border-radius:4px;align-items:center;height:15px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}[data-module=projecten] .pj-gantt-bar-label{color:#fffc;white-space:nowrap;padding:0 6px;font-size:7.5px;font-weight:600;overflow:hidden}[data-module=projecten] .pj-gantt-today-col{pointer-events:none;background:#10b98166;width:1px;position:absolute;top:0;bottom:0}[data-module=projecten] .pj-gantt-sep{border:none;border-top:1px solid #ffffff0d;margin:8px 0}[data-module=projecten] .pj-gantt-today-label{color:var(--text-faint);align-items:center;gap:6px;margin-top:4px;padding-left:110px;font-size:8px;display:flex}[data-module=projecten] .pj-gantt-today-dot{background:#10b981;border-radius:50%;width:5px;height:5px}[data-module=bokken] .hero-content{max-width:960px}[data-module=bokken] .bk-split{height:100%;display:flex}[data-module=bokken] .bk-panel-table{border-right:1px solid #ffffff0f;flex-direction:column;flex:1;display:flex;overflow:hidden}[data-module=bokken] .bk-panel-map{background:#1a1c20;width:35%;position:relative;overflow:hidden}[data-module=bokken] #bokkenMap{background:#1a1c20;width:100%;height:100%}[data-module=bokken] #bokkenMap .leaflet-container{background:#1a1c20}[data-module=bokken] #bokkenMap .leaflet-control-attribution,[data-module=bokken] #bokkenMap .leaflet-control-zoom{display:none!important}[data-module=bokken] #bokkenMap .leaflet-tile-pane{opacity:.75;filter:brightness(.85)}[data-module=bokken] .bk-marker{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000080}[data-module=bokken] .bk-marker.amber{background:#f59e0b}[data-module=bokken] .bk-marker.green{background:#10b981}[data-module=bokken] .bk-marker.red{background:#ef4444}[data-module=bokken] .bk-marker.blue{background:#6366f1}[data-module=bokken] .bk-cluster{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 16px #0000004d}[data-module=bokken] .bk-cluster.amber{color:#fbbf24;background:#f59e0b40;border:2px solid #f59e0b99}[data-module=bokken] .bk-cluster.green{color:#34d399;background:#10b98133;border:2px solid #10b98180}[data-module=bokken] .bk-map-overlay{z-index:1000;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e23e6;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:600;display:flex;position:absolute}[data-module=bokken] .bk-map-overlay.top-right{top:8px;right:8px}[data-module=bokken] .bk-map-overlay.bottom-left{gap:12px;bottom:8px;left:8px}[data-module=bokken] .bk-map-legend-item{color:var(--text-faint);align-items:center;gap:4px;font-size:8.5px;font-weight:500;display:flex}[data-module=bokken] .bk-map-legend-dot{border-radius:50%;width:6px;height:6px}[data-module=bokken] .bk-registry{padding:0}[data-module=bokken] .bk-registry-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 24px;display:flex}[data-module=bokken] .bk-registry-title{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=bokken] .bk-registry-count{color:var(--text-faint);background:#ffffff0a;border-radius:8px;margin-left:auto;padding:3px 10px;font-size:11px}[data-module=bokken] .bk-registry-filters{border-bottom:1px solid #ffffff0f;gap:0;padding:0 24px;display:flex}[data-module=bokken] .bk-filter{color:var(--text-faint);cursor:default;border-bottom:2px solid #0000;padding:9px 14px;font-size:11px}[data-module=bokken] .bk-filter.active{color:#34d399;border-color:#10b98180}[data-module=bokken] .bk-table-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0a;grid-template-columns:70px 1fr 80px 50px 50px;gap:8px;padding:8px 24px;font-size:9px;display:grid}[data-module=bokken] .bk-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:70px 1fr 80px 50px 50px;gap:8px;padding:9px 24px;font-size:12px;transition:background .15s;display:grid}[data-module=bokken] .bk-row:hover{background:#ffffff05}[data-module=bokken] .bk-row:last-child{border-bottom:none}[data-module=bokken] .bk-rack-id{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bokken] .bk-rack-type{color:var(--text-muted);font-size:11px}[data-module=bokken] .bk-customer{flex-direction:column;gap:2px;display:flex}[data-module=bokken] .bk-customer-name{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bokken] .bk-customer-city{color:var(--text-faint);font-size:10px}[data-module=bokken] .bk-status{align-items:center;gap:6px;font-size:11px;display:flex}[data-module=bokken] .bk-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-module=bokken] .bk-status-dot.green{background:#10b981}[data-module=bokken] .bk-status-dot.amber{background:#f59e0b}[data-module=bokken] .bk-status-dot.blue{background:#6366f1}[data-module=bokken] .bk-status-dot.red{background:#ef4444}[data-module=bokken] .bk-days{color:var(--text-muted);text-align:right;font-size:12px;font-weight:600}[data-module=bokken] .bk-days.warning{color:#fbbf24}[data-module=bokken] .bk-days.danger{color:#f87171}[data-module=bokken] .bk-amount{color:var(--text-muted);text-align:right;font-size:11px}[data-module=bokken] .bk-registry-footer{background:#ffffff03;border-top:1px solid #ffffff0f;align-items:center;gap:16px;padding:12px 24px;display:flex}[data-module=bokken] .bk-footer-stat{color:var(--text-faint);align-items:center;gap:4px;font-size:11px;display:flex}[data-module=bokken] .bk-footer-stat strong{color:var(--text-secondary);font-weight:600}[data-module=bokken] .bk-footer-alert{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;margin-left:auto;padding:4px 12px;font-size:10px}[data-module=bokken] .bk-lifecycle{padding:16px 20px}[data-module=bokken] .bk-lifecycle-rack{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex}[data-module=bokken] .bk-lifecycle-rack-icon{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=bokken] .bk-lifecycle-rack-icon svg{stroke:#34d399;fill:none;stroke-width:1.8px;width:16px;height:16px}[data-module=bokken] .bk-lifecycle-rack-info{flex-direction:column;gap:1px;display:flex}[data-module=bokken] .bk-lifecycle-rack-id{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bokken] .bk-lifecycle-rack-type{color:var(--text-faint);font-size:9.5px}[data-module=bokken] .bk-timeline{flex-direction:column;gap:0;display:flex}[data-module=bokken] .bk-timeline-item{align-items:flex-start;gap:10px;padding:6px 0;display:flex;position:relative}[data-module=bokken] .bk-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}[data-module=bokken] .bk-timeline-dot{z-index:1;background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}[data-module=bokken] .bk-timeline-dot.done{background:#10b9814d;border-color:#10b98199}[data-module=bokken] .bk-timeline-dot.active{background:#10b98180;border-color:#34d399;box-shadow:0 0 8px #10b98166}[data-module=bokken] .bk-timeline-dot.amber{background:#f59e0b4d;border-color:#f59e0b99}[data-module=bokken] .bk-timeline-connector{background:#ffffff0f;flex-shrink:0;width:1.5px;height:14px}[data-module=bokken] .bk-timeline-connector.done{background:#10b9814d}[data-module=bokken] .bk-timeline-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}[data-module=bokken] .bk-timeline-label{color:var(--text-muted);font-size:11px}[data-module=bokken] .bk-timeline-label.done{color:var(--text-secondary)}[data-module=bokken] .bk-timeline-label.active{color:#34d399;font-weight:500}[data-module=bokken] .bk-timeline-meta{color:var(--text-faint);font-size:9px}[data-module=bokken] .bk-timeline-meta.active{color:#10b981b3}[data-module=bokken] .bk-timeline-gps{color:#10b98180;align-items:center;gap:3px;margin-top:1px;font-size:8px;display:flex}[data-module=bokken] .bk-timeline-gps svg{stroke:#10b98180;fill:none;stroke-width:2px;width:8px;height:8px}[data-module=bokken] .bk-invoice-calc{padding:16px 20px}[data-module=bokken] .bk-calc-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}[data-module=bokken] .bk-calc-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bokken] .bk-calc-badge{color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:8px;padding:2px 8px;font-size:9px;font-weight:600}[data-module=bokken] .bk-calc-rows{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=bokken] .bk-calc-row{color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}[data-module=bokken] .bk-calc-row-label{align-items:center;gap:6px;display:flex}[data-module=bokken] .bk-calc-row-dot{border-radius:50%;width:5px;height:5px}[data-module=bokken] .bk-calc-row-dot.green{background:#10b981}[data-module=bokken] .bk-calc-row-dot.amber{background:#f59e0b}[data-module=bokken] .bk-calc-row-dot.red{background:#ef4444}[data-module=bokken] .bk-calc-row-dot.blue{background:#6366f1}[data-module=bokken] .bk-calc-row-value{color:var(--text-secondary);font-weight:500}[data-module=bokken] .bk-calc-formula{color:#10b981cc;text-align:center;background:#10b9810a;border:1px solid #10b9811a;border-radius:6px;margin-bottom:14px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:10px}[data-module=bokken] .bk-calc-invoice{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=bokken] .bk-calc-invoice-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}[data-module=bokken] .bk-calc-invoice-title{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=bokken] .bk-calc-invoice-num{color:var(--text-faint);font-size:9px}[data-module=bokken] .bk-calc-invoice-line{color:var(--text-muted);justify-content:space-between;padding:2px 0;font-size:10px;display:flex}[data-module=bokken] .bk-calc-invoice-total{color:var(--text-primary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:4px;padding-top:6px;font-size:11px;font-weight:600;display:flex}[data-module=bokken] .bk-3d-rack{padding:16px 20px;position:relative}[data-module=bokken] .bk-3d-badge{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa40;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:8px;font-weight:600;display:flex;position:absolute;top:12px;right:16px}[data-module=bokken] .bk-3d-badge svg{stroke:#a78bfa;fill:none;stroke-width:2px;width:10px;height:10px}[data-module=bokken] .bk-rack-view{perspective:600px;justify-content:center;align-items:center;min-height:200px;margin-bottom:12px;display:flex}[data-module=bokken] .bk-rack-iso{transform-style:preserve-3d;width:160px;height:180px;position:relative;transform:rotateX(12deg)rotateY(-25deg)}[data-module=bokken] .bk-rack-frame{background:#10b98108;border:1.5px solid #10b9814d;border-radius:4px;position:absolute;inset:0}[data-module=bokken] .bk-rack-beam{background:#10b98140;border-radius:1px;height:2px;position:absolute;left:8px;right:8px}[data-module=bokken] .bk-glass-piece{background:linear-gradient(135deg,#6366f114,#6366f126);border:1px solid #6366f14d;border-radius:2px;position:absolute;left:12px}[data-module=bokken] .bk-glass-piece.piece-1{width:70px;height:55px;bottom:8px}[data-module=bokken] .bk-glass-piece.piece-2{width:58px;height:45px;bottom:8px;left:86px}[data-module=bokken] .bk-glass-piece.piece-3{width:50px;height:40px;bottom:57px;left:12px}[data-module=bokken] .bk-glass-piece.piece-4{width:78px;height:35px;bottom:57px;left:66px}[data-module=bokken] .bk-glass-piece.piece-5{width:65px;height:30px;bottom:96px;left:12px}[data-module=bokken] .bk-glass-label{color:#6366f1b3;text-align:center;font-size:7px;font-weight:500;position:absolute}[data-module=bokken] .bk-glass-label.l1{bottom:28px;left:30px}[data-module=bokken] .bk-glass-label.l2{bottom:22px;left:100px}[data-module=bokken] .bk-glass-label.l3{bottom:70px;left:22px}[data-module=bokken] .bk-glass-label.l4{bottom:68px;left:90px}[data-module=bokken] .bk-glass-label.l5{bottom:106px;left:28px}[data-module=bokken] .bk-3d-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}[data-module=bokken] .bk-3d-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:6px 8px}[data-module=bokken] .bk-3d-stat-value{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=bokken] .bk-3d-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8px}[data-module=bokken] .bk-scan-zones{padding:16px 20px}[data-module=bokken] .bk-scan-header{background:#10b9810f;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}[data-module=bokken] .bk-scan-header svg{stroke:#34d399;fill:none;stroke-width:1.8px;width:16px;height:16px}[data-module=bokken] .bk-scan-header-text{color:#34d399;font-size:11px;font-weight:500}[data-module=bokken] .bk-scan-header-id{color:var(--text-secondary);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px}[data-module=bokken] .bk-scan-actions{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;display:grid}[data-module=bokken] .bk-scan-action{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:9.5px;display:flex}[data-module=bokken] .bk-scan-action svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:1.8px}[data-module=bokken] .bk-scan-action.active{color:#34d399;background:#10b9810f;border-color:#10b98126}[data-module=bokken] .bk-scan-action.active svg{stroke:#34d399}[data-module=bokken] .bk-zone-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;font-size:9px;font-weight:600}[data-module=bokken] .bk-zones{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-module=bokken] .bk-zone{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:8px}[data-module=bokken] .bk-zone.occupied{background:#10b9810a;border-color:#10b98133}[data-module=bokken] .bk-zone-name{color:var(--text-secondary);margin-bottom:2px;font-size:9px;font-weight:600}[data-module=bokken] .bk-zone-count{color:var(--text-faint);font-size:8px}[data-module=bokken] .bk-zone-bar{background:#ffffff0f;border-radius:2px;width:100%;height:3px;margin-top:4px;overflow:hidden}[data-module=bokken] .bk-zone-bar-fill{background:#10b981;border-radius:2px;height:100%}[data-module=bokken] .bk-portal{padding:16px 20px}[data-module=bokken] .bk-portal-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}[data-module=bokken] .bk-portal-logo{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}[data-module=bokken] .bk-portal-company{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=bokken] .bk-portal-badge{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;margin-left:auto;padding:2px 8px;font-size:8px}[data-module=bokken] .bk-portal-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}[data-module=bokken] .bk-portal-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:8px}[data-module=bokken] .bk-portal-stat-value{color:var(--text-primary);font-size:16px;font-weight:700}[data-module=bokken] .bk-portal-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:8px}[data-module=bokken] .bk-portal-rack{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}[data-module=bokken] .bk-portal-rack-id{color:var(--text-primary);min-width:55px;font-size:11px;font-weight:600}[data-module=bokken] .bk-portal-rack-info{color:var(--text-muted);flex:1;font-size:9.5px}[data-module=bokken] .bk-portal-rack-days{color:var(--text-faint);font-size:9px}[data-module=bokken] .bk-portal-rack-action{color:#34d399;cursor:default;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;padding:3px 8px;font-size:8px}[data-module=bokken] .bk-portal-upload{color:var(--text-faint);background:#ffffff03;border:1px dashed #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:10px;font-size:10px;display:flex}[data-module=bokken] .bk-portal-upload svg{width:14px;height:14px;stroke:var(--text-faint);fill:none;stroke-width:1.8px}@media (max-width:900px){[data-module=bokken] .bk-split{flex-direction:column}[data-module=bokken] .bk-panel-table{border-bottom:1px solid #ffffff0f;border-right:none}[data-module=bokken] .bk-panel-map{width:100%;height:250px}}@media (max-width:700px){[data-module=bokken] .bk-table-header,[data-module=bokken] .bk-row{grid-template-columns:60px 1fr 70px 40px}[data-module=bokken] .bk-row>:nth-child(3),[data-module=bokken] .bk-table-header>:nth-child(3){display:none}[data-module=bokken] .bk-3d-rack .bk-rack-view{min-height:160px}[data-module=bokken] .bk-scan-actions{grid-template-columns:1fr}[data-module=bokken] .bk-zones{grid-template-columns:1fr 1fr}}@keyframes sc-pulse{0%,to{box-shadow:0 0 8px #10b98133}50%{box-shadow:0 0 16px #10b98180}}[data-module=scannen] .hero-content{max-width:960px}[data-module=scannen] .sc-app{flex-direction:column;height:100%;padding:0;display:flex}[data-module=scannen] .sc-topbar{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}[data-module=scannen] .sc-topbar-left{align-items:center;gap:10px;display:flex}[data-module=scannen] .sc-topbar-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-topbar-right{align-items:center;gap:10px;display:flex}[data-module=scannen] .sc-avatar{color:#34d399;background:linear-gradient(135deg,#10b9814d,#10b9811a);border:1.5px solid #10b98166;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}[data-module=scannen] .sc-status{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:9.5px;display:flex}[data-module=scannen] .sc-status-dot{background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b98199}[data-module=scannen] .sc-workflows{grid-template-columns:repeat(5,1fr);gap:8px;padding:16px;display:grid}[data-module=scannen] .sc-workflow-tile{cursor:default;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;transition:border-color .2s;display:flex;position:relative}[data-module=scannen] .sc-workflow-tile:hover{border-color:#10b98133}[data-module=scannen] .sc-workflow-tile.active{background:#10b9810f;border-color:#10b98140}[data-module=scannen] .sc-workflow-icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=scannen] .sc-workflow-tile.active .sc-workflow-icon{background:#10b9811a;border-color:#10b9814d}[data-module=scannen] .sc-workflow-icon svg{width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}[data-module=scannen] .sc-workflow-tile.active .sc-workflow-icon svg{stroke:#34d399}[data-module=scannen] .sc-workflow-label{color:var(--text-faint);text-align:center;font-size:8.5px;font-weight:500}[data-module=scannen] .sc-workflow-tile.active .sc-workflow-label{color:#34d399}[data-module=scannen] .sc-workflow-badge{color:#fff;background:#10b981cc;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}[data-module=scannen] .sc-workflow-badge.amber{background:#f59e0bcc}[data-module=scannen] .sc-divider{background:#ffffff0d;height:1px;margin:0 16px}[data-module=scannen] .sc-activity-header{justify-content:space-between;align-items:center;padding:10px 16px 6px;display:flex}[data-module=scannen] .sc-activity-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}[data-module=scannen] .sc-activity-count{color:var(--text-faint);font-size:9px}[data-module=scannen] .sc-activity-feed{flex-direction:column;gap:0;padding:0 16px 12px;display:flex}[data-module=scannen] .sc-activity-item{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:8px 0;display:flex}[data-module=scannen] .sc-activity-item:last-child{border-bottom:none}[data-module=scannen] .sc-activity-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=scannen] .sc-activity-icon svg{fill:none;stroke-width:1.8px;width:13px;height:13px}[data-module=scannen] .sc-activity-icon.green{background:#10b9811a;border:1px solid #10b98133}[data-module=scannen] .sc-activity-icon.green svg{stroke:#34d399}[data-module=scannen] .sc-activity-icon.blue{background:#6366f11a;border:1px solid #6366f133}[data-module=scannen] .sc-activity-icon.blue svg{stroke:#818cf8}[data-module=scannen] .sc-activity-icon.amber{background:#f59e0b1a;border:1px solid #f59e0b33}[data-module=scannen] .sc-activity-icon.amber svg{stroke:#fbbf24}[data-module=scannen] .sc-activity-info{flex:1;min-width:0}[data-module=scannen] .sc-activity-barcode{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}[data-module=scannen] .sc-activity-product{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}[data-module=scannen] .sc-activity-right{text-align:right;flex-shrink:0}[data-module=scannen] .sc-activity-status{border-radius:8px;margin-bottom:2px;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}[data-module=scannen] .sc-activity-status.green{color:#34d399;background:#10b98126}[data-module=scannen] .sc-activity-status.blue{color:#818cf8;background:#6366f126}[data-module=scannen] .sc-activity-status.amber{color:#fbbf24;background:#f59e0b26}[data-module=scannen] .sc-activity-time{color:var(--text-faint);font-size:8px}[data-module=scannen] .sc-ontvangst{padding:20px}[data-module=scannen] .sc-ontvangst-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=scannen] .sc-ontvangst-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-ontvangst-batch{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:3px 10px;font-size:10px;font-weight:600}[data-module=scannen] .sc-scan-bar{background:#10b9810a;border:1.5px solid #10b98133;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}[data-module=scannen] .sc-scan-bar svg{stroke:#34d399;fill:none;stroke-width:1.8px;flex-shrink:0;width:16px;height:16px}[data-module=scannen] .sc-scan-bar-code{color:#34d399;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}[data-module=scannen] .sc-scan-bar-check{color:#34d399;margin-left:auto;font-size:12px}[data-module=scannen] .sc-item-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;margin-bottom:12px;padding:14px}[data-module=scannen] .sc-item-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}[data-module=scannen] .sc-item-name{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=scannen] .sc-item-dims{color:var(--text-faint);margin-top:2px;font-size:10px}[data-module=scannen] .sc-item-badge{border-radius:8px;padding:2px 8px;font-size:8.5px;font-weight:600}[data-module=scannen] .sc-item-badge.green{color:#34d399;background:#10b98126}[data-module=scannen] .sc-item-badge.blue{color:#818cf8;background:#6366f126}[data-module=scannen] .sc-item-details{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}[data-module=scannen] .sc-item-detail{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:6px 8px}[data-module=scannen] .sc-item-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:8px}[data-module=scannen] .sc-item-detail-value{color:var(--text-secondary);margin-top:1px;font-size:11px;font-weight:500}[data-module=scannen] .sc-rack-selector{align-items:center;gap:8px;margin-bottom:12px;display:flex}[data-module=scannen] .sc-rack-label{color:var(--text-faint);flex-shrink:0;font-size:10px}[data-module=scannen] .sc-rack-input{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:11px}[data-module=scannen] .sc-inboeken-btn{text-align:center;color:#fff;cursor:default;background:linear-gradient(135deg,#10b981cc,#10b98199);border:1px solid #10b98166;border-radius:8px;width:100%;padding:10px;font-size:12px;font-weight:600}[data-module=scannen] .sc-productie{padding:20px}[data-module=scannen] .sc-productie-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=scannen] .sc-productie-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-productie-unit{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:3px 10px;font-size:10px;font-weight:500}[data-module=scannen] .sc-pipeline{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:0;margin-bottom:16px;padding:12px;display:flex}[data-module=scannen] .sc-pipeline-step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}[data-module=scannen] .sc-pipeline-dot{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}[data-module=scannen] .sc-pipeline-dot.done{background:#10b98126;border-color:#10b98166}[data-module=scannen] .sc-pipeline-dot.done svg{stroke:#34d399}[data-module=scannen] .sc-pipeline-dot.active{background:#10b98133;border-color:#34d399;animation:2s ease-in-out infinite sc-pulse;box-shadow:0 0 12px #10b9814d}[data-module=scannen] .sc-pipeline-dot svg{fill:none;width:12px;height:12px;stroke:var(--text-faint);stroke-width:2px}[data-module=scannen] .sc-pipeline-dot.active svg{stroke:#34d399}[data-module=scannen] .sc-pipeline-label{color:var(--text-faint);text-align:center;font-size:8.5px}[data-module=scannen] .sc-pipeline-label.done{color:var(--text-muted)}[data-module=scannen] .sc-pipeline-label.active{color:#34d399;font-weight:600}[data-module=scannen] .sc-pipeline-connector{background:#ffffff0f;flex:1;width:100%;height:2px;margin:-16px -2px 0}[data-module=scannen] .sc-pipeline-connector.done{background:#10b98166}[data-module=scannen] .sc-pipeline-connector.active{background:linear-gradient(90deg,#10b98166,#10b98126)}[data-module=scannen] .sc-prod-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:12px}[data-module=scannen] .sc-prod-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=scannen] .sc-prod-item-name{color:var(--text-primary);font-size:11.5px;font-weight:600}[data-module=scannen] .sc-prod-item-code{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:9.5px}[data-module=scannen] .sc-prod-item-spec{color:var(--text-muted);margin-bottom:4px;font-size:10px}[data-module=scannen] .sc-prod-item-memo{color:#f59e0bcc;background:#f59e0b0f;border:1px solid #f59e0b1a;border-radius:4px;padding:4px 8px;font-size:9.5px}[data-module=scannen] .sc-complete-btn{text-align:center;color:#fff;cursor:default;background:linear-gradient(135deg,#10b981cc,#10b98199);border:1px solid #10b98166;border-radius:8px;width:100%;padding:10px;font-size:12px;font-weight:600}[data-module=scannen] .sc-picking{padding:20px}[data-module=scannen] .sc-picking-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=scannen] .sc-picking-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-picking-vehicle{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;display:flex}[data-module=scannen] .sc-picking-vehicle svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}[data-module=scannen] .sc-picking-vehicle-plate{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}[data-module=scannen] .sc-picking-vehicle-info{color:var(--text-faint);margin-left:auto;font-size:9.5px}[data-module=scannen] .sc-picking-progress{margin-bottom:14px}[data-module=scannen] .sc-picking-progress-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=scannen] .sc-picking-progress-label{color:var(--text-muted);font-size:10.5px}[data-module=scannen] .sc-picking-progress-count{color:#34d399;font-size:11px;font-weight:600}[data-module=scannen] .sc-picking-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}[data-module=scannen] .sc-picking-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .5s}[data-module=scannen] .sc-picking-list{flex-direction:column;gap:4px;display:flex}[data-module=scannen] .sc-picking-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:20px 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}[data-module=scannen] .sc-picking-item.picked{background:#10b9810a;border-color:#10b9811f}[data-module=scannen] .sc-picking-check{border:1.5px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}[data-module=scannen] .sc-picking-check.done{background:#10b98133;border-color:#10b98180}[data-module=scannen] .sc-picking-check svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:10px;height:10px}[data-module=scannen] .sc-picking-item-name{color:var(--text-secondary);font-size:10.5px}[data-module=scannen] .sc-picking-item-rack{color:var(--text-faint);background:#ffffff0a;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px}[data-module=scannen] .sc-picking-item-status{border-radius:8px;padding:2px 7px;font-size:8px;font-weight:600}[data-module=scannen] .sc-picking-item-status.gepickt{color:#34d399;background:#10b98126}[data-module=scannen] .sc-picking-item-status.pending{color:var(--text-faint);background:#ffffff0f}[data-module=scannen] .sc-glasrek{padding:20px}[data-module=scannen] .sc-glasrek-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=scannen] .sc-glasrek-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-glasrek-scanned{background:#10b9810a;border:1.5px solid #10b98133;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}[data-module=scannen] .sc-glasrek-id{color:#34d399;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}[data-module=scannen] .sc-glasrek-type{color:var(--text-muted);margin-left:auto;font-size:10px}[data-module=scannen] .sc-glasrek-details{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}[data-module=scannen] .sc-glasrek-detail{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:8px 10px}[data-module=scannen] .sc-glasrek-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:8px}[data-module=scannen] .sc-glasrek-detail-value{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}[data-module=scannen] .sc-glasrek-detail-value.green{color:#34d399}[data-module=scannen] .sc-glasrek-detail-value.amber{color:#fbbf24}[data-module=scannen] .sc-zone-selector{margin-bottom:14px}[data-module=scannen] .sc-zone-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:9px}[data-module=scannen] .sc-zone-dropdown{width:100%;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}[data-module=scannen] .sc-zone-dropdown-arrow{color:var(--text-faint);font-size:10px}[data-module=scannen] .sc-toewijzen-btn{text-align:center;color:#fff;cursor:default;background:linear-gradient(135deg,#10b981cc,#10b98199);border:1px solid #10b98166;border-radius:8px;width:100%;padding:10px;font-size:12px;font-weight:600}[data-module=scannen] .sc-info{padding:20px}[data-module=scannen] .sc-info-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=scannen] .sc-info-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=scannen] .sc-info-order{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:10px}[data-module=scannen] .sc-info-customer{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}[data-module=scannen] .sc-info-customer-icon{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=scannen] .sc-info-customer-icon svg{stroke:#818cf8;fill:none;stroke-width:1.8px;width:12px;height:12px}[data-module=scannen] .sc-info-customer-name{color:var(--text-secondary);font-size:11px;font-weight:500}[data-module=scannen] .sc-info-customer-tel{color:var(--text-faint);font-size:9px}[data-module=scannen] .sc-info-specs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}[data-module=scannen] .sc-info-spec{background:#ffffff08;border:1px solid #ffffff0d;border-radius:5px;padding:6px 8px}[data-module=scannen] .sc-info-spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:8px}[data-module=scannen] .sc-info-spec-value{color:var(--text-secondary);margin-top:1px;font-size:10.5px}[data-module=scannen] .sc-info-stages{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}[data-module=scannen] .sc-info-stage{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:9.5px;font-weight:500;display:flex}[data-module=scannen] .sc-info-stage.done{color:#34d399;background:#10b98114;border:1px solid #10b98133}[data-module=scannen] .sc-info-stage.pending{color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff14}[data-module=scannen] .sc-info-stage svg{fill:none;stroke-width:2px;width:10px;height:10px}[data-module=scannen] .sc-info-stage.done svg{stroke:#34d399}[data-module=scannen] .sc-info-stage.pending svg{stroke:var(--text-faint)}[data-module=scannen] .sc-info-rack{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}[data-module=scannen] .sc-info-rack-icon{background:#10b9811a;border:1px solid #10b98140;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=scannen] .sc-info-rack-icon svg{stroke:#34d399;fill:none;stroke-width:1.8px;width:12px;height:12px}[data-module=scannen] .sc-info-rack-text{color:#34d399;font-size:11px;font-weight:500}[data-module=scannen] .sc-info-rack-zone{color:var(--text-faint);font-size:9px}@media (max-width:600px){[data-module=scannen] .sc-workflows{grid-template-columns:repeat(3,1fr)}[data-module=scannen] .sc-pipeline{flex-wrap:wrap}[data-module=scannen] .sc-item-details{grid-template-columns:1fr 1fr}}.scan-stage{width:100%;height:70vh;min-height:560px;max-height:760px;position:relative;overflow:visible}.scanx-scan{perspective:1300px;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.scanx-scan>*{opacity:0;animation:.8s forwards scanx-in}.scanx-cam{animation-delay:.1s}.scanx-stack{animation-delay:.3s}@keyframes scanx-in{0%{opacity:0}to{opacity:1}}.scanx-cam{pointer-events:none;position:absolute;inset:0}.scanx-camgrid{background-image:linear-gradient(#2dd4bf0f 1px,#0000 1px),linear-gradient(90deg,#2dd4bf0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 72%,#000 35%,#0000 100%);mask-image:radial-gradient(72% 72%,#000 35%,#0000 100%)}.scanx-vignette{background:radial-gradient(78% 78%,#0000 42%,#0000008c);position:absolute;inset:0}.scanx-scanlines{opacity:.5;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px);animation:7s linear infinite scanx-scanlines;position:absolute;inset:0}@keyframes scanx-scanlines{to{background-position:0 44px}}.scanx-apptag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;display:flex}.scanx-stack{flex-direction:column;gap:34px;width:90%;max-width:540px;display:flex;position:relative}.scanx-viewport{transform-style:preserve-3d;animation:9s ease-in-out infinite scanx-float;position:relative}.scanx-label{width:100%;position:relative}@keyframes scanx-float{0%,to{transform:rotateX(11deg)rotateY(-8deg)translateY(0)}50%{transform:rotateX(7deg)rotateY(-4deg)translateY(-9px)}}.scanx-glass{background:linear-gradient(150deg,#14211feb,#091110f0);border:1px solid #2dd4bf52;border-radius:14px;padding:46px 40px 32px;position:relative;overflow:hidden;box-shadow:0 40px 90px #0009,0 0 56px #10b98126,inset 0 1px #ffffff12}.scanx-glass-glint{pointer-events:none;background:linear-gradient(120deg,#0000 35%,#ffffff0f 50%,#0000 65%);position:absolute;inset:0}.scanx-barcode{width:100%;height:132px;display:block}.scanx-barcode rect{fill:#eafff8}.scanx-code{text-align:center;letter-spacing:.26em;color:var(--text-secondary);margin-top:18px;font-size:16px}.scanx-beam{background:linear-gradient(90deg,#0000,#5eead4e6 22%,#fff 50%,#5eead4e6 78%,#0000);border-radius:2px;height:2px;animation:3.4s cubic-bezier(.5,0,.5,1) infinite scanx-sweep;position:absolute;top:0;left:-6%;right:-6%;box-shadow:0 0 20px 5px #2dd4bfb3}.scanx-beam:before{content:"";background:linear-gradient(#0000,#2dd4bf29);height:46px;position:absolute;bottom:2px;left:0;right:0}@keyframes scanx-sweep{0%{opacity:0;top:-3%}7%{opacity:1}55%{opacity:1;top:103%}60%,to{opacity:0;top:103%}}.scanx-stamp{letter-spacing:.12em;color:var(--accent-emerald);opacity:0;background:#07110edb;border:1px solid #10b98180;border-radius:7px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;animation:3.4s forwards scanx-stamp;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.82);box-shadow:0 0 28px #10b98166}.scanx-stamp-check{background:var(--accent-emerald);color:#06120e;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;display:grid}@keyframes scanx-stamp{0%,56%{opacity:0;transform:translate(-50%,-50%)scale(.82)}64%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}72%{transform:translate(-50%,-50%)scale(1)}94%{opacity:1}to{opacity:0}}.scanx-reticle{pointer-events:none;animation:3.4s ease-in-out infinite scanx-lock;position:absolute;inset:-22px -20px}.scanx-reticle span{border:2px solid #5eead4a6;width:40px;height:40px;position:absolute}.scanx-reticle .tl{border-bottom:0;border-right:0;top:0;left:0}.scanx-reticle .tr{border-bottom:0;border-left:0;top:0;right:0}.scanx-reticle .bl{border-top:0;border-right:0;bottom:0;left:0}.scanx-reticle .br{border-top:0;border-left:0;bottom:0;right:0}@keyframes scanx-lock{0%{opacity:.4;transform:scale(1.12)}18%,to{opacity:.85;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.scanx-scan>*,.scanx-viewport,.scanx-beam,.scanx-stamp,.scanx-reticle,.scanx-scanlines{opacity:1;animation:none}.scanx-beam{display:none}.scanx-viewport{transform:rotateX(9deg)rotateY(-7deg)}}.scanx-readout{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080d0ccc;border:1px solid #2dd4bf42;border-radius:4px;width:100%;margin-top:24px;padding:17px 19px 18px;position:relative;box-shadow:0 18px 46px #00000080}.scanx-readout-head{align-items:center;gap:14px;display:flex}.scanx-matrix{flex:0 0 44px;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:2px;width:44px;height:44px;display:grid}.scanx-matrix i{background:#2dd4bf14}.scanx-matrix i.on{background:var(--accent-teal)}.scanx-readout-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.scanx-readout-id{color:var(--text-primary);letter-spacing:.02em;font-size:16px;font-weight:600}.scanx-readout-spec{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.scanx-readout-tag{letter-spacing:.09em;color:var(--accent-emerald);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.scanx-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.scanx-readout-bar{background:#ffffff12;height:2px;margin:16px 0 12px;overflow:hidden}.scanx-readout-bar span{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-teal));width:0;height:100%;animation:1.2s cubic-bezier(.4,0,.2,1) forwards scanx-bar;display:block}@keyframes scanx-bar{to{width:100%}}.scanx-readout-flow{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:16px;font-size:11px;display:flex}.scanx-readout-flow span{padding-left:13px;transition:color .4s;position:relative}.scanx-readout-flow span:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.scanx-readout-flow span.done{color:var(--accent-emerald)}.scanx-readout-flow span.done:before{background:var(--accent-emerald);border-color:var(--accent-emerald)}.scanx-readout-flow span.on{color:var(--accent-teal)}.scanx-readout-flow span.on:before{background:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 6px var(--accent-teal)}@media (max-width:980px){.scan-stage{height:auto;min-height:440px;max-height:none;padding:16px 0}.scanx-stack{width:92%;max-width:480px}}@media (max-width:600px){.scan-stage{min-height:320px;padding:6px 0 14px}.scanx-stack{gap:22px;width:100%}.scanx-glass{border-radius:12px;padding:30px 24px 22px}.scanx-barcode{height:92px}.scanx-code{letter-spacing:.2em;margin-top:13px;font-size:13px}.scanx-reticle{inset:-12px -10px}.scanx-reticle span{width:28px;height:28px}.scanx-apptag{font-size:11px}.scanx-readout{margin-top:16px;padding:13px 15px 14px}.scanx-readout-head{gap:11px}.scanx-matrix{flex:0 0 36px;width:36px;height:36px}.scanx-readout-id{font-size:14px}.scanx-readout-spec{font-size:11px}.scanx-readout-tag{font-size:9px}.scanx-readout-flow{gap:12px;font-size:9.5px}}[data-module=review] .hero-content{max-width:960px}[data-module=review] .rv-dash{flex-direction:column;height:100%;padding:0;display:flex}[data-module=review] .rv-dash-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 24px 12px;display:flex}[data-module=review] .rv-dash-title{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=review] .rv-dash-actions{align-items:center;gap:8px;display:flex}[data-module=review] .rv-dash-date{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;display:flex}[data-module=review] .rv-dash-export{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:5px;padding:3px 10px;font-size:10px;font-weight:500}[data-module=review] .rv-stats-row{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px 24px;display:grid}[data-module=review] .rv-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:12px 14px}[data-module=review] .rv-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:9px}[data-module=review] .rv-stat-value{color:var(--text-primary);font-size:22px;font-weight:700}[data-module=review] .rv-stat-value.score{color:#fbbf24}[data-module=review] .rv-stat-sub{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=review] .rv-stars{gap:2px;margin-top:4px;display:flex}[data-module=review] .rv-star{width:12px;height:12px}[data-module=review] .rv-star.filled{color:#fbbf24}[data-module=review] .rv-star.empty{color:#ffffff1a}[data-module=review] .rv-feed{flex-direction:column;flex:1;gap:6px;padding:0 24px 14px;display:flex;overflow:hidden}[data-module=review] .rv-feed-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9px}[data-module=review] .rv-review-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}[data-module=review] .rv-review-item.negative{background:#ef444408;border-color:#ef444426}[data-module=review] .rv-review-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}[data-module=review] .rv-review-avatar.green{color:#34d399;background:#10b98140}[data-module=review] .rv-review-avatar.amber{color:#fbbf24;background:#f59e0b40}[data-module=review] .rv-review-avatar.red{color:#f87171;background:#ef444440}[data-module=review] .rv-review-content{flex:1;min-width:0}[data-module=review] .rv-review-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}[data-module=review] .rv-review-name{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=review] .rv-review-date{color:var(--text-faint);font-size:9px}[data-module=review] .rv-review-stars{gap:1px;margin-bottom:3px;display:flex}[data-module=review] .rv-review-star{width:10px;height:10px}[data-module=review] .rv-review-star.filled{color:#fbbf24}[data-module=review] .rv-review-star.empty{color:#ffffff14}[data-module=review] .rv-review-text{color:var(--text-muted);font-size:10px;line-height:1.4}[data-module=review] .rv-review-badge{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:8px;font-weight:600;display:inline-block}[data-module=review] .rv-review-badge.google{color:#34d399;background:#10b9811f}[data-module=review] .rv-review-badge.klacht{color:#f87171;background:#ef44441f}[data-module=review] .rv-review-badge.opgelost{color:#818cf8;background:#6366f11f}[data-module=review] .rv-orderrating{flex-direction:column;align-items:center;padding:20px;display:flex}[data-module=review] .rv-phone{background:linear-gradient(#1a1c20 0%,#131316 100%);border:1px solid #ffffff1a;border-radius:20px;width:260px;overflow:hidden;box-shadow:0 20px 60px #0006}[data-module=review] .rv-phone-top{text-align:center;border-bottom:1px solid #ffffff0f;padding:12px 16px}[data-module=review] .rv-phone-logo{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}[data-module=review] .rv-phone-order{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=review] .rv-phone-body{text-align:center;padding:20px 16px}[data-module=review] .rv-phone-heading{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}[data-module=review] .rv-phone-sub{color:var(--text-muted);margin-bottom:16px;font-size:10px;line-height:1.4}[data-module=review] .rv-phone-stars{justify-content:center;gap:6px;margin-bottom:18px;display:flex}[data-module=review] .rv-phone-star{cursor:pointer;width:32px;height:32px;transition:transform .15s}[data-module=review] .rv-phone-star.filled{color:#fbbf24}[data-module=review] .rv-phone-star.empty{color:#ffffff1a}[data-module=review] .rv-phone-msg{color:#34d399;margin-bottom:14px;font-size:11px;font-weight:500}[data-module=review] .rv-phone-btns{flex-direction:column;gap:8px;display:flex}[data-module=review] .rv-phone-btn{text-align:center;border-radius:8px;padding:8px;font-size:11px;font-weight:500}[data-module=review] .rv-phone-btn.google{color:#34d399;background:#10b98126;border:1px solid #10b9814d;justify-content:center;align-items:center;gap:6px;display:flex}[data-module=review] .rv-phone-btn.close{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14}[data-module=review] .rv-teamgrid{flex-direction:column;gap:8px;padding:16px;display:flex}[data-module=review] .rv-team-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}[data-module=review] .rv-team-card.highlight{background:#10b98108;border-color:#10b98126}[data-module=review] .rv-team-card.warning{background:#f59e0b08;border-color:#f59e0b26}[data-module=review] .rv-team-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}[data-module=review] .rv-team-avatar.blue{color:#60a5fa;background:#3b82f633}[data-module=review] .rv-team-avatar.green{color:#34d399;background:#10b98133}[data-module=review] .rv-team-avatar.amber{color:#fbbf24;background:#f59e0b33}[data-module=review] .rv-team-avatar.purple{color:#a78bfa;background:#8b5cf633}[data-module=review] .rv-team-info{flex:1;min-width:0}[data-module=review] .rv-team-name{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=review] .rv-team-meta{color:var(--text-faint);margin-top:1px;font-size:9px}[data-module=review] .rv-team-quote{color:var(--text-muted);margin-top:4px;font-size:9.5px;font-style:italic;line-height:1.3}[data-module=review] .rv-team-score{text-align:right;flex-shrink:0}[data-module=review] .rv-team-score-num{font-size:18px;font-weight:700}[data-module=review] .rv-team-score-num.high{color:#34d399}[data-module=review] .rv-team-score-num.mid{color:#fbbf24}[data-module=review] .rv-team-score-num.low{color:#f87171}[data-module=review] .rv-team-score-count{color:var(--text-faint);font-size:8px}[data-module=review] .rv-klacht{padding:20px}[data-module=review] .rv-klacht-top{background:#ef44440d;border:1px solid #ef44441f;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}[data-module=review] .rv-klacht-stars{gap:2px;display:flex}[data-module=review] .rv-klacht-star{width:14px;height:14px}[data-module=review] .rv-klacht-star.filled{color:#fbbf24}[data-module=review] .rv-klacht-star.empty{color:#ffffff14}[data-module=review] .rv-klacht-label{color:#f87171;font-size:11px;font-weight:500}[data-module=review] .rv-klacht-form{flex-direction:column;gap:14px;display:flex}[data-module=review] .rv-klacht-field-label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:600}[data-module=review] .rv-klacht-select{width:100%;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}[data-module=review] .rv-klacht-textarea{width:100%;height:56px;color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:8px 10px;font-size:10px;line-height:1.4}[data-module=review] .rv-klacht-checks{flex-wrap:wrap;gap:6px;display:flex}[data-module=review] .rv-klacht-check{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:flex}[data-module=review] .rv-klacht-check.checked{color:#f87171;background:#ef444414;border-color:#ef444433}[data-module=review] .rv-klacht-check-box{border:1.5px solid #ffffff26;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}[data-module=review] .rv-klacht-check.checked .rv-klacht-check-box{background:#ef44444d;border-color:#f87171}[data-module=review] .rv-klacht-submit{color:#34d399;text-align:center;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;margin-top:4px;padding:8px 16px;font-size:11px;font-weight:500}[data-module=review] .rv-google{padding:20px}[data-module=review] .rv-google-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-module=review] .rv-google-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=review] .rv-google-setting{background:#10b9810d;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;display:flex}[data-module=review] .rv-google-setting-text{color:var(--text-muted);flex:1;font-size:10px}[data-module=review] .rv-google-setting-val{color:#34d399;font-size:11px;font-weight:600}[data-module=review] .rv-toggle{background:#10b981;border-radius:8px;width:28px;height:16px;position:relative}[data-module=review] .rv-toggle-dot{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}[data-module=review] .rv-routes{flex-direction:column;gap:8px;display:flex}[data-module=review] .rv-route{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}[data-module=review] .rv-route-range{color:var(--text-primary);min-width:90px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}[data-module=review] .rv-route-arrow{color:var(--text-faint);font-size:12px}[data-module=review] .rv-route-dest{flex:1}[data-module=review] .rv-route-dest-name{color:var(--text-secondary);font-size:11px}[data-module=review] .rv-route-dest-url{color:var(--text-faint);font-size:8.5px}[data-module=review] .rv-route-count{color:#34d399;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}[data-module=review] .rv-auto{gap:14px;padding:16px;display:flex}[data-module=review] .rv-auto-email{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;overflow:hidden}[data-module=review] .rv-auto-email-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}[data-module=review] .rv-auto-email-from{color:var(--text-muted);font-size:10px}[data-module=review] .rv-auto-email-label{color:#818cf8;text-transform:uppercase;letter-spacing:.04em;background:#6366f11f;border-radius:3px;padding:2px 5px;font-size:7.5px;font-weight:600}[data-module=review] .rv-auto-email-body{text-align:center;padding:14px}[data-module=review] .rv-auto-email-logo{color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}[data-module=review] .rv-auto-email-greeting{color:var(--text-secondary);margin-bottom:6px;font-size:11px}[data-module=review] .rv-auto-email-text{color:var(--text-muted);margin-bottom:14px;font-size:9.5px;line-height:1.5}[data-module=review] .rv-auto-email-stars{justify-content:center;gap:8px;margin-bottom:12px;display:flex}[data-module=review] .rv-auto-email-star{color:#ffffff26;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}[data-module=review] .rv-auto-email-star:hover{color:#fbbf24;border-color:#f59e0b4d}[data-module=review] .rv-auto-email-cta{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:7px 18px;font-size:10px;font-weight:500;display:inline-block}[data-module=review] .rv-auto-sms{flex-direction:column;gap:8px;width:140px;display:flex}[data-module=review] .rv-auto-sms-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}[data-module=review] .rv-auto-sms-bubble{color:var(--text-muted);background:#10b98114;border:1px solid #10b98126;border-radius:12px 12px 4px;padding:10px 12px;font-size:9.5px;line-height:1.4}[data-module=review] .rv-auto-sms-link{color:#34d399;word-break:break-all;font-size:8.5px}[data-module=review] .rv-auto-timing{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;margin-top:auto;padding:8px 10px}[data-module=review] .rv-auto-timing-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:8px}[data-module=review] .rv-auto-timing-val{color:var(--text-secondary);font-size:11px;font-weight:600}@media (max-width:900px){[data-module=review] .rv-stats-row{grid-template-columns:1fr}[data-module=review] .rv-auto{flex-direction:column}[data-module=review] .rv-auto-sms{width:100%}}@media (max-width:700px){[data-module=review] .rv-teamgrid{padding:12px}}[data-module=webshop] .hero-content{max-width:960px}[data-module=webshop] .ws-configurator-hero{padding:14px 28px}[data-module=webshop] .ws-configurator-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}[data-module=webshop] .ws-configurator-title{color:var(--text-primary);font-size:14px;font-weight:600}[data-module=webshop] .ws-configurator-product{color:var(--text-faint);font-size:10px}[data-module=webshop] .ws-config-body{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-module=webshop] .ws-config-left,[data-module=webshop] .ws-config-right{flex-direction:column;gap:10px;display:flex}[data-module=webshop] .ws-config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:4px;font-size:9px;font-weight:600}[data-module=webshop] .ws-config-layer{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}[data-module=webshop] .ws-config-layer.active{background:#10b9810f;border-color:#10b98126}[data-module=webshop] .ws-config-layer-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-module=webshop] .ws-config-layer-dot.glass{background:#10b98199}[data-module=webshop] .ws-config-layer-dot.spacer{background:#f59e0b99}[data-module=webshop] .ws-config-layer-name{color:var(--text-secondary);flex:1;font-size:10px}[data-module=webshop] .ws-config-layer-val{color:var(--text-faint);font-size:9.5px}[data-module=webshop] .ws-config-checkbox{color:var(--text-muted);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:flex}[data-module=webshop] .ws-config-check{border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}[data-module=webshop] .ws-config-check.checked{background:#10b98133;border-color:#10b98166}[data-module=webshop] .ws-config-check.checked:after{content:"";background:#34d399;border-radius:1px;width:6px;height:6px}[data-module=webshop] .ws-config-dims{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-module=webshop] .ws-config-dim{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;padding:5px 8px}[data-module=webshop] .ws-config-dim-label{color:var(--text-faint);text-transform:uppercase;font-size:8px}[data-module=webshop] .ws-config-dim-val{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=webshop] .ws-config-price-box{background:#10b9810d;border:1px solid #10b9811f;border-radius:8px;margin-top:6px;padding:10px 12px}[data-module=webshop] .ws-config-price-row{color:var(--text-muted);justify-content:space-between;padding:2px 0;font-size:10px;display:flex}[data-module=webshop] .ws-config-price-total{color:var(--text-primary);border-top:1px solid #10b98126;justify-content:space-between;margin-top:4px;padding:6px 0 0;font-size:13px;font-weight:600;display:flex}[data-module=webshop] .ws-config-price-val{color:#34d399}[data-module=webshop] .ws-config-cart-btn{text-align:center;color:#fff;cursor:default;background:#10b9814d;border:1px solid #10b98180;border-radius:6px;margin-top:8px;padding:8px;font-size:11px;font-weight:600}[data-module=webshop] .ws-catalog{padding:20px}[data-module=webshop] .ws-catalog-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=webshop] .ws-catalog-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=webshop] .ws-catalog-count{color:var(--text-faint);font-size:10px}[data-module=webshop] .ws-catalog-search{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 10px;font-size:11px;display:flex}[data-module=webshop] .ws-catalog-search svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=webshop] .ws-catalog-body{grid-template-columns:auto 1fr;gap:12px;display:grid}[data-module=webshop] .ws-catalog-sidebar{flex-direction:column;gap:3px;min-width:90px;display:flex}[data-module=webshop] .ws-catalog-cat{color:var(--text-faint);cursor:default;border-radius:4px;padding:4px 8px;font-size:9px}[data-module=webshop] .ws-catalog-cat.active{color:#34d399;background:#10b98114;border:1px solid #10b98126}[data-module=webshop] .ws-catalog-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-module=webshop] .ws-catalog-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:10px}[data-module=webshop] .ws-catalog-card.featured{border-color:#10b98126}[data-module=webshop] .ws-catalog-card-img{background:linear-gradient(135deg,#c8e6ff14,#c8e6ff05);border:1px solid #ffffff0a;border-radius:4px;justify-content:center;align-items:center;height:40px;margin-bottom:6px;display:flex}[data-module=webshop] .ws-catalog-card-img svg{width:16px;height:16px;stroke:var(--text-faint);fill:none;stroke-width:1.5px}[data-module=webshop] .ws-catalog-card-name{color:var(--text-secondary);margin-bottom:2px;font-size:9.5px;font-weight:500}[data-module=webshop] .ws-catalog-card-price{color:#10b981b3;font-size:9px}[data-module=webshop] .ws-catalog-card-tag{color:#34d399;background:#10b9811f;border-radius:3px;margin-top:3px;padding:1px 4px;font-size:7px;font-weight:600;display:inline-block}[data-module=webshop] .ws-glass-config{padding:20px}[data-module=webshop] .ws-glass-config-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=webshop] .ws-glass-config-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=webshop] .ws-glass-stack{flex-direction:column;align-items:center;gap:0;margin-bottom:14px;padding:10px 16px;display:flex}[data-module=webshop] .ws-glass-layer{width:100%;height:20px;color:var(--text-muted);background:#10b9810f;border:1px solid #10b98126;justify-content:space-between;align-items:center;padding:0 10px;font-size:9px;display:flex}[data-module=webshop] .ws-glass-layer:first-child{border-radius:6px 6px 0 0}[data-module=webshop] .ws-glass-layer:last-child{border-radius:0 0 6px 6px}[data-module=webshop] .ws-glass-layer-left{font-size:9px}[data-module=webshop] .ws-glass-layer-right{color:var(--text-faint);font-size:8.5px}[data-module=webshop] .ws-glass-spacer{color:#f59e0b99;letter-spacing:.05em;background:repeating-linear-gradient(90deg,#f59e0b1a 0 4px,#0000 4px 8px);border-left:1px solid #f59e0b33;border-right:1px solid #f59e0b33;justify-content:center;align-items:center;width:100%;height:14px;font-size:8px;display:flex}[data-module=webshop] .ws-glass-options{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}[data-module=webshop] .ws-glass-option{background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;padding:6px 8px}[data-module=webshop] .ws-glass-option-label{color:var(--text-faint);text-transform:uppercase;font-size:8px}[data-module=webshop] .ws-glass-option-val{color:var(--text-secondary);font-size:10px}[data-module=webshop] .ws-glass-3d-btn{text-align:center;color:#10b981cc;background:#10b9810a;border:1px solid #10b98126;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;font-weight:600;display:flex}[data-module=webshop] .ws-glass-3d-btn svg{stroke:#10b981b3;fill:none;stroke-width:1.5px;width:14px;height:14px}[data-module=webshop] .ws-cart{padding:20px}[data-module=webshop] .ws-cart-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=webshop] .ws-cart-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=webshop] .ws-cart-count-badge{color:#34d399;background:#10b98126;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}[data-module=webshop] .ws-cart-items{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-module=webshop] .ws-cart-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:1fr 50px 60px 20px;align-items:center;gap:8px;padding:8px 10px;display:grid}[data-module=webshop] .ws-cart-item-name{color:var(--text-secondary);font-size:10.5px}[data-module=webshop] .ws-cart-item-spec{color:var(--text-faint);font-size:8.5px}[data-module=webshop] .ws-cart-item-qty{color:var(--text-muted);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;padding:2px 4px;font-size:10px}[data-module=webshop] .ws-cart-item-price{color:var(--text-primary);text-align:right;font-size:11px;font-weight:500}[data-module=webshop] .ws-cart-item-remove{color:var(--text-faint);text-align:center;font-size:10px}[data-module=webshop] .ws-cart-summary{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;padding:10px 12px}[data-module=webshop] .ws-cart-sum-row{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:10.5px;display:flex}[data-module=webshop] .ws-cart-sum-row.discount{color:#10b981cc}[data-module=webshop] .ws-cart-sum-row.total{color:var(--text-primary);border-top:1px solid #10b98126;margin-top:4px;padding-top:6px;font-size:12px;font-weight:600}[data-module=webshop] .ws-checkout{padding:20px}[data-module=webshop] .ws-checkout-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=webshop] .ws-checkout-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=webshop] .ws-checkout-steps{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:14px;display:flex}[data-module=webshop] .ws-checkout-step{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-module=webshop] .ws-checkout-step.done{color:var(--text-muted)}[data-module=webshop] .ws-checkout-step.active{color:#34d399;border-color:#10b98180}[data-module=webshop] .ws-checkout-body{grid-template-columns:1fr 1fr;gap:14px;display:grid}[data-module=webshop] .ws-checkout-form{flex-direction:column;gap:8px;display:flex}[data-module=webshop] .ws-checkout-field{flex-direction:column;gap:2px;display:flex}[data-module=webshop] .ws-checkout-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:8.5px}[data-module=webshop] .ws-checkout-input{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;padding:6px 8px;font-size:10.5px}[data-module=webshop] .ws-checkout-input.filled{border-color:#10b98133}[data-module=webshop] .ws-checkout-payment-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:2px;font-size:9px;font-weight:600}[data-module=webshop] .ws-checkout-pay-option{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:10px;display:flex}[data-module=webshop] .ws-checkout-pay-option.selected{color:var(--text-secondary);background:#10b9810f;border-color:#10b98126}[data-module=webshop] .ws-checkout-pay-radio{border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;width:10px;height:10px}[data-module=webshop] .ws-checkout-pay-radio.selected{background:#10b98166;border-color:#34d399}[data-module=webshop] .ws-checkout-order-summary{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=webshop] .ws-checkout-summary-title{color:var(--text-primary);border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:6px;font-size:10px;font-weight:600}[data-module=webshop] .ws-checkout-summary-line{color:var(--text-muted);justify-content:space-between;padding:2px 0;font-size:9.5px;display:flex}[data-module=webshop] .ws-checkout-summary-total{color:var(--text-primary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:4px;padding:6px 0 0;font-size:11px;font-weight:600;display:flex}[data-module=webshop] .ws-checkout-pay-btn{text-align:center;color:#fff;background:#10b9814d;border:1px solid #10b98180;border-radius:6px;margin-top:8px;padding:7px;font-size:10px;font-weight:600}[data-module=webshop] .ws-branding{padding:20px}[data-module=webshop] .ws-branding-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=webshop] .ws-branding-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=webshop] .ws-branding-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:14px;display:flex}[data-module=webshop] .ws-branding-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-module=webshop] .ws-branding-tab.active{color:#34d399;border-color:#10b98180}[data-module=webshop] .ws-branding-body{flex-direction:column;gap:10px;display:flex}[data-module=webshop] .ws-branding-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:4px;font-size:9px;font-weight:600}[data-module=webshop] .ws-branding-colors{align-items:center;gap:6px;display:flex}[data-module=webshop] .ws-branding-swatch{border:1px solid #ffffff1a;border-radius:6px;width:24px;height:24px}[data-module=webshop] .ws-branding-swatch.active{border:2px solid #34d399;box-shadow:0 0 8px #10b9814d}[data-module=webshop] .ws-branding-color-label{color:var(--text-faint);margin-left:4px;font-size:9px}[data-module=webshop] .ws-branding-font-row{gap:6px;display:flex}[data-module=webshop] .ws-branding-font{text-align:center;color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;flex:1;padding:6px 8px;font-size:10px}[data-module=webshop] .ws-branding-font.active{color:var(--text-secondary);background:#10b9810f;border-color:#10b98126}[data-module=webshop] .ws-branding-preview{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px}[data-module=webshop] .ws-branding-preview-header{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}[data-module=webshop] .ws-branding-preview-logo{background:#10b98133;border:1px solid #10b9814d;border-radius:4px;width:20px;height:20px}[data-module=webshop] .ws-branding-preview-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=webshop] .ws-branding-preview-nav{color:var(--text-faint);gap:10px;margin-left:auto;font-size:8px;display:flex}[data-module=webshop] .ws-branding-preview-cards{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}[data-module=webshop] .ws-branding-preview-card{background:#ffffff08;border:1px solid #ffffff0a;border-radius:3px;height:28px}[data-module=webshop] .ws-branding-seo{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:8px 10px}[data-module=webshop] .ws-branding-seo-url{color:#10b98199;margin-bottom:2px;font-size:9px}[data-module=webshop] .ws-branding-seo-title{color:var(--text-secondary);margin-bottom:2px;font-size:10px;font-weight:500}[data-module=webshop] .ws-branding-seo-desc{color:var(--text-faint);font-size:8.5px;line-height:1.3}@media (max-width:768px){[data-module=webshop] .ws-config-body,[data-module=webshop] .ws-catalog-body,[data-module=webshop] .ws-catalog-grid,[data-module=webshop] .ws-checkout-body{grid-template-columns:1fr}}@keyframes finPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=financieel] .hero-content{max-width:960px}[data-module=financieel] .fin-split{height:100%;display:flex}[data-module=financieel] .fin-list-pane{border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}[data-module=financieel] .fin-detail-pane{flex:1;padding:16px 20px;overflow-y:auto}[data-module=financieel] .fin-list-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}[data-module=financieel] .fin-list-title{color:var(--text-primary);font-size:12px;font-weight:700}[data-module=financieel] .fin-list-count{color:var(--text-faint);font-size:9px}[data-module=financieel] .fin-tabs{border-bottom:1px solid #ffffff0f;gap:0;padding:0 14px;display:flex}[data-module=financieel] .fin-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:7px 10px;font-size:9px;font-weight:500}[data-module=financieel] .fin-tab.active{color:#34d399;border-color:#10b98180}[data-module=financieel] .fin-inv-item{cursor:default;border-bottom:1px solid #ffffff0a;padding:10px 14px}[data-module=financieel] .fin-inv-item.selected{background:#10b9810a;border-left:2px solid #34d399}[data-module=financieel] .fin-inv-item-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}[data-module=financieel] .fin-inv-item-id{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:9px}[data-module=financieel] .fin-inv-item-amount{color:var(--text-primary);font-size:10px;font-weight:700}[data-module=financieel] .fin-inv-item-client{color:var(--text-secondary);margin-bottom:3px;font-size:10px;font-weight:500}[data-module=financieel] .fin-inv-item-bottom{justify-content:space-between;align-items:center;display:flex}[data-module=financieel] .fin-inv-item-date{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-inv-status{border-radius:3px;padding:2px 7px;font-size:7.5px;font-weight:600}[data-module=financieel] .fin-inv-status.sent{color:#818cf8;background:#6366f11f}[data-module=financieel] .fin-inv-status.paid{color:#34d399;background:#10b9811f}[data-module=financieel] .fin-inv-status.open{color:#fbbf24;background:#f59e0b1f}[data-module=financieel] .fin-inv-status.overdue{color:#f87171;background:#ef44441f}[data-module=financieel] .fin-detail-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}[data-module=financieel] .fin-detail-id{color:var(--text-primary);font-size:16px;font-weight:700}[data-module=financieel] .fin-detail-badge{vertical-align:middle;border-radius:4px;margin-left:8px;padding:3px 8px;font-size:8px;font-weight:600}[data-module=financieel] .fin-detail-badge.sent{color:#818cf8;background:#6366f11f}[data-module=financieel] .fin-actions{flex-wrap:wrap;gap:6px;display:flex}[data-module=financieel] .fin-action{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:8px;font-weight:600;display:flex}[data-module=financieel] .fin-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}[data-module=financieel] .fin-action.primary{color:#34d399;background:#10b9811a;border:1px solid #10b98133}[data-module=financieel] .fin-action.secondary{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}[data-module=financieel] .fin-action.danger{color:#f87171;background:#ef44440f;border:1px solid #ef44441f}[data-module=financieel] .fin-client-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:14px;padding:10px 14px;display:grid}[data-module=financieel] .fin-client-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:7px;font-weight:600}[data-module=financieel] .fin-client-value{color:var(--text-secondary);margin-top:2px;font-size:9.5px;font-weight:500}[data-module=financieel] .fin-lines{margin-bottom:12px}[data-module=financieel] .fin-lines-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;border-radius:4px 4px 0 0;grid-template-columns:2fr .8fr .5fr .6fr;padding:6px 10px;font-size:7.5px;font-weight:600;display:grid}[data-module=financieel] .fin-line{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:2fr .8fr .5fr .6fr;align-items:center;padding:7px 10px;font-size:9px;display:grid}[data-module=financieel] .fin-line-product{font-weight:500}[data-module=financieel] .fin-line-sub{color:var(--text-faint);font-size:7.5px}[data-module=financieel] .fin-line-price{text-align:right;font-weight:600}[data-module=financieel] .fin-line-qty{text-align:center}[data-module=financieel] .fin-line-size{color:var(--text-faint)}[data-module=financieel] .fin-totals{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:14px;padding:10px 14px}[data-module=financieel] .fin-total-row{color:var(--text-faint);justify-content:space-between;padding:3px 0;font-size:9px;display:flex}[data-module=financieel] .fin-total-row span:last-child{color:var(--text-secondary);font-weight:500}[data-module=financieel] .fin-total-row.grand{border-top:1px solid #ffffff0f;margin-top:4px;padding-top:6px}[data-module=financieel] .fin-total-row.grand span:first-child{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=financieel] .fin-total-row.grand span:last-child{color:#34d399;font-size:12px;font-weight:700}[data-module=financieel] .fin-partial-bar{margin-bottom:14px}[data-module=financieel] .fin-partial-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:8px;font-weight:600}[data-module=financieel] .fin-partial-track{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}[data-module=financieel] .fin-partial-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%}[data-module=financieel] .fin-partial-info{color:var(--text-faint);justify-content:space-between;font-size:8px;display:flex}[data-module=financieel] .fin-partial-info strong{color:#34d399;font-weight:600}[data-module=financieel] .fin-status-row{border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}[data-module=financieel] .fin-status-row.success{background:#10b9810a;border:1px solid #10b9811a}[data-module=financieel] .fin-status-row.info{background:#6366f10a;border:1px solid #6366f11a}[data-module=financieel] .fin-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-module=financieel] .fin-status-dot.green{background:#10b981}[data-module=financieel] .fin-status-dot.blue{background:#818cf8}[data-module=financieel] .fin-status-text{flex:1;font-size:9px}[data-module=financieel] .fin-status-row.success .fin-status-text{color:#10b981b3}[data-module=financieel] .fin-status-row.info .fin-status-text{color:#818cf8b3}[data-module=financieel] .fin-status-time{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-activity{background:#10b98108;border:1px solid #10b98114;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex}[data-module=financieel] .fin-activity-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite finPulse}[data-module=financieel] .fin-activity-text{color:#10b981b3;flex:1;font-size:9.5px}[data-module=financieel] .fin-activity-time{color:var(--text-faint);font-size:8.5px}[data-module=financieel] .fin-workflow{padding:20px}[data-module=financieel] .fin-workflow-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=financieel] .fin-workflow-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=financieel] .fin-workflow-steps{align-items:center;gap:0;margin-bottom:14px;display:flex}[data-module=financieel] .fin-workflow-step{color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:9px;font-weight:600;display:flex}[data-module=financieel] .fin-workflow-step.active{color:#34d399;background:#10b98114;border-color:#10b98133}[data-module=financieel] .fin-workflow-step.done{color:#10b98180;background:#10b9810a}[data-module=financieel] .fin-workflow-step-num{width:16px;height:16px;color:var(--text-faint);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}[data-module=financieel] .fin-workflow-step.active .fin-workflow-step-num{color:#34d399;background:#10b98133}[data-module=financieel] .fin-workflow-step.done .fin-workflow-step-num{color:#34d399;background:#10b98126}[data-module=financieel] .fin-workflow-arrow{color:#ffffff1a;padding:0 4px;font-size:10px}[data-module=financieel] .fin-invoice-preview{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:12px}[data-module=financieel] .fin-invoice-preview-top{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}[data-module=financieel] .fin-invoice-preview-title{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=financieel] .fin-invoice-preview-badge{color:#34d399;background:#10b9811f;border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=financieel] .fin-invoice-detail-rows{flex-direction:column;gap:3px;display:flex}[data-module=financieel] .fin-invoice-detail-row{color:var(--text-secondary);grid-template-columns:1fr .4fr .4fr;padding:3px 0;font-size:9px;display:grid}[data-module=financieel] .fin-invoice-detail-product{font-weight:500}[data-module=financieel] .fin-invoice-detail-qty{color:var(--text-faint);text-align:center}[data-module=financieel] .fin-invoice-detail-price{text-align:right;font-weight:600}[data-module=financieel] .fin-invoice-total-row{border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:6px;padding-top:6px;display:flex}[data-module=financieel] .fin-invoice-total-row span:first-child{color:var(--text-faint);font-size:9px}[data-module=financieel] .fin-invoice-total-row span:last-child{color:var(--text-primary);font-size:10px;font-weight:700}[data-module=financieel] .fin-invoice-total-row.grand span:last-child{color:#34d399;font-size:12px}[data-module=financieel] .fin-workflow-actions{gap:6px;margin-top:10px;display:flex}[data-module=financieel] .fin-workflow-action{border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:8px;font-weight:600;display:flex}[data-module=financieel] .fin-workflow-action.primary{color:#34d399;background:#10b9811a;border:1px solid #10b98133}[data-module=financieel] .fin-workflow-action.secondary{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}[data-module=financieel] .fin-workflow-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}[data-module=financieel] .fin-partial{padding:20px}[data-module=financieel] .fin-partial-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=financieel] .fin-partial-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=financieel] .fin-partial-total{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;display:flex}[data-module=financieel] .fin-partial-total-label{color:var(--text-faint);font-size:9px}[data-module=financieel] .fin-partial-total-value{color:var(--text-primary);font-size:14px;font-weight:700}[data-module=financieel] .fin-partial-list{flex-direction:column;gap:6px;display:flex}[data-module=financieel] .fin-partial-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=financieel] .fin-partial-item.active{border-color:#10b98133}[data-module=financieel] .fin-partial-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=financieel] .fin-partial-item-label{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=financieel] .fin-partial-item-pct{color:var(--text-faint);font-size:9px;font-weight:600}[data-module=financieel] .fin-partial-item-bar{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}[data-module=financieel] .fin-partial-item-bar-fill{border-radius:2px;height:100%}[data-module=financieel] .fin-partial-item-bottom{justify-content:space-between;align-items:center;display:flex}[data-module=financieel] .fin-partial-item-amount{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=financieel] .fin-partial-item-status{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=financieel] .fin-partial-item-status.paid{color:#34d399;background:#10b9811f}[data-module=financieel] .fin-partial-item-status.open{color:#fbbf24;background:#f59e0b1f}[data-module=financieel] .fin-partial-item-status.pending{color:var(--text-faint);background:#ffffff0f}[data-module=financieel] .fin-payment{padding:20px}[data-module=financieel] .fin-payment-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=financieel] .fin-payment-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=financieel] .fin-payment-link{background:#10b98108;border:1px dashed #10b98126;border-radius:8px;margin-bottom:10px;padding:12px}[data-module=financieel] .fin-payment-link-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}[data-module=financieel] .fin-payment-link-icon{background:#10b9811a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=financieel] .fin-payment-link-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:14px;height:14px}[data-module=financieel] .fin-payment-link-url{color:#34d399;font-family:JetBrains Mono,monospace;font-size:9px}[data-module=financieel] .fin-payment-link-label{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-payment-methods{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}[data-module=financieel] .fin-payment-method{text-align:center;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:8px;font-size:8px;font-weight:500}[data-module=financieel] .fin-payment-method.active{color:#34d399;border-color:#10b98133}[data-module=financieel] .fin-payment-webhook{background:#10b9810a;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}[data-module=financieel] .fin-payment-webhook-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite finPulse}[data-module=financieel] .fin-payment-webhook-text{color:#10b981b3;flex:1;font-size:9px}[data-module=financieel] .fin-payment-webhook-time{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-collection{padding:20px}[data-module=financieel] .fin-collection-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=financieel] .fin-collection-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=financieel] .fin-collection-timeline{flex-direction:column;gap:0;display:flex}[data-module=financieel] .fin-collection-step{align-items:flex-start;gap:10px;padding:8px 0;display:flex;position:relative}[data-module=financieel] .fin-collection-step:before{content:"";background:#ffffff0f;width:1px;position:absolute;top:28px;bottom:-8px;left:9px}[data-module=financieel] .fin-collection-step:last-child:before{display:none}[data-module=financieel] .fin-collection-dot{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}[data-module=financieel] .fin-collection-dot.done{background:#10b98126;border-color:#10b9814d}[data-module=financieel] .fin-collection-dot.active{background:#f59e0b26;border-color:#f59e0b4d}[data-module=financieel] .fin-collection-dot.warn{background:#ef444426;border-color:#ef44444d}[data-module=financieel] .fin-collection-dot svg{fill:none;stroke-width:2.5px;stroke-linecap:round;width:9px;height:9px}[data-module=financieel] .fin-collection-dot.done svg{stroke:#34d399}[data-module=financieel] .fin-collection-dot.active svg{stroke:#fbbf24}[data-module=financieel] .fin-collection-dot.warn svg{stroke:#f87171}[data-module=financieel] .fin-collection-info{flex:1}[data-module=financieel] .fin-collection-label{color:var(--text-secondary);font-size:10px;font-weight:600}[data-module=financieel] .fin-collection-detail{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-collection-date{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=financieel] .fin-collection-result{background:#10b9810a;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}[data-module=financieel] .fin-collection-result svg{stroke:#34d399;fill:none;stroke-width:2.5px;flex-shrink:0;width:12px;height:12px}[data-module=financieel] .fin-collection-result-text{color:#10b981b3;font-size:9px}[data-module=financieel] .fin-efacture{padding:20px}[data-module=financieel] .fin-efacture-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=financieel] .fin-efacture-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=financieel] .fin-efacture-formats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}[data-module=financieel] .fin-efacture-format{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:12px}[data-module=financieel] .fin-efacture-format.active{border-color:#10b98133}[data-module=financieel] .fin-efacture-format-name{color:var(--text-primary);margin-bottom:2px;font-size:11px;font-weight:600}[data-module=financieel] .fin-efacture-format-desc{color:var(--text-faint);font-size:8px}[data-module=financieel] .fin-efacture-format-badge{border-radius:3px;margin-top:4px;padding:2px 6px;font-size:7px;font-weight:600;display:inline-block}[data-module=financieel] .fin-efacture-format-badge.active{color:#34d399;background:#10b9811f}[data-module=financieel] .fin-efacture-format-badge.available{color:#818cf8;background:#6366f11f}[data-module=financieel] .fin-efacture-xml{color:var(--text-faint);background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1.6}[data-module=financieel] .fin-efacture-xml .tag{color:#818cf8}[data-module=financieel] .fin-efacture-xml .attr{color:#fbbf24}[data-module=financieel] .fin-efacture-xml .val{color:#34d399}[data-module=klantenportaal] .hero-content{max-width:960px}[data-module=klantenportaal] .kp-portal{background:linear-gradient(#0e0e11 0%,#0b0b0e 100%);flex-direction:column;height:100%;display:flex}[data-module=klantenportaal] .kp-nav{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:0;height:42px;padding:0 20px;display:flex}[data-module=klantenportaal] .kp-nav-logo{align-items:center;gap:8px;margin-right:24px;display:flex}[data-module=klantenportaal] .kp-nav-logo svg{width:auto;height:18px}[data-module=klantenportaal] .kp-nav-links{flex:1;gap:0;display:flex}[data-module=klantenportaal] .kp-nav-link{color:var(--text-faint);border-bottom:2px solid #0000;padding:12px 14px;font-size:10px;font-weight:500}[data-module=klantenportaal] .kp-nav-link.active{color:#34d399;border-color:#10b98180}[data-module=klantenportaal] .kp-nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}[data-module=klantenportaal] .kp-nav-search{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;min-width:140px;padding:5px 12px;font-size:9px;display:flex}[data-module=klantenportaal] .kp-nav-search svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=klantenportaal] .kp-nav-settings{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}[data-module=klantenportaal] .kp-nav-settings svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:1.8px}[data-module=klantenportaal] .kp-nav-avatar{color:#34d399;background:linear-gradient(135deg,#10b98166,#10b98126);border:1.5px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:flex}[data-module=klantenportaal] .kp-nav-link .kp-nav-badge{color:#34d399;background:#10b98126;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:7px;font-weight:700}[data-module=klantenportaal] .kp-banner{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}[data-module=klantenportaal] .kp-banner-greeting{color:var(--text-primary);font-size:16px;font-weight:700}[data-module=klantenportaal] .kp-banner-greeting strong{color:#34d399}[data-module=klantenportaal] .kp-banner-date{color:var(--text-faint);margin-top:2px;font-size:9px}[data-module=klantenportaal] .kp-banner-actions{gap:6px;display:flex}[data-module=klantenportaal] .kp-banner-btn{border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:10px;font-weight:600;display:flex}[data-module=klantenportaal] .kp-banner-btn.secondary{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}[data-module=klantenportaal] .kp-banner-btn.primary{color:#042f2e;background:linear-gradient(135deg,#34d399,#10b981);border:none}[data-module=klantenportaal] .kp-banner-btn svg{fill:none;stroke-width:2px;width:10px;height:10px}[data-module=klantenportaal] .kp-banner-btn.secondary svg{stroke:var(--text-faint)}[data-module=klantenportaal] .kp-banner-btn.primary svg{stroke:#042f2e}[data-module=klantenportaal] .kp-actions{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px 0;display:grid}[data-module=klantenportaal] .kp-action-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}[data-module=klantenportaal] .kp-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=klantenportaal] .kp-action-icon svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}[data-module=klantenportaal] .kp-action-icon.orange{background:#f59e0b1a}[data-module=klantenportaal] .kp-action-icon.orange svg{stroke:#fbbf24}[data-module=klantenportaal] .kp-action-icon.red{background:#ef44441a}[data-module=klantenportaal] .kp-action-icon.red svg{stroke:#f87171}[data-module=klantenportaal] .kp-action-icon.green{background:#10b9811a}[data-module=klantenportaal] .kp-action-icon.green svg{stroke:#34d399}[data-module=klantenportaal] .kp-action-text{flex:1}[data-module=klantenportaal] .kp-action-count{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}[data-module=klantenportaal] .kp-action-label{color:var(--text-faint);margin-top:1px;font-size:9px}[data-module=klantenportaal] .kp-content{flex-direction:column;flex:1;gap:10px;padding:10px 20px 14px;display:flex;overflow:hidden}[data-module=klantenportaal] .kp-grid{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}[data-module=klantenportaal] .kp-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px}[data-module=klantenportaal] .kp-card-title{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-appt-rows{flex-direction:column;gap:0;display:flex}[data-module=klantenportaal] .kp-appt-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:.7fr .5fr 1fr;align-items:center;padding:8px 0;font-size:9.5px;display:grid}[data-module=klantenportaal] .kp-appt-row-date{color:var(--text-faint)}[data-module=klantenportaal] .kp-appt-row-slot{color:var(--text-primary);font-weight:600}[data-module=klantenportaal] .kp-appt-row-ref{color:var(--text-faint);font-size:9px}[data-module=klantenportaal] .kp-order-table{width:100%}[data-module=klantenportaal] .kp-order-table-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr .7fr .7fr .6fr .5fr;padding:4px 0 8px;font-size:8px;font-weight:600;display:grid}[data-module=klantenportaal] .kp-order-table-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:1fr .7fr .7fr .6fr .5fr;align-items:center;padding:8px 0;font-size:9.5px;display:grid}[data-module=klantenportaal] .kp-order-table-name{color:var(--text-primary);font-size:10px;font-weight:500}[data-module=klantenportaal] .kp-order-table-ref{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:9px}[data-module=klantenportaal] .kp-order-table-amount{font-weight:600}[data-module=klantenportaal] .kp-order-table-status{border-radius:3px;width:fit-content;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}[data-module=klantenportaal] .kp-order-table-status.confirmed{color:#10b981b3;background:#10b98114;border:1px solid #10b9811f}[data-module=klantenportaal] .kp-order-table-status.ordering{color:#818cf8cc;background:#6366f114;border:1px solid #6366f11f}[data-module=klantenportaal] .kp-order-table-status.quote{color:#f59e0bb3;background:#f59e0b14;border:1px solid #f59e0b1f}[data-module=klantenportaal] .kp-order-table-status.measuring{color:#38bdf8b3;background:#38bdf814;border:1px solid #38bdf81f}[data-module=klantenportaal] .kp-grid-bottom{grid-template-columns:1.6fr 1fr;gap:10px;display:grid}[data-module=klantenportaal] .kp-inv-table-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr .8fr .8fr .6fr .5fr;padding:4px 0 8px;font-size:8px;font-weight:600;display:grid}[data-module=klantenportaal] .kp-inv-table-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:1fr .8fr .8fr .6fr .5fr;align-items:center;padding:8px 0;font-size:9.5px;display:grid}[data-module=klantenportaal] .kp-inv-table-status{border-radius:3px;width:fit-content;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}[data-module=klantenportaal] .kp-inv-table-status.paid{color:#10b981b3;background:#10b98114;border:1px solid #10b9811f}[data-module=klantenportaal] .kp-inv-table-status.pending{color:#f59e0bb3;background:#f59e0b14;border:1px solid #f59e0b1f}[data-module=klantenportaal] .kp-profile-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:7px 0;font-size:9.5px;display:flex}[data-module=klantenportaal] .kp-profile-label{color:var(--text-faint);font-weight:600}[data-module=klantenportaal] .kp-profile-value{color:var(--text-secondary)}[data-module=klantenportaal] .kp-tracking{padding:20px}[data-module=klantenportaal] .kp-tracking-title{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-track-steps{align-items:center;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}[data-module=klantenportaal] .kp-track-step{color:var(--text-faint);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:8.5px;font-weight:600;display:flex}[data-module=klantenportaal] .kp-track-step.done{color:#10b981b3;background:#10b9810f;border-color:#10b9811f}[data-module=klantenportaal] .kp-track-step.active{color:#34d399;background:#10b9811a;border-color:#10b98140}[data-module=klantenportaal] .kp-track-step-num{width:14px;height:14px;color:var(--text-faint);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:7px;font-weight:700;display:flex}[data-module=klantenportaal] .kp-track-step.done .kp-track-step-num{color:#34d399;background:#10b98133}[data-module=klantenportaal] .kp-track-step.active .kp-track-step-num{color:#34d399;background:#10b98140}[data-module=klantenportaal] .kp-track-arrow{color:#ffffff14;padding:0 3px;font-size:10px}[data-module=klantenportaal] .kp-track-detail{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:14px}[data-module=klantenportaal] .kp-track-detail-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}[data-module=klantenportaal] .kp-track-detail-id{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}[data-module=klantenportaal] .kp-track-detail-badge{color:#34d399;background:#10b9811f;border-radius:3px;padding:2px 7px;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-track-detail-addr{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:9.5px;display:flex}[data-module=klantenportaal] .kp-track-detail-addr svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px;flex-shrink:0}[data-module=klantenportaal] .kp-track-products{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}[data-module=klantenportaal] .kp-track-product{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr .5fr .3fr;padding:4px 0;font-size:9px;display:grid}[data-module=klantenportaal] .kp-track-product.header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-track-product-name{font-weight:500}[data-module=klantenportaal] .kp-track-product-dim{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=klantenportaal] .kp-track-timeline{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-module=klantenportaal] .kp-track-timeline-icon{background:#6366f11a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=klantenportaal] .kp-track-timeline-icon svg{stroke:#818cf8;fill:none;stroke-width:2px;width:14px;height:14px}[data-module=klantenportaal] .kp-track-timeline-text{flex:1}[data-module=klantenportaal] .kp-track-timeline-label{color:var(--text-secondary);font-size:9.5px;font-weight:600}[data-module=klantenportaal] .kp-track-timeline-meta{color:var(--text-faint);font-size:8px}[data-module=klantenportaal] .kp-track-timeline-photo{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-module=klantenportaal] .kp-track-timeline-photo svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=klantenportaal] .kp-quote{padding:20px}[data-module=klantenportaal] .kp-quote-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=klantenportaal] .kp-quote-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-quote-status{color:#fbbf24;background:#f59e0b1f;border-radius:10px;padding:3px 8px;font-size:8px;font-weight:600}[data-module=klantenportaal] .kp-quote-doc{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:14px}[data-module=klantenportaal] .kp-quote-doc-top{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}[data-module=klantenportaal] .kp-quote-doc-ref{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=klantenportaal] .kp-quote-doc-date{color:var(--text-faint);font-size:8.5px}[data-module=klantenportaal] .kp-quote-lines{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}[data-module=klantenportaal] .kp-quote-line{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr .4fr .4fr;padding:4px 0;font-size:9px;display:grid}[data-module=klantenportaal] .kp-quote-line.header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-quote-line-name{font-weight:500}[data-module=klantenportaal] .kp-quote-line-price{text-align:right;font-weight:600}[data-module=klantenportaal] .kp-quote-totals{border-top:1px solid #ffffff0f;flex-direction:column;gap:3px;padding-top:8px;display:flex}[data-module=klantenportaal] .kp-quote-total-row{color:var(--text-faint);justify-content:space-between;font-size:9px;display:flex}[data-module=klantenportaal] .kp-quote-total-row.final{color:var(--text-primary);font-size:11px;font-weight:700}[data-module=klantenportaal] .kp-quote-sig{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:12px}[data-module=klantenportaal] .kp-quote-sig-label{color:var(--text-faint);margin-bottom:6px;font-size:8.5px}[data-module=klantenportaal] .kp-quote-sig-line{border-bottom:1px solid #ffffff1f;height:30px;margin-bottom:8px;position:relative}[data-module=klantenportaal] .kp-quote-sig-drawn{color:#10b98180;font-family:Georgia,serif;font-size:16px;font-style:italic;position:absolute;bottom:2px;left:10px;transform:rotate(-3deg)}[data-module=klantenportaal] .kp-quote-sig-actions{gap:6px;display:flex}[data-module=klantenportaal] .kp-quote-sig-btn{border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:9px;font-weight:600;display:flex}[data-module=klantenportaal] .kp-quote-sig-btn.approve{color:#34d399;background:#10b9811f;border:1px solid #10b98133}[data-module=klantenportaal] .kp-quote-sig-btn.remark{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}[data-module=klantenportaal] .kp-invoices{padding:20px}[data-module=klantenportaal] .kp-invoices-title{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-inv-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}[data-module=klantenportaal] .kp-inv-row{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:.8fr .6fr .6fr .5fr;align-items:center;padding:8px 10px;font-size:9px;display:grid}[data-module=klantenportaal] .kp-inv-row.header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;background:#ffffff05;border:none;padding:4px 10px;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-inv-id{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}[data-module=klantenportaal] .kp-inv-amount{color:var(--text-primary);font-weight:600}[data-module=klantenportaal] .kp-inv-status{border-radius:3px;width:fit-content;padding:2px 6px;font-size:7px;font-weight:600;display:inline-block}[data-module=klantenportaal] .kp-inv-status.paid{color:#34d399;background:#10b9811f}[data-module=klantenportaal] .kp-inv-status.pending{color:#fbbf24;background:#f59e0b1f}[data-module=klantenportaal] .kp-inv-status.overdue{color:#f87171;background:#ef44441f}[data-module=klantenportaal] .kp-pay-panel{background:#10b98108;border:1px solid #10b9811a;border-radius:10px;padding:14px}[data-module=klantenportaal] .kp-pay-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}[data-module=klantenportaal] .kp-pay-title{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=klantenportaal] .kp-pay-amount{color:#34d399;font-size:16px;font-weight:700}[data-module=klantenportaal] .kp-pay-methods{gap:6px;margin-bottom:10px;display:flex}[data-module=klantenportaal] .kp-pay-method{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:9px;font-weight:600}[data-module=klantenportaal] .kp-pay-method.active{color:#34d399;background:#10b9811a;border-color:#10b98133}[data-module=klantenportaal] .kp-pay-btn{text-align:center;color:#34d399;background:#10b98126;border:1px solid #10b98140;border-radius:6px;width:100%;padding:8px;font-size:10px;font-weight:600}[data-module=klantenportaal] .kp-appts{padding:20px}[data-module=klantenportaal] .kp-appts-title{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-appts-list{flex-direction:column;gap:8px;display:flex}[data-module=klantenportaal] .kp-appt-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:12px}[data-module=klantenportaal] .kp-appt-card-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}[data-module=klantenportaal] .kp-appt-card-date{background:#6366f11a;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}[data-module=klantenportaal] .kp-appt-card-date-day{color:#818cf8;font-size:14px;font-weight:700;line-height:1}[data-module=klantenportaal] .kp-appt-card-date-month{color:#818cf899;text-transform:uppercase;font-size:8px;font-weight:600}[data-module=klantenportaal] .kp-appt-card-info{flex:1}[data-module=klantenportaal] .kp-appt-card-type{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=klantenportaal] .kp-appt-card-addr{color:var(--text-faint);font-size:9px}[data-module=klantenportaal] .kp-appt-card-badge{border-radius:4px;padding:3px 8px;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-appt-card-badge.confirmed{color:#34d399;background:#10b9811f}[data-module=klantenportaal] .kp-appt-card-badge.pending{color:#fbbf24;background:#f59e0b1f}[data-module=klantenportaal] .kp-appt-card-badge.completed{color:#818cf8;background:#6366f11f}[data-module=klantenportaal] .kp-appt-card-details{color:var(--text-faint);border-top:1px solid #ffffff0a;gap:12px;padding:6px 0;font-size:8.5px;display:flex}[data-module=klantenportaal] .kp-appt-card-detail{align-items:center;gap:4px;display:flex}[data-module=klantenportaal] .kp-appt-card-detail svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=klantenportaal] .kp-appt-card-confirm{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:5px;align-items:center;gap:4px;margin-top:8px;padding:5px 12px;font-size:9px;font-weight:600;display:inline-flex}[data-module=klantenportaal] .kp-appt-card-photos{gap:4px;margin-top:8px;display:flex}[data-module=klantenportaal] .kp-appt-card-photo{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-module=klantenportaal] .kp-appt-card-photo svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=klantenportaal] .kp-roles{padding:20px}[data-module=klantenportaal] .kp-roles-title{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}[data-module=klantenportaal] .kp-roles-table{border-collapse:separate;border-spacing:0;border:1px solid #ffffff0f;border-radius:8px;width:100%;overflow:hidden}[data-module=klantenportaal] .kp-roles-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;text-align:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:6px 8px;font-size:7.5px;font-weight:600}[data-module=klantenportaal] .kp-roles-table th:first-child{text-align:left;width:90px}[data-module=klantenportaal] .kp-roles-table td{text-align:center;color:var(--text-faint);border-bottom:1px solid #ffffff0a;padding:7px 8px;font-size:9px}[data-module=klantenportaal] .kp-roles-table td:first-child{text-align:left;color:var(--text-secondary);font-weight:600}[data-module=klantenportaal] .kp-roles-table tr:last-child td{border-bottom:none}[data-module=klantenportaal] .kp-role-check{color:#34d399;font-size:11px}[data-module=klantenportaal] .kp-role-deny{color:#ffffff1a;font-size:10px}[data-module=klantenportaal] .kp-role-view{color:#818cf899;font-size:9px}[data-module=klantenportaal] .kp-roles-legend{color:var(--text-faint);gap:14px;margin-top:10px;font-size:8px;display:flex}[data-module=klantenportaal] .kp-roles-legend-item{align-items:center;gap:4px;display:flex}@media (max-width:768px){[data-module=klantenportaal] .kp-actions,[data-module=klantenportaal] .kp-grid,[data-module=klantenportaal] .kp-grid-bottom{grid-template-columns:1fr}[data-module=klantenportaal] .kp-inv-row{grid-template-columns:1fr 1fr}[data-module=klantenportaal] .kp-roles-table{font-size:7px}}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=leveranciersportaal] .hero-content{max-width:960px}[data-module=leveranciersportaal] .lp-portal{background:linear-gradient(#0e0e11 0%,#0b0b0e 100%);flex-direction:column;width:100%;height:100%;display:flex}[data-module=leveranciersportaal] .lp-topbar{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;padding:10px 20px;display:flex;position:relative}[data-module=leveranciersportaal] .lp-topbar-back{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}[data-module=leveranciersportaal] .lp-topbar-back svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2px}[data-module=leveranciersportaal] .lp-topbar-logo{width:auto;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-module=leveranciersportaal] .lp-topbar-close{background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}[data-module=leveranciersportaal] .lp-topbar-close svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-module=leveranciersportaal] .lp-browse-bar{justify-content:space-between;align-items:center;padding:10px 20px 0;display:flex}[data-module=leveranciersportaal] .lp-breadcrumb{align-items:center;gap:5px;font-size:11px;display:flex}[data-module=leveranciersportaal] .lp-breadcrumb-link{color:#34d399}[data-module=leveranciersportaal] .lp-breadcrumb-sep{color:#ffffff26;font-size:10px}[data-module=leveranciersportaal] .lp-breadcrumb-current{color:var(--text-secondary)}[data-module=leveranciersportaal] .lp-browse-filters{align-items:center;gap:6px;display:flex}[data-module=leveranciersportaal] .lp-filter-btn{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:flex}[data-module=leveranciersportaal] .lp-filter-btn svg{width:10px;height:10px;stroke:var(--text-muted);fill:none;stroke-width:2px}[data-module=leveranciersportaal] .lp-search{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;margin:8px 20px 2px;padding:6px 14px;font-size:11px;display:flex}[data-module=leveranciersportaal] .lp-search svg{width:13px;height:13px;stroke:var(--text-faint);fill:none;stroke-width:2px;flex-shrink:0}[data-module=leveranciersportaal] .lp-results-count{color:var(--text-faint);padding:4px 20px 6px;font-size:10px}[data-module=leveranciersportaal] .lp-product-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;padding:0 20px 16px;display:grid;overflow:hidden}[data-module=leveranciersportaal] .lp-product-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}[data-module=leveranciersportaal] .lp-product-card:hover{border-color:#ffffff1f}[data-module=leveranciersportaal] .lp-product-card-img{aspect-ratio:1.1;justify-content:center;align-items:center;width:100%;padding:6px;display:flex;overflow:hidden}[data-module=leveranciersportaal] .lp-product-card-img img{object-fit:contain;max-width:82%;max-height:82%}[data-module=leveranciersportaal] .lp-product-card-info{flex-direction:column;gap:2px;padding:6px 8px 8px;display:flex}[data-module=leveranciersportaal] .lp-product-card-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.35;display:-webkit-box;overflow:hidden}[data-module=leveranciersportaal] .lp-product-card-sku{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:7.5px}[data-module=leveranciersportaal] .lp-product-card-bottom{justify-content:space-between;align-items:center;margin-top:2px;display:flex}[data-module=leveranciersportaal] .lp-product-card-price{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=leveranciersportaal] .lp-product-card-color{border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px}[data-module=leveranciersportaal] .lp-pairing{flex-direction:column;justify-content:center;align-items:center;gap:28px;height:100%;padding:32px;display:flex}[data-module=leveranciersportaal] .lp-pairing-nodes{justify-content:center;align-items:center;gap:24px;width:100%;display:flex}[data-module=leveranciersportaal] .lp-pairing-node{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:140px;padding:24px 28px;display:flex}[data-module=leveranciersportaal] .lp-pairing-node.source{background:#10b9810a;border-color:#10b98133}[data-module=leveranciersportaal] .lp-pairing-node-icon{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}[data-module=leveranciersportaal] .lp-pairing-node.source .lp-pairing-node-icon{background:#10b9811f}[data-module=leveranciersportaal] .lp-pairing-node-icon svg{width:24px;height:24px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}[data-module=leveranciersportaal] .lp-pairing-node.source .lp-pairing-node-icon svg{stroke:#34d399}[data-module=leveranciersportaal] .lp-pairing-node-label{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:600}[data-module=leveranciersportaal] .lp-pairing-node-sub{color:var(--text-faint);text-align:center;font-size:11px}[data-module=leveranciersportaal] .lp-pairing-connector{flex-direction:column;align-items:center;gap:5px;display:flex}[data-module=leveranciersportaal] .lp-pairing-arrow{color:#10b98199;align-items:center;gap:6px;font-size:12px;display:flex}[data-module=leveranciersportaal] .lp-pairing-arrow-line{background:#10b9814d;width:40px;height:1px}[data-module=leveranciersportaal] .lp-pairing-connector-label{color:#10b98180;letter-spacing:.04em;text-align:center;font-size:10px;font-weight:500}[data-module=leveranciersportaal] .lp-pairing-steps{gap:10px;width:100%;display:flex}[data-module=leveranciersportaal] .lp-pairing-step{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:14px 10px}[data-module=leveranciersportaal] .lp-pairing-step.done{background:#10b98108;border-color:#10b9811f}[data-module=leveranciersportaal] .lp-pairing-step-num{color:var(--text-faint);margin-bottom:4px;font-size:11px;font-weight:700}[data-module=leveranciersportaal] .lp-pairing-step.done .lp-pairing-step-num{color:#34d399}[data-module=leveranciersportaal] .lp-pairing-step-label{color:var(--text-faint);font-size:10px;line-height:1.3}[data-module=leveranciersportaal] .lp-pairing-step.done .lp-pairing-step-label{color:var(--text-muted)}[data-module=leveranciersportaal] .lp-sync{flex-direction:column;gap:8px;padding:20px;display:flex}[data-module=leveranciersportaal] .lp-sync-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=leveranciersportaal] .lp-sync-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=leveranciersportaal] .lp-sync-live{color:#34d399;align-items:center;gap:4px;font-size:9px;display:flex}[data-module=leveranciersportaal] .lp-sync-live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite lp-pulse}[data-module=leveranciersportaal] .lp-sync-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=leveranciersportaal] .lp-sync-item.success{background:#10b98108;border-color:#10b9811a}[data-module=leveranciersportaal] .lp-sync-item-icon{background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}[data-module=leveranciersportaal] .lp-sync-item.success .lp-sync-item-icon{background:#10b9811f}[data-module=leveranciersportaal] .lp-sync-item-icon svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:2px}[data-module=leveranciersportaal] .lp-sync-item.success .lp-sync-item-icon svg{stroke:#34d399}[data-module=leveranciersportaal] .lp-sync-item-content{flex:1;min-width:0}[data-module=leveranciersportaal] .lp-sync-item-label{color:var(--text-secondary);font-size:10.5px}[data-module=leveranciersportaal] .lp-sync-item-meta{color:var(--text-faint);font-size:8.5px}[data-module=leveranciersportaal] .lp-sync-item-status{border-radius:8px;flex-shrink:0;padding:2px 7px;font-size:8px;font-weight:600}[data-module=leveranciersportaal] .lp-sync-item-status.synced{color:#34d399;background:#10b9811f}[data-module=leveranciersportaal] .lp-sync-item-status.pending{color:#fbbf24;background:#f59e0b1f}[data-module=leveranciersportaal] .lp-sync-item-status.new{color:#818cf8;background:#6366f11f}[data-module=leveranciersportaal] .lp-order{padding:20px}[data-module=leveranciersportaal] .lp-order-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}[data-module=leveranciersportaal] .lp-order-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=leveranciersportaal] .lp-order-num{color:var(--text-faint);font-size:10px}[data-module=leveranciersportaal] .lp-order-supplier{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;display:flex}[data-module=leveranciersportaal] .lp-order-supplier-logo{color:#34d399;background:#10b9811a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}[data-module=leveranciersportaal] .lp-order-supplier-name{color:var(--text-secondary);font-size:11px}[data-module=leveranciersportaal] .lp-order-supplier-meta{color:var(--text-faint);font-size:9px}[data-module=leveranciersportaal] .lp-order-lines{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}[data-module=leveranciersportaal] .lp-order-line{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;grid-template-columns:1fr 60px 70px;align-items:center;gap:8px;padding:6px 10px;display:grid}[data-module=leveranciersportaal] .lp-order-line-name{color:var(--text-secondary);font-size:10.5px}[data-module=leveranciersportaal] .lp-order-line-qty{color:var(--text-muted);text-align:center;font-size:10px}[data-module=leveranciersportaal] .lp-order-line-price{color:var(--text-primary);text-align:right;font-size:10.5px;font-weight:500}[data-module=leveranciersportaal] .lp-order-total{color:var(--text-primary);background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;justify-content:space-between;margin-top:4px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}[data-module=leveranciersportaal] .lp-order-actions{gap:6px;margin-top:10px;display:flex}[data-module=leveranciersportaal] .lp-order-action{text-align:center;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:6px;font-size:10px}[data-module=leveranciersportaal] .lp-order-action.primary{color:#34d399;background:#10b9811a;border-color:#10b98140}[data-module=leveranciersportaal] .lp-prices{padding:20px}[data-module=leveranciersportaal] .lp-prices-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}[data-module=leveranciersportaal] .lp-prices-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=leveranciersportaal] .lp-prices-badge{color:#34d399;background:#10b9811f;border-radius:8px;padding:2px 8px;font-size:9px;font-weight:600}[data-module=leveranciersportaal] .lp-prices-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:14px;display:flex}[data-module=leveranciersportaal] .lp-prices-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-module=leveranciersportaal] .lp-prices-tab.active{color:#34d399;border-color:#10b98180}[data-module=leveranciersportaal] .lp-prices-table-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr 80px 80px 60px;gap:6px;padding:5px 10px;font-size:8.5px;display:grid}[data-module=leveranciersportaal] .lp-prices-row{border-bottom:1px solid #ffffff08;grid-template-columns:1fr 80px 80px 60px;gap:6px;padding:7px 10px;font-size:10.5px;display:grid}[data-module=leveranciersportaal] .lp-prices-row-product{color:var(--text-secondary)}[data-module=leveranciersportaal] .lp-prices-row-old{color:var(--text-faint);text-decoration:line-through}[data-module=leveranciersportaal] .lp-prices-row-new{color:#34d399;font-weight:500}[data-module=leveranciersportaal] .lp-prices-row-change{font-size:9px}[data-module=leveranciersportaal] .lp-prices-row-change.down{color:#34d399}[data-module=leveranciersportaal] .lp-prices-row-change.up{color:#f87171}[data-module=leveranciersportaal] .lp-prices-updated{color:var(--text-muted);background:#10b98108;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;font-size:9.5px;display:flex}[data-module=leveranciersportaal] .lp-prices-updated svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-module=leveranciersportaal] .lp-security{flex-direction:column;gap:10px;padding:20px;display:flex}[data-module=leveranciersportaal] .lp-security-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=leveranciersportaal] .lp-security-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=leveranciersportaal] .lp-security-shield{color:#34d399;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}[data-module=leveranciersportaal] .lp-security-shield svg{stroke:#34d399;fill:none;stroke-width:2px;width:14px;height:14px}[data-module=leveranciersportaal] .lp-security-key{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=leveranciersportaal] .lp-security-key.active{background:#10b98108;border-color:#10b9811f}[data-module=leveranciersportaal] .lp-security-key-icon{background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=leveranciersportaal] .lp-security-key.active .lp-security-key-icon{background:#10b9811f}[data-module=leveranciersportaal] .lp-security-key-icon svg{width:12px;height:12px;stroke:var(--text-muted);fill:none;stroke-width:2px}[data-module=leveranciersportaal] .lp-security-key.active .lp-security-key-icon svg{stroke:#34d399}[data-module=leveranciersportaal] .lp-security-key-content{flex:1}[data-module=leveranciersportaal] .lp-security-key-label{color:var(--text-secondary);font-size:10px}[data-module=leveranciersportaal] .lp-security-key-value{color:var(--text-faint);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:9px}[data-module=leveranciersportaal] .lp-security-key-status{border-radius:8px;padding:2px 7px;font-size:8px;font-weight:600}[data-module=leveranciersportaal] .lp-security-key-status.active{color:#34d399;background:#10b9811f}[data-module=leveranciersportaal] .lp-security-key-status.expired{color:#f87171;background:#ef44441f}[data-module=leveranciersportaal] .lp-security-endpoint{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:10px;font-family:JetBrains Mono,monospace}[data-module=leveranciersportaal] .lp-security-endpoint-method{border-radius:3px;margin-right:6px;padding:1px 5px;font-size:8px;font-weight:700;display:inline-block}[data-module=leveranciersportaal] .lp-security-endpoint-method.post{color:#34d399;background:#10b98126}[data-module=leveranciersportaal] .lp-security-endpoint-method.get{color:#818cf8;background:#6366f126}[data-module=leveranciersportaal] .lp-security-endpoint-url{color:var(--text-muted);font-size:9.5px}[data-module=leveranciersportaal] .lp-security-endpoint-desc{color:var(--text-faint);margin-top:4px;font-family:Inter,sans-serif;font-size:8.5px}@media (max-width:768px){[data-module=leveranciersportaal] .lp-product-grid{grid-template-columns:repeat(3,1fr);gap:6px}[data-module=leveranciersportaal] .lp-pairing-nodes{flex-direction:column;gap:10px}[data-module=leveranciersportaal] .lp-pairing-connector{transform:rotate(90deg)}[data-module=leveranciersportaal] .lp-pairing-steps{flex-wrap:wrap}[data-module=leveranciersportaal] .lp-pairing-step{min-width:calc(50% - 4px)}[data-module=leveranciersportaal] .lp-prices-table-header,[data-module=leveranciersportaal] .lp-prices-row{grid-template-columns:1fr 70px 70px}[data-module=leveranciersportaal] .lp-prices-row-change{display:none}[data-module=leveranciersportaal] .lp-order-line{grid-template-columns:1fr 50px 60px}}@keyframes smPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=sms] .hero-content{max-width:960px}[data-module=sms] .sm-panel{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-module=sms] .sm-panel-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-module=sms] .sm-panel-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-conversation{flex-direction:column;gap:8px;display:flex}[data-module=sms] .sm-msg{border-radius:10px;max-width:85%;padding:10px 12px;font-size:9.5px;line-height:1.5;position:relative}[data-module=sms] .sm-msg.outgoing{color:var(--text-secondary);background:#10b98114;border:1px solid #10b98126;align-self:flex-end}[data-module=sms] .sm-msg.incoming{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;align-self:flex-start}[data-module=sms] .sm-msg-meta{color:var(--text-faint);justify-content:space-between;align-items:center;margin-top:4px;font-size:7.5px;display:flex}[data-module=sms] .sm-msg-status{align-items:center;gap:3px;display:flex}[data-module=sms] .sm-msg-status svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:8px;height:8px}[data-module=sms] .sm-msg-link{color:#34d399;background:#10b9811a;border-radius:4px;margin-top:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;display:inline-block}[data-module=sms] .sm-msg-sender{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:8px;font-weight:600}[data-module=sms] .sm-stats-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-module=sms] .sm-stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:7px 9px}[data-module=sms] .sm-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:7.5px}[data-module=sms] .sm-stat-value{color:var(--text-primary);margin-top:2px;font-size:13px;font-weight:700}[data-module=sms] .sm-activity{background:#10b98108;border:1px solid #10b98114;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex}[data-module=sms] .sm-activity-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite smPulse}[data-module=sms] .sm-activity-text{color:#10b981b3;flex:1;font-size:9.5px}[data-module=sms] .sm-activity-time{color:var(--text-faint);font-size:8.5px}[data-module=sms] .sm-paylink{padding:20px}[data-module=sms] .sm-paylink-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=sms] .sm-paylink-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-paylink-preview{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:14px}[data-module=sms] .sm-paylink-phone{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;padding:12px;display:flex}[data-module=sms] .sm-paylink-phone-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:8px}[data-module=sms] .sm-paylink-bubble{max-width:240px;color:var(--text-secondary);background:#10b9810f;border:1px solid #10b9811f;border-radius:10px;padding:10px 12px;font-size:9px;line-height:1.5}[data-module=sms] .sm-paylink-url{color:#34d399;background:#10b9811f;border-radius:4px;margin-top:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;display:inline-block}[data-module=sms] .sm-paylink-info{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}[data-module=sms] .sm-paylink-info-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;padding:6px 8px}[data-module=sms] .sm-paylink-info-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:7px}[data-module=sms] .sm-paylink-info-value{color:var(--text-primary);margin-top:1px;font-size:10px;font-weight:600}[data-module=sms] .sm-reminder{padding:20px}[data-module=sms] .sm-reminder-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=sms] .sm-reminder-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-reminder-list{flex-direction:column;gap:8px;display:flex}[data-module=sms] .sm-reminder-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=sms] .sm-reminder-item.sent{border-color:#10b98126}[data-module=sms] .sm-reminder-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}[data-module=sms] .sm-reminder-item-client{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=sms] .sm-reminder-item-status{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=sms] .sm-reminder-item-status.sent{color:#34d399;background:#10b9811f}[data-module=sms] .sm-reminder-item-status.scheduled{color:#818cf8;background:#6366f11f}[data-module=sms] .sm-reminder-item-preview{color:var(--text-faint);background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;padding:6px 8px;font-size:9px;line-height:1.4}[data-module=sms] .sm-reminder-item-meta{color:var(--text-faint);gap:12px;margin-top:6px;font-size:8px;display:flex}[data-module=sms] .sm-status{padding:20px}[data-module=sms] .sm-status-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=sms] .sm-status-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-status-flow{flex-direction:column;gap:6px;display:flex}[data-module=sms] .sm-status-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=sms] .sm-status-item.active{border-color:#10b98126}[data-module=sms] .sm-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-module=sms] .sm-status-info{flex:1}[data-module=sms] .sm-status-label{color:var(--text-secondary);font-size:10px;font-weight:500}[data-module=sms] .sm-status-detail{color:var(--text-faint);font-size:8px}[data-module=sms] .sm-status-check{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=sms] .sm-status-check.sent{color:#34d399;background:#10b9811f}[data-module=sms] .sm-status-check.pending{color:var(--text-faint);background:#ffffff0f}[data-module=sms] .sm-accept{padding:20px}[data-module=sms] .sm-accept-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=sms] .sm-accept-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-accept-flow{flex-direction:column;gap:6px;display:flex}[data-module=sms] .sm-accept-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}[data-module=sms] .sm-accept-step.accepted{border-color:#10b98133}[data-module=sms] .sm-accept-step.rejected{border-color:#ef444433}[data-module=sms] .sm-accept-step.waiting{border-color:#f59e0b26}[data-module=sms] .sm-accept-step-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-module=sms] .sm-accept-step-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-module=sms] .sm-accept-step-badge{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=sms] .sm-accept-step-badge.accepted{color:#34d399;background:#10b9811f}[data-module=sms] .sm-accept-step-badge.rejected{color:#f87171;background:#ef44441f}[data-module=sms] .sm-accept-step-badge.waiting{color:#fbbf24;background:#f59e0b1f}[data-module=sms] .sm-accept-step-badge.queued{color:var(--text-faint);background:#ffffff0f}[data-module=sms] .sm-accept-step-detail{color:var(--text-faint);font-size:8px}[data-module=sms] .sm-accept-result{background:#10b9810a;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}[data-module=sms] .sm-accept-result svg{stroke:#34d399;fill:none;stroke-width:2.5px;flex-shrink:0;width:12px;height:12px}[data-module=sms] .sm-accept-result-text{color:#10b981b3;font-size:9px}[data-module=sms] .sm-config{padding:20px}[data-module=sms] .sm-config-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=sms] .sm-config-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=sms] .sm-config-order{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:10px;padding:12px}[data-module=sms] .sm-config-order-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=sms] .sm-config-order-id{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=sms] .sm-config-toggles{flex-direction:column;gap:6px;display:flex}[data-module=sms] .sm-config-toggle{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}[data-module=sms] .sm-config-toggle-label{color:var(--text-secondary);font-size:9px}[data-module=sms] .sm-config-toggle-switch{cursor:pointer;border-radius:7px;width:28px;height:14px;position:relative}[data-module=sms] .sm-config-toggle-switch.on{background:#10b9814d}[data-module=sms] .sm-config-toggle-switch.off{background:#ffffff1a}[data-module=sms] .sm-config-toggle-switch:after{content:"";border-radius:50%;width:10px;height:10px;transition:left .2s;position:absolute;top:2px}[data-module=sms] .sm-config-toggle-switch.on:after{background:#34d399;left:16px}[data-module=sms] .sm-config-toggle-switch.off:after{background:var(--text-faint);left:2px}[data-module=sms] .sm-config-sender{background:#10b98108;border:1px dashed #10b98126;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}[data-module=sms] .sm-config-sender-label{color:var(--text-faint);font-size:8px}[data-module=sms] .sm-config-sender-value{color:#34d399;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}[data-module=sms] .sm-config-sender-hint{color:var(--text-faint);font-size:7px}@media (max-width:768px){[data-module=sms] .sm-stats-row,[data-module=sms] .sm-paylink-info{grid-template-columns:1fr}}@keyframes telRing{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-1px)}40%{transform:translate(1px)}50%,to{transform:translate(0)}}@keyframes telPulse{0%,to{opacity:1}50%{opacity:.4}}[data-module=telefonie] .hero-content{max-width:960px}[data-module=telefonie] .tel-panel{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-module=telefonie] .tel-panel-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-module=telefonie] .tel-panel-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-incoming{background:#10b9810a;border:1px solid #10b98126;border-radius:10px;padding:14px;animation:1.5s ease-in-out infinite telRing}[data-module=telefonie] .tel-incoming-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}[data-module=telefonie] .tel-incoming-avatar{background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}[data-module=telefonie] .tel-incoming-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}[data-module=telefonie] .tel-incoming-info{flex:1}[data-module=telefonie] .tel-incoming-name{color:var(--text-primary);font-size:12px;font-weight:600}[data-module=telefonie] .tel-incoming-company{color:var(--text-faint);font-size:9px}[data-module=telefonie] .tel-incoming-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:7.5px;font-weight:600;display:flex}[data-module=telefonie] .tel-incoming-badge.ringing{color:#34d399;background:#10b9811f}[data-module=telefonie] .tel-incoming-badge .tel-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite telPulse}[data-module=telefonie] .tel-marketing-tag{color:#818cf8;background:#6366f11f;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:2px 7px;font-size:7.5px;font-weight:600;display:inline-flex}[data-module=telefonie] .tel-marketing-tag svg{stroke:#818cf8;fill:none;stroke-width:2px;width:8px;height:8px}[data-module=telefonie] .tel-orders{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-top:6px;padding:10px 12px}[data-module=telefonie] .tel-orders-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:8px;font-weight:600}[data-module=telefonie] .tel-order-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}[data-module=telefonie] .tel-order-item:last-child{margin-bottom:0}[data-module=telefonie] .tel-order-id{color:var(--text-faint);width:55px;font-family:JetBrains Mono,monospace;font-size:9px}[data-module=telefonie] .tel-order-addr{color:var(--text-secondary);flex:1;font-size:9px}[data-module=telefonie] .tel-order-status{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=telefonie] .tel-order-status.planning{color:#818cf8;background:#6366f11f}[data-module=telefonie] .tel-order-status.montage{color:#34d399;background:#10b9811f}[data-module=telefonie] .tel-order-status.gereed{color:#fbbf24;background:#f59e0b1f}[data-module=telefonie] .tel-actions{gap:6px;margin-top:8px;display:flex}[data-module=telefonie] .tel-action-btn{border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:8px;font-weight:600;display:flex}[data-module=telefonie] .tel-action-btn.accept{color:#34d399;background:#10b98126;border:1px solid #10b98140}[data-module=telefonie] .tel-action-btn.reject{color:#f87171;background:#ef44441a;border:1px solid #ef444433}[data-module=telefonie] .tel-action-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:10px;height:10px}[data-module=telefonie] .tel-history{margin-top:8px}[data-module=telefonie] .tel-history-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:8px;font-weight:600}[data-module=telefonie] .tel-history-row{border-bottom:1px solid #ffffff08;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-size:9px;display:flex}[data-module=telefonie] .tel-history-icon{flex-shrink:0;width:14px;height:14px}[data-module=telefonie] .tel-history-icon.incoming{color:#34d399}[data-module=telefonie] .tel-history-icon.missed{color:#f87171}[data-module=telefonie] .tel-history-icon.outgoing{color:#818cf8}[data-module=telefonie] .tel-history-caller{color:var(--text-secondary);flex:1;font-weight:500}[data-module=telefonie] .tel-history-time{color:var(--text-faint);font-size:8px}[data-module=telefonie] .tel-history-dur{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=telefonie] .tel-caller{padding:20px}[data-module=telefonie] .tel-caller-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=telefonie] .tel-caller-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-caller-notification{background:#10b98108;border:1px solid #10b9811f;border-radius:12px;padding:16px}[data-module=telefonie] .tel-caller-notif-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}[data-module=telefonie] .tel-caller-photo{border:2px solid #10b9814d;border-radius:50%;width:44px;height:44px;overflow:hidden}[data-module=telefonie] .tel-caller-photo img{object-fit:cover;width:100%;height:100%}[data-module=telefonie] .tel-caller-details{flex:1}[data-module=telefonie] .tel-caller-detail-name{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-caller-detail-org{color:var(--text-secondary);font-size:9px}[data-module=telefonie] .tel-caller-detail-phone{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=telefonie] .tel-caller-state{color:#34d399;background:#10b9811f;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:8px;font-weight:600;display:flex}[data-module=telefonie] .tel-caller-state-dot{background:#34d399;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite telPulse}[data-module=telefonie] .tel-caller-meta{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}[data-module=telefonie] .tel-caller-meta-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:6px 8px}[data-module=telefonie] .tel-caller-meta-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:7px}[data-module=telefonie] .tel-caller-meta-value{color:var(--text-primary);margin-top:1px;font-size:10px;font-weight:600}[data-module=telefonie] .tel-caller-order-link{color:#10b981b3;background:#10b9810a;border:1px dashed #10b98126;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:9px;display:flex}[data-module=telefonie] .tel-caller-order-link svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-module=telefonie] .tel-matching{padding:20px}[data-module=telefonie] .tel-matching-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=telefonie] .tel-matching-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-match-flow{flex-direction:column;gap:6px;display:flex}[data-module=telefonie] .tel-match-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=telefonie] .tel-match-step.active{background:#10b98108;border-color:#10b98133}[data-module=telefonie] .tel-match-step-num{width:20px;height:20px;color:var(--text-faint);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}[data-module=telefonie] .tel-match-step.active .tel-match-step-num{color:#34d399;background:#10b98133}[data-module=telefonie] .tel-match-step-info{flex:1}[data-module=telefonie] .tel-match-step-label{color:var(--text-secondary);font-size:10px;font-weight:500}[data-module=telefonie] .tel-match-step-detail{color:var(--text-faint);font-size:8px}[data-module=telefonie] .tel-match-step-result{border-radius:3px;padding:2px 6px;font-size:7.5px;font-weight:600}[data-module=telefonie] .tel-match-step-result.found{color:#34d399;background:#10b9811f}[data-module=telefonie] .tel-match-step-result.skip{color:var(--text-faint);background:#ffffff0f}[data-module=telefonie] .tel-match-result{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:flex}[data-module=telefonie] .tel-match-result-icon{background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-module=telefonie] .tel-match-result-icon svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:12px;height:12px}[data-module=telefonie] .tel-match-result-text{color:#10b981cc;flex:1;font-size:10px}[data-module=telefonie] .tel-attribution{padding:20px}[data-module=telefonie] .tel-attribution-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=telefonie] .tel-attribution-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-channel-list{flex-direction:column;gap:6px;display:flex}[data-module=telefonie] .tel-channel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-module=telefonie] .tel-channel-color{border-radius:2px;flex-shrink:0;width:8px;height:8px}[data-module=telefonie] .tel-channel-name{color:var(--text-secondary);flex:1;font-size:10px;font-weight:500}[data-module=telefonie] .tel-channel-bar-wrap{width:80px}[data-module=telefonie] .tel-channel-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}[data-module=telefonie] .tel-channel-bar-fill{border-radius:2px;height:100%}[data-module=telefonie] .tel-channel-count{color:var(--text-primary);text-align:right;width:30px;font-size:10px;font-weight:600}[data-module=telefonie] .tel-channel-pct{color:var(--text-faint);text-align:right;width:28px;font-size:8px}[data-module=telefonie] .tel-attribution-total{color:var(--text-primary);background:#10b98108;border:1px solid #10b9811a;border-radius:6px;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;font-size:10px;font-weight:600;display:flex}[data-module=telefonie] .tel-adcalls{padding:20px}[data-module=telefonie] .tel-adcalls-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=telefonie] .tel-adcalls-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-eval-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:8px;padding:12px}[data-module=telefonie] .tel-eval-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-module=telefonie] .tel-eval-caller{color:var(--text-primary);font-size:11px;font-weight:600}[data-module=telefonie] .tel-eval-score{border-radius:10px;padding:3px 8px;font-size:9px;font-weight:700}[data-module=telefonie] .tel-eval-score.good{color:#34d399;background:#10b9811f}[data-module=telefonie] .tel-eval-score.medium{color:#fbbf24;background:#f59e0b1f}[data-module=telefonie] .tel-eval-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-module=telefonie] .tel-eval-metric{background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;padding:5px 7px}[data-module=telefonie] .tel-eval-metric-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:7px}[data-module=telefonie] .tel-eval-metric-value{color:var(--text-primary);margin-top:1px;font-size:10px;font-weight:600}[data-module=telefonie] .tel-eval-conversion{color:#10b981b3;background:#10b98108;border:1px solid #10b98114;border-radius:5px;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:8px;display:flex}[data-module=telefonie] .tel-eval-conversion svg{stroke:#34d399;fill:none;stroke-width:2px;width:10px;height:10px}[data-module=telefonie] .tel-calls{padding:20px}[data-module=telefonie] .tel-calls-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-module=telefonie] .tel-calls-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-module=telefonie] .tel-calls-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:10px;display:flex}[data-module=telefonie] .tel-calls-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:6px 14px;font-size:10px}[data-module=telefonie] .tel-calls-tab.active{color:#34d399;border-color:#10b98180}[data-module=telefonie] .tel-calls-tab .tel-tab-count{color:#34d399;background:#10b9811f;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:8px;font-weight:600}[data-module=telefonie] .tel-call-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:20px 1fr .6fr .5fr .4fr;align-items:center;gap:8px;padding:7px 10px;font-size:9px;display:grid}[data-module=telefonie] .tel-call-row.header-row{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;font-size:7.5px;font-weight:600}[data-module=telefonie] .tel-call-direction svg{fill:none;stroke-width:2px;stroke-linecap:round;width:12px;height:12px}[data-module=telefonie] .tel-call-name{font-weight:500}[data-module=telefonie] .tel-call-number{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=telefonie] .tel-call-time{color:var(--text-faint);font-size:8px}[data-module=telefonie] .tel-call-dur{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:8px}[data-module=telefonie] .tel-calls-summary{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}[data-module=telefonie] .tel-calls-stat{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:7px 9px}[data-module=telefonie] .tel-calls-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:7.5px}[data-module=telefonie] .tel-calls-stat-value{color:var(--text-primary);margin-top:2px;font-size:13px;font-weight:700}@media (max-width:768px){[data-module=telefonie] .tel-caller-meta,[data-module=telefonie] .tel-eval-metrics,[data-module=telefonie] .tel-calls-summary{grid-template-columns:1fr}}@keyframes branch-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}[data-branch=glasgroothandel] .branch-hero{z-index:1;align-items:center;min-height:90vh;padding:160px 0 100px;display:flex;position:relative;overflow:hidden}[data-branch=glasgroothandel] .branch-hero-bg{z-index:0;position:absolute;inset:0}[data-branch=glasgroothandel] .branch-hero-bg img{object-fit:cover;filter:brightness(.25)saturate(.6);width:100%;height:100%}[data-branch=glasgroothandel] .branch-hero-bg:after{content:"";background:linear-gradient(#09090b99 0%,#09090b4d 40%,#09090bd9 100%),linear-gradient(90deg,#09090bb3 0%,#0000 60%);position:absolute;inset:0}[data-branch=glasgroothandel] .branch-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:0 40px;display:grid;position:relative}[data-branch=glasgroothandel] .branch-hero-content{flex-direction:column;display:flex}[data-branch=glasgroothandel] .branch-hero-tag{letter-spacing:.08em;text-transform:uppercase;color:#34d399;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;font-weight:600;display:inline-flex}[data-branch=glasgroothandel] .branch-hero-tag-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98199}[data-branch=glasgroothandel] .branch-hero-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.08}[data-branch=glasgroothandel] .branch-hero-heading .accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981 0%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text}[data-branch=glasgroothandel] .branch-hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:17px;line-height:1.65}[data-branch=glasgroothandel] .branch-hero-cta{align-items:center;gap:12px;display:flex}[data-branch=glasgroothandel] .branch-hero-stats{border-top:1px solid #ffffff14;gap:32px;margin-top:48px;padding-top:32px;display:flex}[data-branch=glasgroothandel] .branch-hero-stat{flex-direction:column;gap:2px;display:flex}[data-branch=glasgroothandel] .branch-hero-stat-num{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}[data-branch=glasgroothandel] .branch-hero-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}[data-branch=glasgroothandel] .branch-hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#131316f0 0%,#0f0f12f7 100%);border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 60px #10b9810f}[data-branch=glasgroothandel] .gh-dash-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}[data-branch=glasgroothandel] .gh-dash-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-branch=glasgroothandel] .gh-dash-date{color:var(--text-faint);font-size:11px}[data-branch=glasgroothandel] .gh-dash-kpis{background:#ffffff0a;border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}[data-branch=glasgroothandel] .gh-dash-kpi{background:#0f0f12f2;padding:14px 16px}[data-branch=glasgroothandel] .gh-dash-kpi-val{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}[data-branch=glasgroothandel] .gh-dash-kpi-val .up{color:#34d399;margin-left:4px;font-size:11px;font-weight:600}[data-branch=glasgroothandel] .gh-dash-kpi-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px}[data-branch=glasgroothandel] .gh-dash-orders{flex-direction:column;display:flex}[data-branch=glasgroothandel] .gh-dash-order{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:.5fr 1.2fr .7fr .6fr;align-items:center;padding:10px 20px;font-size:11px;display:grid}[data-branch=glasgroothandel] .gh-dash-order.header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;padding:8px 20px;font-size:9px;font-weight:600}[data-branch=glasgroothandel] .gh-dash-order-id{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}[data-branch=glasgroothandel] .gh-dash-order-customer{font-weight:500}[data-branch=glasgroothandel] .gh-dash-order-amount{font-family:var(--font-mono);text-align:right;font-size:10.5px}[data-branch=glasgroothandel] .gh-dash-status{border-radius:4px;width:fit-content;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasgroothandel] .gh-dash-status.confirmed{color:#34d399;background:#10b9811f}[data-branch=glasgroothandel] .gh-dash-status.pending{color:#fbbf24;background:#f59e0b1f}[data-branch=glasgroothandel] .gh-dash-status.shipped{color:#818cf8;background:#6366f11f}[data-branch=glasgroothandel] .gh-dash-status.new{color:var(--text-muted);background:#ffffff0f}[data-branch=glasgroothandel] .gh-dash-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}[data-branch=glasgroothandel] .gh-dash-footer-text{color:var(--text-faint);font-size:10px}[data-branch=glasgroothandel] .gh-dash-footer-live{color:#34d399;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}[data-branch=glasgroothandel] .gh-dash-footer-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite branch-pulse-dot;box-shadow:0 0 8px #10b98180}[data-branch=glasgroothandel] .workflow-section{padding:100px 0}[data-branch=glasgroothandel] .workflow-header{text-align:center;max-width:640px;margin:0 auto 60px;padding:0 24px}[data-branch=glasgroothandel] .workflow-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,3.5vw,42px);font-weight:600;line-height:1.15}[data-branch=glasgroothandel] .workflow-header p{color:var(--text-secondary);font-size:16px;line-height:1.6}[data-branch=glasgroothandel] .workflow-grid-wrap{max-width:1200px;margin:0 auto;padding:0 24px}[data-branch=glasgroothandel] .workflow-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-branch=glasgroothandel] .workflow-card{background:var(--bg-primary);flex-direction:column;gap:16px;padding:40px 32px;transition:background .2s;display:flex}[data-branch=glasgroothandel] .workflow-card:hover{background:var(--bg-elevated)}[data-branch=glasgroothandel] .workflow-card-step{align-items:center;gap:10px;display:flex}[data-branch=glasgroothandel] .workflow-card-num{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}[data-branch=glasgroothandel] .workflow-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px;font-weight:600}[data-branch=glasgroothandel] .workflow-card h3{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.25}[data-branch=glasgroothandel] .workflow-card p{color:var(--text-muted);font-size:14px;line-height:1.6}[data-branch=glasgroothandel] .workflow-card-modules{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}[data-branch=glasgroothandel] .workflow-card-module{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:600}[data-branch=glasgroothandel] .workflow-card-module.highlight{color:#34d399;background:#10b98114;border-color:#10b98133}[data-branch=glasgroothandel] .gh-oi{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-branch=glasgroothandel] .gh-oi-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}[data-branch=glasgroothandel] .gh-oi-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-oi-badge{color:#34d399;background:#10b9811f;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:600;display:flex}[data-branch=glasgroothandel] .gh-oi-badge svg{stroke:#34d399;fill:none;stroke-width:2px;width:10px;height:10px}[data-branch=glasgroothandel] .gh-oi-source{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-branch=glasgroothandel] .gh-oi-source-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasgroothandel] .gh-oi-source-icon.email{background:#6366f11f}[data-branch=glasgroothandel] .gh-oi-source-icon.portal{background:#10b9811f}[data-branch=glasgroothandel] .gh-oi-source-icon.phone{background:#f59e0b1f}[data-branch=glasgroothandel] .gh-oi-source-icon svg{stroke-width:2px;fill:none;width:12px;height:12px}[data-branch=glasgroothandel] .gh-oi-source-icon.email svg{stroke:#818cf8}[data-branch=glasgroothandel] .gh-oi-source-icon.portal svg{stroke:#34d399}[data-branch=glasgroothandel] .gh-oi-source-icon.phone svg{stroke:#fbbf24}[data-branch=glasgroothandel] .gh-oi-source-info{flex-direction:column;flex:1;gap:1px;display:flex}[data-branch=glasgroothandel] .gh-oi-source-label{color:var(--text-secondary);font-size:10.5px;font-weight:500}[data-branch=glasgroothandel] .gh-oi-source-detail{color:var(--text-faint);font-size:9px}[data-branch=glasgroothandel] .gh-oi-source-status{border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-oi-source-status.auto{color:#34d399;background:#10b9811f}[data-branch=glasgroothandel] .gh-oi-source-status.processing{color:#fbbf24;background:#f59e0b1f}[data-branch=glasgroothandel] .gh-oi-result{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;padding:10px 12px}[data-branch=glasgroothandel] .gh-oi-result-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-branch=glasgroothandel] .gh-oi-result-title{color:#34d399;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}[data-branch=glasgroothandel] .gh-oi-result-time{color:var(--text-faint);font-size:9px}[data-branch=glasgroothandel] .gh-oi-result-line{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:10.5px;display:flex}[data-branch=glasgroothandel] .gh-oi-result-line span:last-child{font-family:var(--font-mono);color:var(--text-secondary);font-size:10px}[data-branch=glasgroothandel] .gh-oi-result-total{color:var(--text-primary);border-top:1px solid #10b9811f;justify-content:space-between;margin-top:4px;padding-top:6px;font-size:11.5px;font-weight:600;display:flex}[data-branch=glasgroothandel] .gh-inkoop{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-branch=glasgroothandel] .gh-inkoop-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}[data-branch=glasgroothandel] .gh-inkoop-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-inkoop-suppliers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-branch=glasgroothandel] .gh-inkoop-supplier{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:10px 12px}[data-branch=glasgroothandel] .gh-inkoop-supplier.best{background:#10b9810a;border-color:#10b98126}[data-branch=glasgroothandel] .gh-inkoop-supplier-name{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:600}[data-branch=glasgroothandel] .gh-inkoop-supplier.best .gh-inkoop-supplier-name{color:#34d399}[data-branch=glasgroothandel] .gh-inkoop-supplier-row{color:var(--text-faint);justify-content:space-between;padding:2px 0;font-size:9px;display:flex}[data-branch=glasgroothandel] .gh-inkoop-supplier-row span:last-child{font-family:var(--font-mono);color:var(--text-muted)}[data-branch=glasgroothandel] .gh-inkoop-supplier.best .gh-inkoop-supplier-row span:last-child{color:#34d399}[data-branch=glasgroothandel] .gh-inkoop-best-badge{color:#34d399;background:#10b98126;border-radius:3px;margin-top:6px;padding:1px 6px;font-size:8px;font-weight:600;display:inline-block}[data-branch=glasgroothandel] .gh-inkoop-auto{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-branch=glasgroothandel] .gh-inkoop-auto-icon{background:#10b9811f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasgroothandel] .gh-inkoop-auto-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-branch=glasgroothandel] .gh-inkoop-auto-text{color:var(--text-muted);font-size:10px;line-height:1.4}[data-branch=glasgroothandel] .gh-inkoop-auto-text strong{color:#34d399}[data-branch=glasgroothandel] .gh-route{flex-direction:column;height:100%;padding:0;display:flex}[data-branch=glasgroothandel] .gh-route-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-branch=glasgroothandel] .gh-route-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-route-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasgroothandel] .gh-route-body{flex:1;grid-template-columns:1fr 1fr;display:grid}[data-branch=glasgroothandel] .gh-route-drivers{border-right:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:12px 14px;display:flex}[data-branch=glasgroothandel] .gh-route-driver{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}[data-branch=glasgroothandel] .gh-route-driver.active{background:#10b9810a;border-color:#10b9811f}[data-branch=glasgroothandel] .gh-route-driver-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-branch=glasgroothandel] .gh-route-driver-dot.green{background:#10b981;box-shadow:0 0 6px #10b98166}[data-branch=glasgroothandel] .gh-route-driver-dot.blue{background:#6366f1}[data-branch=glasgroothandel] .gh-route-driver-dot.amber{background:#f59e0b}[data-branch=glasgroothandel] .gh-route-driver-info{flex-direction:column;flex:1;gap:1px;display:flex}[data-branch=glasgroothandel] .gh-route-driver-name{color:var(--text-secondary);font-size:10.5px;font-weight:500}[data-branch=glasgroothandel] .gh-route-driver-meta{color:var(--text-faint);font-size:8.5px}[data-branch=glasgroothandel] .gh-route-driver-stops{color:var(--text-muted);font-size:9px;font-weight:600;font-family:var(--font-mono)}[data-branch=glasgroothandel] .gh-route-map{background:#0a0a0d;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}[data-branch=glasgroothandel] .gh-route-map svg{width:100%;height:100%;position:absolute;inset:0}[data-branch=glasgroothandel] .gh-route-stats{background:#ffffff0a;border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}[data-branch=glasgroothandel] .gh-route-stat{background:#0f0f12f2;padding:10px 14px}[data-branch=glasgroothandel] .gh-route-stat-val{color:var(--text-primary);font-size:14px;font-weight:700}[data-branch=glasgroothandel] .gh-route-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:8.5px}[data-branch=glasgroothandel] .gh-scan{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-branch=glasgroothandel] .gh-scan-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}[data-branch=glasgroothandel] .gh-scan-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-scan-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasgroothandel] .gh-scan-event{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}[data-branch=glasgroothandel] .gh-scan-event-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}[data-branch=glasgroothandel] .gh-scan-event-icon.receive{background:#10b9811a}[data-branch=glasgroothandel] .gh-scan-event-icon.pick{background:#6366f11a}[data-branch=glasgroothandel] .gh-scan-event-icon.load{background:#f59e0b1a}[data-branch=glasgroothandel] .gh-scan-event-icon.deliver{background:#a78bfa1a}[data-branch=glasgroothandel] .gh-scan-event-info{flex-direction:column;flex:1;gap:2px;display:flex}[data-branch=glasgroothandel] .gh-scan-event-label{color:var(--text-secondary);font-size:10.5px;font-weight:500}[data-branch=glasgroothandel] .gh-scan-event-detail{color:var(--text-faint);font-size:9px}[data-branch=glasgroothandel] .gh-scan-event-time{color:var(--text-faint);flex-shrink:0;margin-top:2px;font-size:9px}[data-branch=glasgroothandel] .gh-scan-progress{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;padding:10px 12px}[data-branch=glasgroothandel] .gh-scan-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-branch=glasgroothandel] .gh-scan-progress-title{color:#34d399;font-size:10px;font-weight:600}[data-branch=glasgroothandel] .gh-scan-progress-pct{color:#34d399;font-size:10px;font-weight:700;font-family:var(--font-mono)}[data-branch=glasgroothandel] .gh-scan-progress-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}[data-branch=glasgroothandel] .gh-scan-progress-fill{background:linear-gradient(90deg,#10b981,#2dd4bf);border-radius:2px;height:100%}[data-branch=glasgroothandel] .gh-bokken{flex-direction:column;padding:0;display:flex}[data-branch=glasgroothandel] .gh-bokken-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-branch=glasgroothandel] .gh-bokken-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-bokken-count{color:var(--text-muted);background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasgroothandel] .gh-bokken-table-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;border-bottom:1px solid #ffffff0f;grid-template-columns:.6fr 1fr .6fr .5fr;padding:6px 18px;font-size:8.5px;font-weight:600;display:grid}[data-branch=glasgroothandel] .gh-bokken-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:.6fr 1fr .6fr .5fr;align-items:center;padding:8px 18px;font-size:10.5px;display:grid}[data-branch=glasgroothandel] .gh-bokken-id{font-family:var(--font-mono);color:var(--text-faint);font-size:9.5px}[data-branch=glasgroothandel] .gh-bokken-customer{font-weight:500}[data-branch=glasgroothandel] .gh-bokken-status{border-radius:3px;width:fit-content;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-bokken-status.active{color:#34d399;background:#10b9811f}[data-branch=glasgroothandel] .gh-bokken-status.transit{color:#818cf8;background:#6366f11f}[data-branch=glasgroothandel] .gh-bokken-status.overdue{color:#f87171;background:#ef44441f}[data-branch=glasgroothandel] .gh-bokken-days{font-family:var(--font-mono);font-size:10px}[data-branch=glasgroothandel] .gh-bokken-days.warn{color:#fbbf24}[data-branch=glasgroothandel] .gh-bokken-days.critical{color:#f87171}[data-branch=glasgroothandel] .gh-bokken-footer{background:#ffffff0a;border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}[data-branch=glasgroothandel] .gh-bokken-stat{background:#0f0f12f2;padding:10px 14px}[data-branch=glasgroothandel] .gh-bokken-stat-val{color:var(--text-primary);font-size:16px;font-weight:700}[data-branch=glasgroothandel] .gh-bokken-stat-val.green{color:#34d399}[data-branch=glasgroothandel] .gh-bokken-stat-val.amber{color:#fbbf24}[data-branch=glasgroothandel] .gh-bokken-stat-val.red{color:#f87171}[data-branch=glasgroothandel] .gh-bokken-stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:8.5px}[data-branch=glasgroothandel] .gh-app-preview{justify-content:center;align-items:center;gap:16px;min-height:360px;padding:24px;display:flex}[data-branch=glasgroothandel] .gh-phone{background:linear-gradient(#131316 0%,#0f0f12 100%);border:1px solid #ffffff1a;border-radius:20px;width:160px;overflow:hidden;box-shadow:0 8px 40px #00000080}[data-branch=glasgroothandel] .gh-phone.center{border-color:#10b98126;width:180px;transform:translateY(-8px);box-shadow:0 12px 48px #0009,0 0 40px #10b9810f}[data-branch=glasgroothandel] .gh-phone-notch{background:#ffffff14;border-radius:4px;width:60px;height:4px;margin:8px auto 6px}[data-branch=glasgroothandel] .gh-phone-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}[data-branch=glasgroothandel] .gh-phone-header-title{color:var(--text-primary);font-size:10px;font-weight:600}[data-branch=glasgroothandel] .gh-phone-header-badge{color:#34d399;background:#10b9811f;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:600}[data-branch=glasgroothandel] .gh-phone-content{flex-direction:column;gap:4px;padding:8px 10px;display:flex}[data-branch=glasgroothandel] .gh-phone-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:6px;padding:5px 6px;display:flex}[data-branch=glasgroothandel] .gh-phone-item.active{background:#10b9810a;border-color:#10b9811f}[data-branch=glasgroothandel] .gh-phone-item-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-branch=glasgroothandel] .gh-phone-item-dot.done{background:#10b981}[data-branch=glasgroothandel] .gh-phone-item-dot.current{background:#fbbf24}[data-branch=glasgroothandel] .gh-phone-item-dot.next{background:#ffffff1f}[data-branch=glasgroothandel] .gh-phone-item-info{flex:1;min-width:0}[data-branch=glasgroothandel] .gh-phone-item-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:500;overflow:hidden}[data-branch=glasgroothandel] .gh-phone-item-addr{color:var(--text-faint);font-size:7px}[data-branch=glasgroothandel] .gh-phone-item-time{color:var(--text-faint);font-size:7.5px;font-family:var(--font-mono);flex-shrink:0}[data-branch=glasgroothandel] .gh-phone-bottom{padding:6px 10px 10px}[data-branch=glasgroothandel] .gh-phone-nav-btn{color:#34d399;text-align:center;background:#10b9811f;border:1px solid #10b98140;border-radius:6px;width:100%;padding:5px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-portal{padding:18px}[data-branch=glasgroothandel] .gh-portal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasgroothandel] .gh-portal-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-portal-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-portal-actions{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}[data-branch=glasgroothandel] .gh-portal-action{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;display:flex}[data-branch=glasgroothandel] .gh-portal-action-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasgroothandel] .gh-portal-action-icon svg{fill:none;stroke-width:2px;stroke-linecap:round;width:12px;height:12px}[data-branch=glasgroothandel] .gh-portal-action-icon.green{background:#10b9811a}[data-branch=glasgroothandel] .gh-portal-action-icon.green svg{stroke:#34d399}[data-branch=glasgroothandel] .gh-portal-action-icon.blue{background:#6366f11a}[data-branch=glasgroothandel] .gh-portal-action-icon.blue svg{stroke:#818cf8}[data-branch=glasgroothandel] .gh-portal-action-icon.amber{background:#f59e0b1a}[data-branch=glasgroothandel] .gh-portal-action-icon.amber svg{stroke:#fbbf24}[data-branch=glasgroothandel] .gh-portal-action-text{color:var(--text-secondary);font-size:10px}[data-branch=glasgroothandel] .gh-portal-action-count{color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);margin-left:auto}[data-branch=glasgroothandel] .gh-portal-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-branch=glasgroothandel] .gh-portal-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:8px 10px}[data-branch=glasgroothandel] .gh-portal-stat-val{color:var(--text-primary);font-size:14px;font-weight:700}[data-branch=glasgroothandel] .gh-portal-stat-label{color:var(--text-faint);margin-top:2px;font-size:8px}[data-branch=glasgroothandel] .gh-finance{padding:18px}[data-branch=glasgroothandel] .gh-finance-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasgroothandel] .gh-finance-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-finance-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-finance-kpis{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}[data-branch=glasgroothandel] .gh-finance-kpi{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:10px 12px}[data-branch=glasgroothandel] .gh-finance-kpi-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}[data-branch=glasgroothandel] .gh-finance-kpi-label{color:var(--text-faint);margin-top:2px;font-size:8px}[data-branch=glasgroothandel] .gh-finance-integrations{flex-wrap:wrap;gap:6px;display:flex}[data-branch=glasgroothandel] .gh-finance-integration{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:3px 8px;font-size:8.5px;font-weight:600}[data-branch=glasgroothandel] .gh-finance-integration.active{color:#34d399;background:#10b98114;border-color:#10b98133}[data-branch=glasgroothandel] .gh-dashboard{padding:18px}[data-branch=glasgroothandel] .gh-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasgroothandel] .gh-dashboard-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasgroothandel] .gh-dashboard-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasgroothandel] .gh-dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}[data-branch=glasgroothandel] .gh-dashboard-kpi{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:8px 10px}[data-branch=glasgroothandel] .gh-dashboard-kpi-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}[data-branch=glasgroothandel] .gh-dashboard-kpi-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:7px}[data-branch=glasgroothandel] .gh-dashboard-chart{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:flex-end;gap:4px;height:80px;padding:8px 10px;display:flex}[data-branch=glasgroothandel] .gh-dashboard-bar{background:#10b98133;border-radius:3px 3px 0 0;flex:1;min-height:4px}[data-branch=glasgroothandel] .gh-dashboard-bar.high{background:#10b98180}[data-branch=glasgroothandel] .gh-dashboard-chart-label{color:var(--text-faint);justify-content:space-between;margin-top:4px;font-size:7px;display:flex}[data-branch=glasgroothandel] .modules-overview-section{padding:100px 0}[data-branch=glasgroothandel] .modules-overview-header{justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 60px;padding:0 24px;display:flex}[data-branch=glasgroothandel] .modules-overview-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(28px,3.5vw,42px);font-weight:600;line-height:1.15}[data-branch=glasgroothandel] .modules-overview-header p{color:var(--text-muted);text-align:right;max-width:400px;font-size:15px}[data-branch=glasgroothandel] .modules-grid-wrap{max-width:1200px;margin:0 auto;padding:0 24px}[data-branch=glasgroothandel] .modules-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-branch=glasgroothandel] .module-tile{background:var(--bg-primary);flex-direction:column;gap:10px;padding:32px 24px;text-decoration:none;transition:background .2s;display:flex}[data-branch=glasgroothandel] .module-tile:hover{background:var(--bg-elevated)}[data-branch=glasgroothandel] .module-tile-icon{background:#10b98114;border:1px solid #10b98126;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-branch=glasgroothandel] .module-tile-icon svg{stroke:#34d399;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}[data-branch=glasgroothandel] .module-tile h3{color:var(--text-primary);font-size:15px;font-weight:600}[data-branch=glasgroothandel] .module-tile p{color:var(--text-muted);font-size:13px;line-height:1.5}[data-branch=glasgroothandel] .module-tile-arrow{color:#34d399;opacity:0;margin-top:auto;font-size:11px;font-weight:600;transition:all .2s;transform:translate(-4px)}[data-branch=glasgroothandel] .module-tile:hover .module-tile-arrow{opacity:1;transform:translate(0)}@media (max-width:1024px){[data-branch=glasgroothandel] .branch-hero-inner{grid-template-columns:1fr;gap:40px}[data-branch=glasgroothandel] .branch-hero-card{max-width:560px}[data-branch=glasgroothandel] .workflow-grid{grid-template-columns:1fr}[data-branch=glasgroothandel] .modules-grid{grid-template-columns:repeat(2,1fr)}[data-branch=glasgroothandel] .modules-overview-header{flex-direction:column;align-items:flex-start;gap:12px}[data-branch=glasgroothandel] .modules-overview-header p{text-align:left}[data-branch=glasgroothandel] .gh-inkoop-suppliers,[data-branch=glasgroothandel] .gh-route-body{grid-template-columns:1fr}[data-branch=glasgroothandel] .gh-route-drivers{border-bottom:1px solid #ffffff0f;border-right:none}[data-branch=glasgroothandel] .workflow-grid-wrap,[data-branch=glasgroothandel] .modules-grid-wrap{padding:0 16px}}@media (max-width:768px){[data-branch=glasgroothandel] .branch-hero{min-height:auto;padding:120px 0 60px}[data-branch=glasgroothandel] .branch-hero-inner{padding:0 20px}[data-branch=glasgroothandel] .branch-hero-stats{flex-wrap:wrap;gap:20px}[data-branch=glasgroothandel] .branch-hero-cta{flex-direction:column;align-items:stretch}[data-branch=glasgroothandel] .gh-dash-kpis{grid-template-columns:1fr}[data-branch=glasgroothandel] .gh-app-preview{flex-direction:column;gap:12px}[data-branch=glasgroothandel] .gh-phone.center{transform:none}[data-branch=glasgroothandel] .modules-grid{grid-template-columns:1fr}[data-branch=glasgroothandel] .gh-bokken-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){[data-branch=glasgroothandel] .branch-hero-heading{font-size:32px}[data-branch=glasgroothandel] .branch-hero-desc{font-size:15px}}@keyframes gr-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}[data-branch=glasreparatie] .branch-hero{z-index:1;align-items:center;min-height:90vh;padding:160px 0 100px;display:flex;position:relative;overflow:hidden}[data-branch=glasreparatie] .branch-hero-bg{z-index:0;position:absolute;inset:0}[data-branch=glasreparatie] .branch-hero-bg img{object-fit:cover;filter:brightness(.25)saturate(.6);width:100%;height:100%}[data-branch=glasreparatie] .branch-hero-bg:after{content:"";background:linear-gradient(#09090b99 0%,#09090b4d 40%,#09090bd9 100%),linear-gradient(90deg,#09090bb3 0%,#0000 60%);position:absolute;inset:0}[data-branch=glasreparatie] .branch-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:0 40px;display:grid;position:relative}[data-branch=glasreparatie] .branch-hero-content{flex-direction:column;display:flex}[data-branch=glasreparatie] .branch-hero-tag{letter-spacing:.08em;text-transform:uppercase;color:#34d399;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;font-weight:600;display:inline-flex}[data-branch=glasreparatie] .branch-hero-tag-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98199}[data-branch=glasreparatie] .branch-hero-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.08}[data-branch=glasreparatie] .branch-hero-heading .accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981 0%,#2dd4bf 100%);-webkit-background-clip:text;background-clip:text}[data-branch=glasreparatie] .branch-hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:17px;line-height:1.65}[data-branch=glasreparatie] .branch-hero-cta{align-items:center;gap:12px;display:flex}[data-branch=glasreparatie] .branch-hero-stats{border-top:1px solid #ffffff14;gap:32px;margin-top:48px;padding-top:32px;display:flex}[data-branch=glasreparatie] .branch-hero-stat{flex-direction:column;gap:2px;display:flex}[data-branch=glasreparatie] .branch-hero-stat-num{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}[data-branch=glasreparatie] .branch-hero-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}[data-branch=glasreparatie] .branch-hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#131316f0 0%,#0f0f12f7 100%);border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 60px #10b9810f}[data-branch=glasreparatie] .gr-dash-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}[data-branch=glasreparatie] .gr-dash-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-branch=glasreparatie] .gr-dash-live{color:#34d399;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}[data-branch=glasreparatie] .gr-dash-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite gr-pulse-dot;box-shadow:0 0 8px #10b98180}[data-branch=glasreparatie] .gr-dash-kpis{background:#ffffff0a;border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}[data-branch=glasreparatie] .gr-dash-kpi{background:#0f0f12f2;padding:14px 16px}[data-branch=glasreparatie] .gr-dash-kpi-val{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}[data-branch=glasreparatie] .gr-dash-kpi-val .up{color:#34d399;margin-left:4px;font-size:11px;font-weight:600}[data-branch=glasreparatie] .gr-dash-kpi-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px}[data-branch=glasreparatie] .gr-dash-orders{flex-direction:column;display:flex}[data-branch=glasreparatie] .gr-dash-order{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;grid-template-columns:.5fr 1.2fr .7fr .6fr;align-items:center;padding:10px 20px;font-size:11px;display:grid}[data-branch=glasreparatie] .gr-dash-order.header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:#ffffff05;padding:8px 20px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-dash-order-id{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}[data-branch=glasreparatie] .gr-dash-order-customer{font-weight:500}[data-branch=glasreparatie] .gr-dash-order-type{color:var(--text-faint);font-size:9px}[data-branch=glasreparatie] .gr-dash-status{border-radius:4px;width:fit-content;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-dash-status.scheduled{color:#818cf8;background:#6366f11f}[data-branch=glasreparatie] .gr-dash-status.measuring{color:#fbbf24;background:#f59e0b1f}[data-branch=glasreparatie] .gr-dash-status.confirmed{color:#34d399;background:#10b9811f}[data-branch=glasreparatie] .gr-dash-status.new{color:var(--text-muted);background:#ffffff0f}[data-branch=glasreparatie] .gr-dash-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}[data-branch=glasreparatie] .gr-dash-footer-text{color:var(--text-faint);font-size:10px}[data-branch=glasreparatie] .gr-dash-footer-monteurs{align-items:center;gap:4px;display:flex}[data-branch=glasreparatie] .gr-dash-monteur-dot{border-radius:50%;width:8px;height:8px}[data-branch=glasreparatie] .gr-dash-monteur-label{color:var(--text-muted);margin-left:4px;font-size:9px}[data-branch=glasreparatie] .workflow-section{padding:100px 0;position:relative}[data-branch=glasreparatie] .workflow-header{text-align:center;max-width:640px;margin:0 auto 60px;padding:0 24px}[data-branch=glasreparatie] .workflow-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,3.5vw,42px);font-weight:600;line-height:1.15}[data-branch=glasreparatie] .workflow-header p{color:var(--text-secondary);font-size:16px;line-height:1.6}[data-branch=glasreparatie] .workflow-grid-wrap{max-width:1200px;margin:0 auto;padding:0 24px}[data-branch=glasreparatie] .workflow-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-branch=glasreparatie] .workflow-card{background:var(--bg-primary);flex-direction:column;gap:16px;padding:40px 32px;transition:background .2s;display:flex}[data-branch=glasreparatie] .workflow-card:hover{background:var(--bg-elevated)}[data-branch=glasreparatie] .workflow-card-step{align-items:center;gap:10px;display:flex}[data-branch=glasreparatie] .workflow-card-num{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}[data-branch=glasreparatie] .workflow-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px;font-weight:600}[data-branch=glasreparatie] .workflow-card h3{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.25}[data-branch=glasreparatie] .workflow-card p{color:var(--text-muted);font-size:14px;line-height:1.6}[data-branch=glasreparatie] .workflow-card-modules{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}[data-branch=glasreparatie] .workflow-card-module{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:600}[data-branch=glasreparatie] .workflow-card-module.highlight{color:#34d399;background:#10b98114;border-color:#10b98133}[data-branch=glasreparatie] .gr-route{padding:20px}[data-branch=glasreparatie] .gr-route-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-route-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-branch=glasreparatie] .gr-route-header-right{align-items:center;gap:8px;display:flex}[data-branch=glasreparatie] .gr-route-vroom{color:#34d399;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;padding:3px 8px;font-size:8px;font-weight:700}[data-branch=glasreparatie] .gr-route-run{color:#fff;background:#10b981;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:9px;font-weight:600;display:flex}[data-branch=glasreparatie] .gr-route-driver-bar{background:#ffffff05;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:flex}[data-branch=glasreparatie] .gr-route-driver-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}[data-branch=glasreparatie] .gr-route-driver-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-branch=glasreparatie] .gr-route-driver-vehicle{color:var(--text-faint);font-size:9px}[data-branch=glasreparatie] .gr-route-stops{position:relative}[data-branch=glasreparatie] .gr-route-stop{grid-template-columns:20px 1fr auto auto;align-items:center;gap:0 10px;padding:6px 0;display:grid}[data-branch=glasreparatie] .gr-route-stop+.gr-route-stop{border-top:1px solid #ffffff08}[data-branch=glasreparatie] .gr-route-stop-dot{color:#fff;z-index:1;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:14px;height:14px;font-size:7px;font-weight:700;display:flex;position:relative}[data-branch=glasreparatie] .gr-route-stop-dot.depot{background:#10b981;width:16px;height:16px}[data-branch=glasreparatie] .gr-route-stop-name{color:var(--text-primary);font-size:10px}[data-branch=glasreparatie] .gr-route-stop-name.depot-name{color:#34d399;font-weight:600}[data-branch=glasreparatie] .gr-route-stop-type{color:var(--text-faint);font-size:8px}[data-branch=glasreparatie] .gr-route-stop-dist{color:var(--text-faint);text-align:right;font-size:9px}[data-branch=glasreparatie] .gr-route-stop-eta{color:var(--text-muted);text-align:right;min-width:36px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-route-line{background:#3b82f64d;width:2px;position:absolute;top:14px;bottom:14px;left:10px}[data-branch=glasreparatie] .gr-route-saving{background:#10b9810f;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}[data-branch=glasreparatie] .gr-route-saving-pct{color:#34d399;font-size:18px;font-weight:800;line-height:1}[data-branch=glasreparatie] .gr-route-saving-detail{color:#34d399;font-size:9px;line-height:1.4}[data-branch=glasreparatie] .gr-route-saving-detail span{opacity:.7;display:block}[data-branch=glasreparatie] .gr-measure{padding:18px}[data-branch=glasreparatie] .gr-measure-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-measure-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-measure-badge{color:#60a5fa;background:#3b82f61a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-measure-fields{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}[data-branch=glasreparatie] .gr-measure-field{flex-direction:column;gap:3px;display:flex}[data-branch=glasreparatie] .gr-measure-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:8px}[data-branch=glasreparatie] .gr-measure-input{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;font-weight:600;display:flex}[data-branch=glasreparatie] .gr-measure-unit{color:var(--text-faint);font-size:9px}[data-branch=glasreparatie] .gr-measure-product{background:#ffffff05;border:1px solid #ffffff12;border-radius:6px;margin-bottom:14px;padding:9px 12px}[data-branch=glasreparatie] .gr-measure-product-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:8px}[data-branch=glasreparatie] .gr-measure-product-name{color:var(--text-primary);font-size:10px;font-weight:600}[data-branch=glasreparatie] .gr-measure-product-spec{color:var(--text-faint);margin-top:1px;font-size:9px}[data-branch=glasreparatie] .gr-glass-viz{background:#3b82f60a;border:2px solid #3b82f659;border-radius:4px;justify-content:center;align-items:center;width:150px;height:85px;margin:0 auto 16px;display:flex;position:relative}[data-branch=glasreparatie] .gr-glass-viz-label{color:#60a5fab3;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-glass-dim-w{text-align:center;color:var(--text-faint);font-size:8px;position:absolute;bottom:-16px;left:0;right:0}[data-branch=glasreparatie] .gr-glass-dim-h{color:var(--text-faint);align-items:center;font-size:8px;display:flex;position:absolute;top:0;bottom:0;right:-30px}[data-branch=glasreparatie] .gr-measure-damage{background:#ef44440a;border:1px solid #ef44441f;border-radius:6px;align-items:center;gap:10px;margin-bottom:14px;padding:9px 12px;display:flex}[data-branch=glasreparatie] .gr-measure-damage-icon{background:#ef44441f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasreparatie] .gr-measure-damage-icon svg{stroke:#f87171;fill:none;stroke-width:2px;width:12px;height:12px}[data-branch=glasreparatie] .gr-measure-damage-text{color:#f87171;font-size:9px;line-height:1.4}[data-branch=glasreparatie] .gr-measure-damage-text strong{color:#fca5a5}[data-branch=glasreparatie] .gr-measure-actions{gap:8px;display:flex}[data-branch=glasreparatie] .gr-measure-btn{text-align:center;border-radius:5px;flex:1;padding:7px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-measure-btn.primary{color:#fff;background:#10b981}[data-branch=glasreparatie] .gr-measure-btn.secondary{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff12}[data-branch=glasreparatie] .gr-bestellen{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-branch=glasreparatie] .gr-bestellen-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}[data-branch=glasreparatie] .gr-bestellen-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-bestellen-suppliers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-branch=glasreparatie] .gr-bestellen-supplier{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:10px 12px}[data-branch=glasreparatie] .gr-bestellen-supplier.best{background:#10b9810a;border-color:#10b98126}[data-branch=glasreparatie] .gr-bestellen-supplier-name{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:600}[data-branch=glasreparatie] .gr-bestellen-supplier.best .gr-bestellen-supplier-name{color:#34d399}[data-branch=glasreparatie] .gr-bestellen-supplier-row{color:var(--text-faint);justify-content:space-between;padding:2px 0;font-size:9px;display:flex}[data-branch=glasreparatie] .gr-bestellen-supplier-row span:last-child{font-family:var(--font-mono);color:var(--text-muted)}[data-branch=glasreparatie] .gr-bestellen-supplier.best .gr-bestellen-supplier-row span:last-child{color:#34d399}[data-branch=glasreparatie] .gr-bestellen-best-badge{color:#34d399;background:#10b98126;border-radius:3px;margin-top:6px;padding:1px 6px;font-size:8px;font-weight:600;display:inline-block}[data-branch=glasreparatie] .gr-bestellen-auto{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-branch=glasreparatie] .gr-bestellen-auto-icon{background:#10b9811f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasreparatie] .gr-bestellen-auto-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:12px;height:12px}[data-branch=glasreparatie] .gr-bestellen-auto-text{color:var(--text-muted);font-size:10px;line-height:1.4}[data-branch=glasreparatie] .gr-bestellen-auto-text strong{color:#34d399}[data-branch=glasreparatie] .gr-ai{padding:18px}[data-branch=glasreparatie] .gr-ai-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-ai-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-ai-badge{color:#34d399;background:#10b9811a;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:8px;font-weight:600;display:flex}[data-branch=glasreparatie] .gr-ai-badge svg{stroke:#34d399;fill:none;stroke-width:2px;width:9px;height:9px}[data-branch=glasreparatie] .gr-ai-compare{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:10px;padding:10px 12px}[data-branch=glasreparatie] .gr-ai-compare-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:8px}[data-branch=glasreparatie] .gr-ai-compare-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr auto auto;gap:8px;padding:4px 0;font-size:10px;display:grid}[data-branch=glasreparatie] .gr-ai-compare-row:last-child{border-bottom:none}[data-branch=glasreparatie] .gr-ai-match{border-radius:3px;padding:1px 5px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-ai-match.ok{color:#34d399;background:#10b9811f}[data-branch=glasreparatie] .gr-ai-match.warn{color:#fbbf24;background:#f59e0b1f}[data-branch=glasreparatie] .gr-ai-result{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-branch=glasreparatie] .gr-ai-result-icon{background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasreparatie] .gr-ai-result-icon svg{stroke:#34d399;fill:none;stroke-width:2.5px;width:12px;height:12px}[data-branch=glasreparatie] .gr-ai-result-text{color:#34d399;font-size:10px;line-height:1.4}[data-branch=glasreparatie] .gr-ai-result-text strong{color:#6ee7b7}[data-branch=glasreparatie] .gr-review{padding:18px}[data-branch=glasreparatie] .gr-review-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-review-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-review-score{color:#fbbf24;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}[data-branch=glasreparatie] .gr-review-score svg{fill:#fbbf24;stroke:none;width:12px;height:12px}[data-branch=glasreparatie] .gr-review-flow{flex-direction:column;gap:8px;display:flex}[data-branch=glasreparatie] .gr-review-step{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;display:flex}[data-branch=glasreparatie] .gr-review-step-num{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:700;display:flex}[data-branch=glasreparatie] .gr-review-step-text{color:var(--text-secondary);font-size:9.5px;line-height:1.4}[data-branch=glasreparatie] .gr-review-step-text strong{color:var(--text-primary)}[data-branch=glasreparatie] .gr-review-google{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:10px 12px;display:flex}[data-branch=glasreparatie] .gr-review-google-icon{width:28px;height:28px;color:var(--text-primary);background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}[data-branch=glasreparatie] .gr-review-google-text{color:#34d399;font-size:9px;line-height:1.4}[data-branch=glasreparatie] .gr-review-google-text strong{color:#6ee7b7}[data-branch=glasreparatie] .gr-review-postcode{gap:6px;margin-top:8px;display:flex}[data-branch=glasreparatie] .gr-review-postcode-tag{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:2px 8px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-review-postcode-tag.active{color:#34d399;background:#10b98114;border-color:#10b98133}[data-branch=glasreparatie] .gr-portal{padding:18px}[data-branch=glasreparatie] .gr-portal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-portal-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-portal-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-portal-actions{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}[data-branch=glasreparatie] .gr-portal-action{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;display:flex}[data-branch=glasreparatie] .gr-portal-action-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-branch=glasreparatie] .gr-portal-action-icon svg{fill:none;stroke-width:2px;stroke-linecap:round;width:12px;height:12px}[data-branch=glasreparatie] .gr-portal-action-icon.green{background:#10b9811a}[data-branch=glasreparatie] .gr-portal-action-icon.green svg{stroke:#34d399}[data-branch=glasreparatie] .gr-portal-action-icon.blue{background:#6366f11a}[data-branch=glasreparatie] .gr-portal-action-icon.blue svg{stroke:#818cf8}[data-branch=glasreparatie] .gr-portal-action-icon.amber{background:#f59e0b1a}[data-branch=glasreparatie] .gr-portal-action-icon.amber svg{stroke:#fbbf24}[data-branch=glasreparatie] .gr-portal-action-text{color:var(--text-secondary);font-size:10px}[data-branch=glasreparatie] .gr-portal-action-count{color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-mono);margin-left:auto}[data-branch=glasreparatie] .gr-portal-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-branch=glasreparatie] .gr-portal-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:8px 10px}[data-branch=glasreparatie] .gr-portal-stat-val{color:var(--text-primary);font-size:14px;font-weight:700}[data-branch=glasreparatie] .gr-portal-stat-label{color:var(--text-faint);margin-top:2px;font-size:8px}[data-branch=glasreparatie] .gr-scan{flex-direction:column;gap:10px;padding:16px 20px;display:flex}[data-branch=glasreparatie] .gr-scan-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}[data-branch=glasreparatie] .gr-scan-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-scan-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-scan-event{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}[data-branch=glasreparatie] .gr-scan-event-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}[data-branch=glasreparatie] .gr-scan-event-icon.receive{background:#10b9811a}[data-branch=glasreparatie] .gr-scan-event-icon.pick{background:#6366f11a}[data-branch=glasreparatie] .gr-scan-event-icon.load{background:#f59e0b1a}[data-branch=glasreparatie] .gr-scan-event-icon.deliver{background:#a78bfa1a}[data-branch=glasreparatie] .gr-scan-event-info{flex-direction:column;flex:1;gap:2px;display:flex}[data-branch=glasreparatie] .gr-scan-event-label{color:var(--text-secondary);font-size:10.5px;font-weight:500}[data-branch=glasreparatie] .gr-scan-event-detail{color:var(--text-faint);font-size:9px}[data-branch=glasreparatie] .gr-scan-event-time{color:var(--text-faint);flex-shrink:0;margin-top:2px;font-size:9px}[data-branch=glasreparatie] .gr-sms{padding:18px}[data-branch=glasreparatie] .gr-sms-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-sms-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-sms-badge{color:#34d399;background:#10b9811a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-sms-phone{background:linear-gradient(#131316 0%,#0f0f12 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:240px;margin:0 auto;overflow:hidden;box-shadow:0 8px 40px #0006}[data-branch=glasreparatie] .gr-sms-phone-notch{background:#ffffff14;border-radius:4px;width:60px;height:4px;margin:8px auto 6px}[data-branch=glasreparatie] .gr-sms-phone-header{color:var(--text-secondary);text-align:center;border-bottom:1px solid #ffffff0f;padding:6px 12px;font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-sms-phone-content{flex-direction:column;gap:6px;padding:10px 12px;display:flex}[data-branch=glasreparatie] .gr-sms-bubble{border-radius:10px;max-width:90%;padding:8px 10px;font-size:8.5px;line-height:1.5}[data-branch=glasreparatie] .gr-sms-bubble.incoming{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-bottom-left-radius:2px;align-self:flex-start}[data-branch=glasreparatie] .gr-sms-bubble.system{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-bottom-left-radius:2px;align-self:flex-start}[data-branch=glasreparatie] .gr-sms-bubble-time{color:var(--text-faint);margin-top:3px;font-size:7px}[data-branch=glasreparatie] .gr-sms-phone-home{justify-content:center;align-items:center;height:16px;display:flex}[data-branch=glasreparatie] .gr-sms-phone-home:after{content:"";background:#ffffff24;border-radius:2px;width:44px;height:3px}[data-branch=glasreparatie] .gr-project{padding:18px}[data-branch=glasreparatie] .gr-project-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}[data-branch=glasreparatie] .gr-project-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-branch=glasreparatie] .gr-project-badge{color:#a78bfa;background:#a78bfa1a;border-radius:3px;padding:2px 7px;font-size:8px;font-weight:600}[data-branch=glasreparatie] .gr-project-overview{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:10px;padding:10px 12px}[data-branch=glasreparatie] .gr-project-overview-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px}[data-branch=glasreparatie] .gr-project-overview-row{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:10px;display:flex}[data-branch=glasreparatie] .gr-project-overview-row span:last-child{font-family:var(--font-mono);color:var(--text-secondary);font-weight:500}[data-branch=glasreparatie] .gr-project-progress{margin-bottom:10px}[data-branch=glasreparatie] .gr-project-progress-header{justify-content:space-between;margin-bottom:6px;display:flex}[data-branch=glasreparatie] .gr-project-progress-label{color:var(--text-secondary);font-size:9px;font-weight:600}[data-branch=glasreparatie] .gr-project-progress-pct{color:#34d399;font-size:9px;font-weight:700;font-family:var(--font-mono)}[data-branch=glasreparatie] .gr-project-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}[data-branch=glasreparatie] .gr-project-progress-fill{background:linear-gradient(90deg,#10b981,#2dd4bf);border-radius:3px;height:100%}[data-branch=glasreparatie] .gr-project-orders{flex-direction:column;gap:4px;display:flex}[data-branch=glasreparatie] .gr-project-order{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:flex}[data-branch=glasreparatie] .gr-project-order-type{border-radius:3px;margin-left:auto;padding:1px 5px;font-size:7.5px;font-weight:600}[data-branch=glasreparatie] .gr-project-order-type.regular{color:#34d399;background:#10b9811a}[data-branch=glasreparatie] .gr-project-order-type.extra{color:#fbbf24;background:#f59e0b1a}[data-branch=glasreparatie] .gr-project-order-type.correction{color:#f87171;background:#ef44441a}[data-branch=glasreparatie] .modules-overview-section{padding:100px 0}[data-branch=glasreparatie] .modules-overview-header{justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 60px;padding:0 24px;display:flex}[data-branch=glasreparatie] .modules-overview-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(28px,3.5vw,42px);font-weight:600;line-height:1.15}[data-branch=glasreparatie] .modules-overview-header p{color:var(--text-muted);text-align:right;max-width:400px;font-size:15px}[data-branch=glasreparatie] .modules-grid-wrap{max-width:1200px;margin:0 auto;padding:0 24px}[data-branch=glasreparatie] .modules-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-branch=glasreparatie] .module-tile{background:var(--bg-primary);flex-direction:column;gap:10px;padding:32px 24px;text-decoration:none;transition:background .2s;display:flex}[data-branch=glasreparatie] .module-tile:hover{background:var(--bg-elevated)}[data-branch=glasreparatie] .module-tile-icon{background:#10b98114;border:1px solid #10b98126;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-branch=glasreparatie] .module-tile-icon svg{stroke:#34d399;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}[data-branch=glasreparatie] .module-tile h3{color:var(--text-primary);font-size:15px;font-weight:600}[data-branch=glasreparatie] .module-tile p{color:var(--text-muted);font-size:13px;line-height:1.5}[data-branch=glasreparatie] .module-tile-arrow{color:#34d399;opacity:0;margin-top:auto;font-size:11px;font-weight:600;transition:all .2s;transform:translate(-4px)}[data-branch=glasreparatie] .module-tile:hover .module-tile-arrow{opacity:1;transform:translate(0)}@media (max-width:1024px){[data-branch=glasreparatie] .branch-hero-inner{grid-template-columns:1fr;gap:40px}[data-branch=glasreparatie] .branch-hero-card{max-width:560px}[data-branch=glasreparatie] .workflow-grid{grid-template-columns:1fr}[data-branch=glasreparatie] .workflow-grid-wrap{padding:0 16px}[data-branch=glasreparatie] .modules-grid{grid-template-columns:repeat(2,1fr)}[data-branch=glasreparatie] .modules-grid-wrap{padding:0 16px}[data-branch=glasreparatie] .modules-overview-header{flex-direction:column;align-items:flex-start;gap:12px}[data-branch=glasreparatie] .modules-overview-header p{text-align:left}[data-branch=glasreparatie] .gr-bestellen-suppliers{grid-template-columns:1fr}}@media (max-width:768px){[data-branch=glasreparatie] .branch-hero{min-height:auto;padding:120px 0 60px}[data-branch=glasreparatie] .branch-hero-inner{padding:0 20px}[data-branch=glasreparatie] .branch-hero-stats{flex-wrap:wrap;gap:20px}[data-branch=glasreparatie] .branch-hero-cta{flex-direction:column;align-items:stretch}[data-branch=glasreparatie] .gr-dash-kpis,[data-branch=glasreparatie] .gr-measure-fields,[data-branch=glasreparatie] .modules-grid{grid-template-columns:1fr}}@media (max-width:480px){[data-branch=glasreparatie] .branch-hero-heading{font-size:32px}[data-branch=glasreparatie] .branch-hero-desc{font-size:15px}}.gh-hero{background:var(--bg-primary);align-items:center;min-height:clamp(620px,90vh,940px);padding:132px 0 76px;display:flex;position:relative;overflow:hidden}.gh-hero-photo{z-index:0;width:52%;position:absolute;top:0;bottom:0;right:0}.gh-hero-photo img{object-fit:cover;width:100%;height:100%;display:block}.gh-hero-photo-fade{pointer-events:none;background:linear-gradient(to right, var(--bg-primary) 0%, #09090b8c 24%, transparent 52%), linear-gradient(to bottom, var(--bg-primary) 0%, transparent 16%, transparent 82%, var(--bg-primary) 100%);position:absolute;inset:0}.gh-hero-inner{z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 40px;position:relative}.gh-hero-copy{max-width:600px}.gh-hero .hero-badge{margin:0}.gh-hero .ai-hero-heading{text-wrap:balance;margin-top:24px;font-size:clamp(34px,3.9vw,52px)}.gh-hero .ai-hero-subtitle{max-width:520px}.gh-hero .hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:36px;display:flex}.gh-hero-stats{gap:40px;margin-top:44px;display:flex}.gh-hero-stat-num{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(24px,2.6vw,30px);font-weight:700}.gh-hero-stat-label{color:var(--text-muted);margin-top:2px;font-size:13px}@media (max-width:900px){.gh-hero{min-height:0;padding:116px 0 56px}.gh-hero-photo{opacity:.22;width:100%}.gh-hero-photo-fade{background:linear-gradient(to right, var(--bg-primary) 0%, #09090bb8 50%, #09090b80 100%), linear-gradient(to bottom, var(--bg-primary), transparent 35%, var(--bg-primary))}.gh-hero-inner{padding:0 24px}.gh-hero-copy{max-width:100%}.gh-hero-stats{gap:28px}}[data-branch] .mod-feature-visual{background:radial-gradient(125% 90% at 100% 0,#10b9811a 0%,#0000 55%),linear-gradient(165deg,#131c1a 0%,#0b100f 100%);border-color:#10b98133;box-shadow:0 22px 60px #0006,0 0 60px #10b98114}.ghb-section{z-index:1;max-width:1240px;margin:0 auto;padding:100px 40px 60px;position:relative}.ghb-head{text-align:center;max-width:680px;margin:0 auto 42px}.ghb-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal);background:#10b98114;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:inline-flex}.ghb-eyebrow-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.ghb-h2{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1}.ghb-sub{color:var(--text-secondary);margin:16px 0 0;font-size:16px;line-height:1.6}.ghb-grid{grid-template-rows:286px 286px;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ghb-flow{grid-area:span 2/span 2}.ghb-intake{grid-column:span 2}.ghb-route,.ghb-bok{grid-column:span 1}.ghb-card{opacity:0;background:radial-gradient(130% 90% at 100% 0,#10b98114 0%,#0000 52%),linear-gradient(165deg,#131c1a 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:22px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .45s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.ghb-card:before{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #10b9811a, transparent 60%);opacity:0;pointer-events:none;z-index:1;transition:opacity .4s;position:absolute;inset:0}.ghb-card:hover:before{opacity:1}.ghb-grid.in .ghb-card{animation:.7s cubic-bezier(.16,1,.3,1) both ghb-reveal}.ghb-grid.in .ghb-intake{animation-delay:80ms}.ghb-grid.in .ghb-route{animation-delay:.16s}.ghb-grid.in .ghb-bok{animation-delay:.24s}@keyframes ghb-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.ghb-card:hover{border-color:#10b98166;transform:translateY(-5px);box-shadow:0 30px 70px #00000080,0 0 60px #10b9811a,inset 0 1px #ffffff12}.ghb-in{z-index:2;flex-direction:column;height:100%;padding:28px;display:flex;position:relative}.ghb-card-head{justify-content:space-between;align-items:center;display:flex}.ghb-tag{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-teal);font-size:11px}.ghb-live{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.ghb-live-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.ghb-title{color:var(--text-primary);letter-spacing:-.015em;margin:15px 0 0;font-size:20px;font-weight:650;line-height:1.2}.ghb-desc{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.ghb-ops-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.ghb-ops-kpi{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:13px 14px}.ghb-ops-kpi-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:7px;font-size:24px;font-weight:700;display:flex}.ghb-ops-trend{color:var(--accent-emerald);font-size:11px;font-weight:600}.ghb-ops-kpi-label{color:var(--text-muted);margin-top:4px;font-size:11px}.ghb-ops-feed{flex-direction:column;flex:1;margin-top:18px;display:flex}.ghb-ops-feed-head,.ghb-ops-row{grid-template-columns:.7fr 1.4fr .9fr .9fr;align-items:center;gap:10px;padding:11px 4px;font-size:13px;display:grid}.ghb-ops-feed-head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid #ffffff0f;font-size:10px}.ghb-ops-row{border-bottom:1px solid #ffffff0a}.ghb-ops-id{font-family:var(--font-mono);color:var(--text-secondary)}.ghb-ops-cust{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ghb-ops-amt{color:var(--text-secondary);text-align:right}.ghb-ops-status{border-radius:100px;justify-self:end;padding:4px 10px;font-size:10.5px;font-weight:600}.ghb-ops-status.confirmed{color:#34d399;background:#10b98124}.ghb-ops-status.shipped{color:#38bdf8;background:#38bdf824}.ghb-ops-status.pending{color:#fbbf24;background:#f59e0b24}.ghb-ops-status.new{color:#a78bfa;background:#a78bfa24}.ghb-intake-vis{flex:1;align-items:center;gap:16px;margin-top:22px;display:flex}.ghb-sources{flex-direction:column;flex:none;gap:8px;display:flex}.ghb-source{color:var(--text-secondary);background:#0e1413;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.ghb-source svg{width:15px;height:15px;color:var(--text-muted)}.ghb-grid.in .ghb-intake .ghb-source{animation:3.4s ease-in-out infinite ghb-src;animation-delay:calc(var(--i) * .25s)}@keyframes ghb-src{0%,to{border-color:#ffffff12}30%,60%{border-color:#10b98159}}.ghb-intake-arrow{color:var(--accent-teal);flex:none;place-items:center;display:grid;position:relative}.ghb-intake-arrow svg{width:20px;height:20px}.ghb-stream{align-items:center;display:flex;position:absolute;inset:0}.ghb-stream i{background:var(--accent-emerald);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute}.ghb-grid.in .ghb-intake .ghb-stream i{animation:1.8s linear infinite ghb-stream}.ghb-grid.in .ghb-intake .ghb-stream i:nth-child(2){animation-delay:.6s}.ghb-grid.in .ghb-intake .ghb-stream i:nth-child(3){animation-delay:1.2s}@keyframes ghb-stream{0%{opacity:0;left:-6px}20%{opacity:1}80%{opacity:1}to{opacity:0;left:26px}}.ghb-order{background:#0e1413;border:1px solid #ffffff14;border-radius:12px;flex:1;min-width:0;padding:12px 13px}.ghb-order-top{color:var(--text-primary);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.ghb-order-time{font-family:var(--font-mono);color:var(--accent-emerald);font-size:10px;font-weight:500}.ghb-order-line{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.ghb-order-total{color:var(--text-primary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:10px;padding-top:8px;font-size:12px;font-weight:600;display:flex}.ghb-route-map{flex:1;width:100%;min-height:0;margin:16px 0 12px;display:block}.ghb-route-line{stroke-dasharray:5 4}.ghb-grid.in .ghb-route .ghb-route-line{stroke-dasharray:240;stroke-dashoffset:240px;animation:1.6s .5s forwards ghv-draw}.ghb-route-foot{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.ghb-route-foot b{color:var(--text-primary);font-weight:700}.ghb-bok-big{align-items:baseline;gap:8px;margin-top:auto;display:flex}.ghb-bok-num{letter-spacing:-.03em;color:var(--text-primary);font-size:40px;font-weight:700}.ghb-bok-unit{color:var(--text-muted);font-size:12px}.ghb-bok-bars{gap:4px;height:8px;margin-top:14px;display:flex}.ghb-bok-bar{border-radius:4px;height:100%;position:relative}.ghb-bok-bar.green{background:var(--accent-emerald)}.ghb-bok-bar.neutral{background:#ffffff26}.ghb-bok-bar.red{background:#f87171}.ghb-bok-bar i{display:none}.ghb-bok-legend{color:var(--text-muted);gap:12px;margin-top:12px;font-size:10.5px;display:flex}.ghb-bok-legend span{align-items:center;gap:5px;display:inline-flex}.ghb-bok-legend i{border-radius:2px;width:7px;height:7px}.ghb-bok-legend i.g{background:var(--accent-emerald)}.ghb-bok-legend i.n{background:#ffffff26}.ghb-bok-legend i.r{background:#f87171}.ghr-stars{letter-spacing:5px;color:var(--accent-emerald,#34d399);margin-top:14px;font-size:22px;line-height:1}.ghr-note{color:var(--text-muted);margin-top:14px;font-size:11.5px}@media (max-width:1080px){.ghb-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.ghb-flow{grid-area:auto/span 2}.ghb-intake{grid-column:span 2}}@media (max-width:900px){.ghv-stage{min-height:420px;margin-top:10px}}@media (max-width:640px){.gh-hero-stats{gap:26px}.ghb-section{padding:64px 20px 40px}.ghb-grid{grid-template-columns:1fr}.ghb-flow,.ghb-intake,.ghb-route,.ghb-bok{grid-column:span 1}.ghv-main{width:86%}.ghv-route{width:56%}.ghv-ai{width:78%}}@media (prefers-reduced-motion:reduce){.ghv-card,.ghv-feed-row,.ghb-card,.ghb-step{opacity:1!important;animation:none!important;transform:none!important}.ghv-sweep,.ghv-route-truck{display:none}.ghv-route-line,.ghb-route .ghb-route-line{stroke-dashoffset:0!important;animation:none!important}}@keyframes aiPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-emerald)}50%{opacity:.5;box-shadow:0 0 16px var(--accent-emerald)}}.site-footer{--accent-blue:var(--accent-emerald);--accent-blue-soft:var(--accent-emerald-soft);--accent-blue-light:var(--accent-teal)}body:has([data-page=home]) .bg-glow{opacity:1;background:radial-gradient(45% 50% at 50% 45%,#10b98124 0%,#10b98112 25%,#0d948808 45%,#0000 65%);width:140vw;height:800px;animation:none;top:10%}[data-page=home] .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-page=home] .hero-badge-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}[data-page=home] .hero-badge:before{background:linear-gradient(90deg,#0000,#10b98114,#0000) 0 0/200% 100%}[data-page=home] .btn-primary{color:#09090b;background:#fafafa;box-shadow:0 2px 16px #ffffff1a}[data-page=home] .btn-primary:hover{background:#e4e4e7;box-shadow:0 4px 24px #ffffff26}[data-page=home] .branches{padding:96px 0 0;position:relative}[data-page=home] .branches-inner{max-width:1280px;margin:0 auto;padding:0 40px}[data-page=home] .branches-header{text-align:center;margin-bottom:64px}[data-page=home] .branches-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-emerald);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}[data-page=home] .branches-label .dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}[data-page=home] .homepage-heading{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.2}[data-page=home] .branches-subtitle{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:16px;line-height:1.6}[data-page=home] .branches-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}[data-page=home] .branch-card{cursor:pointer;height:440px;color:inherit;border-radius:16px;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}[data-page=home] .branch-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 40px #10b9810f}[data-page=home] .branch-card-bg{z-index:0;position:absolute;inset:0}[data-page=home] .branch-card-bg img{object-fit:cover;filter:brightness(.3)saturate(.5);width:100%;height:100%;transition:filter .5s,transform .5s}[data-page=home] .branch-card:hover .branch-card-bg img{filter:brightness(.38)saturate(.6);transform:scale(1.03)}[data-page=home] .branch-card-bg:after{content:"";pointer-events:none;background:linear-gradient(#0a0a0e26 0%,#0a0a0e40 30%,#0a0a0eb3 60%,#0a0a0eeb 100%);position:absolute;inset:0}[data-page=home] .branch-card:before{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff0f;border-radius:16px;transition:border-color .4s;position:absolute;inset:0}[data-page=home] .branch-card:hover:before{border-color:#10b98133}[data-page=home] .branch-card-content{z-index:2;padding:28px;position:relative}[data-page=home] .branch-card-heading{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.3;display:flex}[data-page=home] .branch-card-heading .dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;flex-shrink:0}[data-page=home] .branch-card-features{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}[data-page=home] .branch-card-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}[data-page=home] .branch-card-features li svg{width:14px;height:14px;color:var(--accent-emerald);opacity:.8;flex-shrink:0}[data-page=home] .branch-card-cta{color:#34d399;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .3s,color .3s;display:inline-flex}[data-page=home] .branch-card-cta:hover{color:#6ee7b7;gap:10px}[data-page=home] .branch-card-cta svg{width:14px;height:14px;transition:transform .3s}[data-page=home] .branch-card:hover .branch-card-cta svg{transform:translate(2px)}[data-page=home] .transform{padding:160px 0 0;position:relative}[data-page=home] .transform-inner{max-width:1280px;margin:0 auto;padding:0 40px}[data-page=home] .transform-header{text-align:center;margin-bottom:64px}[data-page=home] .transform-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-emerald);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}[data-page=home] .transform-label .dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}[data-page=home] .transform-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid;position:relative}[data-page=home] .transform-grid:before{content:"";background:linear-gradient(#0000 0%,#ffffff0f 15% 85%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-.5px)}[data-page=home] .transform-card{border-radius:16px;padding:36px;position:relative;overflow:hidden}[data-page=home] .transform-card--problem{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ef44440a 0%,#0f0f12f2 100%);border:1px solid #ef44441a}[data-page=home] .transform-card--solution{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#10b9810a 0%,#0f0f12f2 100%);border:1px solid #10b9811a}[data-page=home] .transform-card-heading{align-items:center;gap:12px;margin-bottom:32px;display:flex}[data-page=home] .transform-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-page=home] .transform-card--problem .transform-card-icon{background:#ef44441a;border:1px solid #ef444426}[data-page=home] .transform-card--problem .transform-card-icon svg{color:#ef4444}[data-page=home] .transform-card--solution .transform-card-icon{background:var(--accent-emerald-soft);border:1px solid #10b98126}[data-page=home] .transform-card--solution .transform-card-icon svg{color:var(--accent-emerald)}[data-page=home] .transform-card-title{letter-spacing:-.01em;font-size:18px;font-weight:700}[data-page=home] .transform-card--problem .transform-card-title{color:#ef4444e6}[data-page=home] .transform-card--solution .transform-card-title{color:var(--accent-emerald)}[data-page=home] .transform-card-subtitle{color:var(--text-faint);margin-top:2px;font-size:13px}[data-page=home] .transform-items{flex-direction:column;gap:0;display:flex}[data-page=home] .transform-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:14px;padding:14px 0;display:flex}[data-page=home] .transform-item:last-child{border-bottom:none;padding-bottom:0}[data-page=home] .transform-item:first-child{padding-top:0}[data-page=home] .transform-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}[data-page=home] .transform-item-icon svg{width:14px;height:14px}[data-page=home] .transform-card--problem .transform-item-icon{background:#ef444414}[data-page=home] .transform-card--problem .transform-item-icon svg{color:#ef4444b3}[data-page=home] .transform-card--solution .transform-item-icon{background:#10b98114}[data-page=home] .transform-card--solution .transform-item-icon svg{color:var(--accent-emerald)}[data-page=home] .transform-item-text{flex:1}[data-page=home] .transform-item-title{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.4}[data-page=home] .transform-item-desc{color:var(--text-muted);font-size:13px;line-height:1.5}[data-page=home] .pillars{padding:160px 0 0;position:relative}[data-page=home] .pillars-inner{max-width:1280px;margin:0 auto;padding:0 40px}[data-page=home] .pillars-header{text-align:center;margin-bottom:64px}[data-page=home] .pillars-subtitle{color:var(--text-muted);max-width:560px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}[data-page=home] .pillars-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}[data-page=home] .pillar-card{background:var(--bg-primary);color:inherit;flex-direction:column;padding:48px 40px;text-decoration:none;transition:background .3s;display:flex;position:relative}[data-page=home] .pillar-card:hover .pillar-card-icon{border-color:#10b9814d;box-shadow:0 0 12px #10b98133}[data-page=home] .pillar-card:hover .pillar-card-icon svg{filter:drop-shadow(0 0 4px #10b98166)}[data-page=home] .pillar-card-icon{background:var(--accent-emerald-soft);z-index:1;border:1px solid #10b9811f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}[data-page=home] .pillar-card-icon svg{width:22px;height:22px;color:var(--accent-emerald)}[data-page=home] .pillar-card-title{color:var(--text-primary);letter-spacing:-.01em;z-index:1;margin-bottom:4px;font-size:17px;font-weight:700;position:relative}[data-page=home] .pillar-card-desc{color:var(--text-muted);z-index:1;margin-bottom:16px;font-size:13px;line-height:1.5;position:relative}[data-page=home] .pillar-card-features{z-index:1;flex-direction:column;flex:1;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex;position:relative}[data-page=home] .pillar-card-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}[data-page=home] .pillar-card-features li:before{content:"";background:var(--accent-emerald);opacity:.6;border-radius:50%;flex-shrink:0;width:4px;height:4px}[data-page=home] .pillar-card-cta{color:var(--accent-emerald);z-index:1;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:600;display:flex;position:relative}[data-page=home] .pillar-card-cta svg{width:14px;height:14px;transition:transform .3s}[data-page=home] .pillar-card:hover .pillar-card-cta svg{transform:translate(4px)}[data-page=home] .integrations{padding:160px 0 0;position:relative;overflow:hidden}[data-page=home] .integrations-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:0 40px;display:grid}[data-page=home] .integrations-content{z-index:1;position:relative}[data-page=home] .integrations-title{color:var(--text-primary);letter-spacing:-.03em;margin-top:16px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.2}[data-page=home] .integrations-subtitle{color:var(--text-muted);margin-top:16px;font-size:15px;line-height:1.7}[data-page=home] .integrations-cta{margin-top:32px}[data-page=home] .integrations-cta a{color:var(--accent-emerald);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}[data-page=home] .integrations-cta a:hover{gap:10px}[data-page=home] .integrations-cta a svg{width:16px;height:16px}[data-page=home] .int-scroll{grid-template-columns:1fr 1fr;gap:12px;height:520px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}[data-page=home] .int-col{overflow:hidden}[data-page=home] .int-col-track{flex-direction:column;gap:12px;display:flex}[data-page=home] .int-logo{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:20px 24px;transition:border-color .3s,background .3s;display:flex}[data-page=home] .int-logo:hover{background:#ffffff0f;border-color:#10b98126}[data-page=home] .int-logo img{object-fit:contain;filter:brightness(0)invert();opacity:.7;flex-shrink:0;width:40px;height:40px}[data-page=home] .int-logo-name{color:var(--text-primary);font-size:14px;font-weight:600}[data-page=home] .int-logo-type{color:var(--text-muted);margin-top:1px;font-size:11px}[data-page=home] .ai-section{padding:160px 0 0;position:relative;overflow:hidden}[data-page=home] .ai-section:before{content:"";pointer-events:none;background:radial-gradient(#10b9810f 0%,#10b98105 40%,#0000 70%);width:800px;height:800px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-page=home] .ai-inner{z-index:1;max-width:1280px;margin:0 auto;padding:0 40px;position:relative}[data-page=home] .ai-header{text-align:center;margin-bottom:64px}[data-page=home] .ai-badge{color:var(--accent-emerald);letter-spacing:.02em;background:#10b9810f;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}[data-page=home] .ai-badge-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:2s ease-in-out infinite aiPulse}[data-page=home] .ai-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:17px;line-height:1.6}[data-page=home] .ai-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}[data-page=home] .ai-card{background:var(--bg-primary);padding:48px 40px;transition:background .3s;position:relative}[data-page=home] .ai-card:hover .ai-card-visual{border-color:#10b98133}[data-page=home] .ai-card:hover .ai-v-email-line.highlight{background:#10b9814d;border-color:#10b98180}[data-page=home] .ai-card:hover .ai-v-order-card{border-color:#10b9814d;box-shadow:0 0 12px #10b98126}[data-page=home] .ai-card:hover .ai-v-order-label{text-shadow:0 0 8px #10b98166}[data-page=home] .ai-card:hover .ai-v-match-row.matched{background:#10b98114;border-color:#10b98159}[data-page=home] .ai-card:hover .ai-v-match-score{transform:scale(1.15);box-shadow:0 0 8px #10b9814d}[data-page=home] .ai-card:hover .ai-v-match-connector svg{filter:drop-shadow(0 0 4px #10b98166)}[data-page=home] .ai-card:hover .ai-v-confirm-auto{box-shadow:0 0 8px #10b9814d}[data-page=home] .ai-card:hover .ai-v-confirm-btn.primary{background:#10b98133;box-shadow:0 0 10px #10b9814d}[data-page=home] .ai-card:hover .ai-v-confirm-table-row.header span{color:var(--text-primary)}[data-page=home] .ai-card-visual{-webkit-user-select:none;user-select:none;background:radial-gradient(#ffffff08 1px,#0000 1px) 0 0/16px 16px;border:1px solid #ffffff0a;border-radius:10px;height:220px;margin-bottom:24px;padding:16px;transition:border-color .3s;position:relative;overflow:hidden}[data-page=home] .ai-card-content{z-index:1;position:relative}[data-page=home] .ai-card-title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:600}[data-page=home] .ai-card-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}[data-page=home] .ai-v-email{flex-direction:column;display:flex;position:absolute;inset:12px}[data-page=home] .ai-v-email-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}[data-page=home] .ai-v-email-from{color:var(--text-secondary);font-size:10px}[data-page=home] .ai-v-email-from span{color:var(--text-primary);font-weight:600}[data-page=home] .ai-v-email-body{flex-direction:column;flex:1;gap:1px;display:flex}[data-page=home] .ai-v-email-text{color:var(--text-muted);margin:0;font-size:9px;line-height:1.6}[data-page=home] .ai-v-email-text mark{color:var(--accent-teal);background:#10b9811f;border:1px solid #10b98133;border-radius:2px;padding:1px 3px;font-weight:500;transition:background .3s,border-color .3s}[data-page=home] .ai-card:hover .ai-v-email-text mark{background:#10b98138;border-color:#10b98166}[data-page=home] .ai-v-arrow-flow{justify-content:center;align-items:center;padding:6px 0;display:flex}[data-page=home] .ai-v-arrow-flow svg{width:16px;height:16px;color:var(--accent-emerald);opacity:.6}[data-page=home] .ai-v-order-card{background:#10b9810f;border:1px solid #10b98126;border-radius:6px;padding:8px 10px;transition:border-color .3s,box-shadow .3s}[data-page=home] .ai-v-order-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-emerald);margin-bottom:4px;font-size:8px;font-weight:600}[data-page=home] .ai-v-order-rows{flex-direction:column;gap:3px;display:flex}[data-page=home] .ai-v-order-row{color:var(--text-secondary);justify-content:space-between;font-size:9px;display:flex}[data-page=home] .ai-v-order-row span:last-child{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:500}[data-page=home] .ai-v-match{flex-direction:column;gap:6px;display:flex;position:absolute;inset:12px}[data-page=home] .ai-v-match-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:9px;font-weight:600}[data-page=home] .ai-v-match-row{background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}[data-page=home] .ai-v-match-row.matched{background:#10b9810a;border-color:#10b98133;transition:border-color .3s,background .3s}[data-page=home] .ai-v-match-doc{flex-direction:column;flex:1;gap:2px;display:flex}[data-page=home] .ai-v-match-doc-name{color:var(--text-primary);font-size:9px;font-weight:600}[data-page=home] .ai-v-match-doc-detail{color:var(--text-muted);font-size:8px}[data-page=home] .ai-v-match-connector{justify-content:center;align-items:center;width:24px;display:flex}[data-page=home] .ai-v-match-connector svg{width:14px;height:14px;color:var(--accent-emerald)}[data-page=home] .ai-v-match-score{color:var(--accent-emerald);background:#10b9811a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;transition:transform .3s,box-shadow .3s}[data-page=home] .ai-v-confirm{flex-direction:column;display:flex;position:absolute;inset:12px}[data-page=home] .ai-v-confirm-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}[data-page=home] .ai-v-confirm-to{color:var(--text-muted);font-size:9px}[data-page=home] .ai-v-confirm-to span{color:var(--text-primary);font-weight:600}[data-page=home] .ai-v-confirm-auto{color:var(--accent-emerald);background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600;transition:box-shadow .3s}[data-page=home] .ai-v-confirm-body{flex-direction:column;flex:1;gap:4px;display:flex}[data-page=home] .ai-v-confirm-text{color:var(--text-muted);margin:0;font-size:9px;line-height:1.5}[data-page=home] .ai-v-confirm-table{border:1px solid #ffffff0f;border-radius:4px;margin-top:8px;overflow:hidden}[data-page=home] .ai-v-confirm-table-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 1fr 1fr;padding:4px 8px;font-size:8px;display:grid}[data-page=home] .ai-v-confirm-table-row:last-child{border-bottom:none}[data-page=home] .ai-v-confirm-table-row.header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;font-weight:600}[data-page=home] .ai-v-confirm-table-row span{color:var(--text-secondary)}[data-page=home] .ai-v-confirm-actions{gap:6px;margin-top:auto;padding-top:8px;display:flex}[data-page=home] .ai-v-confirm-btn{border-radius:4px;padding:4px 10px;font-size:9px;font-weight:600}[data-page=home] .ai-v-confirm-btn.primary{background:var(--accent-emerald);color:#000;transition:box-shadow .3s,background .3s}[data-page=home] .ai-v-confirm-btn.secondary{color:var(--text-secondary);background:#ffffff0f}[data-page=home] .ai-note{text-align:center;margin-bottom:40px}[data-page=home] .ai-note-inner{-webkit-backdrop-filter:blur(20px);background:#111114f2;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;display:inline-flex}[data-page=home] .ai-note-icon{background:#10b9811a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-page=home] .ai-note-icon svg{width:16px;height:16px;color:var(--accent-emerald)}[data-page=home] .ai-note-text{color:var(--text-secondary);font-size:14px;line-height:1.4}[data-page=home] .ai-note-text strong{color:var(--text-primary)}[data-page=home] .ai-cta{text-align:center}[data-page=home] .why-section{padding:160px 0 0;position:relative}[data-page=home] .why-inner{max-width:1280px;margin:0 auto;padding:0 40px}[data-page=home] .why-header{text-align:center;margin-bottom:64px}[data-page=home] .why-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.6}[data-page=home] .why-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:80px;display:grid;overflow:hidden}[data-page=home] .why-card{background:var(--bg-primary);padding:48px 40px;transition:background .3s}[data-page=home] .why-card-icon{border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;transition:border-color .3s,box-shadow .3s;display:flex}[data-page=home] .why-card-icon svg{width:22px;height:22px}[data-page=home] .why-card-icon.emerald,[data-page=home] .why-card-icon.teal{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98126}[data-page=home] .why-card:hover .why-card-icon.emerald,[data-page=home] .why-card:hover .why-card-icon.teal{border-color:#10b9814d;box-shadow:0 0 12px #10b98133}[data-page=home] .why-card-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}[data-page=home] .why-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}[data-page=home] .testimonial{text-align:center;max-width:800px;margin:0 auto;position:relative}[data-page=home] .testimonial-quote-mark{color:var(--accent-emerald);opacity:.15;margin-bottom:-10px;font-family:Georgia,serif;font-size:80px;font-weight:700;line-height:.8}[data-page=home] .testimonial-text{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:24px;font-size:22px;font-style:italic;font-weight:500;line-height:1.6}[data-page=home] .testimonial-author{justify-content:center;align-items:center;gap:14px;display:flex}[data-page=home] .testimonial-avatar{background:linear-gradient(135deg, var(--accent-emerald), var(--accent-teal));color:#000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}[data-page=home] .testimonial-info{text-align:left}[data-page=home] .testimonial-name{color:var(--text-primary);font-size:15px;font-weight:600}[data-page=home] .testimonial-role{color:var(--text-muted);font-size:13px}@media (max-width:960px){[data-page=home] .hero-float-card{width:62%;height:250px;bottom:16px;right:12px}[data-page=home] .branches-inner{padding:0 24px}[data-page=home] .branches{padding:100px 0 0}[data-page=home] .branches-grid{grid-template-columns:1fr;gap:20px;max-width:480px;margin:0 auto}[data-page=home] .branch-card{height:380px}[data-page=home] .transform{padding:100px 0 0}[data-page=home] .transform-inner{padding:0 24px}[data-page=home] .transform-grid{grid-template-columns:1fr;gap:24px}[data-page=home] .transform-grid:before{display:none}[data-page=home] .transform-card{padding:28px}[data-page=home] .pillars{padding:100px 0 0}[data-page=home] .pillars-inner{padding:0 24px}[data-page=home] .pillars-grid{grid-template-columns:repeat(2,1fr)}[data-page=home] .integrations{padding:100px 0 0}[data-page=home] .integrations-inner{grid-template-columns:1fr;gap:40px;padding:0 24px}[data-page=home] .integrations-content{text-align:center}[data-page=home] .integrations-cta{justify-content:center;display:flex}[data-page=home] .int-scroll{height:400px}[data-page=home] .ai-section{padding:100px 0 0}[data-page=home] .ai-inner{padding:0 24px}[data-page=home] .ai-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto 48px}[data-page=home] .why-section{padding:100px 0 0}[data-page=home] .why-inner{padding:0 24px}[data-page=home] .why-grid{grid-template-columns:repeat(2,1fr)}[data-page=home] .testimonial-text{font-size:19px}}@media (max-width:768px){[data-page=home] .hero-float-card{width:68%;height:220px;bottom:12px;right:10px}}@media (max-width:480px){[data-page=home] .hero-float-card{width:75%;height:190px;bottom:8px;right:8px}[data-page=home] .branches{padding:80px 0 0}[data-page=home] .branches-header{margin-bottom:40px}[data-page=home] .branch-card{height:360px}[data-page=home] .branch-card-content{padding:24px}[data-page=home] .branch-card-heading{font-size:18px}[data-page=home] .transform{padding:80px 0 0}[data-page=home] .transform-header{margin-bottom:48px}[data-page=home] .transform-card{padding:22px}[data-page=home] .transform-card-heading{margin-bottom:24px}[data-page=home] .transform-card-icon{width:34px;height:34px}[data-page=home] .transform-card-title{font-size:16px}[data-page=home] .transform-item-icon{width:24px;height:24px}[data-page=home] .transform-item-icon svg{width:12px;height:12px}[data-page=home] .transform-item-title{font-size:13px}[data-page=home] .transform-item-desc{font-size:12px}[data-page=home] .pillars{padding:80px 0 0}[data-page=home] .pillars-header{margin-bottom:48px}[data-page=home] .pillars-grid{grid-template-columns:1fr}[data-page=home] .pillar-card{padding:32px 24px}[data-page=home] .pillar-card-icon{width:40px;height:40px;margin-bottom:18px}[data-page=home] .pillar-card-icon svg{width:18px;height:18px}[data-page=home] .pillar-card-title{font-size:16px}[data-page=home] .pillar-card-desc{font-size:13px}[data-page=home] .sv-kpi-value{font-size:16px}[data-page=home] .integrations{padding:80px 0 0}[data-page=home] .int-scroll{height:340px}[data-page=home] .int-logo{gap:10px;padding:14px 16px}[data-page=home] .int-logo img{width:32px;height:32px}[data-page=home] .int-logo-name{font-size:13px}[data-page=home] .ai-section{padding:80px 0 0}[data-page=home] .ai-header{margin-bottom:48px}[data-page=home] .ai-subtitle{font-size:15px}[data-page=home] .ai-card{padding:32px 24px}[data-page=home] .ai-card-visual{height:240px;padding:12px}[data-page=home] .ai-card-title{font-size:15px}[data-page=home] .ai-card-desc{font-size:13px}[data-page=home] .why-section{padding:80px 0 0}[data-page=home] .why-header{margin-bottom:48px}[data-page=home] .why-grid{grid-template-columns:1fr;margin-bottom:60px}[data-page=home] .why-card{padding:32px 24px}[data-page=home] .testimonial-text{font-size:17px}[data-page=home] .testimonial-quote-mark{font-size:60px}}[data-page=home] .hero-content{max-width:960px}[data-page=home] .ov-detail{padding:14px 28px}[data-page=home] .ov-detail-top{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}[data-page=home] .ov-order-num{color:var(--text-primary);font-size:14px;font-weight:600}[data-page=home] .ov-badge{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}[data-page=home] .ov-badge.green{color:#34d399;background:#10b98126}[data-page=home] .ov-badge.amber{color:#fbbf24;background:#f59e0b26}[data-page=home] .ov-badge.blue{color:#818cf8;background:#6366f126}[data-page=home] .ov-detail-top-actions{gap:6px;margin-left:auto;display:flex}[data-page=home] .ov-action-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;display:flex}[data-page=home] .ov-action-btn.primary{color:#34d399;background:#10b9811f;border-color:#10b98140}[data-page=home] .ov-customer-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;gap:20px;margin-bottom:14px;padding:10px 12px;display:flex}[data-page=home] .ov-customer-field{flex-direction:column;gap:2px;display:flex}[data-page=home] .ov-customer-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:9px}[data-page=home] .ov-customer-value{color:var(--text-secondary);font-size:11.5px}[data-page=home] .ov-lines-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 90px 60px 70px;gap:8px;padding:6px 10px;font-size:9.5px;display:grid}[data-page=home] .ov-line{color:var(--text-secondary);border-bottom:1px solid #ffffff08;grid-template-columns:1fr 90px 60px 70px;gap:8px;padding:7px 10px;font-size:11px;display:grid}[data-page=home] .ov-line:last-child{border-bottom:none}[data-page=home] .ov-line-product{flex-direction:column;gap:1px;display:flex}[data-page=home] .ov-line-product-name{color:var(--text-primary);font-size:11px}[data-page=home] .ov-line-product-spec{color:var(--text-faint);font-size:9.5px}[data-page=home] .ov-line-amount{text-align:right}[data-page=home] .ov-summary{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;margin-top:12px;padding:10px 12px}[data-page=home] .ov-summary-row{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}[data-page=home] .ov-summary-row.total{color:var(--text-primary);border-top:1px solid #10b98126;margin-top:4px;padding-top:6px;font-size:12px;font-weight:600}[data-page=home] .ov-timeline{flex-direction:column;gap:0;padding:8px 12px;display:flex}[data-page=home] .ov-timeline-item{align-items:flex-start;gap:10px;padding:6px 0;display:flex;position:relative}[data-page=home] .ov-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}[data-page=home] .ov-timeline-dot{z-index:1;background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}[data-page=home] .ov-timeline-dot.done{background:#10b9814d;border-color:#10b98199}[data-page=home] .ov-timeline-dot.active{background:#10b98180;border-color:#34d399;box-shadow:0 0 8px #10b98166}[data-page=home] .ov-timeline-connector{background:#ffffff0f;flex-shrink:0;width:1.5px;height:14px}[data-page=home] .ov-timeline-connector.done{background:#10b9814d}[data-page=home] .ov-timeline-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}[data-page=home] .ov-timeline-label{color:var(--text-muted);font-size:11px}[data-page=home] .ov-timeline-label.done{color:var(--text-secondary)}[data-page=home] .ov-timeline-label.active{color:#34d399;font-weight:500}[data-page=home] .ov-timeline-meta{color:var(--text-faint);font-size:9.5px}[data-page=home] .ov-timeline-meta.active{color:#10b981b3}[data-page=home] .ov-glass-stack{flex-direction:column;align-items:center;gap:0;padding:10px 16px;display:flex}[data-page=home] .ov-glass-layer{width:100%;height:18px;color:var(--text-muted);background:#10b9810f;border:1px solid #10b98126;justify-content:space-between;align-items:center;padding:0 10px;font-size:9px;display:flex}[data-page=home] .ov-glass-layer:first-child{border-radius:6px 6px 0 0}[data-page=home] .ov-glass-layer:last-child{border-radius:0 0 6px 6px}[data-page=home] .ov-glass-spacer{color:#f59e0b99;letter-spacing:.05em;background:repeating-linear-gradient(90deg,#f59e0b1a 0 4px,#0000 4px 8px);border-left:1px solid #f59e0b33;border-right:1px solid #f59e0b33;justify-content:center;align-items:center;width:100%;height:12px;font-size:8px;display:flex}[data-page=home] .ov-glass-label-left{font-size:9px}[data-page=home] .ov-glass-label-right{color:var(--text-faint);font-size:8.5px}[data-page=home] .ov-glass-dim{text-align:center;color:var(--text-faint);background:#ffffff08;border:1px dashed #ffffff14;border-radius:4px;margin-top:8px;padding:3px 10px;font-size:10px}[data-page=home] .ov-invoice{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:12px 14px}[data-page=home] .ov-invoice-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}[data-page=home] .ov-invoice-title{color:var(--text-primary);font-size:11px;font-weight:600}[data-page=home] .ov-invoice-num{color:var(--text-faint);font-size:9.5px}[data-page=home] .ov-invoice-line{color:var(--text-muted);justify-content:space-between;padding:3px 0;font-size:10.5px;display:flex}[data-page=home] .ov-invoice-line.discount{color:#10b981cc}[data-page=home] .ov-invoice-divider{background:#ffffff0f;height:1px;margin:6px 0}[data-page=home] .ov-invoice-total{color:var(--text-primary);justify-content:space-between;padding:4px 0;font-size:12px;font-weight:600;display:flex}[data-page=home] .ov-kanban{grid-template-columns:repeat(4,1fr);gap:6px;height:100%;padding:10px;display:grid}[data-page=home] .ov-kanban-col{flex-direction:column;gap:4px;display:flex}[data-page=home] .ov-kanban-col-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);text-align:center;border-bottom:2px solid #ffffff0f;margin-bottom:2px;padding:4px 6px;font-size:8.5px;font-weight:600}[data-page=home] .ov-kanban-col-header.green{color:#10b981b3;border-color:#10b98166}[data-page=home] .ov-kanban-col-header.blue{color:#6366f1b3;border-color:#6366f166}[data-page=home] .ov-kanban-col-header.amber{color:#f59e0bb3;border-color:#f59e0b66}[data-page=home] .ov-kanban-col-header.purple{color:#a78bfab3;border-color:#a78bfa66}[data-page=home] .ov-kanban-card{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:5px 6px;font-size:8.5px;line-height:1.3}[data-page=home] .ov-kanban-card-id{color:var(--text-secondary);font-size:9px;font-weight:600}[data-page=home] .ov-kanban-card-customer{color:var(--text-faint);font-size:8px}[data-page=home] .ov-channels{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:16px;display:flex}[data-page=home] .ov-channels-sources{align-items:center;gap:12px;display:flex}[data-page=home] .ov-channel-source{flex-direction:column;align-items:center;gap:4px;display:flex}[data-page=home] .ov-channel-icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-page=home] .ov-channel-icon svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}[data-page=home] .ov-channel-label{color:var(--text-faint);text-align:center;font-size:7.5px}[data-page=home] .ov-channels-arrows{color:#10b98166;align-items:center;gap:6px;font-size:12px;display:flex}[data-page=home] .ov-channels-arrow-line{background:#10b9814d;width:20px;height:1px}[data-page=home] .ov-channels-center{background:#10b98114;border:1.5px solid #10b98140;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 20px #10b9811a}[data-page=home] .ov-channels-center svg{stroke:#34d399;fill:none;stroke-width:1.8px;width:18px;height:18px}[data-page=home] .ov-channels-center-label{color:#10b981b3;letter-spacing:.05em;margin-top:2px;font-size:8.5px;font-weight:600}[data-page=home] .ov-doc-stack{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative}[data-page=home] .ov-doc-page{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;padding:10px 12px;position:absolute}[data-page=home] .ov-doc-page.back-2{opacity:.4;width:68%;height:78%;transform:rotate(-3deg)translate(-4px,6px)}[data-page=home] .ov-doc-page.back-1{opacity:.6;width:70%;height:80%;transform:rotate(-1deg)translate(-2px,3px)}[data-page=home] .ov-doc-page.front{z-index:1;background:#ffffff0a;border-color:#10b98126;width:72%;position:relative}[data-page=home] .ov-doc-type{text-transform:uppercase;letter-spacing:.06em;color:#10b981b3;margin-bottom:6px;font-size:8px;font-weight:600}[data-page=home] .ov-doc-title{color:var(--text-primary);margin-bottom:2px;font-size:10.5px;font-weight:600}[data-page=home] .ov-doc-subtitle{color:var(--text-faint);margin-bottom:8px;font-size:8.5px}[data-page=home] .ov-doc-line-placeholder{background:#ffffff0d;border-radius:2px;height:3px;margin-bottom:4px}[data-page=home] .ov-doc-line-placeholder.short{width:60%}[data-page=home] .ov-doc-line-placeholder.medium{width:80%}[data-page=home] .ov-doc-total-placeholder{border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:8px;padding-top:6px;font-size:9.5px;display:flex}[data-page=home] .ov-doc-total-label{color:var(--text-faint)}[data-page=home] .ov-doc-total-amount{color:var(--text-primary);font-weight:600}[data-page=home] .ov-doc-badge{z-index:2;color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;padding:2px 7px;font-size:7.5px;font-weight:600;position:absolute;top:-6px;right:-6px}[data-page=home] .ov-chat{flex-direction:column;gap:6px;padding:10px 12px;display:flex}[data-page=home] .ov-chat-msg{border-radius:8px;max-width:85%;padding:6px 10px;font-size:9.5px;line-height:1.4}[data-page=home] .ov-chat-msg.internal{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-bottom-left-radius:2px;align-self:flex-start}[data-page=home] .ov-chat-msg.external{color:#10b981e6;background:#10b98114;border:1px solid #10b98126;border-bottom-right-radius:2px;align-self:flex-end}[data-page=home] .ov-chat-msg.system{color:#f59e0bb3;text-align:center;background:#f59e0b0f;border:1px solid #f59e0b1a;align-self:center;max-width:100%;font-size:8.5px}[data-page=home] .ov-chat-meta{color:var(--text-faint);margin-top:2px;font-size:7.5px}[data-page=home] .ov-chat-msg.external .ov-chat-meta{text-align:right}[data-page=home] .ov-chat-attachment{color:var(--text-faint);background:#ffffff08;border-radius:4px;align-items:center;gap:4px;margin-top:3px;padding:3px 6px;font-size:8px;display:flex}[data-page=home] .ov-chat-attachment svg{width:10px;height:10px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-page=home] .ov-configurator-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:12px;display:flex}[data-page=home] .ov-configurator-tab{color:var(--text-faint);cursor:default;border-bottom:2px solid #0000;padding:6px 12px;font-size:10px}[data-page=home] .ov-configurator-tab.active{color:#34d399;border-color:#10b98180}[data-page=home] .ov-config-section{margin-bottom:10px}[data-page=home] .ov-config-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:6px;font-size:9px;font-weight:600}[data-page=home] .ov-config-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:8px;margin-bottom:3px;padding:5px 8px;display:flex}[data-page=home] .ov-config-row.selected{background:#10b9810f;border-color:#10b98126}[data-page=home] .ov-config-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-page=home] .ov-config-dot.glass{background:#10b98199}[data-page=home] .ov-config-dot.gas{background:#f59e0b99}[data-page=home] .ov-config-dot.coating{background:#6366f199}[data-page=home] .ov-config-name{color:var(--text-secondary);flex:1;font-size:10px}[data-page=home] .ov-config-value{color:var(--text-faint);font-size:9.5px}[data-page=home] .ov-config-dims{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px;display:grid}[data-page=home] .ov-config-dim{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:5px;padding:5px 8px}[data-page=home] .ov-config-dim-label{color:var(--text-faint);text-transform:uppercase;font-size:8px}[data-page=home] .ov-config-dim-val{color:var(--text-primary);font-size:11px;font-weight:600}[data-page=home] .ov-config-price-bar{background:#10b9810d;border:1px solid #10b9811f;border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;display:flex}[data-page=home] .ov-config-price-label{color:var(--text-muted);font-size:10px}[data-page=home] .ov-config-price-val{color:#34d399;font-size:13px;font-weight:600}[data-page=home] .ov-calc{padding:20px}[data-page=home] .ov-calc-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}[data-page=home] .ov-calc-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-calc-order{color:var(--text-faint);font-size:11px}[data-page=home] .ov-calc-rows{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}[data-page=home] .ov-calc-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:1fr 80px 70px;align-items:center;gap:8px;padding:8px 10px;display:grid}[data-page=home] .ov-calc-row.highlight{background:#10b9810a;border-color:#10b9811f}[data-page=home] .ov-calc-product{color:var(--text-secondary);font-size:12px}[data-page=home] .ov-calc-product-sub{color:var(--text-faint);font-size:10px}[data-page=home] .ov-calc-qty{color:var(--text-muted);text-align:center;font-size:11px}[data-page=home] .ov-calc-price{color:var(--text-primary);text-align:right;font-size:12px;font-weight:500}[data-page=home] .ov-calc-divider{background:#ffffff0f;height:1px;margin:4px 0}[data-page=home] .ov-calc-discount{color:#10b981cc;justify-content:space-between;padding:6px 10px;font-size:11.5px;display:flex}[data-page=home] .ov-calc-subtotals{margin-top:8px}[data-page=home] .ov-calc-sub-row{color:var(--text-muted);justify-content:space-between;padding:4px 10px;font-size:11.5px;display:flex}[data-page=home] .ov-calc-total-row{color:var(--text-primary);background:#10b9810f;border:1px solid #10b98126;border-radius:8px;justify-content:space-between;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}[data-page=home] .ov-calc-uval{color:var(--text-faint);border:1px dashed #ffffff0f;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;font-size:10.5px;display:flex}[data-page=home] .ov-calc-uval-badge{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}[data-page=home] .ov-intake{padding:20px}[data-page=home] .ov-intake-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=home] .ov-intake-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-intake-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin-bottom:16px;display:flex}[data-page=home] .ov-intake-tab{color:var(--text-faint);border-bottom:2px solid #0000;padding:7px 14px;font-size:10.5px}[data-page=home] .ov-intake-tab.active{color:#34d399;border-color:#10b98180}[data-page=home] .ov-intake-form{flex-direction:column;gap:10px;display:flex}[data-page=home] .ov-intake-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-page=home] .ov-intake-field{flex-direction:column;gap:3px;display:flex}[data-page=home] .ov-intake-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:9px}[data-page=home] .ov-intake-input{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:7px 10px;font-size:11.5px}[data-page=home] .ov-intake-input.filled{border-color:#10b98133}[data-page=home] .ov-intake-glass-preview{background:#10b98108;border:1px solid #10b9811a;border-radius:8px;align-items:center;gap:16px;margin-top:8px;padding:14px;display:flex}[data-page=home] .ov-intake-glass-layers{flex-shrink:0;align-items:center;gap:2px;display:flex}[data-page=home] .ov-intake-glass-pane{background:#10b9814d;border:1px solid #10b98180;border-radius:2px;width:6px}[data-page=home] .ov-intake-glass-pane.outer{height:40px}[data-page=home] .ov-intake-glass-pane.inner{height:36px}[data-page=home] .ov-intake-glass-gap{color:#f59e0b80;background:repeating-linear-gradient(90deg,#f59e0b14 0 2px,#0000 2px 4px);justify-content:center;align-items:center;width:10px;height:36px;font-size:6px;display:flex}[data-page=home] .ov-intake-glass-info{flex-direction:column;gap:2px;display:flex}[data-page=home] .ov-intake-glass-name{color:var(--text-primary);font-size:11px;font-weight:500}[data-page=home] .ov-intake-glass-spec{color:var(--text-faint);font-size:9.5px}[data-page=home] .ov-intake-add-btn{text-align:center;color:#10b981b3;cursor:default;background:#10b98105;border:1px dashed #10b98133;border-radius:6px;margin-top:6px;padding:7px;font-size:11px}[data-page=home] .ov-offerte{padding:0;overflow:hidden}[data-page=home] .ov-offerte-topbar{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}[data-page=home] .ov-offerte-topbar-left{align-items:center;gap:10px;display:flex}[data-page=home] .ov-offerte-topbar-title{color:var(--text-primary);font-size:12px;font-weight:600}[data-page=home] .ov-offerte-status{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}[data-page=home] .ov-offerte-status.sent{color:#818cf8;background:#6366f126}[data-page=home] .ov-offerte-status.signed{color:#34d399;background:#10b98126}[data-page=home] .ov-offerte-actions{gap:6px;display:flex}[data-page=home] .ov-offerte-action{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;display:flex}[data-page=home] .ov-offerte-action.primary{color:#34d399;background:#10b98126;border-color:#10b98140}[data-page=home] .ov-offerte-body{padding:20px}[data-page=home] .ov-offerte-doc{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin-bottom:14px;padding:16px 18px}[data-page=home] .ov-offerte-doc-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;display:flex}[data-page=home] .ov-offerte-doc-logo{color:var(--text-primary);letter-spacing:-.02em;font-size:14px;font-weight:700}[data-page=home] .ov-offerte-doc-num{color:var(--text-faint);font-size:10px}[data-page=home] .ov-offerte-doc-meta{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:10.5px;display:grid}[data-page=home] .ov-offerte-doc-meta-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8.5px}[data-page=home] .ov-offerte-doc-meta-val{color:var(--text-secondary)}[data-page=home] .ov-offerte-doc-lines{margin-bottom:12px}[data-page=home] .ov-offerte-doc-line{color:var(--text-muted);border-bottom:1px solid #ffffff08;justify-content:space-between;padding:4px 0;font-size:10.5px;display:flex}[data-page=home] .ov-offerte-doc-total{color:var(--text-primary);border-top:1px solid #ffffff14;justify-content:space-between;padding:8px 0;font-size:12.5px;font-weight:600;display:flex}[data-page=home] .ov-offerte-signature{background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}[data-page=home] .ov-offerte-sig-icon{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-page=home] .ov-offerte-sig-icon svg{stroke:#34d399;fill:none;stroke-width:2px;width:14px;height:14px}[data-page=home] .ov-offerte-sig-text{color:#34d399;font-size:10.5px}[data-page=home] .ov-offerte-sig-date{color:var(--text-faint);font-size:9px}[data-page=home] .ov-factuur{padding:20px}[data-page=home] .ov-factuur-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=home] .ov-factuur-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-factuur-filter{color:var(--text-muted);border:1px solid #ffffff14;border-radius:5px;padding:4px 10px;font-size:10px}[data-page=home] .ov-factuur-cards{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}[data-page=home] .ov-factuur-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px}[data-page=home] .ov-factuur-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}[data-page=home] .ov-factuur-card-id{color:var(--text-primary);font-size:11.5px;font-weight:600}[data-page=home] .ov-factuur-card-customer{color:var(--text-faint);font-size:10px}[data-page=home] .ov-factuur-card-amount{color:var(--text-primary);font-size:12px;font-weight:600}[data-page=home] .ov-factuur-card-status{border-radius:8px;padding:2px 7px;font-size:8.5px;font-weight:600}[data-page=home] .ov-factuur-card-status.paid{color:#34d399;background:#10b98126}[data-page=home] .ov-factuur-card-status.partial{color:#fbbf24;background:#f59e0b26}[data-page=home] .ov-factuur-card-status.sent{color:#818cf8;background:#6366f126}[data-page=home] .ov-factuur-card-status.overdue{color:#f87171;background:#ef444426}[data-page=home] .ov-factuur-progress{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}[data-page=home] .ov-factuur-progress-fill{border-radius:2px;height:100%}[data-page=home] .ov-factuur-progress-fill.green{background:#10b981}[data-page=home] .ov-factuur-progress-fill.amber{background:#f59e0b}[data-page=home] .ov-factuur-progress-fill.blue{background:#6366f1}[data-page=home] .ov-factuur-card-terms{gap:6px;margin-top:6px;display:flex}[data-page=home] .ov-factuur-term{text-align:center;color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;flex:1;padding:4px;font-size:8px}[data-page=home] .ov-factuur-term.done{color:#10b981b3;background:#10b9810f;border-color:#10b98126}[data-page=home] .ov-factuur-term.active{color:#f59e0bb3;background:#f59e0b0f;border-color:#f59e0b26}[data-page=home] .ov-factuur-verzamel{color:#10b981b3;background:#10b98108;border:1px dashed #10b98126;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}[data-page=home] .ov-factuur-verzamel-count{color:#34d399;background:#10b9811f;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}[data-page=home] .ov-proces{padding:20px}[data-page=home] .ov-proces-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=home] .ov-proces-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-proces-pipeline{gap:6px;margin-bottom:16px;display:flex}[data-page=home] .ov-proces-stage{text-align:center;flex:1}[data-page=home] .ov-proces-stage-header{text-transform:uppercase;letter-spacing:.05em;border-radius:4px 4px 0 0;padding:5px 4px;font-size:8px;font-weight:600}[data-page=home] .ov-proces-stage-header.blue{color:#6366f1b3;background:#6366f11a}[data-page=home] .ov-proces-stage-header.amber{color:#f59e0bb3;background:#f59e0b1a}[data-page=home] .ov-proces-stage-header.green{color:#10b981b3;background:#10b9811a}[data-page=home] .ov-proces-stage-header.purple{color:#a78bfab3;background:#a78bfa1a}[data-page=home] .ov-proces-stage-body{flex-direction:column;gap:4px;min-height:60px;padding:6px 4px;display:flex}[data-page=home] .ov-proces-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:5px 6px}[data-page=home] .ov-proces-card-id{color:var(--text-secondary);font-size:9px;font-weight:600}[data-page=home] .ov-proces-card-name{color:var(--text-faint);font-size:7.5px}[data-page=home] .ov-proces-notifications{flex-direction:column;gap:6px;display:flex}[data-page=home] .ov-proces-notif{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}[data-page=home] .ov-proces-notif-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}[data-page=home] .ov-proces-notif-dot.green{background:#10b981}[data-page=home] .ov-proces-notif-dot.blue{background:#6366f1}[data-page=home] .ov-proces-notif-dot.amber{background:#f59e0b}[data-page=home] .ov-proces-notif-text{color:var(--text-muted);font-size:10.5px;line-height:1.4}[data-page=home] .ov-proces-notif-time{color:var(--text-faint);margin-top:2px;font-size:8.5px}[data-page=home] .ov-glasprod{padding:20px}[data-page=home] .ov-glasprod-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=home] .ov-glasprod-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-glasprod-count{color:var(--text-faint);font-size:10px}[data-page=home] .ov-glasprod-search{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 10px;font-size:11px;display:flex}[data-page=home] .ov-glasprod-search svg{width:12px;height:12px;stroke:var(--text-faint);fill:none;stroke-width:2px}[data-page=home] .ov-glasprod-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-page=home] .ov-glasprod-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}[data-page=home] .ov-glasprod-item.selected{background:#10b9810f;border-color:#10b98126}[data-page=home] .ov-glasprod-swatch{border-radius:4px;flex-shrink:0;width:24px;height:24px}[data-page=home] .ov-glasprod-swatch.clear{background:linear-gradient(135deg,#c8e6ff4d,#c8e6ff1a);border:1px solid #c8e6ff33}[data-page=home] .ov-glasprod-swatch.tinted{background:linear-gradient(135deg,#78b48c66,#78b48c26);border:1px solid #78b48c4d}[data-page=home] .ov-glasprod-swatch.frosted{background:linear-gradient(135deg,#fff3,#ffffff0f);border:1px solid #ffffff26}[data-page=home] .ov-glasprod-swatch.lami{background:linear-gradient(135deg,#c8c8ff4d,#c8c8ff1a);border:1px solid #c8c8ff33}[data-page=home] .ov-glasprod-swatch.ral{border:1px solid #ffffff26}[data-page=home] .ov-glasprod-name{color:var(--text-secondary);font-size:11.5px}[data-page=home] .ov-glasprod-spec{color:var(--text-faint);font-size:9px}[data-page=home] .ov-glasprod-tags{gap:4px;display:flex}[data-page=home] .ov-glasprod-tag{letter-spacing:.03em;border-radius:3px;padding:2px 5px;font-size:7.5px;font-weight:600}[data-page=home] .ov-glasprod-tag.esg{color:#34d399;background:#10b9811f}[data-page=home] .ov-glasprod-tag.pvb{color:#818cf8;background:#6366f11f}[data-page=home] .ov-glasprod-tag.iso{color:#fbbf24;background:#f59e0b1f}[data-page=home] .ov-glasprod-tag.dxf{color:#f87171;background:#ef44441f}[data-page=home] .ov-glasprod-dims{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;gap:12px;padding:10px 12px;display:flex}[data-page=home] .ov-glasprod-dim{flex-direction:column;gap:1px;display:flex}[data-page=home] .ov-glasprod-dim-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:8px}[data-page=home] .ov-glasprod-dim-val{color:var(--text-primary);font-size:12px;font-weight:600}[data-page=home] .ov-docs{padding:20px}[data-page=home] .ov-docs-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-page=home] .ov-docs-title{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=home] .ov-docs-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}[data-page=home] .ov-docs-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}[data-page=home] .ov-docs-item.generated{border-color:#10b98126}[data-page=home] .ov-docs-icon{letter-spacing:.03em;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:8px;font-weight:700;display:flex}[data-page=home] .ov-docs-icon.pdf{color:#f87171;background:#ef444426}[data-page=home] .ov-docs-icon.mail{color:#818cf8;background:#6366f126}[data-page=home] .ov-docs-icon.link{color:#34d399;background:#10b98126}[data-page=home] .ov-docs-item-info{flex:1}[data-page=home] .ov-docs-item-name{color:var(--text-secondary);font-size:11px;font-weight:500}[data-page=home] .ov-docs-item-meta{color:var(--text-faint);font-size:9px}[data-page=home] .ov-docs-item-status{border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}[data-page=home] .ov-docs-item-status.sent{color:#34d399;background:#10b9811f}[data-page=home] .ov-docs-item-status.draft{color:var(--text-faint);background:#ffffff0f}[data-page=home] .ov-docs-item-status.auto{color:#818cf8;background:#6366f11f}[data-page=home] .ov-docs-divider{background:#ffffff0d;height:1px;margin:4px 0}[data-page=home] .ov-docs-comment{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:8px 10px}[data-page=home] .ov-docs-comment-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}[data-page=home] .ov-docs-comment-author{color:var(--text-secondary);font-size:10px;font-weight:600}[data-page=home] .ov-docs-comment-time{color:var(--text-faint);font-size:8.5px}[data-page=home] .ov-docs-comment-text{color:var(--text-muted);font-size:10px;line-height:1.4}[data-page=home] .ov-docs-comment-badge{border-radius:3px;margin-left:6px;padding:1px 5px;font-size:7.5px;font-weight:600;display:inline-block}[data-page=home] .ov-docs-comment-badge.intern{color:#fbbf24;background:#f59e0b1f}[data-page=home] .ov-docs-comment-badge.extern{color:#34d399;background:#10b9811f}[data-page=contact] .hero{min-height:auto;padding-bottom:24px}[data-page=contact] .ct-layout{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding:24px 40px 80px;display:grid;position:relative}[data-page=contact] .ct-form-card{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;padding:40px}[data-page=contact] .ct-form-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:600}[data-page=contact] .ct-form-desc{color:var(--text-muted);margin-bottom:32px;font-size:14px;line-height:1.5}[data-page=contact] .ct-field{margin-bottom:20px}[data-page=contact] .ct-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}[data-page=contact] .ct-input,[data-page=contact] .ct-textarea,[data-page=contact] .ct-select{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);background:#0f0f12;border:1px solid #1c1c20;border-radius:10px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}[data-page=contact] .ct-input:focus,[data-page=contact] .ct-textarea:focus,[data-page=contact] .ct-select:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #0c2118}[data-page=contact] .ct-input::placeholder,[data-page=contact] .ct-textarea::placeholder{color:#3a3a42}[data-page=contact] .ct-textarea{resize:vertical;min-height:120px}[data-page=contact] .ct-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}[data-page=contact] .ct-select option{color:var(--text-primary);background:#0f0f12}[data-page=contact] .ct-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-page=contact] .ct-submit{background:var(--accent-emerald);color:#fff;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;transition:opacity .2s;display:flex}[data-page=contact] .ct-submit:hover{opacity:.85}[data-page=contact] .ct-response-time{color:var(--text-muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}[data-page=contact] .ct-response-dot{background:var(--accent-emerald);border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-page=contact] .ct-info-stack{flex-direction:column;gap:16px;display:flex}[data-page=contact] .ct-methods{flex-direction:column;gap:8px;display:flex}[data-page=contact] .ct-method{background:#09090b;border:1px solid #1c1c20;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:flex}[data-page=contact] .ct-method:hover{border-color:#28282e}[data-page=contact] .ct-method-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-page=contact] .ct-method-icon.phone,[data-page=contact] .ct-method-icon.mail,[data-page=contact] .ct-method-icon.location,[data-page=contact] .ct-method-icon.social{color:var(--accent-emerald);background:#0a1f17}[data-page=contact] .ct-method-label{color:var(--text-muted);margin-bottom:1px;font-size:12px}[data-page=contact] .ct-method-value{color:var(--text-primary);font-size:15px;font-weight:600}[data-page=contact] .ct-map-card{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;position:relative;overflow:hidden}[data-page=contact] #contactMap{width:100%;height:280px}[data-page=contact] #contactMap .leaflet-control-attribution,[data-page=contact] #contactMap .leaflet-control-zoom{display:none!important}[data-page=contact] #contactMap .leaflet-tile-pane{opacity:.85}[data-page=contact] .ct-map-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090b;border:1px solid #1c1c20;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}[data-page=contact] .ct-map-address{align-items:center;gap:12px;display:flex}[data-page=contact] .ct-map-pin{width:32px;height:32px;color:var(--accent-emerald);background:#0a1f17;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-page=contact] .ct-map-street{color:var(--text-primary);font-size:14px;font-weight:600}[data-page=contact] .ct-map-city{color:var(--text-muted);font-size:12px}[data-page=contact] .ct-map-directions{color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:#0f0f12;border:1px solid #1c1c20;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s;display:inline-flex}[data-page=contact] .ct-map-directions:hover{color:var(--text-primary);border-color:#28282e}[data-page=contact] .ct-marker{background:var(--accent-emerald);border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000080}[data-page=contact] .ct-socials{background:#09090b;border:1px solid #1c1c20;border-radius:14px;align-items:center;gap:16px;padding:20px 24px;display:flex}[data-page=contact] .ct-socials-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}[data-page=contact] .ct-social-links{gap:8px;display:flex}[data-page=contact] .ct-social-link{width:36px;height:36px;color:var(--text-muted);background:#0f0f12;border:1px solid #1c1c20;border-radius:9px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}[data-page=contact] .ct-social-link:hover{color:var(--text-primary);border-color:#28282e}@media (max-width:1024px){[data-page=contact] .ct-layout{grid-template-columns:1fr;padding:16px 20px 60px}}@media (max-width:640px){[data-page=contact] .ct-form-card{padding:28px 20px}[data-page=contact] .ct-row{grid-template-columns:1fr}[data-page=contact] .ct-method{padding:14px 16px}[data-page=contact] .ct-map-overlay{flex-direction:column;align-items:flex-start}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.4}}[data-page=demo] .hero{min-height:auto;padding-bottom:24px}[data-page=demo] .dm-layout{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:1280px;margin:0 auto;padding:24px 40px 80px;display:grid;position:relative}[data-page=demo] .dm-form-card{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;padding:40px}[data-page=demo] .dm-form-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}[data-page=demo] .dm-form-badge{color:var(--accent-emerald);letter-spacing:.03em;background:#0a1f17;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}[data-page=demo] .dm-form-badge-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dm-pulse}[data-page=demo] .dm-form-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:600}[data-page=demo] .dm-form-desc{color:var(--text-muted);margin-bottom:32px;font-size:14px;line-height:1.5}[data-page=demo] .dm-field{margin-bottom:20px}[data-page=demo] .dm-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}[data-page=demo] .dm-input,[data-page=demo] .dm-textarea,[data-page=demo] .dm-select{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);background:#0f0f12;border:1px solid #1c1c20;border-radius:10px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}[data-page=demo] .dm-input:focus,[data-page=demo] .dm-textarea:focus,[data-page=demo] .dm-select:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #0c2118}[data-page=demo] .dm-input::placeholder,[data-page=demo] .dm-textarea::placeholder{color:#3a3a42}[data-page=demo] .dm-textarea{resize:vertical;min-height:100px}[data-page=demo] .dm-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}[data-page=demo] .dm-select option{color:var(--text-primary);background:#0f0f12}[data-page=demo] .dm-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-page=demo] .dm-submit{background:var(--accent-emerald);color:#fff;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 24px;transition:opacity .2s;display:flex}[data-page=demo] .dm-submit:hover{opacity:.85}[data-page=demo] .dm-promise{color:var(--text-muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}[data-page=demo] .dm-promise svg{color:var(--accent-emerald);flex-shrink:0}[data-page=demo] .dm-proof-stack{flex-direction:column;gap:16px;display:flex}[data-page=demo] .dm-benefits{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;padding:28px 28px 24px}[data-page=demo] .dm-benefits-title{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600}[data-page=demo] .dm-benefit{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}[data-page=demo] .dm-benefit:last-child{margin-bottom:0}[data-page=demo] .dm-benefit-icon{width:32px;height:32px;color:var(--accent-emerald);background:#0a1f17;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}[data-page=demo] .dm-benefit-text{color:var(--text-secondary);font-size:14px;line-height:1.5}[data-page=demo] .dm-benefit-text strong{color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}[data-page=demo] .dm-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-page=demo] .dm-stat{text-align:center;background:#09090b;border:1px solid #1c1c20;border-radius:14px;padding:20px 16px}[data-page=demo] .dm-stat-value{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:2px;font-size:24px;font-weight:700}[data-page=demo] .dm-stat-label{color:var(--text-muted);font-size:12px}[data-page=demo] .dm-testimonial{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;padding:28px}[data-page=demo] .dm-testimonial-stars{gap:3px;margin-bottom:12px;display:flex}[data-page=demo] .dm-testimonial-stars svg{color:#fbbf24}[data-page=demo] .dm-testimonial-quote{color:var(--text-secondary);margin-bottom:16px;font-size:15px;font-style:italic;line-height:1.65}[data-page=demo] .dm-testimonial-author{align-items:center;gap:12px;display:flex}[data-page=demo] .dm-testimonial-avatar{width:36px;height:36px;color:var(--accent-emerald);background:#0f0f12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}[data-page=demo] .dm-testimonial-name{color:var(--text-primary);font-size:14px;font-weight:600}[data-page=demo] .dm-testimonial-company{color:var(--text-muted);font-size:12px}[data-page=demo] .dm-trust{justify-content:center;align-items:center;gap:24px;padding:16px;display:flex}[data-page=demo] .dm-trust-item{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}[data-page=demo] .dm-trust-item svg{color:var(--accent-emerald);flex-shrink:0}@media (max-width:1024px){[data-page=demo] .dm-layout{grid-template-columns:1fr;gap:32px;padding:16px 20px 60px}[data-page=demo] .dm-proof-stack{order:-1}}@media (max-width:640px){[data-page=demo] .dm-form-card{padding:28px 20px}[data-page=demo] .dm-row,[data-page=demo] .dm-stats{grid-template-columns:1fr}[data-page=demo] .dm-trust{flex-direction:column;gap:12px}}body:has([data-page=klimaat-bewust]){background:0 0}body:has([data-page=klimaat-bewust]) .kb-video-bg{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}body:has([data-page=klimaat-bewust]) .kb-video-bg video{object-fit:cover;width:100%;height:100%}body:has([data-page=klimaat-bewust]) .kb-overlay{z-index:-1;pointer-events:none;background:linear-gradient(#22501e4d 0%,#22501e8c 30%,#22501ebf 60%,#1a3c16e6 100%);width:100%;height:100%;position:fixed;top:0;left:0}:is(body:has([data-page=klimaat-bewust]) .bg-glow,body:has([data-page=klimaat-bewust]) .bg-grid){display:none}body:has([data-page=klimaat-bewust]) .nav{-webkit-backdrop-filter:none;background:0 0;border-bottom:none;position:absolute}body:has([data-page=klimaat-bewust]) .nav-links a{color:#fff!important;opacity:1!important}body:has([data-page=klimaat-bewust]) .nav-btn-ghost{color:#fff!important;opacity:1!important}body:has([data-page=klimaat-bewust]) .kb-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative}body:has([data-page=klimaat-bewust]) .kb-hero h1{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 40px #0000004d;max-width:800px;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05}body:has([data-page=klimaat-bewust]) .kb-hero p{color:#ffffffd9;text-shadow:0 1px 20px #0003;max-width:640px;margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.6}body:has([data-page=klimaat-bewust]) .kb-hero-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff4d;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}body:has([data-page=klimaat-bewust]) .kb-hero-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}body:has([data-page=klimaat-bewust]) .kb-section{z-index:1;max-width:1280px;margin:0 auto;padding:0 40px 120px;position:relative}body:has([data-page=klimaat-bewust]) .kb-section-header{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:48px;display:grid}body:has([data-page=klimaat-bewust]) .kb-section-header h2{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 20px #0003;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}body:has([data-page=klimaat-bewust]) .kb-section-header p{color:#ffffffbf;font-size:16px;line-height:1.7}body:has([data-page=klimaat-bewust]) .kb-grid-img{border-radius:var(--radius-xl);position:relative;overflow:hidden}body:has([data-page=klimaat-bewust]) .kb-grid-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}body:has([data-page=klimaat-bewust]) .kb-grid-img:hover img{transform:scale(1.04)}body:has([data-page=klimaat-bewust]) .kb-grid-text{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#ffffff12;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;padding:36px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex}body:has([data-page=klimaat-bewust]) .kb-grid-text:hover{border-color:#ffffff2e;transform:translateY(-4px)}body:has([data-page=klimaat-bewust]) .kb-grid-text h3{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:700}body:has([data-page=klimaat-bewust]) .kb-grid-text p{color:#ffffffb3;font-size:14px;line-height:1.7}body:has([data-page=klimaat-bewust]) .kb-bento{grid-template-rows:1fr 1fr 1fr;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}body:has([data-page=klimaat-bewust]) .kb-bento-trees{grid-area:1/1/3/3}body:has([data-page=klimaat-bewust]) .kb-bento-cert{grid-area:1/3/auto/5}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img{grid-area:2/3}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text{grid-area:2/4}body:has([data-page=klimaat-bewust]) .kb-bento-solar-text{grid-area:3/1/auto/3}body:has([data-page=klimaat-bewust]) .kb-bento-solar-img{grid-area:3/3/auto/5}body:has([data-page=klimaat-bewust]) .kb-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:280px}body:has([data-page=klimaat-bewust]) .kb-cta{z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:80px 40px 120px;position:relative}body:has([data-page=klimaat-bewust]) .kb-cta h2{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 20px #0003;margin-bottom:32px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}body:has([data-page=klimaat-bewust]) .kb-cta .btn-primary{color:#1a3c16;background:#fff}body:has([data-page=klimaat-bewust]) .kb-cta .btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 24px #fff3}body:has([data-page=klimaat-bewust]) .site-footer{z-index:1;background:var(--bg-primary);max-width:none;padding-left:max(40px,50% - 600px);padding-right:max(40px,50% - 600px);position:relative}body:has([data-page=klimaat-bewust]) .footer-newsletter-label{color:#34d399;background:#10b9811a}body:has([data-page=klimaat-bewust]) .footer-newsletter-strip{background:linear-gradient(135deg,#10b9810a 0%,#ffffff05 100%)}body:has([data-page=klimaat-bewust]) .kb-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}body:has([data-page=klimaat-bewust]) .kb-reveal.visible{opacity:1;transform:translateY(0)}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-1{transition-delay:.1s}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-2{transition-delay:.2s}body:has([data-page=klimaat-bewust]) .kb-reveal-delay-3{transition-delay:.3s}@media (max-width:1024px){body:has([data-page=klimaat-bewust]) .kb-section{padding:0 24px 80px}body:has([data-page=klimaat-bewust]) .kb-section-header{gap:24px}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:220px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text{padding:20px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text h3{font-size:18px}body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text p{font-size:12px}}@media (max-width:768px){body:has([data-page=klimaat-bewust]) .kb-hero{min-height:80vh;padding:120px 16px 60px}body:has([data-page=klimaat-bewust]) .kb-section{padding:0 16px 64px}body:has([data-page=klimaat-bewust]) .kb-section-header{grid-template-columns:1fr;gap:16px}body:has([data-page=klimaat-bewust]) .kb-bento{grid-template-rows:auto;grid-template-columns:1fr}:is(body:has([data-page=klimaat-bewust]) .kb-bento-trees,body:has([data-page=klimaat-bewust]) .kb-bento-cert,body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img,body:has([data-page=klimaat-bewust]) .kb-bento-eauto-text,body:has([data-page=klimaat-bewust]) .kb-bento-solar-text,body:has([data-page=klimaat-bewust]) .kb-bento-solar-img){grid-area:auto/1}body:has([data-page=klimaat-bewust]) .kb-bento-trees{min-height:300px}:is(body:has([data-page=klimaat-bewust]) .kb-bento-eauto-img,body:has([data-page=klimaat-bewust]) .kb-bento-solar-img){min-height:220px}body:has([data-page=klimaat-bewust]) .kb-features{grid-template-columns:1fr}body:has([data-page=klimaat-bewust]) .kb-features .kb-grid-img{min-height:220px}body:has([data-page=klimaat-bewust]) .kb-grid-text{padding:24px}body:has([data-page=klimaat-bewust]) .kb-cta{padding:40px 16px 80px}}[data-page=prijzen] .hero{min-height:auto;padding-bottom:24px}[data-page=prijzen] .pr-content{z-index:1;max-width:1280px;margin:0 auto;padding:24px 40px 80px;position:relative}[data-page=prijzen] .pr-approach{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:80px;display:grid}[data-page=prijzen] .pr-approach-text h2{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}[data-page=prijzen] .pr-approach-text p{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.7}[data-page=prijzen] .pr-approach-card{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;flex-direction:column;gap:24px;padding:40px;display:flex}[data-page=prijzen] .pr-approach-item{align-items:flex-start;gap:16px;display:flex}[data-page=prijzen] .pr-approach-icon{width:40px;height:40px;color:var(--accent-emerald);background:#0a1f17;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-page=prijzen] .pr-approach-item-text strong{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600;display:block}[data-page=prijzen] .pr-approach-item-text span{color:var(--text-muted);font-size:14px;line-height:1.5}[data-page=prijzen] .pr-steps-header{text-align:center;margin-bottom:48px}[data-page=prijzen] .pr-steps-badge{color:var(--accent-emerald);background:#0a1f17;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}[data-page=prijzen] .pr-steps-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(28px,4vw,40px);font-weight:700}[data-page=prijzen] .pr-steps{border-radius:var(--radius-xl);background:#1c1c20;border:1px solid #1c1c20;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:80px;display:grid;overflow:hidden}[data-page=prijzen] .pr-step{background:#09090b;padding:48px 40px;position:relative}[data-page=prijzen] .pr-step-number{width:36px;height:36px;color:var(--accent-emerald);font-size:15px;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);background:#0a1f17;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}[data-page=prijzen] .pr-step h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}[data-page=prijzen] .pr-step p{color:var(--text-muted);font-size:14px;line-height:1.65}[data-page=prijzen] .pr-step-tag{color:var(--accent-emerald);background:#0a1f17;border-radius:100px;align-items:center;gap:6px;margin-top:20px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}[data-page=prijzen] .pr-modules-header{text-align:center;margin-bottom:48px}[data-page=prijzen] .pr-modules-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(28px,4vw,40px);font-weight:700}[data-page=prijzen] .pr-modules-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}[data-page=prijzen] .pr-modules-grid{border-radius:var(--radius-xl);background:#1c1c20;border:1px solid #1c1c20;grid-template-columns:repeat(5,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}[data-page=prijzen] .pr-module{text-align:center;background:#09090b;padding:32px 24px;text-decoration:none;transition:background .2s}[data-page=prijzen] .pr-module:hover{background:#0f0f12}[data-page=prijzen] .pr-module-icon{background:#0f0f12;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;transition:background .2s;display:flex}[data-page=prijzen] .pr-module:hover .pr-module-icon{background:#1c1c20}[data-page=prijzen] .pr-module-icon svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:1.8px;fill:none}[data-page=prijzen] .pr-module-name{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}[data-page=prijzen] .pr-module-desc{color:var(--text-muted);font-size:11px;line-height:1.4}[data-page=prijzen] .pr-modules-footnote{text-align:center;color:var(--text-muted);margin-bottom:80px;font-size:13px}[data-page=prijzen] .pr-modules-footnote a{color:var(--accent-emerald);text-decoration:none}[data-page=prijzen] .pr-modules-footnote a:hover{text-decoration:underline}[data-page=prijzen] .pr-products{border-radius:var(--radius-xl);background:#1c1c20;border:1px solid #1c1c20;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:80px;display:grid;overflow:hidden}[data-page=prijzen] .pr-product{background:#09090b;flex-direction:column;padding:40px 32px;display:flex}[data-page=prijzen] .pr-product-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-self:flex-start;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}[data-page=prijzen] .pr-product-badge--glass{color:var(--accent-emerald);background:#0a1f17}[data-page=prijzen] .pr-product-badge--designer{color:#818cf8;background:#818cf81a}[data-page=prijzen] .pr-product-badge--production{color:#6366f1;background:#6366f11a}[data-page=prijzen] .pr-product h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700}[data-page=prijzen] .pr-product-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px;line-height:1.6}[data-page=prijzen] .pr-product-price{color:var(--text-secondary);border-bottom:1px solid #1c1c20;margin-top:auto;margin-bottom:24px;padding-bottom:24px;font-size:14px}[data-page=prijzen] .pr-product-price strong{color:var(--text-primary);letter-spacing:-.03em;font-size:28px;font-weight:700}[data-page=prijzen] .pr-product-features{margin:0 0 32px;padding:0;list-style:none}[data-page=prijzen] .pr-product-features li{color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}[data-page=prijzen] .pr-product-features li svg{width:16px;height:16px;stroke:var(--accent-emerald);stroke-width:2px;fill:none;flex-shrink:0}[data-page=prijzen] .pr-product-cta{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}[data-page=prijzen] .pr-product-cta:hover{opacity:.85}[data-page=prijzen] .pr-product-cta--primary{background:var(--accent-emerald);color:#fff}[data-page=prijzen] .pr-product-cta--secondary{color:var(--text-primary);background:#1c1c20}@media (max-width:1024px){[data-page=prijzen] .pr-content{padding:0 24px 60px}[data-page=prijzen] .pr-approach{grid-template-columns:1fr;gap:32px}[data-page=prijzen] .pr-steps{grid-template-columns:1fr}[data-page=prijzen] .pr-modules-grid{grid-template-columns:repeat(3,1fr)}[data-page=prijzen] .pr-products{grid-template-columns:1fr}}@media (max-width:640px){[data-page=prijzen] .pr-content{padding:0 16px 48px}[data-page=prijzen] .pr-modules-grid{grid-template-columns:repeat(2,1fr)}[data-page=prijzen] .pr-approach-card{padding:28px 24px}[data-page=prijzen] .pr-step,[data-page=prijzen] .pr-product{padding:32px 24px}}[data-page=veel-gestelde-vragen] .hero{min-height:auto}[data-page=veel-gestelde-vragen] .faq-tab{border:1px solid var(--border-subtle);color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;transition:all .2s;display:inline-flex}[data-page=veel-gestelde-vragen] .faq-tab:hover{border-color:var(--border-medium);color:var(--text-secondary);background:var(--bg-hover)}[data-page=veel-gestelde-vragen] .faq-tab.active{background:var(--accent-emerald-soft);color:var(--accent-emerald);border-color:#10b98140}[data-page=veel-gestelde-vragen] .faq-layout{z-index:1;grid-template-columns:300px 1fr;align-items:start;gap:48px;max-width:1280px;margin:0 auto;padding:24px 40px 0;display:grid;position:relative}[data-page=veel-gestelde-vragen] .faq-sidebar{position:sticky;top:100px}[data-page=veel-gestelde-vragen] .faq-sidebar-card{border-radius:var(--radius-xl);background:#09090b;border:1px solid #1c1c20;overflow:hidden}[data-page=veel-gestelde-vragen] .faq-sidebar-header{border-bottom:1px solid #1c1c20;padding:24px 24px 20px}[data-page=veel-gestelde-vragen] .faq-sidebar-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}[data-page=veel-gestelde-vragen] .faq-sidebar-desc{color:var(--text-muted);font-size:12px;line-height:1.5}[data-page=veel-gestelde-vragen] .faq-nav{padding:8px}[data-page=veel-gestelde-vragen] .faq-nav-item{width:100%;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}[data-page=veel-gestelde-vragen] .faq-nav-item:hover{color:var(--text-primary);background:#0f0f12}[data-page=veel-gestelde-vragen] .faq-nav-item.active{color:var(--accent-emerald);background:#0a1a14}[data-page=veel-gestelde-vragen] .faq-nav-count{color:var(--text-muted);background:#0f0f12;border-radius:100px;padding:2px 8px;font-size:12px;font-weight:600}[data-page=veel-gestelde-vragen] .faq-nav-item.active .faq-nav-count{color:var(--accent-emerald);background:#0c2118}[data-page=veel-gestelde-vragen] .faq-contact-card{background:#0f0f12;border-top:1px solid #1c1c20;border-radius:12px;margin:8px;padding:20px}[data-page=veel-gestelde-vragen] .faq-contact-title{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}[data-page=veel-gestelde-vragen] .faq-contact-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.5}[data-page=veel-gestelde-vragen] .faq-contact-btn{background:var(--accent-emerald);color:#fff;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:opacity .2s;display:inline-flex}[data-page=veel-gestelde-vragen] .faq-contact-btn:hover{opacity:.85}[data-page=veel-gestelde-vragen] .faq-panels{min-width:0}[data-page=veel-gestelde-vragen] .faq-panel{display:none}[data-page=veel-gestelde-vragen] .faq-panel.active{display:block}[data-page=veel-gestelde-vragen] .faq-panel-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}[data-page=veel-gestelde-vragen] .faq-panel-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-page=veel-gestelde-vragen] .faq-panel-icon.glass{color:var(--accent-emerald);background:#0a1f17}[data-page=veel-gestelde-vragen] .faq-panel-icon.designer{color:#818cf8;background:#0f0e1e}[data-page=veel-gestelde-vragen] .faq-panel-icon.production{color:#fb923c;background:#1a120a}[data-page=veel-gestelde-vragen] .faq-panel-title{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:600}[data-page=veel-gestelde-vragen] .faq-card{background:#09090b;border:1px solid #1c1c20;border-radius:14px;margin-bottom:8px;transition:border-color .2s}[data-page=veel-gestelde-vragen] .faq-card:hover{border-color:#28282e}[data-page=veel-gestelde-vragen] .faq-card.open{border-color:#14352a}[data-page=veel-gestelde-vragen] .faq-question{width:100%;color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:20px 24px;line-height:1.5;transition:color .2s;display:flex}[data-page=veel-gestelde-vragen] .faq-question:hover{color:var(--accent-emerald)}[data-page=veel-gestelde-vragen] .faq-q-number{width:28px;height:28px;color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-mono);background:#0f0f12;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}[data-page=veel-gestelde-vragen] .faq-card.open .faq-q-number{color:var(--accent-emerald);background:#0a1f17}[data-page=veel-gestelde-vragen] .faq-q-text{flex:1}[data-page=veel-gestelde-vragen] .faq-q-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:transform .3s,color .2s}[data-page=veel-gestelde-vragen] .faq-card.open .faq-q-icon{color:var(--accent-emerald);transform:rotate(45deg)}[data-page=veel-gestelde-vragen] .faq-answer{max-height:0;transition:max-height .35s;overflow:hidden}[data-page=veel-gestelde-vragen] .faq-answer-inner{color:var(--text-secondary);padding:0 24px 20px 68px;font-size:15px;line-height:1.7}@media (max-width:1024px){[data-page=veel-gestelde-vragen] .faq-layout{grid-template-columns:1fr;gap:24px;padding:16px 20px 0}[data-page=veel-gestelde-vragen] .faq-sidebar{position:static}[data-page=veel-gestelde-vragen] .faq-sidebar-card{display:none}[data-page=veel-gestelde-vragen] .faq-mobile-tabs{flex-wrap:wrap;gap:8px;display:flex!important}}@media (min-width:1025px){[data-page=veel-gestelde-vragen] .faq-mobile-tabs{display:none!important}}@media (max-width:768px){[data-page=veel-gestelde-vragen] .faq-question{gap:12px;padding:16px;font-size:14px}[data-page=veel-gestelde-vragen] .faq-answer-inner{padding:0 16px 16px 56px;font-size:14px}[data-page=veel-gestelde-vragen] .faq-panel-title{font-size:18px}}[data-page=veel-gestelde-vragen] .faq-card.open .faq-answer{max-height:600px}[data-page=tijdlijn] .hero{min-height:auto;padding-bottom:40px}[data-page=tijdlijn] .hero-content{max-width:860px}[data-page=tijdlijn] .hero-heading .tl-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#2dd4bf);-webkit-background-clip:text;background-clip:text}[data-page=tijdlijn] .tl-section{z-index:1;max-width:1280px;margin:0 auto;padding:40px 40px 120px;position:relative}[data-page=tijdlijn] .tl-track{position:relative}[data-page=tijdlijn] .tl-line{background:var(--border-subtle);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}[data-page=tijdlijn] .tl-line-fill{background:linear-gradient(180deg, var(--accent-emerald), var(--accent-teal));z-index:1;width:2px;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-page=tijdlijn] .tl-entry{opacity:0;grid-template-columns:1fr 80px 1fr;align-items:center;gap:0;margin-bottom:80px;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:translateY(40px)}[data-page=tijdlijn] .tl-entry:last-child{margin-bottom:0}[data-page=tijdlijn] .tl-entry.visible{opacity:1;transform:translateY(0)}[data-page=tijdlijn] .tl-entry .tl-content{grid-column:1}[data-page=tijdlijn] .tl-entry .tl-media,[data-page=tijdlijn] .tl-entry.reverse .tl-content{grid-column:3}[data-page=tijdlijn] .tl-entry.reverse .tl-media{grid-area:1/1}[data-page=tijdlijn] .tl-dot-wrapper{z-index:2;grid-area:1/2;justify-content:center;align-items:center;display:flex;position:relative}[data-page=tijdlijn] .tl-dot{background:var(--bg-primary);border:2px solid var(--border-medium);z-index:2;border-radius:50%;width:16px;height:16px;transition:border-color .5s,box-shadow .5s,background .5s;position:relative}[data-page=tijdlijn] .tl-entry.visible .tl-dot{border-color:var(--accent-emerald);background:#10b98126;box-shadow:0 0 12px #10b9814d}[data-page=tijdlijn] .tl-dot.passed{background:var(--accent-emerald)!important;border-color:var(--accent-emerald)!important;box-shadow:0 0 16px #10b98180!important}[data-page=tijdlijn] .tl-entry.milestone .tl-dot{width:22px;height:22px}[data-page=tijdlijn] .tl-entry.milestone.visible .tl-dot{background:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 24px #10b98180,0 0 48px #10b98133}[data-page=tijdlijn] .tl-content{padding:0 20px}[data-page=tijdlijn] .tl-date{color:var(--accent-emerald);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;font-family:var(--font-mono);margin-bottom:8px}[data-page=tijdlijn] .tl-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}[data-page=tijdlijn] .tl-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}[data-page=tijdlijn] .tl-media{padding:0 20px}[data-page=tijdlijn] .tl-media-img{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;overflow:hidden;box-shadow:0 16px 48px #0000004d}[data-page=tijdlijn] .tl-media-img:hover{transform:translateY(-4px);box-shadow:0 24px 64px #0006}[data-page=tijdlijn] .tl-media-img img{width:100%;height:auto;display:block}[data-page=tijdlijn] .tl-media-img.tl-media-tall img{object-fit:cover;height:320px}[data-page=tijdlijn] .tl-flag{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#ffffff05;align-items:center;gap:20px;padding:48px 40px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;display:flex;box-shadow:0 16px 48px #0000004d}[data-page=tijdlijn] .tl-flag:hover{transform:translateY(-4px);box-shadow:0 24px 64px #0006}[data-page=tijdlijn] .tl-flag img{border-radius:6px;width:72px;height:auto;box-shadow:0 4px 12px #0000004d}[data-page=tijdlijn] .tl-flag-text{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}[data-page=tijdlijn] .tl-media-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#ffffff05;justify-content:center;align-items:center;padding:40px;display:flex}[data-page=tijdlijn] .tl-media-badge img{max-width:200px;max-height:100px}[data-page=tijdlijn] .tl-entry.no-media .tl-content{padding-right:40px}[data-page=tijdlijn] .tl-entry.reverse.no-media .tl-content{padding-left:40px}[data-page=tijdlijn] .tl-year-marker{justify-content:center;align-items:center;margin-bottom:80px;display:flex;position:relative}[data-page=tijdlijn] .tl-year-badge{z-index:2;background:var(--bg-primary);border:1px solid var(--border-medium);color:var(--text-primary);letter-spacing:.04em;font-size:14px;font-weight:700;font-family:var(--font-mono);border-radius:100px;padding:8px 24px;position:relative}@media (max-width:1024px){[data-page=tijdlijn] .tl-section{padding:40px 24px 100px}[data-page=tijdlijn] .tl-entry{margin-bottom:60px}}@media (max-width:768px){[data-page=tijdlijn] .tl-section{padding:20px 16px 80px}[data-page=tijdlijn] .tl-line,[data-page=tijdlijn] .tl-line-fill{left:20px}[data-page=tijdlijn] .tl-entry{grid-template-columns:40px 1fr;gap:0;margin-bottom:48px}[data-page=tijdlijn] .tl-dot-wrapper{grid-column:1;justify-content:center}[data-page=tijdlijn] .tl-entry .tl-content,[data-page=tijdlijn] .tl-entry.reverse .tl-content{grid-column:2;padding:0 0 0 16px}[data-page=tijdlijn] .tl-entry .tl-media,[data-page=tijdlijn] .tl-entry.reverse .tl-media{grid-area:2/2;padding:12px 0 0 16px}[data-page=tijdlijn] .tl-year-marker{justify-content:flex-start;margin-bottom:48px;padding-left:48px}[data-page=tijdlijn] .tl-media-img.tl-media-tall img{height:200px}[data-page=tijdlijn] .tl-title{font-size:20px}}[data-page=over-ons] .hero{min-height:auto;padding-bottom:0}[data-page=over-ons] .hero-content{max-width:860px}[data-page=over-ons] .hero-heading .about-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#2dd4bf);-webkit-background-clip:text;background-clip:text}[data-page=over-ons] .about-group-photo{z-index:1;max-width:1280px;margin:0 auto;padding:80px 40px 0;position:relative}[data-page=over-ons] .about-group-photo-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);position:relative;overflow:hidden}[data-page=over-ons] .about-group-photo-wrapper img{object-fit:cover;width:100%;height:400px;display:block}[data-page=over-ons] .about-group-photo-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#09090bcc 100%);position:absolute;inset:0}[data-page=over-ons] .about-group-photo-caption{z-index:1;color:#ffffffb3;font-size:14px;font-weight:500;position:absolute;bottom:24px;left:32px}[data-page=over-ons] .about-story{z-index:1;max-width:1280px;margin:0 auto;padding:120px 40px 0;position:relative}[data-page=over-ons] .about-story-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:80px;display:grid}[data-page=over-ons] .about-story-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-emerald);align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600;display:inline-flex}[data-page=over-ons] .about-story-label-line{background:var(--accent-emerald);opacity:.5;width:24px;height:1px}[data-page=over-ons] .about-story h2{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}[data-page=over-ons] .about-story-text{color:var(--text-secondary);letter-spacing:-.01em;font-size:16px;line-height:1.75}[data-page=over-ons] .about-story-text p{margin-bottom:20px}[data-page=over-ons] .about-story-text p:last-child{margin-bottom:0}[data-page=over-ons] .about-story-text strong{color:var(--text-primary);font-weight:600}[data-page=over-ons] .about-story-right{flex-direction:column;gap:24px;height:100%;display:flex}[data-page=over-ons] .about-pullquote{border-radius:var(--radius-xl);background:linear-gradient(135deg,#10b9810f 0%,#2dd4bf08 100%);border:1px solid #10b9811f;padding:32px 40px 40px}[data-page=over-ons] .about-pullquote:before{content:"“";color:var(--accent-emerald);opacity:.5;margin-bottom:12px;font-size:48px;font-weight:700;line-height:.6;display:block}[data-page=over-ons] .about-pullquote p{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-style:italic;font-weight:500;line-height:1.6}[data-page=over-ons] .about-pullquote-author{color:var(--text-muted);margin-top:16px;font-size:13px;font-style:normal}[data-page=over-ons] .about-pullquote-author strong{color:var(--text-secondary)}[data-page=over-ons] .about-photo-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);flex:1;min-height:0;overflow:hidden}[data-page=over-ons] .about-photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}[data-page=over-ons] .about-photo-card:hover img{transform:scale(1.03)}[data-page=over-ons] .about-values{z-index:1;max-width:1280px;margin:0 auto;padding:160px 40px 0;position:relative}[data-page=over-ons] .about-values-header{text-align:center;margin-bottom:64px}[data-page=over-ons] .about-values-header h2{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}[data-page=over-ons] .about-values-header p{color:var(--text-secondary);letter-spacing:-.01em;max-width:560px;margin:0 auto;font-size:17px}[data-page=over-ons] .about-values-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}[data-page=over-ons] .about-value-card{background:var(--bg-primary);padding:48px 40px;transition:background .3s}[data-page=over-ons] .about-value-card:hover{background:#ffffff04}[data-page=over-ons] .about-value-icon{border-radius:var(--radius-lg);background:var(--accent-emerald-soft);border:1px solid #10b98126;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;transition:transform .3s,box-shadow .3s;display:flex}[data-page=over-ons] .about-value-card:hover .about-value-icon{transform:translateY(-2px);box-shadow:0 8px 24px #10b98126}[data-page=over-ons] .about-value-icon svg{width:22px;height:22px;stroke:var(--accent-emerald);fill:none;stroke-width:1.8px}[data-page=over-ons] .about-value-card h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:600}[data-page=over-ons] .about-value-card p{color:var(--text-muted);font-size:14px;line-height:1.65}[data-page=over-ons] .about-team{z-index:1;max-width:1280px;margin:0 auto;padding:160px 40px 0;position:relative}[data-page=over-ons] .about-team-header{text-align:center;margin-bottom:64px}[data-page=over-ons] .about-team-header h2{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}[data-page=over-ons] .about-team-header p{color:var(--text-secondary);letter-spacing:-.01em;max-width:560px;margin:0 auto;font-size:17px}[data-page=over-ons] .about-team-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}[data-page=over-ons] .team-card{background:var(--bg-primary);text-align:center;padding:40px 24px 32px;transition:background .3s;position:relative}[data-page=over-ons] .team-card:hover{background:#ffffff05}[data-page=over-ons] .team-card-avatar{width:120px;height:120px;margin:0 auto 20px;position:relative}[data-page=over-ons] .team-card-avatar img{object-fit:contain;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}[data-page=over-ons] .team-card:hover .team-card-avatar img{transform:scale(1.08)translateY(-4px)}[data-page=over-ons] .team-card-name{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:16px;font-weight:600}[data-page=over-ons] .team-card-role{color:var(--text-muted);letter-spacing:-.01em;font-size:13px}[data-page=over-ons] .team-card.team-card-cta{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}[data-page=over-ons] .team-card-cta .team-card-avatar img{opacity:.6;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}[data-page=over-ons] .team-card-cta:hover .team-card-avatar img{opacity:.85}[data-page=over-ons] .team-card-cta .team-card-name{color:var(--accent-emerald)}[data-page=over-ons] .team-card-cta .team-card-role{color:var(--text-faint)}[data-page=over-ons] .about-app{z-index:1;max-width:1280px;margin:0 auto;padding:160px 40px 0;position:relative}[data-page=over-ons] .about-app-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}[data-page=over-ons] .about-app h2{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.1}[data-page=over-ons] .about-app-desc{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.75}[data-page=over-ons] .about-app-features{flex-direction:column;gap:16px;display:flex}[data-page=over-ons] .about-app-feature{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#ffffff03;align-items:flex-start;gap:16px;padding:16px 20px;transition:border-color .3s,background .3s;display:flex}[data-page=over-ons] .about-app-feature:hover{background:#10b98108;border-color:#10b98133}[data-page=over-ons] .about-app-feature-icon{border-radius:var(--radius-md);background:var(--accent-emerald-soft);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-page=over-ons] .about-app-feature-icon svg{width:18px;height:18px;stroke:var(--accent-emerald);fill:none;stroke-width:1.8px}[data-page=over-ons] .about-app-feature h4{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:15px;font-weight:600}[data-page=over-ons] .about-app-feature p{color:var(--text-muted);font-size:13px;line-height:1.55}[data-page=over-ons] .about-app-screenshot{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 20px 60px #0006}[data-page=over-ons] .about-app-screenshot img{width:100%;display:block}@media (max-width:1024px){[data-page=over-ons] .about-group-photo{padding:60px 24px 0}[data-page=over-ons] .about-story{padding:80px 24px 0}[data-page=over-ons] .about-story-grid{gap:48px}[data-page=over-ons] .about-values,[data-page=over-ons] .about-team{padding:100px 24px 0}[data-page=over-ons] .about-team-grid{grid-template-columns:repeat(4,1fr)}[data-page=over-ons] .about-app{padding:100px 24px 0}[data-page=over-ons] .about-app-grid{gap:48px}}@media (max-width:768px){[data-page=over-ons] .about-group-photo{padding:40px 16px 0}[data-page=over-ons] .about-group-photo-wrapper img{height:240px}[data-page=over-ons] .about-story{padding:64px 16px 0}[data-page=over-ons] .about-story-grid{grid-template-columns:1fr;gap:40px}[data-page=over-ons] .about-values{padding:80px 16px 0}[data-page=over-ons] .about-values-grid{grid-template-columns:1fr}[data-page=over-ons] .about-value-card{padding:32px 24px}[data-page=over-ons] .about-team{padding:80px 16px 0}[data-page=over-ons] .about-team-grid{grid-template-columns:repeat(2,1fr)}[data-page=over-ons] .team-card{padding:28px 16px 24px}[data-page=over-ons] .team-card-avatar{width:88px;height:88px}[data-page=over-ons] .about-app{padding:80px 16px 0}[data-page=over-ons] .about-app-grid{grid-template-columns:1fr}}[data-page=ai] .ai-page .bg-glow{background:radial-gradient(#10b9810f 0%,#10b98105 40%,#0000 70%)}[data-page=ai] .ai-page .card-glow{background:radial-gradient(#10b98180 0%,#0596694d 25%,#10b9811f 45%,#0000 65%)}[data-page=ai] .ai-page .hero-badge-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}[data-page=ai] .ai-page .hero-badge:before{background:linear-gradient(90deg,#0000,#10b9810f,#0000) 0 0/200% 100%}[data-page=ai] .ai-page .sidebar-item.active:before{background:var(--accent-emerald)}[data-page=ai] .ai-page .sidebar-badge{background:var(--accent-emerald-soft);color:var(--accent-emerald)}[data-page=ai] .ai-page .app-card:before{background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #10b98126, transparent 40%)}[data-page=ai] .ai-flow-canvas{background:radial-gradient(#ffffff08 1px,#0000 1px) 0 0/20px 20px;flex:1;padding:32px;position:relative;overflow:hidden}[data-page=ai] .ai-flow-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}[data-page=ai] .ai-flow-title{color:var(--text-primary);font-size:15px;font-weight:600}[data-page=ai] .ai-flow-status{color:var(--accent-emerald);background:var(--accent-emerald-soft);border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}[data-page=ai] .ai-flow-status-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}[data-page=ai] .flow-graph{justify-content:center;align-items:center;width:100%;height:calc(100% - 60px);display:flex;position:relative}[data-page=ai] .flow-node{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);z-index:1;flex-direction:column;gap:6px;min-width:180px;padding:14px 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute}[data-page=ai] .flow-node:hover{border-color:var(--border-strong);box-shadow:0 4px 16px #0000004d}[data-page=ai] .flow-node-header{align-items:center;gap:8px;display:flex}[data-page=ai] .flow-node-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-page=ai] .flow-node-icon svg{stroke-width:1.8px;fill:none;width:14px;height:14px}[data-page=ai] .flow-node-icon.green{background:var(--accent-emerald-soft)}[data-page=ai] .flow-node-icon.green svg{stroke:var(--accent-emerald)}[data-page=ai] .flow-node-icon.blue{background:var(--accent-blue-soft)}[data-page=ai] .flow-node-icon.blue svg{stroke:var(--accent-blue)}[data-page=ai] .flow-node-icon.amber{background:var(--accent-amber-soft)}[data-page=ai] .flow-node-icon.amber svg{stroke:var(--accent-amber)}[data-page=ai] .flow-node-icon.purple{background:var(--accent-purple-soft)}[data-page=ai] .flow-node-icon.purple svg{stroke:var(--accent-purple)}[data-page=ai] .flow-node-name{color:var(--text-primary);font-size:13px;font-weight:600}[data-page=ai] .flow-node-desc{color:var(--text-faint);padding-left:36px;font-size:11px}[data-page=ai] .flow-node-meta{align-items:center;gap:8px;margin-top:2px;padding-left:36px;display:flex}[data-page=ai] .flow-node-tag{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}[data-page=ai] .flow-node.trigger{border-color:#10b9814d}[data-page=ai] .flow-lines{pointer-events:none;z-index:0;position:absolute;inset:0}[data-page=ai] .flow-lines line,[data-page=ai] .flow-lines path{stroke:var(--border-medium);stroke-width:1.5px;fill:none}.ai-hero{z-index:1;align-items:center;min-height:100vh;padding:150px 40px 80px;display:flex;position:relative}.ai-hero-inner{grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;width:100%;max-width:1280px;margin:0 auto;display:grid}.ai-hero-copy{text-align:left;max-width:580px}.ai-hero .hero-badge{margin:0}.ai-hero-heading{letter-spacing:-.03em;margin:26px 0 0;font-size:clamp(38px,4.6vw,62px);font-weight:700;line-height:1.04}.ai-hero-subtitle{color:var(--text-secondary);max-width:470px;margin:24px 0 0;font-size:18px;line-height:1.6}.ai-hero .hero-cta{justify-content:flex-start;gap:14px;margin-top:36px;display:flex}.ai-hero-visual{position:relative}.aiv-stage{width:100%;height:70vh;min-height:560px;max-height:760px;position:relative;overflow:visible}.aiv-canvas{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 54%,#0000 96%);mask-image:radial-gradient(circle closest-side,#000 54%,#0000 96%)}.aiv-cards{pointer-events:none;position:absolute;inset:0}.aiv-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#0d1514d1;border:1px solid #ffffff1a;border-radius:13px;width:268px;padding:12px 14px;transition:opacity .6s cubic-bezier(.16,1,.3,1);animation:7s ease-in-out infinite aiv-float;position:absolute;box-shadow:0 16px 44px #0000008c}.aiv-card.in{opacity:1}.aiv-card--a{animation-duration:7.5s;top:4%;left:-7%}.aiv-card--b{animation-duration:8.6s;animation-delay:-2.2s;top:41%;right:-9%}.aiv-card--c{animation-duration:6.8s;animation-delay:-4.1s;bottom:5%;left:0%}@keyframes aiv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.aiv-card{animation:none}}.aiv-card-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.aiv-card-icon{width:27px;height:27px;color:var(--accent-emerald);background:#10b98124;border-radius:8px;flex:0 0 27px;place-items:center;display:grid}.aiv-card-icon svg{width:14px;height:14px}.aiv-card-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-teal);font-size:11px;font-weight:600}.aiv-card-live{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.aiv-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.aiv-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.aiv-card-sub{color:var(--text-secondary);margin-top:3px;font-size:12.5px}.aiv-card-status{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98138;border-radius:99px;align-items:center;gap:6px;margin-top:11px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.aiv-check{font-size:11px}@media (max-width:980px){.ai-hero{min-height:0;padding:120px 24px 60px}.ai-hero-inner{grid-template-columns:1fr;gap:40px}.ai-hero-copy{max-width:none}.aiv-stage{height:70vw;min-height:400px}}.aiv-card{overflow:hidden}.aiv-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 32%,#2dd4bf29 50%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.aiv-card.in:after{animation:1.5s ease-out aiv-scan}@keyframes aiv-scan{to{transform:translate(120%)}}.aiv-card-icon{transition:box-shadow .3s}.aiv-card.in .aiv-card-icon{animation:1.1s ease-in-out aiv-iconpulse}@keyframes aiv-iconpulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 6px #10b9811f}}.aiv-card-bar{background:#ffffff12;border-radius:99px;height:4px;margin:11px 0 9px;overflow:hidden}.aiv-card-bar-fill{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-teal));border-radius:99px;width:0;height:100%;display:block}.aiv-card.in .aiv-card-bar-fill{animation:1.3s cubic-bezier(.4,0,.2,1) forwards aiv-fill}@keyframes aiv-fill{0%{width:0}to{width:100%}}.aiv-card-foot{min-height:23px;position:relative}.aiv-proc,.aiv-done{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex;position:absolute;top:0;left:0}.aiv-proc{color:var(--text-secondary);opacity:0}.aiv-done{color:var(--accent-emerald);opacity:0;background:#10b9811a;border:1px solid #10b98138;border-radius:99px;padding:3px 10px;font-weight:600;transform:translateY(4px)}.aiv-card.in .aiv-proc{animation:1.3s ease-out forwards aiv-proc}.aiv-card.in .aiv-done{animation:1.8s ease-out forwards aiv-done}@keyframes aiv-proc{0%{opacity:0}14%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes aiv-done{0%,68%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.aiv-dots{gap:3px;margin-left:3px;display:inline-flex}.aiv-dots i{background:var(--accent-teal);border-radius:50%;width:3px;height:3px;animation:1s infinite aiv-blink}.aiv-dots i:nth-child(2){animation-delay:.15s}.aiv-dots i:nth-child(3){animation-delay:.3s}@keyframes aiv-blink{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.aiv-card:after,.aiv-card.in .aiv-card-bar-fill,.aiv-card.in .aiv-proc,.aiv-card.in .aiv-done,.aiv-card.in .aiv-card-icon,.aiv-dots i{animation:none}.aiv-card .aiv-done{opacity:1;transform:none}.aiv-card-bar-fill{width:100%}}.aib-section{z-index:1;max-width:1240px;margin:0 auto;padding:80px 40px 50px;position:relative}.aib-head{text-align:center;max-width:660px;margin:0 auto 42px}.aib-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal);background:#10b98114;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:inline-flex}.aib-eyebrow-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.aib-h2{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1}.aib-sub{color:var(--text-secondary);margin:16px 0 0;font-size:16px;line-height:1.6}.aib-grid{grid-template-rows:262px 312px;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.aib-assist{grid-area:span 2/span 2}.aib-intake{grid-column:span 2}.aib-factuur,.aib-confirm{grid-column:span 1}.aib-card{opacity:0;background:radial-gradient(130% 90% at 100% 0,#10b9810f 0%,#0000 52%),linear-gradient(165deg,#131c1a 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:22px;flex-direction:column;padding:28px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.aib-grid.in .aib-card{animation:.7s cubic-bezier(.16,1,.3,1) both aib-reveal}.aib-grid.in .aib-intake{animation-delay:80ms}.aib-grid.in .aib-factuur{animation-delay:.16s}.aib-grid.in .aib-confirm{animation-delay:.24s}@keyframes aib-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.aib-card:hover{border-color:#10b98161;transform:translateY(-5px);box-shadow:0 30px 70px #00000080,0 0 56px #10b98114,inset 0 1px #ffffff12}.aib-card-head{justify-content:space-between;align-items:center;display:flex}.aib-tag{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-teal);font-size:11px}.aib-live{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.aib-live-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.aib-title{color:var(--text-primary);letter-spacing:-.015em;margin:15px 0 0;font-size:20px;font-weight:650;line-height:1.2}.aib-desc{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.aib-chat{flex-direction:column;flex:1;min-height:0;margin-top:20px;display:flex}.aib-chat-scroll{flex-direction:column;flex:1;justify-content:flex-end;gap:11px;display:flex;overflow:hidden}.aib-msg{display:flex}.aib-msg.user{justify-content:flex-end}.aib-msg.ai{justify-content:flex-start}.aib-bubble{border-radius:15px;max-width:86%;padding:11px 15px;font-size:13.5px;line-height:1.5;animation:.4s cubic-bezier(.16,1,.3,1) aib-pop}.aib-msg.user .aib-bubble{color:var(--text-primary);background:#10b98121;border:1px solid #10b98147;border-bottom-right-radius:5px}.aib-msg.ai .aib-bubble{color:var(--text-secondary);background:#161f1d;border:1px solid #ffffff14;border-bottom-left-radius:5px}@keyframes aib-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.aib-chip{color:var(--accent-emerald);align-items:center;gap:7px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.aib-chip-check{background:var(--accent-emerald);color:#04130e;border-radius:50%;flex:0 0 14px;place-items:center;width:14px;height:14px;font-size:9px;display:grid}.aib-typing{gap:4px;padding:13px;display:inline-flex}.aib-typing i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.aib-grid.in .aib-typing i{animation:1.2s infinite aib-blink}.aib-grid.in .aib-typing i:nth-child(2){animation-delay:.2s}.aib-grid.in .aib-typing i:nth-child(3){animation-delay:.4s}@keyframes aib-blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.aib-input{background:#0c1211;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;display:flex}.aib-input-text{color:var(--text-faint);flex:1;font-size:12.5px}.aib-caret{background:var(--accent-emerald);width:1.5px;height:14px}.aib-grid.in .aib-caret{animation:1.1s step-end infinite aib-caret}@keyframes aib-caret{0%,50%{opacity:1}51%,to{opacity:0}}.aib-send{width:28px;height:28px;color:var(--accent-emerald);background:#10b98126;border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.aib-send svg{width:13px;height:13px}.aib-intake-vis{flex:1;align-items:center;gap:18px;margin-top:20px;display:flex}.aib-email{background:#0e1413;border:1px solid #ffffff14;border-radius:12px;flex:1;align-self:stretch;min-width:0;padding:12px;position:relative;overflow:hidden}.aib-email-top{justify-content:space-between;align-items:center;font-size:11px;display:flex}.aib-email-from{color:var(--text-secondary);font-weight:600}.aib-email-time{color:var(--text-faint);font-family:var(--font-mono)}.aib-email-subj{color:var(--text-primary);margin-top:7px;font-size:12px;font-weight:500}.aib-email-body{flex-direction:column;gap:6px;margin-top:11px;display:flex}.aib-email-body span{background:#ffffff14;border-radius:3px;height:5px}.aib-email-body span.short{width:55%}.aib-scan{border-bottom:1.5px solid var(--accent-emerald);background:linear-gradient(#10b98100,#10b9812e);height:44px;position:absolute;top:-44px;left:0;right:0}.aib-grid.in .aib-intake .aib-scan{animation:3s ease-in-out infinite aib-scan}@keyframes aib-scan{0%{opacity:0;top:-44px}8%{opacity:1}58%{opacity:1;top:100%}64%,to{opacity:0}}.aib-intake-arrow{color:var(--accent-teal);flex:none}.aib-intake-arrow svg{width:20px;height:20px;display:block}.aib-fields{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.aib-field{opacity:.4;background:#0e1413;border:1px solid #ffffff12;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;display:flex}.aib-grid.in .aib-intake .aib-field{animation:3s ease-in-out infinite aib-field;animation-delay:calc(var(--i) * .16s + .5s)}@keyframes aib-field{0%,to{opacity:.4;border-color:#ffffff12}18%,82%{opacity:1;border-color:#10b9814d}}.aib-field-k{color:var(--text-faint);font-size:11px}.aib-field-v{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.aib-match{flex-direction:column;flex:1;justify-content:center;margin-top:22px;display:flex;position:relative}.aib-match-scan{border-bottom:1.5px solid var(--accent-teal);opacity:0;pointer-events:none;background:linear-gradient(#2dd4bf00,#2dd4bf29);border-radius:6px;height:42px;position:absolute;top:-14px;left:-8px;right:-8px}.aib-grid.in .aib-factuur .aib-match-scan{animation:3.8s ease-in-out infinite aib-fc-scan}@keyframes aib-fc-scan{0%{opacity:0;top:-14px}8%{opacity:1}38%{opacity:1;top:calc(100% - 42px)}46%,to{opacity:0}}.aib-match-row{background:#0e1413;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .3s;display:flex}.aib-grid.in .aib-factuur .aib-match-row.r1{animation:3.8s ease-in-out infinite aib-fc-row}.aib-grid.in .aib-factuur .aib-match-row.r2{animation:3.8s ease-in-out .3s infinite aib-fc-row}@keyframes aib-fc-row{0%,12%{border-color:#ffffff14}24%,92%{border-color:#10b98173}to{border-color:#ffffff14}}.aib-match-label{color:var(--text-muted);font-size:12px}.aib-match-val{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.aib-match-mid{justify-content:center;align-items:center;height:24px;display:flex;position:relative}.aib-match-mid:before{content:"";background:#10b9814d;width:1.5px;position:absolute;top:-1px;bottom:-1px;left:50%;transform:translate(-50%)}.aib-match-node{z-index:1;width:21px;height:21px;color:var(--accent-emerald);background:#0e1413;border:1.5px solid #10b98173;border-radius:50%;place-items:center;display:grid;position:relative}.aib-match-node svg{width:10px;height:10px}.aib-grid.in .aib-factuur .aib-match-node{animation:3.8s ease-in-out infinite aib-fc-node}@keyframes aib-fc-node{0%,24%{border-color:#ffffff1f;box-shadow:0 0 #10b98173}38%{border-color:#10b98199;box-shadow:0 0 0 6px #10b98100}40%,to{border-color:#10b98173;box-shadow:0 0 #10b98100}}.aib-match-result{color:var(--accent-emerald);opacity:0;background:#10b9811a;border:1px solid #10b98140;border-radius:100px;align-self:center;align-items:center;gap:8px;margin-top:20px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.aib-grid.in .aib-factuur .aib-match-result{animation:3.8s ease-in-out infinite aib-fc-badge}@keyframes aib-fc-badge{0%,40%{opacity:0;transform:translateY(6px)scale(.94)}52%{opacity:1;transform:translateY(0)scale(1.04)}60%,90%{opacity:1;transform:translateY(0)scale(1)}98%,to{opacity:0;transform:translateY(6px)scale(.94)}}.aib-doc{flex-direction:column;flex:1;margin-top:16px;display:flex}.aib-doc-paper{background:#0e1413;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;padding:16px 16px 15px;display:flex;position:relative;overflow:hidden}.aib-doc-shimmer{pointer-events:none;background:linear-gradient(120deg,#0000 38%,#10b98117 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.aib-grid.in .aib-confirm .aib-doc-shimmer{animation:3.6s ease-in-out infinite aib-doc-shimmer}@keyframes aib-doc-shimmer{0%{transform:translate(-130%)}42%,to{transform:translate(130%)}}.aib-doc-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;display:flex}.aib-doc-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.aib-doc-num{font-family:var(--font-mono);color:var(--accent-teal);white-space:nowrap;font-size:10.5px}.aib-doc-party{color:var(--text-secondary);margin-top:12px;font-size:12px}.aib-doc-item{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11.5px;display:flex}.aib-doc-item span:first-child{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aib-doc-item span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.aib-doc-total{border-top:1px solid #ffffff12;justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.aib-doc-total span:first-child{color:var(--text-muted)}.aib-doc-total span:last-child{color:var(--accent-emerald);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.aib-doc-sent{color:var(--text-muted);align-self:flex-start;align-items:center;gap:9px;margin-top:13px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.aib-grid.in .aib-confirm .aib-doc-sent{animation:3.6s ease-in-out infinite aib-sent}@keyframes aib-sent{0%,46%{color:var(--text-muted)}62%,90%{color:var(--accent-emerald)}to{color:var(--text-muted)}}.aib-plane{width:24px;height:24px;color:var(--accent-emerald);background:#10b98124;border-radius:7px;flex:0 0 24px;place-items:center;display:grid}.aib-plane svg{width:12px;height:12px}.aib-grid.in .aib-confirm .aib-plane{animation:3.6s cubic-bezier(.5,0,.5,1) infinite aib-launch}@keyframes aib-launch{0%,46%{opacity:1;transform:translate(0)}60%{opacity:0;transform:translate(18px,-18px)rotate(8deg)}61%{opacity:0;transform:translate(-9px,9px)rotate(0)}80%,to{opacity:1;transform:translate(0)}}@media (max-width:900px){.aib-grid{grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.aib-assist{grid-area:span 2/span 2}.aib-intake{grid-column:span 2}.aib-factuur,.aib-confirm{grid-area:span 1/span 1}}@media (max-width:600px){.aib-section{padding:54px 20px 30px}.aib-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.aib-assist,.aib-intake,.aib-factuur,.aib-confirm{grid-area:auto/1}.aib-assist{min-height:400px}.aib-intake,.aib-factuur,.aib-confirm{min-height:240px}}@media (prefers-reduced-motion:reduce){.aib-grid.in .aib-card{animation:none}.aib-scan,.aib-field,.aib-match-scan,.aib-match-row,.aib-match-node,.aib-match-result,.aib-doc-shimmer,.aib-doc-sent,.aib-plane,.aib-caret,.aib-typing i,.aib-bubble{animation:none!important}.aib-field,.aib-match-result{opacity:1}}.aib-card{isolation:isolate}.aib-in{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.aib-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #10b98129, transparent 62%);opacity:0;mix-blend-mode:screen;border-radius:22px;transition:opacity .45s;position:absolute;inset:0}.aib-grid:hover .aib-card:after{opacity:1}@property --aib-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.aib-card:before{content:"";z-index:3;pointer-events:none;-webkit-mask-composite:xor;opacity:.7;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(150deg,#10b98166,#ffffff0d 45%,#0000 75%);border-radius:22px;padding:1px;transition:opacity .45s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.aib-card:hover:before{opacity:1;background:conic-gradient(from var(--aib-angle), #10b981b3, #2dd4bf40 25%, transparent 45%, transparent 55%, #10b981b3);animation:4s linear infinite aib-spin}@keyframes aib-spin{to{--aib-angle:360deg}}.aib-aurora{z-index:0;opacity:.42;border-radius:22px;position:absolute;inset:0;overflow:hidden}.aib-aurora i{filter:blur(46px);border-radius:50%;position:absolute}.aib-aurora i:first-child{background:#10b98140;width:60%;height:65%;top:-18%;left:-12%}.aib-aurora i:nth-child(2){background:#2dd4bf2e;width:55%;height:60%;bottom:-14%;right:-16%}.aib-aurora i:nth-child(3){background:#0d948829;width:42%;height:46%;top:40%;left:34%}.aib-grid.in .aib-aurora i{animation:11s ease-in-out infinite aib-drift}.aib-grid.in .aib-aurora i:nth-child(2){animation-duration:14s;animation-direction:reverse}.aib-grid.in .aib-aurora i:nth-child(3){animation-duration:17s}@keyframes aib-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18%,14%)scale(1.18)}}.aib-intake-arrow{position:relative}.aib-stream{pointer-events:none;width:64px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aib-stream i{background:var(--accent-teal);width:4px;height:4px;box-shadow:0 0 7px var(--accent-teal);opacity:0;border-radius:50%;position:absolute;top:0;left:0}.aib-grid.in .aib-intake .aib-stream i{animation:1.7s linear infinite aib-stream}.aib-grid.in .aib-intake .aib-stream i:nth-child(2){animation-delay:.57s}.aib-grid.in .aib-intake .aib-stream i:nth-child(3){animation-delay:1.14s}@keyframes aib-stream{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:60px}}@media (prefers-reduced-motion:reduce){.aib-card:before{animation:none}.aib-aurora i,.aib-stream i{animation:none!important}.aib-stream{display:none}}.ois-section{z-index:1;max-width:1240px;margin:0 auto;padding:80px 40px 70px;position:relative}.ois-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:44px;display:flex}.ois-h2{letter-spacing:-.02em;margin:18px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.08}.ois-head-sub{max-width:440px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.65}.ois-stage{grid-template-columns:1fr 150px 1fr;align-items:stretch;display:grid}.ois-panel{background:linear-gradient(165deg,#131c1a 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:22px;transition:border-color .5s,box-shadow .5s;display:flex;position:relative;box-shadow:0 22px 55px #00000061}.ois-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ois-panel-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:inline-flex}.ois-panel-tag svg{width:14px;height:14px}.ois-order-tag{color:var(--accent-teal)}.ois-panel-meta{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:10.5px}.ois-order-state{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:10.5px;transition:color .4s}.ois-order-state.done{color:var(--accent-emerald)}.ois-email{flex:1;position:relative}.ois-email-from{align-items:center;gap:11px;display:flex}.ois-avatar{color:#d6fff0;background:linear-gradient(135deg,#1f6f5c,#134e4a);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.ois-email-name{color:var(--text-primary);font-size:13px;font-weight:600}.ois-email-addr{color:var(--text-faint);font-size:11px}.ois-email-subj{color:var(--text-primary);margin:16px 0 9px;font-size:13.5px;font-weight:600}.ois-email-body{color:var(--text-secondary);font-size:14.5px;line-height:1.75}.ois-ent{color:var(--text-secondary);border-radius:5px;padding:1px 4px;transition:background .4s,color .4s,box-shadow .4s}.ois-ent.on{color:#e9fff7;background:#10b98129;box-shadow:inset 0 0 0 1px #10b98159}.ois-scan{border-bottom:1.5px solid var(--accent-teal);opacity:0;pointer-events:none;background:linear-gradient(#2dd4bf00,#2dd4bf24);border-radius:8px;height:64px;position:absolute;top:-10px;left:-10px;right:-10px}.ois-scan.run{animation:1.3s ease-in-out ois-scan}@keyframes ois-scan{0%{opacity:0;top:-10px}12%{opacity:1}88%{opacity:1;top:100%}to{opacity:0;top:100%}}.ois-flow{justify-content:center;align-items:center;display:flex;position:relative}.ois-flow-line{opacity:.45;background:repeating-linear-gradient(90deg,#10b98173 0 5px,#0000 5px 12px);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ois-core{z-index:2;width:58px;height:58px;color:var(--accent-emerald);background:#0b1110;border:1px solid #10b9814d;border-radius:17px;place-items:center;transition:border-color .4s,box-shadow .4s;display:grid;position:relative}.ois-core svg{width:26px;height:26px}.ois-stage.active .ois-core svg{animation:5s linear infinite ois-spin}@keyframes ois-spin{to{transform:rotate(360deg)}}.ois-core.on{border-color:#10b981a6;box-shadow:0 0 34px #10b98147}.ois-core.done{border-color:#10b98180}.ois-core-ring{opacity:0;border:1.5px solid #10b98159;border-radius:22px;position:absolute;inset:-7px}.ois-stage.active .ois-core-ring{animation:1.7s ease-out infinite ois-ring}@keyframes ois-ring{0%{opacity:.6;transform:scale(.78)}to{opacity:0;transform:scale(1.45)}}.ois-particles{pointer-events:none;position:absolute;inset:0}.ois-particles i{background:var(--accent-teal);width:5px;height:5px;box-shadow:0 0 9px var(--accent-teal);opacity:0;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ois-stage.active .ois-particles i{animation:1.5s linear infinite ois-particle;animation-delay:calc(var(--p) * .3s)}@keyframes ois-particle{0%{opacity:0;left:6%}18%{opacity:1}82%{opacity:1}to{opacity:0;left:94%}}.ois-fields{flex-direction:column;flex:1;gap:10px;display:flex}.ois-field{background:#0e1413;border:1px solid #ffffff12;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:border-color .4s;display:flex;position:relative;overflow:hidden}.ois-field-k{color:var(--text-faint);font-size:11.5px}.ois-field-v{color:var(--text-primary);white-space:nowrap;opacity:0;font-size:13px;font-weight:600;transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1);transform:translate(10px)}.ois-field-skel{background:#ffffff14;border-radius:4px;width:76px;height:7px;transition:opacity .3s;position:absolute;right:14px}.ois-field.filled{border-color:#10b98152}.ois-field.filled .ois-field-v{opacity:1;transform:none}.ois-field.filled .ois-field-skel{opacity:0}.ois-order-done{color:var(--accent-emerald);opacity:0;align-self:flex-start;align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:600;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(7px)}.ois-order-done.on{opacity:1;transform:none}.ois-done-check{background:var(--accent-emerald);color:#04130e;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.ois-stage.done .ois-order{border-color:#10b98166;box-shadow:0 22px 55px #00000061,0 0 46px #10b9811a}@media (max-width:860px){.ois-section{padding:56px 20px 50px}.ois-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:30px}.ois-stage{grid-template-columns:1fr}.ois-flow{height:90px}.ois-flow-line{background:repeating-linear-gradient(#10b98173 0 5px,#0000 5px 12px);width:2px;height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.ois-particles{display:none}}@media (prefers-reduced-motion:reduce){.ois-scan,.ois-core svg,.ois-core-ring,.ois-particles i{animation:none!important}.ois-particles{display:none}}.ocb-section{z-index:1;max-width:1240px;margin:0 auto;padding:70px 40px;position:relative}.ocb-stage{grid-template-columns:1.05fr .8fr;align-items:stretch;gap:24px;display:grid}.ocb-doc{position:relative}.ocb-paper{background:linear-gradient(165deg,#141d1b 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:13px;height:100%;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000061}.ocb-block{opacity:0}.ocb-doc.writing .ocb-block{animation:.5s cubic-bezier(.16,1,.3,1) both ocb-block-in}.ocb-doc.writing .ocb-block:first-child{animation-delay:.1s}.ocb-doc.writing .ocb-block:nth-child(2){animation-delay:.34s}.ocb-doc.writing .ocb-block:nth-child(3){animation-delay:.58s}.ocb-doc.writing .ocb-block:nth-child(4){animation-delay:.82s}.ocb-doc.writing .ocb-block:nth-child(5){animation-delay:1.06s}.ocb-doc.writing .ocb-block:nth-child(6){animation-delay:1.3s}@keyframes ocb-block-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.ocb-doc-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:13px;display:flex}.ocb-doc-title{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.ocb-doc-sub{font-family:var(--font-mono);color:var(--text-faint);margin-top:3px;font-size:11px}.ocb-doc-logo{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff2e;font-size:13px;font-weight:800}.ocb-doc-party{color:var(--text-secondary);font-size:13px}.ocb-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-right:6px;font-size:10px}.ocb-doc-item{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.ocb-doc-item span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.ocb-doc-total{color:var(--text-muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:baseline;gap:12px;padding-top:13px;font-size:13px;display:flex}.ocb-doc-total span:last-child{color:var(--accent-emerald);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.ocb-doc-foot{color:var(--text-faint);margin-top:auto;font-size:10.5px}.ocb-seal{letter-spacing:.03em;color:var(--accent-emerald);opacity:0;background:#10b9811a;border:1px solid #10b98152;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:10.5px;font-weight:700;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:16px;right:16px;transform:rotate(-7deg)scale(.8)}.ocb-seal.on{opacity:1;transform:rotate(-7deg)scale(1)}.ocb-seal-check{background:var(--accent-emerald);color:#04130e;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:grid}.ocb-plane{width:32px;height:32px;color:var(--accent-emerald);opacity:0;z-index:3;background:#10b98129;border-radius:9px;place-items:center;display:grid;position:absolute;bottom:20px;right:26px}.ocb-plane svg{width:15px;height:15px}.ocb-plane.fly{animation:1.2s cubic-bezier(.45,0,.55,1) forwards ocb-fly}@keyframes ocb-fly{0%{opacity:0;transform:translate(0)scale(.9)}18%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(70px,-56px)rotate(14deg)scale(.8)}}.ocb-track{background:linear-gradient(165deg,#131c1a 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;padding:24px;transition:border-color .5s,box-shadow .5s;display:flex;box-shadow:0 22px 55px #00000061}.ocb-stage.sent .ocb-track{border-color:#10b98159;box-shadow:0 22px 55px #00000061,0 0 44px #10b98114}.ocb-track-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:22px;display:flex}.ocb-track-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-teal);font-size:11px}.ocb-track-to{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ocb-steps{flex-direction:column;gap:18px;display:flex;position:relative}.ocb-steps-line{background:#ffffff14;border-radius:2px;width:2px;position:absolute;top:11px;bottom:11px;left:10px;overflow:hidden}.ocb-steps-fill{background:var(--accent-emerald);width:100%;height:calc(var(--p) / 3 * 100%);transition:height .5s;position:absolute;top:0;left:0}.ocb-step{align-items:center;gap:13px;display:flex;position:relative}.ocb-node{z-index:1;background:#0e1413;border:2px solid #ffffff1f;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;transition:border-color .4s;display:grid}.ocb-node-dot{background:0 0;border-radius:50%;width:8px;height:8px;transition:background .4s,box-shadow .4s}.ocb-step.on .ocb-node{border-color:var(--accent-emerald)}.ocb-step.on .ocb-node-dot{background:var(--accent-emerald);box-shadow:0 0 9px var(--accent-emerald)}.ocb-step-text{flex-direction:column;gap:1px;display:flex}.ocb-step-label{color:var(--text-muted);font-size:12.5px;transition:color .4s}.ocb-step.on .ocb-step-label{color:var(--text-primary)}.ocb-step-time{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.ocb-read{color:var(--accent-emerald);opacity:0;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:600;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(6px)}.ocb-read.on{opacity:1;transform:none}.ocb-read-check{background:var(--accent-emerald);color:#04130e;border-radius:50%;flex:0 0 16px;place-items:center;width:16px;height:16px;font-size:10px;display:grid}@media (max-width:860px){.ocb-section{padding:50px 20px}.ocb-stage{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.ocb-block{opacity:1!important;animation:none!important}.ocb-plane{display:none}.ocb-seal{transition:none}}.ivc-section{height:240vh;position:relative}.ivc-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0}.ivc-inner{grid-template-columns:.82fr 1.18fr;align-items:center;gap:56px;width:100%;max-width:1240px;margin:0 auto;padding:0 40px;display:grid}.ivc-sub{color:var(--text-secondary);max-width:440px;margin:18px 0 0;font-size:15px;line-height:1.65}.ivc-status{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:9px;margin-top:22px;padding:9px 15px;font-size:12.5px;font-weight:600;transition:color .3s,background .3s,border-color .3s;display:inline-flex}.ivc-status-ico{background:currentColor;border-radius:50%;width:8px;height:8px}.ivc-status-idle{color:var(--text-muted)}.ivc-status-scan{color:var(--accent-teal);background:#2dd4bf14;border-color:#2dd4bf40}.ivc-status-scan .ivc-status-ico{animation:1s ease-in-out infinite ivc-blink}@keyframes ivc-blink{0%,to{opacity:1}50%{opacity:.3}}.ivc-status-warn{color:#fbbf24;background:#fbbf2414;border-color:#fbbf244d}.ivc-status-block{color:#f87171;background:#ef44441a;border-color:#ef444459}.ivc-prog{background:#ffffff14;border-radius:3px;width:220px;max-width:100%;height:3px;margin-top:18px;overflow:hidden}.ivc-prog-fill{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-teal));height:100%;transition:width .15s linear;display:block}.ivc-hint{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);margin-top:12px;font-size:10.5px;display:block}.ivc-invoice{background:linear-gradient(165deg,#141d1b 0%,#0c100f 100%);border:1px solid #ffffff14;border-radius:18px;padding:24px;transition:border-color .5s,box-shadow .5s;position:relative;box-shadow:0 26px 60px #0000006b}.ivc-invoice.done{border-color:#ef444459;box-shadow:0 26px 60px #0000006b,0 0 46px #ef44441a}.ivc-inv-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.ivc-inv-title{color:var(--text-primary);font-size:16px;font-weight:700}.ivc-inv-sub{color:var(--text-faint);margin-top:3px;font-size:12px}.ivc-inv-tag{font-family:var(--font-mono);color:var(--accent-teal);white-space:nowrap;font-size:10.5px}.ivc-lines{flex-direction:column;gap:8px;margin:14px 0;display:flex;position:relative}.ivc-scan{left:-6px;right:-6px;top:calc(var(--scan,0) * 100%);border-top:1.5px solid var(--accent-teal);opacity:.85;pointer-events:none;background:linear-gradient(#2dd4bf24,#0000);border-radius:8px;height:40px;transition:top .12s linear;position:absolute;transform:translateY(-50%)}.ivc-invoice.done .ivc-scan{opacity:0}.ivc-line{background:#0e1413;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;transition:background .4s,border-color .4s,opacity .4s;display:flex}.ivc-line-pending{opacity:.45}.ivc-line-mark{color:#0000;border:1.5px solid #ffffff24;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;transition:border-color .3s,color .3s,background .3s;display:grid}.ivc-line-mark svg{width:12px;height:12px}.ivc-line-ok .ivc-line-mark{border-color:var(--accent-emerald);color:var(--accent-emerald)}.ivc-line-err{background:#ef444414;border-color:#ef444452}.ivc-line-err .ivc-line-mark{color:#f87171;border-color:#f87171}.ivc-line-desc{color:var(--text-secondary);flex-wrap:wrap;flex:1;align-items:center;gap:9px;font-size:13px;display:flex}.ivc-line-err .ivc-line-desc{color:var(--text-primary)}.ivc-line-note{text-transform:uppercase;letter-spacing:.04em;color:#f87171;background:#ef44441f;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.ivc-line-amt{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.ivc-line-err .ivc-line-amt{color:#fca5a5}.ivc-inv-total{color:var(--text-muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:baseline;padding-top:14px;font-size:13px;display:flex}.ivc-inv-total span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.ivc-verdict{opacity:0;background:#ef444414;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:13px 15px;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(8px)}.ivc-verdict.on{opacity:1;transform:none}.ivc-verdict-ico{color:#f87171;background:#ef444429;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.ivc-verdict-ico svg{width:16px;height:16px}.ivc-verdict-title{color:#fca5a5;font-size:13px;font-weight:600}.ivc-verdict-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}@media (max-width:860px){.ivc-section{height:auto}.ivc-sticky{height:auto;padding:54px 0;position:static}.ivc-inner{grid-template-columns:1fr;gap:30px;padding:0 20px}.ivc-hint{display:none}}@media (prefers-reduced-motion:reduce){.ivc-scan,.ivc-status-scan .ivc-status-ico{animation:none!important}}.asx-section{z-index:1;max-width:1000px;margin:0 auto;padding:80px 40px 60px;position:relative}[data-page=ai] .bottom-cta{padding-top:60px}.asx-head{text-align:center;max-width:660px;margin:0 auto 40px}.asx-h2{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.1}.asx-sub{color:var(--text-secondary);max-width:560px;margin:16px auto 0;font-size:16px;line-height:1.6}.asx-chat{background:linear-gradient(#141d1b 0%,#0c100f 60%);border:1px solid #ffffff17;border-radius:22px;flex-direction:column;max-width:880px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0f,0 0 60px #10b9810f}.asx-chat-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:16px 20px;display:flex}.asx-bot{width:38px;height:38px;color:var(--accent-emerald);background:#10b98124;border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.asx-bot svg{width:20px;height:20px}.asx-bar-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.asx-bar-status{color:var(--text-muted);align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.asx-bar-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.asx-scroll{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex-direction:column;gap:14px;height:420px;padding:20px;display:flex;overflow-y:auto}.asx-scroll::-webkit-scrollbar{width:7px}.asx-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}.asx-msg{display:flex}.asx-msg-user{justify-content:flex-end}.asx-msg-ai{justify-content:flex-start}.asx-bubble{border-radius:16px;max-width:80%;padding:12px 15px;font-size:14px;line-height:1.5;animation:.4s cubic-bezier(.16,1,.3,1) aib-pop}.asx-msg-user .asx-bubble{color:var(--text-primary);background:#10b98121;border:1px solid #10b98147;border-bottom-right-radius:5px}.asx-msg-ai .asx-bubble{color:var(--text-secondary);background:#161f1d;border:1px solid #ffffff14;border-bottom-left-radius:5px;max-width:88%}.asx-typing{gap:5px;padding:15px;display:inline-flex}.asx-typing i{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite aib-blink}.asx-typing i:nth-child(2){animation-delay:.2s}.asx-typing i:nth-child(3){animation-delay:.4s}.asx-art{background:#0b110f;border:1px solid #ffffff14;border-radius:12px;margin-top:12px;padding:13px 14px}.asx-art-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.asx-art-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.asx-art-badge{color:var(--accent-emerald);white-space:nowrap;background:#10b9811a;border:1px solid #10b98140;border-radius:100px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.asx-art-check{background:var(--accent-emerald);color:#04130e;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;display:grid}.asx-art-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.asx-art-row span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.asx-art-total{color:var(--text-muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding-top:9px;font-size:12px;display:flex}.asx-art-total span:last-child{color:var(--accent-emerald);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.asx-art-foot{color:var(--text-muted);margin-top:10px;font-size:11px}.asx-art-foot strong{color:var(--accent-teal);font-weight:600}.asx-steps{flex-wrap:wrap;gap:6px 14px;display:flex}.asx-step{color:var(--text-faint);align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.asx-step-dot{border:1.5px solid;border-radius:50%;width:8px;height:8px}.asx-step-done{color:var(--accent-emerald)}.asx-step-done .asx-step-dot{background:var(--accent-emerald);border-color:var(--accent-emerald)}.asx-step-now{color:var(--accent-teal)}.asx-step-now .asx-step-dot{background:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal)}.asx-stock-top{justify-content:space-between;align-items:center;display:flex}.asx-stock-num{color:var(--text-primary);font-size:22px;font-weight:700}.asx-stock-num span{color:var(--text-muted);font-size:12px;font-weight:500}.asx-stock-bar{background:#ffffff14;border-radius:99px;height:6px;margin:11px 0 0;overflow:hidden}.asx-stock-bar span{background:linear-gradient(90deg, var(--accent-emerald), var(--accent-teal));border-radius:99px;height:100%;display:block}.asx-art-plan{align-items:center;gap:13px;display:flex}.asx-plan-cal{background:#10b9811a;border:1px solid #10b98140;border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:46px;line-height:1;display:grid}.asx-plan-day{color:var(--accent-emerald);font-size:18px;font-weight:700}.asx-plan-mon{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-teal);margin-top:2px;font-size:9px}.asx-plan-when{color:var(--text-primary);font-size:13px;font-weight:600}.asx-plan-who{color:var(--text-muted);margin-top:2px;font-size:11.5px}.asx-chips{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:8px;padding:14px 18px;display:flex}.asx-chip{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:100px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:transform .25s,border-color .25s,color .25s,background .25s}.asx-chip:hover:not(:disabled){color:var(--text-primary);background:#10b98114;border-color:#10b98173;transform:translateY(-2px)}.asx-chip:disabled{opacity:.5;cursor:default}.asx-input{align-items:center;gap:10px;padding:4px 16px 18px;display:flex}.asx-input input{color:var(--text-primary);font-family:var(--font-sans);background:#0c1211;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:13px 16px;font-size:14px;transition:border-color .25s}.asx-input input::placeholder{color:var(--text-faint)}.asx-input input:focus{border-color:#10b98180}.asx-send{cursor:pointer;color:#04130e;background:linear-gradient(#10b981,#0d9488);border:none;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;transition:opacity .25s,transform .2s;display:grid}.asx-send:hover:not(:disabled){transform:translateY(-1px)}.asx-send:disabled{opacity:.4;cursor:default}.asx-send svg{width:18px;height:18px}@media (max-width:860px){.asx-section{padding:56px 16px 60px}.asx-scroll{height:380px}.asx-bubble{max-width:90%}}@media (prefers-reduced-motion:reduce){.asx-bubble,.asx-typing i{animation:none!important}}@keyframes dsFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes dsScrollDot{0%,to{opacity:.3;top:6px}50%{opacity:1;top:14px}}[data-page=designer] html,[data-page=designer] body{overflow-x:clip}[data-page=designer] .hero{min-height:auto;padding-bottom:40px}[data-page=designer] .ds-hero-glow{pointer-events:none;filter:blur(60px);z-index:0;background:radial-gradient(#6366f199 0%,#8b5cf659 25%,#6366f126 45%,#0000 65%);width:900px;height:600px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:420px;left:50%;transform:translate(-50%)}[data-page=designer] .hero-badge{color:#818cf8;background:#6366f114;border-color:#6366f133}[data-page=designer] .hero-badge-dot{background:#818cf8}[data-page=designer] .hero-heading .ds-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}[data-page=designer] .ds-3d-scroll{height:300vh;position:relative}[data-page=designer] .ds-3d-sticky{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}[data-page=designer] #designerCanvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}[data-page=designer] .ds-canvas-glow{pointer-events:none;z-index:0;background:radial-gradient(#6366f11a 0%,#8b5cf60a 40%,#0000 70%);width:1000px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-page=designer] .ds-scroll-hint{z-index:100;opacity:1;pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .5s;display:flex;position:fixed;bottom:40px;left:0;right:0}[data-page=designer] .ds-scroll-hint span{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}[data-page=designer] .ds-scroll-mouse{border:2px solid #ffffff80;border-radius:10px;width:20px;height:32px;position:relative}[data-page=designer] .ds-scroll-mouse:after{content:"";background:#ffffffb3;border-radius:2px;width:3px;height:6px;animation:1.5s ease-in-out infinite dsScrollDot;position:absolute;top:6px;left:50%;transform:translate(-50%)}[data-page=designer] .ds-features{z-index:1;padding:120px 0;position:relative}[data-page=designer] .ds-feature{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1280px;margin:0 auto;padding:80px 40px;transition:opacity .8s,transform .8s;display:grid;transform:translateY(40px)}[data-page=designer] .ds-feature.visible{opacity:1;transform:translateY(0)}[data-page=designer] .ds-feature.reverse{direction:rtl}[data-page=designer] .ds-feature.reverse>*{direction:ltr}[data-page=designer] .ds-feature-tag{color:#818cf8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-flex}[data-page=designer] .ds-feature-tag-dot{background:#818cf8;border-radius:50%;width:6px;height:6px}[data-page=designer] .ds-feature-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1}[data-page=designer] .ds-feature-desc{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.7}[data-page=designer] .ds-feature-list{flex-direction:column;gap:10px;list-style:none;display:flex}[data-page=designer] .ds-feature-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}[data-page=designer] .ds-feature-list li svg{stroke:#818cf8;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}[data-page=designer] .ds-feature-visual{aspect-ratio:4/3;background:linear-gradient(#131316 0%,#0f0f12 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}[data-page=designer] .ds-feature-visual-inner{flex-direction:column;width:100%;height:100%;padding:24px;display:flex}[data-page=designer] .ds-products{z-index:1;max-width:1280px;margin:0 auto;padding:100px 40px;position:relative}[data-page=designer] .ds-section-heading{text-align:center;margin-bottom:60px}[data-page=designer] .ds-section-tag{color:#818cf8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-flex}[data-page=designer] .ds-section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08}[data-page=designer] .ds-section-sub{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px}[data-page=designer] .ds-products-grid{background:#1a1a1f;border:1px solid #1a1a1f;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden;box-shadow:0 20px 60px #0006}[data-page=designer] .ds-product-card{text-align:center;background:#111114;padding:40px 32px;transition:background .3s}[data-page=designer] .ds-product-card:hover{background:#161619}[data-page=designer] .ds-product-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}[data-page=designer] .ds-product-icon svg{stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}[data-page=designer] .ds-product-icon.indigo{background:#6366f11a}[data-page=designer] .ds-product-icon.indigo svg{stroke:#818cf8}[data-page=designer] .ds-product-icon.blue{background:#38bdf81a}[data-page=designer] .ds-product-icon.blue svg{stroke:#38bdf8}[data-page=designer] .ds-product-icon.violet{background:#8b5cf61a}[data-page=designer] .ds-product-icon.violet svg{stroke:#a78bfa}[data-page=designer] .ds-product-icon.amber{background:#f59e0b1a}[data-page=designer] .ds-product-icon.amber svg{stroke:#fbbf24}[data-page=designer] .ds-product-icon.pink{background:#ec48991a}[data-page=designer] .ds-product-icon.pink svg{stroke:#f472b6}[data-page=designer] .ds-product-icon.teal{background:#2dd4bf1a}[data-page=designer] .ds-product-icon.teal svg{stroke:#2dd4bf}[data-page=designer] .ds-product-name{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}[data-page=designer] .ds-product-desc{color:var(--text-muted);font-size:13px;line-height:1.5}@media (max-width:900px){[data-page=designer] .ds-feature{grid-template-columns:1fr;gap:40px}[data-page=designer] .ds-feature.reverse{direction:ltr}[data-page=designer] .ds-products-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){[data-page=designer] .ds-products-grid{grid-template-columns:1fr}[data-page=designer] .ds-stats{flex-direction:column;gap:24px}}[data-page=designer] .ds-3d-scroll.dx{height:460vh}[data-page=designer] .dx-overlay{z-index:3;pointer-events:none;opacity:0;transition:opacity .45s;position:absolute;inset:0}[data-page=designer] .dx-overlay.is-on{opacity:1}[data-page=designer] .dx-step{opacity:0;align-items:baseline;gap:14px;transition:opacity .6s,transform .6s;display:flex;position:absolute;top:12%;left:7%;transform:translateY(14px)}[data-page=designer] .dx-step.is-active{opacity:1;transform:none}[data-page=designer] .dx-step-num{letter-spacing:.1em;color:#818cf8;font-variant-numeric:tabular-nums;padding-top:6px;font-size:13px;font-weight:700}[data-page=designer] .dx-step-title{letter-spacing:-.02em;color:#fff;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.05}[data-page=designer] .dx-step-sub{color:#ffffff8c;max-width:300px;margin-top:8px;font-size:14px;font-weight:400;display:block}[data-page=designer] .dx-card.side-l{left:7%;right:auto}[data-page=designer] .dx-card.side-r{left:auto;right:7%}[data-page=designer] .dx-card{-webkit-backdrop-filter:blur(18px);opacity:0;background:#12121a9e;border:1px solid #ffffff17;border-radius:16px;width:300px;padding:16px 18px;transition:opacity .6s,transform .6s;position:absolute;bottom:14%;transform:translateY(18px)scale(.98);box-shadow:0 20px 60px #00000080,0 0 40px #6366f10f}[data-page=designer] .dx-card.is-active{opacity:1;transform:none}[data-page=designer] .dx-card-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:12px;font-size:10px;font-weight:700}[data-page=designer] .dx-opt{color:#ffffffbf;background:#ffffff08;border:1px solid #ffffff0d;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:9px 11px;font-size:12.5px;display:flex}[data-page=designer] .dx-opt.sel{color:#c7d2fe;background:#6366f11f;border-color:#818cf859}[data-page=designer] .dx-opt-check{background:#818cf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}[data-page=designer] .dx-opt-check svg{stroke:#0b0b12;fill:none;stroke-width:3px;width:10px;height:10px}[data-page=designer] .dx-opt-val{font-family:var(--font-mono);color:#ffffff8c;font-size:11px}[data-page=designer] .dx-chips-row{flex-wrap:wrap;gap:6px;display:flex}[data-page=designer] .dx-hwchip{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600}[data-page=designer] .dx-hwchip.on{color:#c7d2fe;background:#6366f124;border-color:#818cf866}[data-page=designer] .dx-quote-row{color:#fff9;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}[data-page=designer] .dx-quote-row.total{color:#fff;border-top:1px solid #ffffff1a;margin-top:6px;padding-top:10px;font-size:15px;font-weight:700}[data-page=designer] .dx-quote-cta{color:#c7d2fe;background:#6366f129;border:1px solid #818cf859;border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}[data-page=designer] .dx-quote-cta svg{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}[data-page=designer] .dx-floatchip.side-r{left:auto;right:9%}[data-page=designer] .dx-floatchip.side-l{left:9%;right:auto}[data-page=designer] .dx-floatchip{-webkit-backdrop-filter:blur(14px);color:#fff;opacity:0;background:#12121a99;border:1px solid #ffffff17;border-radius:11px;padding:9px 13px;font-size:12px;transition:opacity .55s,transform .55s;position:absolute;transform:translate(16px)}[data-page=designer] .dx-floatchip .l{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:2px;font-size:9px;display:block}[data-page=designer] .dx-floatchip .v{font-variant-numeric:tabular-nums;font-weight:600}[data-page=designer] .dx-floatchip.c1{top:26%}[data-page=designer] .dx-floatchip.c2{top:44%}[data-page=designer] .dx-floatchip.c3{top:62%}[data-page=designer] .dx-floatchip.is-active{opacity:1;transform:none}[data-page=designer] .dx-rail{flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;right:38px;transform:translateY(-50%)}[data-page=designer] .dx-rail-dot{background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:all .4s}[data-page=designer] .dx-rail-dot.on{background:#818cf8;transform:scale(1.3);box-shadow:0 0 10px #818cf899}@media (max-width:860px){[data-page=designer] .dx-step{top:8%;left:6%}[data-page=designer] .dx-step-title{font-size:24px}[data-page=designer] .dx-card.side-l,[data-page=designer] .dx-card.side-r{width:min(86%,340px);bottom:6%;left:50%;right:auto;transform:translate(-50%)translateY(18px)}[data-page=designer] .dx-card.is-active{transform:translate(-50%)}[data-page=designer] .dx-floatchip,[data-page=designer] .dx-rail{display:none}}@keyframes pshowIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes pshowChip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[data-page=designer] .pshow{z-index:1;max-width:1280px;margin:0 auto;padding:100px 40px;position:relative}[data-page=designer] .pshow-layout{grid-template-columns:340px 1fr;align-items:stretch;gap:32px;display:grid}[data-page=designer] .pshow-tabs{flex-direction:column;gap:10px;display:flex}[data-page=designer] .pshow-tab{text-align:left;cursor:pointer;background:#111114;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:background .25s,border-color .25s,transform .25s;display:flex}[data-page=designer] .pshow-tab:hover{background:#16161b}[data-page=designer] .pshow-tab.is-active{background:#6366f11a;border-color:#818cf866}[data-page=designer] .pshow-tab-icon{width:42px;height:42px;color:var(--text-muted);background:#ffffff0a;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}[data-page=designer] .pshow-tab-icon svg{width:22px;height:22px}[data-page=designer] .pshow-tab.is-active .pshow-tab-icon{color:#a5b4fc;background:#6366f129}[data-page=designer] .pshow-tab-body{flex-direction:column;gap:3px;min-width:0;display:flex}[data-page=designer] .pshow-tab-name{color:var(--text-primary);font-size:15px;font-weight:700}[data-page=designer] .pshow-tab-tag{color:var(--text-muted);font-size:12px;line-height:1.3}[data-page=designer] .pshow-stage{cursor:grab;background:radial-gradient(at 50% 42%,#15151c 0%,#0c0c0f 72%);border:1px solid #ffffff14;border-radius:18px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}[data-page=designer] .pshow-stage:active{cursor:grabbing}[data-page=designer] .pshow-stage canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}[data-page=designer] .pshow-grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 55%,#0000 90%);mask-image:radial-gradient(#000 55%,#0000 90%)}[data-page=designer] .pshow-visual{width:100%;max-width:560px;padding:32px;animation:.55s cubic-bezier(.16,1,.3,1) pshowIn;position:relative}[data-page=designer] .pshow-svg{width:100%;height:auto;display:block}[data-page=designer] .pshow-svg text{font-family:var(--font-mono)}[data-page=designer] .pshow-chips{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:24px;left:24px}[data-page=designer] .pshow-chip{-webkit-backdrop-filter:blur(14px);opacity:0;background:#12121aa8;border:1px solid #ffffff17;border-radius:11px;flex-direction:column;gap:2px;padding:8px 13px;animation:.5s forwards pshowChip;display:flex}[data-page=designer] .pshow-chip-l{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:9px}[data-page=designer] .pshow-chip-v{color:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}[data-page=designer] .hwlib{z-index:1;max-width:1280px;margin:0 auto;padding:40px 40px 100px;position:relative}[data-page=designer] .hwlib-layout{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:32px;display:grid}[data-page=designer] .hwlib-stage{cursor:grab;background:radial-gradient(at 50% 40%,#16161d 0%,#0c0c0f 70%);border:1px solid #ffffff14;border-radius:18px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}[data-page=designer] .hwlib-stage:active{cursor:grabbing}[data-page=designer] .hwlib-stage canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}[data-page=designer] .hwlib-glow{pointer-events:none;z-index:0;background:radial-gradient(#6366f12e 0%,#8b5cf612 45%,#0000 70%);width:520px;height:520px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}[data-page=designer] .hwlib-badge{z-index:2;color:#fff9;-webkit-backdrop-filter:blur(12px);background:#12121a99;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:16px;right:16px}[data-page=designer] .hwlib-badge-dot{background:#818cf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #818cf8cc}[data-page=designer] .hwlib-readout{z-index:2;flex-direction:column;gap:4px;animation:.45s pshowIn;display:flex;position:absolute;bottom:24px;left:24px}[data-page=designer] .hwlib-readout-cat{text-transform:uppercase;letter-spacing:.08em;color:#818cf8;font-size:10px;font-weight:700}[data-page=designer] .hwlib-readout-name{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}[data-page=designer] .hwlib-readout-spec{color:#ffffff8c;font-size:13px;font-family:var(--font-mono)}[data-page=designer] .hwlib-rail{background:#1a1a1f;border:1px solid #1a1a1f;border-radius:16px;flex-direction:column;gap:1px;display:flex;overflow:hidden}[data-page=designer] .hwlib-item{text-align:left;cursor:pointer;background:#111114;border:none;align-items:center;gap:14px;width:100%;padding:15px 18px;transition:background .2s;display:flex;position:relative}[data-page=designer] .hwlib-item:hover{background:#16161b}[data-page=designer] .hwlib-item.is-active{background:#6366f11a}[data-page=designer] .hwlib-item.is-active:before{content:"";background:#818cf8;width:3px;position:absolute;top:0;bottom:0;left:0}[data-page=designer] .hwlib-item-idx{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;width:20px}[data-page=designer] .hwlib-item.is-active .hwlib-item-idx{color:#a5b4fc}[data-page=designer] .hwlib-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}[data-page=designer] .hwlib-item-name{color:var(--text-primary);font-size:14px;font-weight:600}[data-page=designer] .hwlib-item-spec{color:var(--text-muted);font-size:11.5px}[data-page=designer] .hwlib-item-cat{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:10px;font-weight:600}[data-page=designer] .mc{z-index:1;max-width:1280px;margin:0 auto;padding:40px 40px 100px;position:relative}[data-page=designer] .mc-layout{grid-template-columns:360px 1fr;align-items:stretch;gap:32px;display:grid}[data-page=designer] .mc-controls{background:#111114;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:22px;padding:26px 24px;display:flex}[data-page=designer] .mc-field{flex-direction:column;gap:10px;display:flex}[data-page=designer] .mc-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;display:flex}[data-page=designer] .mc-label em{font-style:normal;font-family:var(--font-mono);color:#a5b4fc;text-transform:none;letter-spacing:0;font-size:12px}[data-page=designer] .mc-seg{flex-wrap:wrap;gap:6px;display:flex}[data-page=designer] .mc-seg button{cursor:pointer;white-space:nowrap;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12.5px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}[data-page=designer] .mc-seg button:hover{background:#ffffff0f}[data-page=designer] .mc-seg button.on{color:#c7d2fe;background:#6366f124;border-color:#818cf873}[data-page=designer] .mc-swatch{border:1px solid #fff3;border-radius:4px;flex-shrink:0;width:13px;height:13px}[data-page=designer] .mc-range{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:5px}[data-page=designer] .mc-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#818cf8;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #818cf82e}[data-page=designer] .mc-range::-moz-range-thumb{cursor:pointer;background:#818cf8;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #818cf82e}[data-page=designer] .mc-stage{background:radial-gradient(at 50% 42%,#15151c 0%,#0c0c0f 72%);border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;min-height:460px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}[data-page=designer] .mc-svg{z-index:1;width:100%;max-width:520px;height:auto;position:relative}[data-page=designer] .mc-svg .mc-dim{font-family:var(--font-mono)}[data-page=designer] .mc-price{z-index:2;-webkit-backdrop-filter:blur(18px);background:#12121ab8;border:1px solid #ffffff1a;border-radius:16px;width:260px;padding:16px 18px;position:absolute;bottom:22px;right:22px;box-shadow:0 20px 60px #00000080}[data-page=designer] .mc-price-rows{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}[data-page=designer] .mc-price-row{color:#ffffff9e;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}[data-page=designer] .mc-price-total{color:#fff;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;padding-top:10px;font-size:17px;font-weight:700;display:flex}[data-page=designer] .mc-price-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:11px 14px;font-size:13px;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex}[data-page=designer] .mc-price-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}[data-page=designer] .mc-price-cta svg{width:14px;height:14px}@media (max-width:980px){[data-page=designer] .pshow-layout{grid-template-columns:1fr}[data-page=designer] .pshow-tabs{flex-flow:wrap}[data-page=designer] .pshow-tab{flex:calc(50% - 5px)}[data-page=designer] .hwlib-layout,[data-page=designer] .mc-layout{grid-template-columns:1fr}}@media (max-width:600px){[data-page=designer] .pshow,[data-page=designer] .hwlib,[data-page=designer] .mc{padding-left:20px;padding-right:20px}[data-page=designer] .pshow-tab{flex:100%}[data-page=designer] .pshow-chips{margin-top:16px;padding:0 32px 24px;position:static;bottom:auto;left:auto}[data-page=designer] .pshow-stage{min-height:0}[data-page=designer] .mc-price{width:auto;margin:16px;position:static}[data-page=designer] .mc-stage{flex-direction:column;min-height:0}}:root :is(.section-eyebrow,.aib-eyebrow,.mod-feature-badge,.ai-badge,.dm-form-badge,.pr-steps-badge,.pd-cat-badge,.about-story-label,.branches-label){width:auto;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal);background:#10b98114;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}:root :is(.section-eyebrow-dot,.aib-eyebrow-dot,.mod-feature-badge-dot,.ai-badge-dot,.dm-form-badge-dot,.branches-label .dot,.about-story-label-line){background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);opacity:1;border-radius:50%;flex:0 0 6px;animation:none}.tour-wrapper{margin-bottom:8px}.tour-main .content-panel{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(12px)scale(.994)}.tour-main .content-panel.active{transform:translateY(0)scale(1)}.tour-main .pl-map,.tour-main .fin-split{height:100%}.tour-ov-detail{opacity:0;transition:opacity .45s}.tour-ov-detail.in{opacity:1}.ov-badge.amber{color:#fbbf24;background:#f59e0b26}[data-scene=order] .ov-badge{transition:background .4s,color .4s,box-shadow .4s}[data-scene=order] .ov-badge.green{box-shadow:0 0 0 1px #10b98140}.orders-add-btn.is-target{transition:box-shadow .3s;box-shadow:0 0 0 3px #10b98140,0 0 18px #10b98159}.tour-line,.tour-fade{opacity:0;transition:opacity .4s,transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(7px)}.tour-line.in,.tour-fade.in{opacity:1;transform:none}.tour-caret{background:var(--accent-emerald,#34d399);vertical-align:-1px;width:1px;height:11px;margin-left:1px;animation:.9s step-end infinite tourCaret;display:inline-block}@keyframes tourCaret{50%{opacity:0}}.tour-cursor{z-index:30;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 5px #00000073);width:22px;height:22px;transition:left .7s cubic-bezier(.5,0,.2,1),top .7s cubic-bezier(.5,0,.2,1),opacity .3s;position:absolute;top:86%;left:50%;transform:translate(-12%,-8%)}.tour-cursor.show{opacity:1}.tour-cursor svg{transition:transform .12s;display:block}.tour-cursor.click svg{transform:scale(.8)}.tour-cursor:after{content:"";opacity:0;border:2px solid #10b981e6;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.tour-cursor.click:after{animation:.45s ease-out tourClick}@keyframes tourClick{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:no-preference){.tour-main .content-panel .tour-stagger{opacity:0;transform:translateY(9px)}.tour-main .content-panel.active .tour-stagger{animation:.5s cubic-bezier(.16,1,.3,1) forwards tourRise;animation-delay:calc(var(--i,0) * 55ms + .18s)}@keyframes tourRise{to{opacity:1;transform:none}}.tour-main .content-panel.active .tour-bar{animation:.9s cubic-bezier(.16,1,.3,1) .35s forwards tourBarFill}@keyframes tourBarFill{0%{width:0}to{width:var(--w)}}.tour-main .content-panel.active .tour-bar-v{animation:.6s cubic-bezier(.16,1,.3,1) forwards tourBarRise;animation-delay:calc(.3s + var(--i,0) * 20ms)}@keyframes tourBarRise{0%{height:0}to{height:var(--h)}}.tour-main .content-panel .tour-line-draw{stroke-dasharray:300;stroke-dashoffset:300px}.tour-main .content-panel.active .tour-line-draw{animation:1.1s .3s forwards tourDraw}@keyframes tourDraw{to{stroke-dashoffset:0}}.tour-main .content-panel.active .tour-new-row{animation:1.4s .5s tourFlash}@keyframes tourFlash{0%,to{background:0 0}25%{box-shadow:inset 2px 0 0 var(--accent-emerald,#34d399);background:#10b9811f}}.tour-main .content-panel .tour-piece{opacity:0;transform:scale(.9)}.tour-main .content-panel.active .tour-piece{animation:.5s cubic-bezier(.16,1,.3,1) .55s forwards tourPiece}@keyframes tourPiece{to{opacity:1;transform:none}}.tour-snij-canvas{position:relative;overflow:hidden}.tour-main .content-panel.active .tour-snij-canvas:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#10b98129,#2dd4bf4d,#0000);width:40%;animation:1.3s .2s tourSweep;position:absolute;top:0;bottom:0;left:-45%}@keyframes tourSweep{0%{left:-45%}to{left:105%}}.tour-main .content-panel.active .tour-plan-btn{animation:1.3s .15s 2 tourPlanPulse}@keyframes tourPlanPulse{0%,to{box-shadow:0 0 #10b98100}45%{box-shadow:0 0 0 4px #10b98138,0 0 16px #10b98166}}.tour-main .content-panel.active .tour-assigned:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 2px 0 0 var(--accent-emerald,#34d399);opacity:0;background:#10b9811f;animation:1.8s .7s tourAssignedGlow;position:absolute;inset:0}@keyframes tourAssignedGlow{0%,to{opacity:0}30%{opacity:1}}}.tour-assigned,.tour-omzet-wrap{position:relative}.tour-omzet-dot{background:var(--accent-emerald,#10b981);pointer-events:none;z-index:2;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #10b9812e,0 0 8px #10b981bf}@media (prefers-reduced-motion:no-preference){.tour-omzet-dot:after{content:"";border:1.5px solid #10b98199;border-radius:50%;animation:1.9s ease-out infinite tourDotPulse;position:absolute;inset:0}@keyframes tourDotPulse{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}}.tour-rail{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.tour-rail-toggle{background:var(--bg-elevated,#16161a);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.tour-rail-toggle:hover{color:var(--text-primary);background:#10b9810f;border-color:#10b98166}.tour-rail-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.tour-rail-step{color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;transition:color .3s,background .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.tour-rail-step:hover{color:var(--text-secondary)}.tour-rail-step.active{color:#d6fbe9;background:#10b98114;border-color:#10b98138}.tour-rail-dot{background:#ffffff2e;border-radius:50%;flex:0 0 7px;width:7px;height:7px;transition:background .3s;position:relative}.tour-rail-step.done .tour-rail-dot,.tour-rail-step.active .tour-rail-dot{background:var(--accent-emerald,#34d399)}.tour-rail-ring{opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-4px;box-shadow:0 0 0 1.5px #10b98180}.tour-rail-step.active .tour-rail-ring{opacity:1}.tour-rail-step:after{content:"";background:linear-gradient(90deg, var(--accent-emerald,#34d399), var(--accent-teal,#2dd4bf));transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.tour-rail.playing .tour-rail-step.active:after{animation:tourProg var(--dur,4.6s) linear forwards}@keyframes tourProg{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tour-main .content-panel{transition:opacity .2s;transform:none}.tour-ov-detail,.tour-line,.tour-fade{opacity:1;transition:none;transform:none}.tour-cursor,.tour-caret,.tour-rail-step:after{display:none}}@media (max-width:760px){.tour-rail{gap:8px}.tour-rail-step{padding:6px 9px;font-size:11px}.tour-rail-label{display:none}.tour-rail-step.active .tour-rail-label{display:inline}}:root{--font-sans:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains), "JetBrains Mono", "SF Mono", "Fira Code", monospace}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}