.lp{--lp-font:"Inter", system-ui, sans-serif;--lp-display:"Sora", "Inter", system-ui, sans-serif;--lp-alu-top:hsl(var(--staal-100));--lp-alu-top2:hsl(var(--lijn-licht));--lp-alu-edge:hsl(var(--staal-300));--lp-alu-edge2:hsl(var(--staal-500));--lp-alu-back:hsl(var(--staal-100));--lp-alu-back2:hsl(var(--staal-300));--lp-key:hsl(var(--nacht));--lp-key-fg:hsl(var(--staal-300));--lp-well:color-mix(in srgb, hsl(var(--staal-100)), hsl(var(--staal-300)) 45%);--lp-grille:hsl(var(--staal-500));--lp-pad:hsl(var(--lijn-licht));--lp-bezel:hsl(var(--nacht));--lp-shadow:hsl(var(--staal-900) / .4);--lp-d-bg:hsl(var(--wolk));--lp-d-panel:hsl(var(--wit));--lp-d-line:hsl(var(--staal-100));--lp-d-line2:hsl(var(--wolk));--lp-d-ink:hsl(var(--nacht));--lp-d-muted:hsl(var(--tekst-gedempt));--lp-d-subtle:hsl(var(--staal-300));--lp-d-bar:hsl(var(--staal-100));--lp-d-accent:hsl(var(--horizon-diep));--lp-d-primary:hsl(var(--nacht));--lp-d-on-primary:hsl(var(--wit));--lp-d-hover:hsl(var(--wolk));--lp-d-menubar:hsl(var(--wolk) / .92);--lp-good:hsl(var(--horizon-diep));--lp-good-bg:hsl(var(--horizon) / .22);--lp-warn:hsl(var(--staal-700));--lp-warn-bg:hsl(var(--staal-100));--lp-d-shadow:0 1px 2px hsl(var(--nacht) / .05);font-family:var(--lp-font);position:relative}.lp :where(*){box-sizing:border-box;font:inherit;color:inherit;letter-spacing:normal;text-transform:none;border:0;margin:0;padding:0;text-decoration:none;list-style:none}.lp-rig :where(div){position:absolute}.lp-app :where(div){position:static}.lp-stage{perspective:2600px;perspective-origin:50% 40%;width:100%;height:100%;position:relative}.lp-rig{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.lp-f{backface-visibility:hidden}.lp-floor{background:radial-gradient(closest-side, var(--lp-shadow), transparent 100%);filter:blur(14px);opacity:.9;width:1200px;height:880px;top:-440px;left:-600px;transform:translateY(19px)rotateX(90deg)}.lp-deck{background:linear-gradient(180deg, var(--lp-alu-top2), var(--lp-alu-top) 22%, var(--lp-alu-top) 80%, var(--lp-alu-top2));border-radius:16px;width:880px;height:620px;top:-310px;left:-440px;transform:rotateX(90deg)}.lp-bottom{background:var(--lp-alu-edge2);border-radius:16px;width:880px;height:620px;top:-310px;left:-440px;transform:translateY(16px)rotateX(-90deg)}.lp-sf{background:linear-gradient(180deg, var(--lp-alu-edge), var(--lp-alu-edge2));border-radius:0 0 6px 6px;width:856px;height:16px;top:0;left:-428px;transform:translateZ(310px)}.lp-sf:after{content:"";background:linear-gradient(180deg, var(--lp-alu-edge2), transparent);border-radius:0 0 60px 60px;width:110px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lp-sb{background:linear-gradient(180deg, var(--lp-alu-edge), var(--lp-alu-edge2));width:856px;height:16px;top:0;left:-428px;transform:translateZ(-310px)rotateY(180deg)}.lp-sl,.lp-sr{background:linear-gradient(180deg, var(--lp-alu-edge), var(--lp-alu-edge2));width:596px;height:16px;top:0;left:-298px}.lp-sl{transform:rotateY(-90deg)translateZ(440px)}.lp-sr{transform:rotateY(90deg)translateZ(440px)}.lp-hinge{background:linear-gradient(180deg, hsl(var(--nacht)), hsl(var(--staal-900)));border-radius:0 0 8px 8px;width:660px;height:14px;top:0;left:110px}.lp-grille{background:radial-gradient(circle, var(--lp-grille) .9px, transparent 1.3px) 0 0 / 5px 5px;border-radius:6px;width:58px;height:231px;top:46px}.lp-grille.lp-l{left:22px}.lp-grille.lp-r{right:22px}.lp-kb{background:var(--lp-well);border-radius:10px;flex-direction:column;gap:5px;width:700px;padding:6px;display:flex;top:44px;left:90px}.lp-row{gap:5px;display:flex;position:relative}.lp-k{background:var(--lp-key);height:38px;box-shadow:0 1px 0 hsl(var(--nacht) / .35), inset 0 1px 0 hsl(var(--wit) / .04);color:var(--lp-key-fg);font:500 10px/1 var(--lp-font);border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.lp-row.lp-fn .lp-k{border-radius:5px;height:20px;font-size:8px}.lp-k.lp-mod{justify-content:flex-start;align-items:flex-end;padding:0 0 6px 7px;font-size:8.5px}.lp-k.lp-touch{background:linear-gradient(180deg, hsl(var(--staal-900)), hsl(var(--nacht)))}.lp-arrows{gap:5px;display:flex;position:relative}.lp-arrows .lp-k{height:18px;margin-top:20px;font-size:7px}.lp-ud{flex-direction:column;flex:1 1 0;gap:2px;display:flex;position:relative}.lp-ud .lp-k{flex:none;width:100%;height:18px;margin-top:0}.lp-pad{background:var(--lp-pad);width:420px;height:256px;box-shadow:inset 0 0 0 1px hsl(var(--nacht) / .06), inset 0 1px 2px hsl(var(--nacht) / .08);border-radius:14px;top:305px;left:230px}.lp-lid{width:880px;height:590px;transform-style:preserve-3d;transform-origin:50% 100%;top:-590px;left:-440px;transform:translateZ(-305px)translateY(-1px)rotateX(-90deg)}.lp-lf{background:var(--lp-bezel);box-shadow:inset 0 0 0 1.5px hsl(var(--staal-900));border-radius:22px 22px 12px 12px;inset:0;transform:translateZ(.5px)}.lp-lb{background:linear-gradient(160deg, var(--lp-alu-back), var(--lp-alu-back2));border-radius:22px 22px 12px 12px;justify-content:center;align-items:center;display:flex;inset:0;transform:translateZ(-7px)rotateY(180deg)}.lp-lb img{opacity:.55;width:118px;height:118px}.lp-et{transform-origin:50% 0;background:var(--lp-alu-edge);width:852px;height:7px;top:0;left:14px;transform:rotateX(-90deg)}.lp-el,.lp-er{transform-origin:0;background:var(--lp-alu-edge);width:7px;height:572px;top:14px;transform:rotateY(90deg)}.lp-el{left:0}.lp-er{left:880px}.lp-notch{background:var(--lp-bezel);z-index:3;border-radius:0 0 10px 10px;width:150px;height:22px;top:16px;left:50%;transform:translate(-50%)}.lp-notch:after{content:"";background:radial-gradient(circle at 35% 35%, hsl(var(--staal-700)), hsl(var(--nacht)) 70%);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:7px;left:50%}.lp-screen{background:var(--lp-d-bg);border-radius:9px 9px 4px 4px;width:852px;height:552px;top:16px;left:14px;overflow:hidden}.lp-glare{pointer-events:none;z-index:20;background:linear-gradient(118deg, hsl(var(--wit) / .1) 0%, hsl(var(--wit) / .03) 30%, transparent 46%);inset:0}.lp-off{z-index:21;background:hsl(var(--nacht));pointer-events:none;inset:0}.lp-rig.lp-slaapt .lp-screen{pointer-events:none}.lp-app{width:852px;height:552px;font-family:var(--lp-font);color:var(--lp-d-ink);-webkit-font-smoothing:antialiased;text-align:left;flex-direction:column;font-size:12px;line-height:1.35;display:flex;position:relative}.lp-menubar{background:var(--lp-d-menubar);border-bottom:1px solid var(--lp-d-line);flex:none;justify-content:space-between;align-items:center;height:22px;padding:0 12px;font-size:10.5px;display:flex}.lp-menubar b{font-weight:600}.lp-grp{font-variant-numeric:tabular-nums;align-items:center;gap:11px;display:flex}.lp-menubar svg{width:13px;height:13px;display:block}.lp-abody{flex:1;grid-template-columns:156px 1fr;min-height:0;display:grid}.lp-side{border-right:1px solid var(--lp-d-line);background:var(--lp-d-panel);flex-direction:column;gap:18px;min-height:0;padding:16px 12px;display:flex}.lp-jouwlogo{border:1.5px dashed var(--lp-d-subtle);height:36px;color:var(--lp-d-muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.lp-jouwlogo svg{width:14px;height:14px}.lp-nav{flex-direction:column;gap:3px;display:flex}.lp-it{height:30px;color:var(--lp-d-muted);border-radius:999px;align-items:center;gap:9px;padding:0 10px;font-weight:500;display:flex}.lp-it.lp-on{background:var(--lp-d-hover);color:var(--lp-d-ink)}.lp-it svg{flex:none;width:15px;height:15px}.lp-it em{background:var(--lp-good-bg);min-width:18px;height:17px;color:var(--lp-good);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;display:inline-flex}.lp-main{grid-template-rows:40px 84px 1fr 124px;gap:12px;min-width:0;min-height:0;padding:18px 20px;display:grid;position:relative;overflow:hidden}.lp-mh h1{font-family:var(--lp-display);letter-spacing:-.015em;font-size:20px;font-weight:300;line-height:1.1}.lp-mh p{color:var(--lp-d-muted);margin-top:3px;font-size:11px}.lp-btn{border:1px solid var(--lp-d-line);background:var(--lp-d-panel);height:30px;color:var(--lp-d-ink);font:500 11.5px var(--lp-font);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.lp-btn:hover{background:var(--lp-d-hover)}.lp-btn:active{transform:translateY(1px)}.lp-btn:focus-visible{outline:2px solid var(--lp-d-accent);outline-offset:2px}.lp-btn svg{width:12px;height:12px}.lp-btn.lp-primary{background:var(--lp-d-primary);color:var(--lp-d-on-primary);border-color:var(--lp-d-primary)}.lp-btn.lp-primary:hover{opacity:.9}.lp-btn.lp-primary.lp-ok{background:var(--lp-good);border-color:var(--lp-good);color:hsl(var(--wit))}.lp-btn[disabled]{cursor:default}.lp-spin{border:1.6px solid;border-right-color:#0000;border-radius:50%;width:11px;height:11px;animation:.6s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-rig.lp-cta .lp-ai-act .lp-primary:not(.lp-ok){animation:1.8s ease-out infinite lp-pulse}@keyframes lp-pulse{0%{box-shadow:0 0 0 0 hsl(var(--horizon-diep) / .55)}70%{box-shadow:0 0 0 9px hsl(var(--horizon-diep) / 0)}to{box-shadow:0 0 0 0 hsl(var(--horizon-diep) / 0)}}.lp-kpis{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.lp-card{background:var(--lp-d-panel);border:1px solid var(--lp-d-line);box-shadow:var(--lp-d-shadow);border-radius:12px;min-width:0}.lp-kpi{flex-direction:column;justify-content:space-between;padding:11px 14px;display:flex}.lp-kpi .lp-l{color:var(--lp-d-muted);font-size:11px;font-weight:500}.lp-kpi b{font-family:var(--lp-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:300;line-height:1}.lp-kpi .lp-ft{color:var(--lp-d-muted);font-size:10px}.lp-mid{grid-template-columns:1.1fr 1fr;gap:12px;min-height:0;display:grid}.lp-ch{justify-content:space-between;align-items:center;gap:8px;display:flex}.lp-main h2{font-size:12.5px;font-weight:600}.lp-sub{color:var(--lp-d-muted);font-size:10.5px}.lp-chart{flex-direction:column;gap:10px;min-height:0;padding:12px 14px;display:flex}.lp-chart svg{flex:1;width:100%;height:auto;min-height:0;display:block}.lp-chart svg text{font-family:var(--lp-font);font-size:9px}.lp-chart svg .lp-today{fill:var(--lp-d-accent);font-weight:600}.lp-pill{white-space:nowrap;border-radius:10px;align-items:center;height:19px;padding:0 8px;font-size:10px;font-weight:500;display:inline-flex}.lp-pill.lp-ok{background:var(--lp-good-bg);color:var(--lp-good)}.lp-pill.lp-warn{background:var(--lp-warn-bg);color:var(--lp-warn)}.lp-pill.lp-mute{background:var(--lp-d-line2);color:var(--lp-d-muted)}.lp-appr{flex-direction:column;gap:12px;padding:12px 14px;display:flex;overflow:hidden}.lp-abox{flex-direction:column;flex:1;gap:4px;transition:transform .26s,opacity .26s;display:flex}.lp-abox.lp-weg{opacity:0;transform:translate(-18px)}.lp-abox.lp-in{opacity:0;transform:translate(18px)}.lp-ai-n{color:var(--lp-d-muted);font-size:10.5px}.lp-ai-t{font-size:13px;font-weight:600;line-height:1.3}.lp-ai-amt{font-family:var(--lp-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:24px;font-weight:300}.lp-ai-act{gap:8px;margin-top:auto;display:flex}.lp-ai-act .lp-btn{flex:1}.lp-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.lp-ic{background:var(--lp-good-bg);width:30px;height:30px;color:var(--lp-good);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.lp-ic svg{width:15px;height:15px}.lp-empty b{font-size:12.5px}.lp-empty span{color:var(--lp-d-muted);margin-bottom:6px;font-size:10.5px}.lp-runs{flex-direction:column;gap:4px;min-height:0;padding:12px 14px 6px;display:flex;overflow:hidden}.lp-tbl{flex-direction:column;min-height:0;display:flex}.lp-tr{border-top:1px solid var(--lp-d-line2);grid-template-columns:1.6fr 1fr .4fr;align-items:center;gap:10px;height:26px;display:grid}.lp-tr.lp-th{height:20px;color:var(--lp-d-subtle);border-top:0;font-size:10px;font-weight:500}.lp-tr>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lp-fl{font-weight:500}.lp-tg{color:var(--lp-d-muted);font-variant-numeric:tabular-nums}.lp-num{text-align:right}.lp-tr.lp-new{animation:1.6s lp-flash}@keyframes lp-flash{0%{background:var(--lp-good-bg)}to{background:0 0}}.lp-toast{background:var(--lp-d-primary);color:var(--lp-d-on-primary);box-shadow:0 6px 18px hsl(var(--nacht) / .18);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;transition:transform .25s,opacity .25s;display:flex;position:absolute;bottom:16px;right:20px;transform:translateY(8px)}.lp-toast.lp-show{opacity:1;transform:none}.lp-toast svg{width:12px;height:12px}@media (prefers-reduced-motion:reduce){.lp-abox,.lp-toast{transition:none}.lp-spin,.lp-rig.lp-cta .lp-ai-act .lp-primary{animation:none}}
