:root{--bg:#f4f7f5;--surface:#fff;--surface-strong:#eaf1ee;--ink:#172126;--muted:#5d6d75;--line:#d7e1df;--blue:#1d5e85;--green:#2e8a6b;--amber:#c88a32;--danger:#a6423b;--rose:#b84f63;--violet:#6e5ba8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{grid-template-columns:282px minmax(0,1fr);min-height:100dvh;display:grid}.shell:has(.navCollapseInput:checked){grid-template-columns:82px minmax(0,1fr)}.navCollapseInput{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.sidebar{overscroll-behavior:contain;border-right:1px solid var(--line);scrollbar-gutter:stable;background:#fbfdfc;flex-direction:column;gap:28px;height:100dvh;max-height:100dvh;padding:28px;transition:padding .18s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebarTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:12px;font-size:20px;font-weight:850;display:inline-flex}.brandMark{border-radius:8px;width:34px;height:34px;box-shadow:0 10px 24px #1d5e8529}.collapseButton{border:1px solid var(--line);min-width:42px;min-height:42px;color:var(--ink);cursor:pointer;background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:850;display:inline-flex}.collapseIcon{justify-content:center;align-items:center;width:18px;font-size:24px;line-height:1;display:inline-flex}.nav{align-content:start;gap:10px;display:grid}.nav a,.button,.ghostButton,.smallActions button,.textButton{border-radius:8px;min-height:42px;font-weight:800}.navGroup{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:6px;display:grid}.navGroup summary{color:#34454e;cursor:pointer;letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;min-height:42px;padding:11px 13px;font-size:13px;font-weight:900;list-style:none;display:flex}.navGroup summary::-webkit-details-marker{display:none}.navGroup summary:after{color:var(--muted);content:"+";margin-left:auto;font-size:18px;line-height:1}.navGroup[open] summary:after{content:"-"}.navGroupLinks{gap:4px;padding:0 8px 8px;display:grid}.nav a{color:var(--muted);align-items:center;gap:10px;padding:0 11px;display:flex}.navIcon{border:1px solid var(--line);width:28px;height:28px;color:var(--blue);background:#f6faf8;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.navIcon svg{width:18px;height:18px;display:block}.nav a:hover,.nav .active{color:var(--ink);background:var(--surface-strong)}.nav a:hover .navIcon,.nav .active .navIcon{color:#fff;border-color:var(--blue);background:var(--blue)}.trustBox{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:auto;padding:18px}.trustBox span,.eyebrow,.requestItem span{color:var(--green);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:850}.trustBox strong{margin-top:7px;font-size:18px;display:block}.trustBox p,.topbar p,.statusGrid p,.incidentRow p,.requestItem p,.timeline,.adminGrid p,.compactHeader p{color:var(--muted)}.textButton{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:var(--surface-strong);margin-top:14px}.navCollapseInput:checked~.sidebar{gap:18px;padding:22px 14px}.navCollapseInput:checked~.sidebar .sidebarTop{justify-items:center;display:grid}.navCollapseInput:checked~.sidebar .brand,.navCollapseInput:checked~.sidebar .collapseButton,.navCollapseInput:checked~.sidebar .nav a,.navCollapseInput:checked~.sidebar .navGroup summary{justify-content:center;padding-left:0;padding-right:0}.navCollapseInput:checked~.sidebar .brandText,.navCollapseInput:checked~.sidebar .collapseText,.navCollapseInput:checked~.sidebar .navText,.navCollapseInput:checked~.sidebar .trustBox p,.navCollapseInput:checked~.sidebar .trustBox strong,.navCollapseInput:checked~.sidebar .trustBox span,.navCollapseInput:checked~.sidebar .textButton{display:none}.navCollapseInput:checked~.sidebar .collapseIcon{transform:rotate(180deg)}.navCollapseInput:checked~.sidebar .navGroup{background:0 0;border-color:#0000}.navCollapseInput:checked~.sidebar .navGroup summary{display:none}.navCollapseInput:checked~.sidebar .navGroupLinks{padding:0}.navCollapseInput:checked~.sidebar .trustBox{min-height:46px;padding:10px}.inlineTextButton{color:var(--blue);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:850;text-decoration:underline;display:inline}.workspace{order:2;min-width:0;padding:30px;overflow-x:auto}.topbar{border-left:6px solid var(--blue);justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 0 34px 18px;display:flex;position:relative}.topbar:after{background:linear-gradient(90deg, var(--blue) 0 24%, var(--green) 24% 49%, var(--amber) 49% 74%, var(--rose) 74% 100%);content:"";border-radius:999px;width:min(540px,64vw);height:5px;position:absolute;bottom:14px;left:18px}.eyebrow{margin:0 0 10px}h1,h2,h3,p{overflow-wrap:break-word;word-break:normal}h1{letter-spacing:0;max-width:820px;margin:0;font-size:46px;line-height:1.02}h2{letter-spacing:0;margin:0;font-size:25px;line-height:1.15}h3{letter-spacing:0;margin:0;font-size:18px;line-height:1.25}.actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.button,.ghostButton{border:1px solid var(--line);justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.primary{color:#fff;border-color:var(--blue);background:var(--blue)}.secondary,.ghostButton{color:var(--ink);background:var(--surface)}.ghostButton{cursor:pointer}.button:disabled,.ghostButton:disabled,.smallActions button:disabled,.formActions button:disabled{opacity:.68;cursor:wait}.disabledAction{opacity:.58;cursor:not-allowed;pointer-events:none}.statusGrid,.mainGrid,.adminGrid{gap:16px;display:grid}.statusGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.statusGrid article,.panel,.adminGrid article{border:1px solid var(--line);background:var(--surface);border-radius:8px}.statusGrid article{--card-accent:var(--blue);--card-bg:#f1f7fb;border-color:color-mix(in srgb, var(--card-accent) 28%, var(--line));background:var(--card-bg);min-height:126px;padding:20px;position:relative;overflow:hidden}.statusGrid article:after{background:color-mix(in srgb, var(--card-accent) 16%, transparent);content:"";border-bottom-left-radius:8px;width:54px;height:54px;position:absolute;top:0;right:0}.statusGrid article:nth-child(2){--card-accent:var(--green);--card-bg:#f1fbf6}.statusGrid article:nth-child(3){--card-accent:var(--amber);--card-bg:#fff8ec}.statusGrid article:nth-child(4){--card-accent:var(--rose);--card-bg:#fff3f5}.metric,.adminGrid span{color:var(--card-accent,var(--blue));margin-bottom:8px;font-size:31px;font-weight:900;display:block}.mainGrid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);align-items:start}.panel{--panel-accent:var(--blue);border-top:4px solid var(--panel-accent);padding:22px}#incidenten{--panel-accent:var(--blue)}#verzoeken{--panel-accent:var(--amber)}#reacties{--panel-accent:var(--green)}#admin{--panel-accent:var(--violet)}.wide{grid-column:span 1}.panelHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panelActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panelActions form{margin:0}.panelActions>*,.panelActions .ghostButton{min-width:0}.incidentList,.requestList{gap:12px;display:grid}.incidentRow{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid}.incidentRowLink{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.incidentRowLink:hover,.incidentRowLink:focus-visible{border-color:#a9c9bb;transform:translateY(-1px);box-shadow:0 10px 24px #19405814}.incidentRowLink:focus-visible{outline-offset:2px;outline:3px solid #2d608b47}.incidentOpenCue{color:#fff;background:var(--accent);border-color:var(--accent)}.incidentRow p,.requestItem p,.statusGrid p,.adminGrid p,.trustBox p{margin:8px 0 0;line-height:1.45}.incidentMeta{flex-wrap:wrap;justify-content:flex-start;gap:8px;min-width:0;display:flex}.incidentMeta span{border:1px solid var(--line);color:#40505a;background:var(--surface);border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:13px;font-weight:750;display:inline-flex}.requestItem{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;padding:18px}.requestItem strong{color:#34454e;margin-top:12px;display:block}.emptyState{color:var(--muted);background:#fbfdfc;border:1px dashed #c7d4d0;border-radius:8px;margin:0;padding:16px;font-weight:750;line-height:1.45}.smallActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.cameraRowActions{grid-template-columns:minmax(0,160px) minmax(0,160px);gap:8px;margin-top:12px;display:grid}.restoreActions{grid-template-columns:minmax(0,1fr) minmax(0,160px)}.disabledCameraActions{grid-template-columns:minmax(0,160px) minmax(260px,420px);align-items:start;max-width:620px}.disabledCameraDeleteForm{grid-template-columns:minmax(0,1fr) minmax(0,170px);gap:8px;display:grid}.disabledCameraActions>.emptyState{grid-column:1/-1}.disabledCameraDeleteForm input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fbfdfc;border-radius:8px;padding:12px 13px;font-weight:650}.singleAction{grid-template-columns:minmax(0,160px);margin-top:0}.smallActions .emptyState,.cameraRowActions .emptyState{min-height:42px;margin:0;padding:10px 12px;font-size:13px}.smallActions button{border:1px solid var(--line);cursor:pointer;background:var(--surface);text-align:center;justify-content:center;align-items:center;padding:0 8px;line-height:1.15;display:inline-flex}.smallActions button:hover,.ghostButton:hover,.secondary:hover{background:var(--surface-strong);border-color:#b8c8c5}.compactForm{margin-top:14px}.eufyModalIntro{background:#f4f9fb;border:1px solid #2f5f762e;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,150px);align-items:start;gap:14px;min-width:0;padding:16px;display:grid}.eufyModalIntro h3,.eufyModalIntro p{margin:0}.eufyModalIntro p:not(.eyebrow){color:#4a5c66;margin-top:6px;font-size:14px;font-weight:700;line-height:1.45}.eufyModalFlow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.eufyModalFlow div{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:7px;min-width:0;padding:12px;display:grid}.eufyModalFlow strong{color:#fff;background:var(--blue);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;line-height:1;display:inline-flex}.eufyModalFlow span{color:var(--ink);font-size:14px;font-weight:900;line-height:1.2}.eufyModalFlow p,.eufyModalNotice{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.42}.eufyModalNotice{color:#315947;background:#f2faf5;border:1px solid #367d5d33;border-radius:8px;padding:12px 14px}.inlineActionRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.routeRose{border:1px solid var(--line);background:linear-gradient(90deg,#0000 49%,#1d5e8514 50%,#0000 51%),linear-gradient(#0000 49%,#1d5e8514 50%,#0000 51%),#f8fbfa;border-radius:8px;min-height:260px;margin:2px 0 18px;position:relative;overflow:hidden}.axis{background:#1d5e8529;position:absolute}.horizontal{width:80%;height:5px;top:50%;left:10%}.vertical{width:5px;height:76%;top:12%;left:50%}.centerPoint,.routeSignal{border-radius:50%;position:absolute}.centerPoint{background:var(--blue);width:30px;height:30px;top:calc(50% - 15px);left:calc(50% - 15px);box-shadow:0 0 0 9px #1d5e8521}.routeSignal{border:6px solid var(--green);background:#fff;width:22px;height:22px}.signalA{top:34%;left:63%}.signalB{border-color:var(--amber);top:55%;left:73%}.signalC{border-color:var(--blue);top:64%;left:30%}.timeline{gap:10px;margin:0;padding-left:18px;display:grid}.adminGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.adminGrid article{min-height:116px;padding:18px}.formPage{background:var(--bg);min-height:100vh;padding:42px 5vw 72px}.authPage{background:var(--bg);place-items:center;min-height:100vh;padding:34px 5vw;display:grid}.formShell,.adminShell,.authPanel{width:min(980px,100%);margin:0 auto}.authPanel{width:min(560px,100%)}.authBrand{margin-bottom:28px}.adminShell{width:min(1240px,100%)}.backLink{min-height:40px;color:var(--muted);align-items:center;margin-bottom:28px;font-weight:800;display:inline-flex}.backLink:hover{color:var(--ink)}.formHeader{margin-bottom:28px}.formHeader h1{max-width:860px}.formHeader p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.55}.compactHeader h1{font-size:38px}.dataForm,.adminPanel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.dangerPanel{border-color:#a6423b52;gap:18px;margin-top:18px;padding:22px;display:grid}.dataForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.formFieldGroup{display:contents}.authForm{grid-template-columns:1fr}.authFallback{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:18px}.authFallback summary{cursor:pointer;color:#35454e;min-height:48px;padding:14px 18px;font-weight:850}.authFallback .authForm{border-width:1px 0 0;border-radius:0}.dataForm label{color:#35454e;gap:8px;font-size:14px;font-weight:850;display:grid}.dataForm input,.dataForm select,.dataForm textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fbfdfc;border-radius:8px;padding:12px 13px;font-weight:650}.dataForm textarea{resize:vertical}.checkboxGridField{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:12px;margin:0;padding:14px;display:grid}.checkboxGridField legend{color:#35454e;padding:0 8px;font-size:14px;font-weight:850}.checkboxGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checkboxOption{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:flex!important}.checkboxOption input{width:auto}.fieldHint{color:var(--muted);font-size:13px;font-weight:700;line-height:1.4}.checkField{color:#35454e;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:8px;font-size:14px;font-weight:850;display:flex!important}.checkField input{width:auto;margin-top:3px}.checkField label{color:inherit;font:inherit;display:inline}.agreementField{align-items:flex-start}.agreementCopy{gap:5px;line-height:1.45;display:grid}.agreementLinks{color:var(--muted);font-size:14px;font-weight:750}.inlineCheckMessage{min-height:22px;color:var(--muted);grid-column:1/-1;margin:-4px 0 0;font-size:14px;font-weight:750;line-height:1.45}.inlineCheckMessage:empty{display:none}.inlineCheckMessage.valid{color:var(--green)}.inlineCheckMessage.invalid{color:var(--danger)}.inlineCheckMessage.checking{color:#51636d}.agreementDialog,.adminUserDialog,.integrationDialog,.recordingsDialog{border:1px solid var(--line);width:min(620px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--ink);background:var(--surface);border-radius:8px;padding:0;overflow:hidden;box-shadow:0 24px 80px #17212638}.agreementDialog::backdrop,.adminUserDialog::backdrop,.integrationDialog::backdrop,.recordingsDialog::backdrop{background:#17212675}.adminUserDialog{width:min(920px,100vw - 32px)}.agreementDialogInner,.integrationDialog,.recordingsDialogInner{gap:18px;min-height:0;padding:24px;display:grid}.agreementDialogInner{max-height:inherit;grid-template-rows:auto minmax(0,1fr) auto}.integrationDialog{grid-template-rows:auto auto minmax(0,1fr)}.recordingsDialog{width:min(860px,100vw - 32px)}.recordingsDialogInner{max-height:inherit;grid-template-rows:auto auto minmax(0,1fr)}.agreementDialogInner h2{margin:0}.dialogHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dialogHeader h2{margin:0}.iconButton{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:900;line-height:1;display:inline-flex}.iconButton:hover{background:var(--surface-strong);border-color:#b8c8c5}.matchedRecordingsButton{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.recordingCounters{flex-wrap:wrap;gap:8px;display:flex}.recordingCounters span,.recordingCounters strong{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-items:center;min-height:32px;padding:6px 10px;font-size:13px;font-weight:850;display:inline-flex}.recordingCounters strong{color:#1f6d54;background:#edf8f3}.recordingDownloadNote{color:#375467;background:#f3f8fb;border:1px solid #345e762e;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.recordingList{overscroll-behavior:contain;gap:10px;min-height:0;display:grid;overflow-y:auto}.recordingRow{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.recordingRow>div,.recordingState{gap:4px;display:grid}.recordingTitleLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewedMarker{color:#236344;background:#edf8f3;border:1px solid #2b6f4e38;border-radius:999px;align-items:center;gap:5px;min-height:22px;padding:3px 7px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.viewedMarker:before{content:"";background:#2b7a55;border-radius:50%;width:6px;height:6px}.recordingRow span{color:var(--muted);font-size:13px;line-height:1.35}.recordingRow .viewedMarker{color:#236344;font-size:11px}.agreementDialogBody{min-height:0;color:var(--muted);overscroll-behavior:contain;scrollbar-gutter:stable;line-height:1.55;overflow-y:auto}.adminUserDialogBody{gap:18px;display:grid}.adminDialogForm{gap:14px;padding:0}.adminUserDetailPanel{gap:14px;display:grid}.adminUserDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.adminUserDetailPanel article{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:12px;padding:14px;display:grid}.adminUserDetailPanel h3{color:var(--ink);margin:0;font-size:15px;line-height:1.25}.adminUserDataList{gap:9px;margin:0;display:grid}.adminUserDataList.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.adminUserDataList div{gap:3px;min-width:0;display:grid}.adminUserDataList dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.adminUserDataList dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:760}.adminUserInfoList,.adminUserCameraList,.adminUserProviderList{gap:10px;display:grid}.adminUserInfoItem,.adminUserCameraCard{background:var(--surface);border:1px solid #b8c6cdad;border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.adminUserInfoItem strong,.adminUserCameraCard strong{color:var(--ink);overflow-wrap:anywhere}.adminUserInfoItem span,.adminUserCameraCard span,.adminUserProviderList span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;font-weight:720;line-height:1.4}.adminUserCameraCard>div:first-child{gap:3px;display:grid}.adminUserProviderList{border-top:1px solid var(--line);padding-top:9px}.adminWarningForm{border-top:1px solid var(--line);padding-top:16px}.agreementDialogActions{justify-content:flex-end;display:flex}.formError{color:var(--danger);background:#fff7f6;border:1px solid #a6423b52;border-radius:8px;margin:0 0 18px;padding:14px 16px;font-weight:800}.statusNotice{color:#236344;background:#f3fbf6;border:1px solid #367d5d47;border-radius:8px;margin:0 0 18px;padding:14px 16px;font-weight:850}.helperText{color:var(--muted);margin:-6px 0 0;font-size:14px;font-weight:750;line-height:1.45}.integrationGuide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.guideStep{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 10px;padding:16px;display:grid}.guideStep span{color:#fff;background:var(--blue);border-radius:999px;grid-row:span 2;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:950;display:inline-flex}.guideStep strong,.privacyPromise strong,.integrationSummary strong{color:var(--ink)}.guideStep p{color:var(--muted);margin:0;font-size:14px;font-weight:750;line-height:1.4}.privacyPromise,.integrationSummary{background:#f3f8fb;border:1px solid #2d679038;border-radius:8px;gap:5px;padding:14px 16px;display:grid}.privacyPromise p{color:var(--muted);margin:0;font-weight:750;line-height:1.45}.integrationSummary{margin:0 0 12px}.integrationSummary span{color:var(--muted);font-size:14px;font-weight:750;line-height:1.4}.scanProgressPanel{color:var(--text);background:#f3f8fb;border:1px solid #2d67903d;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:0 0 18px;padding:18px;display:grid}.scanProgressPanel h2,.scanProgressPanel p{margin:0}.scanProgressPanel h2{font-size:20px}.scanProgressPanel p:not(.eyebrow){color:var(--muted);margin-top:6px;font-weight:700;line-height:1.45}.scanProgressIcon{border:4px solid #2d679038;border-top-color:var(--blue);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.compactNotice{margin-bottom:0}.emergencyNotice{color:#6d2c29;background:#fff7f6;border:1px solid #a6423b52;border-radius:8px;gap:6px;margin:0 0 18px;padding:16px;display:grid}.emergencyNotice strong{font-size:16px}.emergencyNotice p{color:#744540;margin:0;font-weight:700;line-height:1.45}.preferenceGroup{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:16px;display:grid}.preferenceGroup legend{color:#35454e;padding:0 8px;font-size:14px;font-weight:850}.wideField,.formActions,.fullWidth{grid-column:1/-1}.formActions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.formActions button{cursor:pointer}.codeResendForm{margin-top:12px}.dangerButton{color:#fff;border-color:var(--danger);background:var(--danger)}.legalStack{gap:16px;display:grid}.legalStack h2{margin-bottom:10px}.legalStack p,.legalList{color:#34454e;font-size:16px;line-height:1.6}.legalList{gap:8px;margin:0;padding-left:20px;display:grid}.adminPageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.adminTabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-width:0;display:grid}.adminTabInput{opacity:0;pointer-events:none;position:absolute}.adminTabLabel{border:1px solid var(--line);color:#35454e;cursor:pointer;background:#fbfdfc;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:62px;padding:10px 12px;font-size:14px;font-weight:900;line-height:1.2;display:grid}.adminTabLabel span{color:var(--muted);font-size:12px;font-weight:750}.adminTabLabel:hover{background:var(--surface-strong);border-color:#b8c8c5}.adminTabPanel{grid-column:1/-1;gap:16px;min-width:0;display:none}#admin-tab-users:checked~label[for=admin-tab-users],#admin-tab-signals:checked~label[for=admin-tab-signals],#admin-tab-incidents:checked~label[for=admin-tab-incidents],#admin-tab-cameras:checked~label[for=admin-tab-cameras],#admin-tab-review:checked~label[for=admin-tab-review],#admin-tab-history:checked~label[for=admin-tab-history]{color:var(--green);background:#f3fbf6;border-color:#367d5d5c;box-shadow:inset 0 -3px #367d5d47}#admin-tab-users:focus-visible~label[for=admin-tab-users],#admin-tab-signals:focus-visible~label[for=admin-tab-signals],#admin-tab-incidents:focus-visible~label[for=admin-tab-incidents],#admin-tab-cameras:focus-visible~label[for=admin-tab-cameras],#admin-tab-review:focus-visible~label[for=admin-tab-review],#admin-tab-history:focus-visible~label[for=admin-tab-history]{outline-offset:2px;outline:3px solid #367d5d47}#admin-tab-users:checked~.usersPanel,#admin-tab-signals:checked~.signalsPanel,#admin-tab-incidents:checked~.incidentsPanel,#admin-tab-cameras:checked~.camerasPanel,#admin-tab-review:checked~.reviewPanel,#admin-tab-history:checked~.historyPanel{display:grid}.adminPanel{padding:20px}.tableList{gap:10px;min-width:0;display:grid;overflow-x:auto}.tableRow{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:5px;min-width:0;padding:13px;display:grid}.tableRow strong{color:var(--ink)}.tableRow span{color:var(--muted);font-size:14px;line-height:1.35}.cameraTableRow{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}.cameraTableRowWithSnapshot{grid-template-columns:minmax(0,1fr) minmax(180px,280px)}.cameraRowContent{gap:5px;min-width:0;display:grid}.cameraSnapshotPreview{gap:6px;min-width:0;margin:0;display:grid}.cameraSnapshotPreview img{aspect-ratio:16/9;border:1px solid var(--line);object-fit:cover;background:#edf3f1;border-radius:8px;width:100%;display:block}.cameraSnapshotPreview figcaption{color:var(--muted);font-size:12px;font-weight:750;line-height:1.3}.cameraSnapshotFallbackBody{border:1px solid var(--line);background:linear-gradient(#f6faf8 0%,#edf3f1 100%);border-radius:8px;align-content:center;gap:6px;min-height:150px;padding:16px;display:grid}.cameraSnapshotFallbackBody strong{font-size:16px}.cameraSnapshotFallbackBody span{color:var(--muted);font-size:13px;line-height:1.45}.nestedList{gap:8px;margin-top:10px;display:grid}.nestedRow{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,170px);align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.nestedRow div{gap:4px;min-width:0;display:grid}.compactRows .tableRow{grid-template-columns:minmax(180px,.9fr) minmax(160px,1fr) minmax(160px,.8fr);align-items:center}.signalRow{grid-template-columns:minmax(220px,.9fr) minmax(280px,1.4fr) minmax(92px,.2fr)}.retentionRow{grid-template-columns:minmax(220px,.9fr) minmax(280px,1.4fr) minmax(108px,.2fr)}.routeIndicationDetail{gap:10px;min-width:0;display:grid}.routeIndicationLinks{flex-wrap:wrap;gap:8px;display:flex}.routeIndicationLinkGroup{gap:6px;min-width:0;display:grid}.routeIndicationLinkLabel{color:var(--muted);font-size:12px;font-weight:900}.routeIndicationLink{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#f7fbfd;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.routeIndicationLink:hover{background:#1e6f8e14;border-color:#1e6f8e59}.routeExpansionAction{grid-template-columns:minmax(0,240px);margin-top:0}.routeExpansionAction button{min-height:38px}.signalBadge{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:32px;padding:0 12px;font-weight:900;display:inline-flex;font-size:12px!important}.signalBadge.hoog{color:#7a302b;background:#fff7f6;border-color:#a6423b57}.signalBadge.middel{color:#765022;background:#fff9ec;border-color:#c88a3257}.signalBadge.laag{color:#236344;background:#f3fbf6;border-color:#367d5d47}.retentionBadge{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:32px;padding:0 12px;font-weight:900;display:inline-flex;font-size:12px!important}.retentionBadge.actie{color:#7a302b;background:#fff7f6;border-color:#a6423b57}.retentionBadge.monitor{color:#765022;background:#fff9ec;border-color:#c88a3257}.retentionBadge.ok{color:#236344;background:#f3fbf6;border-color:#367d5d47}.moderationRow{gap:10px}.moderationForm{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid}.moderationForm .ghostButton{width:100%}.moderationForm input,.moderationForm select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--surface);font:inherit;border-radius:8px;padding:0 11px;font-weight:650}.accountProfileForm{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.accountProfileForm label{color:#35454e;gap:8px;font-size:14px;font-weight:850;display:grid}.accountProfileForm input{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);font:inherit;border-radius:8px;padding:0 12px;font-weight:650}.accountProfileActions{align-items:end;margin-top:0}.inviteShareGrid{gap:14px;margin-top:16px;display:grid}.inviteLinkBox{color:#35454e;gap:8px;font-size:14px;font-weight:850;display:grid}.inviteLinkBox input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface);font:inherit;border-radius:8px;padding:0 12px;font-weight:650}.whatsappButton{background:#178a4c;border-color:#178a4c}.detailHeader{margin-bottom:20px}.detailMeta{justify-content:flex-start;margin-top:18px}.dossierTopActions{margin-bottom:24px}.dossierExportForm{grid-template-columns:minmax(160px,.7fr) minmax(240px,1fr) minmax(160px,auto);align-items:end;gap:12px;display:grid}.dossierExportForm label{color:#35454e;gap:8px;font-size:14px;font-weight:850;display:grid}.dossierExportForm input,.dossierExportForm select{border:1px solid var(--line);min-height:42px;color:var(--ink);font:inherit;background:#fbfdfc;border-radius:8px;padding:0 12px;font-weight:650}.formHint{color:var(--muted);margin:12px 0 0;line-height:1.45}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detailText{color:#34454e;max-width:920px;font-size:18px;line-height:1.55}.detailFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.detailFacts span{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fbfdfc;border-radius:8px;padding:11px 13px;font-weight:750}.detailTimeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.detailTimeline li{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:5px;padding:14px;display:grid}.detailTimeline span{color:#34454e;line-height:1.45}.detailTimeline em{color:var(--muted);font-size:13px;font-style:normal;font-weight:750}@media (max-width:1100px){.shell{grid-template-columns:1fr}.workspace{order:2}.sidebar{overscroll-behavior:contain;border-right:0;border-bottom:1px solid var(--line);scrollbar-gutter:stable;order:1;height:auto;max-height:min(720px,100dvh - 16px);position:relative;overflow-y:auto}.nav{grid-template-columns:repeat(5,minmax(0,1fr))}.trustBox{margin-top:0}.statusGrid,.mainGrid,.detailGrid,.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrationGuide{grid-template-columns:1fr}}@media (max-width:760px){.workspace,.sidebar{padding:20px}.topbar,.incidentRow,.panelHeader{display:grid}.actions,.incidentMeta,.panelActions{justify-content:stretch}.button,.ghostButton{width:100%}.nav,.statusGrid,.mainGrid,.adminGrid,.adminTabs,.dataForm,.dossierExportForm,.detailFacts,.eufyModalFlow,.eufyModalIntro,.preferenceGroup,.adminPageGrid,.cameraTableRow,.cameraRowActions,.accountProfileForm,.moderationForm,.adminUserDetailGrid,.adminUserDataList.compact,.integrationGuide,.compactRows .tableRow{grid-template-columns:1fr}.formActions{justify-content:stretch;display:grid}.singleAction{grid-template-columns:1fr;width:100%}.disabledCameraActions,.disabledCameraDeleteForm{grid-template-columns:1fr;max-width:none}.agreementDialog,.adminUserDialog,.integrationDialog,.recordingsDialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.agreementDialogInner,.integrationDialog,.recordingsDialogInner{gap:14px;padding:18px}.recordingRow{grid-template-columns:1fr}h1{font-size:34px}}@media print{body,.formPage{color:#111;background:#fff}.printHidden,.backLink,.sidebar,.nav{display:none!important}.formPage{padding:0}.adminShell,.formShell{width:100%}.adminPanel,.emergencyNotice{break-inside:avoid;box-shadow:none;border-color:#bbb}.detailGrid,.detailFacts{grid-template-columns:1fr}}