header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}header img{filter:invert();height:52px}header .sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}h1{margin:1.5rem 0 .25rem;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.status{color:var(--muted);margin-bottom:2rem;font-size:.8rem}.status .dot{background:var(--orange);border-radius:50%;width:.55em;height:.55em;margin-right:.4em;display:inline-block}.status.live .dot{background:var(--teal)}.status .vers{opacity:.65}.health{background:var(--navy-card);border:1px solid #1fae9b40;border-radius:16px;margin-bottom:1.5rem;padding:1rem 1.3rem}.health-head{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.7rem;font-weight:600;display:flex}.health-warn{color:var(--orange);letter-spacing:.04em}.health ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem 1.5rem;list-style:none;display:grid}.health li{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.health .dot{background:var(--orange);border-radius:50%;flex:none;width:.55em;height:.55em}.health li.online .dot{background:var(--teal)}.health .naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health .seen{color:var(--muted);white-space:nowrap;margin-left:auto;padding-left:.5rem;font-size:.75rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi{background:var(--navy-card);border:1px solid #1fae9b40;border-radius:16px;padding:1.1rem 1.3rem}.kpi .label{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-size:.7rem;font-weight:600}.kpi .value{margin-top:.3rem;font-size:2rem;font-weight:800}.kpi.accent .label{color:var(--orange)}.card{background:var(--mint);color:var(--navy);border-radius:24px;flex-direction:column;flex:1;padding:1.5rem;display:flex}.card h2{margin-bottom:1rem;font-size:1rem;font-weight:600}.chart-wrap{flex:1;min-height:240px;position:relative}.chart-wrap .recharts-responsive-container{position:absolute;inset:0}.clips{flex:none;margin-top:1.5rem}.hint{color:#0d2233b3;font-size:.85rem}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.clip-grid figure{margin:0}.clip-grid video{aspect-ratio:16/9;background:var(--navy);border-radius:12px;width:100%}.clip-grid figcaption{color:#0d2233b3;margin-top:.4rem;font-size:.72rem}.ghost.danger{color:#ff9d8a;border-color:#ff9d8a66}.plan-card{flex:none;gap:1rem;margin-top:1.5rem}.plan-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.plan-head h2{margin-bottom:0;margin-right:auto}.plan-card .ghost{color:var(--navy);border-color:#0d22334d}.plan-card .ghost.danger{color:#b23c2c;border-color:#b23c2c59}.plan-card .hint{margin:0}.plan-card select.team{font:inherit;color:var(--navy);background:#0d22330f;border:1px solid #0d223340;border-radius:10px;padding:.45rem .7rem;font-size:.8rem}.plan-card .knop{background:var(--teal);color:var(--navy);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.45rem 1rem;font-size:.75rem;font-weight:600}.plan-card .knop.klein{background:0 0;border:1px solid #0d22334d;font-weight:400}.team-start{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.team-start h3{margin-bottom:.4rem;font-size:.85rem;font-weight:600}.team-start .rij{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.team-start input,.plan-bewerk input[type=text]{font:inherit;min-width:10rem;color:var(--navy);background:#fff9;border:1px solid #0d223340;border-radius:10px;flex:1;padding:.45rem .7rem;font-size:.8rem}.team-start input.code{letter-spacing:.12em;text-transform:uppercase;flex:none;min-width:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.team-start button{font:inherit;background:var(--teal);color:var(--navy);cursor:pointer;border:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.75rem;font-weight:600}.team-start button:disabled{opacity:.6;cursor:default}.plan-card .share{background:#0d22330f;border-color:#0d223333}.plan-card .share span{color:#0d2233bf}.plan-card .share code{color:#0f7f70}.plan-leeg{color:#0d2233cc;flex-direction:column;align-items:flex-start;gap:.9rem;max-width:62ch;font-size:.85rem;display:flex}.plan-tijd{flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.78rem;display:flex}.plan-tijd input[type=date]{font:inherit;color:var(--navy);background:#fff9;border:1px solid #0d223340;border-radius:10px;padding:.35rem .6rem;font-size:.78rem}.plan-tijd input[type=range]{min-width:12rem;accent-color:var(--teal);flex:1}.plan-tijd .periode{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.plan-tijd .hele-dag{cursor:pointer;color:#0d2233cc;align-items:center;gap:.35rem;display:flex}.uren{flex:2;align-items:flex-end;gap:2px;min-width:14rem;height:28px;display:flex}.uren .uur{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0d223326;flex:1;align-items:flex-end;height:100%;padding:0;display:flex}.uren .uur span{background:#1fae9b8c;border-radius:2px 2px 0 0;width:100%;min-height:2px}.uren .uur:hover span{background:#1fae9bd9}.uren .uur.nu{border-bottom-color:var(--orange)}.uren .uur.nu span{background:var(--orange)}.plan{background:#fff;border-radius:16px;line-height:0;position:relative;overflow:hidden}.plan.bewerken{touch-action:none}.plan.plaatsen{cursor:crosshair;outline-offset:-2px;outline:2px dashed #1fae9bb3}.plan img{-webkit-user-select:none;user-select:none;width:100%;display:block}.blob{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pin{cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.plan.plaatsen .pin{pointer-events:none}.pin.sleepbaar{cursor:grab}.pin .dot{background:var(--navy);border:2px solid #fff;border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 1px 4px #00000080}.pin.offline .dot{background:#b23c2c}.pin.gekozen .dot{background:var(--teal);transform:scale(1.35)}.pin .naam{color:var(--navy);background:#ffffffd9;border-radius:6px;padding:.1rem .35rem;font-size:.68rem;font-weight:600}.pin .naam b{color:#b23c2c;font-variant-numeric:tabular-nums;margin-left:.3rem}.plan-voet{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.legenda{color:#0d2233b3;align-items:center;gap:.4rem;margin-right:auto;font-size:.72rem;display:flex}.legenda i{background:linear-gradient(90deg,#1fae9b,#f28c28,#d64545);border-radius:4px;width:90px;height:8px}.legenda .periode-uitleg{color:var(--navy);margin-left:.6rem;font-weight:600}.plan-bewerk{background:#0d22330d;border-radius:14px;flex-direction:column;gap:.6rem;padding:.9rem 1rem;font-size:.78rem;display:flex}.plan-bewerk .rij{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.plan-bewerk .label{font-weight:600}.plan-bewerk input[type=range]{width:10rem;accent-color:var(--teal)}.chip{font:inherit;color:var(--navy);cursor:pointer;background:#ffffffb3;border:1px solid #0d223340;border-radius:999px;padding:.3rem .8rem;font-size:.72rem}.chip.aan{background:var(--teal);border-color:var(--teal);font-weight:600}.plan-card .error{color:#b23c2c}footer{color:var(--muted);margin-top:2rem;font-size:.75rem}.bar{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.bar .status{margin-bottom:0}.bar-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}select.device{font:inherit;background:var(--navy-card);color:var(--cream);border:1px solid #1fae9b66;border-radius:10px;padding:.45rem .7rem;font-size:.8rem}.ghost{font:inherit;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #f2efe94d;border-radius:999px;padding:.4rem 1rem;font-size:.75rem}header .ghost{margin-left:auto}.device-add{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.device-add input.code{letter-spacing:.12em;text-transform:uppercase;min-width:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.device-add input{font:inherit;background:var(--navy-card);color:var(--cream);border:1px solid #1fae9b66;border-radius:10px;min-width:15rem;padding:.45rem .7rem;font-size:.8rem}.device-add button[type=submit]{font:inherit;background:var(--teal);color:var(--navy);cursor:pointer;border:none;border-radius:999px;padding:.45rem 1rem;font-size:.75rem;font-weight:600}.device-add button:disabled{opacity:.6;cursor:default}.share{background:var(--navy-card);border:1px solid #1fae9b66;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.4rem .7rem;display:flex}.share code{letter-spacing:.14em;color:var(--teal);-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:600}.share span{color:#f2efe9bf;max-width:34ch;font-size:.75rem}.device-new{flex:none;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem}.device-new pre{background:var(--navy);width:100%;color:var(--cream);border-radius:12px;padding:.9rem 1rem;font-size:.8rem;line-height:1.5;overflow-x:auto}.device-new .hint{color:#0d2233b3;font-size:.8rem}.device-new .ghost{color:var(--navy);border-color:#0d22334d}.device-empty{flex:none;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.device-empty ol{color:#0d2233d9;margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.9}.device-empty code{background:#0d223314;border-radius:6px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}.device-empty .device-add{margin:1.1rem 0 .9rem}.device-empty .hint{max-width:60ch}