@keyframes branch-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.site-footer{--accent-blue:var(--accent-emerald);--accent-blue-soft:var(--accent-emerald-soft);--accent-blue-light:var(--accent-teal)}[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;top:0;bottom:0;left:0;right: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;top:0;bottom:0;left:0;right: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{background:linear-gradient(135deg,#10b981 0%,#2dd4bf 100%);-webkit-text-fill-color:transparent;-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;top:0;bottom:0;left:0;right: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}}